/* 縮小失敗。正在傳回未縮小的內容。
(2117,35): run-time error CSS1046: Expect comma, found '255'
(2117,43): run-time error CSS1046: Expect comma, found '/'
(2814,29): run-time error CSS1046: Expect comma, found '255'
(2814,37): run-time error CSS1046: Expect comma, found '/'
(5198,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-daygrid-event-dot-width'
(5198,73): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(5240,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(5240,71): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(5244,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(5244,71): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(5248,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(5248,71): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(5252,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(5252,71): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(5568,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-14'
(5637,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-12'
(5645,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-7'
(5755,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-14'
(7261,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-border-color'
(7361,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-text-color'
(7363,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-bg-color'
(7365,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-border-color'
(7370,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-text-color'
(7372,32): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-hover-bg-color'
(7374,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-hover-border-color'
(7379,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-text-color'
(7381,32): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-bg-color'
(7383,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-border-color'
(7389,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-text-color'
(7391,32): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-active-bg-color'
(7393,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-active-border-color'
(7503,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-border-color'
(7558,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(7605,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-non-business-color'
(7609,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-bg-event-color'
(7611,19): run-time error CSS1039: Token not allowed after unary operator: '-fc-bg-event-opacity'
(7617,25): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(7623,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-highlight-color'
(7629,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(7659,30): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(7661,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-border-width'
(7663,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(7665,18): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(7668,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(7697,26): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-selected-overlay-color'
(7708,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(7710,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-bg-color'
(7715,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-text-color'
(7765,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(7772,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(7779,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(7785,27): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(7791,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(7797,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(7801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7832,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-border-color'
(7833,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(7838,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(7859,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-today-bg-color'
(7958,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(7960,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-text-color'
(8001,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(8043,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-daygrid-event-dot-width'
(8043,73): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(8045,30): run-time error CSS1039: Token not allowed after unary operator: '-fc-daygrid-event-dot-width'
(8059,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(8061,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-bg-color'
(8066,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-text-color'
(8123,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(8130,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(8135,27): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(8141,32): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(8146,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(8151,27): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(8235,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-today-bg-color'
(8316,32): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(8321,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(8332,25): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(8347,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(8365,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-now-indicator-color'
(8375,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-now-indicator-color'
(8394,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-border-color'
(8399,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(8424,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(8444,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(8471,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-hover-bg-color'
(8486,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(8486,71): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(8488,30): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(15340,38): run-time error CSS1030: Expected identifier, found '>'
(15340,64): run-time error CSS1031: Expected selector, found ')'
(15340,64): run-time error CSS1025: Expected comma or open brace, found ')'
(15347,34): run-time error CSS1030: Expected identifier, found '>'
(15347,60): run-time error CSS1031: Expected selector, found ')'
(15347,60): run-time error CSS1025: Expected comma or open brace, found ')'
(15355,30): run-time error CSS1030: Expected identifier, found '>'
(15355,45): run-time error CSS1031: Expected selector, found ')'
(15355,45): run-time error CSS1025: Expected comma or open brace, found ')'
(15359,34): run-time error CSS1030: Expected identifier, found '>'
(15359,49): run-time error CSS1031: Expected selector, found ')'
(15359,49): run-time error CSS1025: Expected comma or open brace, found ')'
(15366,34): run-time error CSS1030: Expected identifier, found '>'
(15366,49): run-time error CSS1031: Expected selector, found ')'
(15366,49): run-time error CSS1025: Expected comma or open brace, found ')'
(15373,30): run-time error CSS1030: Expected identifier, found '>'
(15373,45): run-time error CSS1031: Expected selector, found ')'
(15373,45): run-time error CSS1025: Expected comma or open brace, found ')'
(15380,34): run-time error CSS1030: Expected identifier, found '>'
(15380,49): run-time error CSS1031: Expected selector, found ')'
(15380,49): run-time error CSS1025: Expected comma or open brace, found ')'
(20648,27): run-time error CSS1046: Expect comma, found '0'
(20648,31): run-time error CSS1046: Expect comma, found '/'
(22385,16): run-time error CSS1030: Expected identifier, found '['
(22385,22): run-time error CSS1031: Expected selector, found '*='
(22385,22): run-time error CSS1025: Expected comma or open brace, found '*='
(22481,1): run-time error CSS1019: Unexpected token, found '@import'
(22481,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Roboto+Condensed")'
(22506,25): run-time error CSS1046: Expect comma, found '183'
(22506,33): run-time error CSS1046: Expect comma, found '/'
 */
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    -webkit-text-size-adjust: 100%; /* 2 */
    line-height: 1.15; /* 1 */
}

/* Sections
    ========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
    margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/
main {
    display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
    ========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
    ========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
    background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
    -webkit-text-decoration: underline dotted;
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
    font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
* Add the correct font size in all browsers.
*/
small {
    font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
    ========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
    border-style: none;
}

/* Forms
    ========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
    overflow: visible; /* 1 */
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
    text-transform: none; /* 1 */
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: none;
}

    /**
* Remove the inner border and padding in Firefox.
*/
    button::-moz-focus-inner,
    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    /**
* Restore the focus styles unset by the previous rule.
*/
    button:-moz-focusring,
    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

/**
* Correct the padding in Firefox.
*/
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
    vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
    overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

    /**
* Remove the inner padding in Chrome and Safari on macOS.
*/
    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
    ========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
    display: block;
}

/*
* Add the correct display in all browsers.
*/
summary {
    display: list-item;
}

/* Misc
    ========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
    display: none;
}

/**
* Add the correct display in IE 10.
*/
[hidden] {
    display: none;
}

/*lightbox?背景???像???出???????????CSS*/
#fancybox-wrap {
    box-sizing: content-box !important;
}
/*# Mouse-Over Button Rotate */

@charset "UTF-8";

/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > function
------------------------------
*/
/*!
global > mixin
------------------------------
*/
/*@include g.aspect-ratio(100,60)*/
/*@include g.aspect-ratio(100, 60, 100);*/
/*@include g.inner()*/
/*!
foundation > base
------------------------------
*/
html {
    font-size: 16px;
}

body {
    color: #333;
    font-family: "微軟正黑體", "微軟正黑體", sans-serif;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1.75;
}

a {
    cursor: pointer;
    text-decoration: none;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    outline: none;
}

/*!
utility > utility
------------------------------
*/
/*!
component > title
------------------------------
*/
.el_ttl {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
}

.el_tt2 {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    color: #FFF;
}

@media screen and (min-width: 768px) {
    .el_ttl {
        font-size: 2rem;
    }

    .el_tt2 {
        font-size: 2rem;
    }
}

@media screen and (min-width: 768px) {
    .el_ttl.el_n-news_ttl {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        margin: 0;
        writing-mode: vertical-rl;
    }

        .el_ttl.el_n-news_ttl::after {
            /*background: url(../../assets/imgs/site/ttl/text-news-en.svg) no-repeat;*/
            background-size: contain;
            content: "";
            height: 36px;
            position: absolute;
            right: -1.25rem;
            top: 2px;
            width: 19px;
        }
}

@media screen and (max-width: 767px) {
    .el_ttl.el_n-news_ttl::after {
        /* 2024/5/29 因為沒有實際圖檔所以註解。 */
        /*background: url(../../assets/imgs/site/ttl/text-news-horizontal-en.svg) no-repeat;*/
        background-size: contain;
        content: "";
        height: 17px; /*???*/
        left: 2px;
        position: absolute;
        top: 2.25rem;
        width: 31px; /*???*/
    }
}

.el_ttl.el_special-exhi_ttl {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    margin: 0;
    writing-mode: vertical-rl;
}

    .el_ttl.el_special-exhi_ttl::after {
        background: url(../../assets/imgs/site/ttl/text-SPECIAL-Exhibition-en.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 104px; /*???*/
        position: absolute;
        width: 17px; /*???*/
    }

@media screen and (max-width: 767px) {
    .el_ttl.el_special-exhi_ttl::after {
        bottom: -106px;
        left: 10px;
    }
}

@media screen and (min-width: 768px) {
    .el_ttl.el_special-exhi_ttl::after {
        height: 121px; /*???*/
        right: -1.25rem;
        top: 0;
        width: 19px; /*???*/
    }
}

.el_ttl.el_special-next-exhi_ttl {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    margin: 0;
    writing-mode: vertical-rl;
}

    .el_ttl.el_special-next-exhi_ttl::after {
        background: url(../../assets/imgs/site/ttl/text-SPECIAL-NEXT-Exhibition-en.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 136px; /*???*/
        position: absolute;
        width: 17px; /*???*/
    }

@media screen and (max-width: 767px) {
    .el_ttl.el_special-next-exhi_ttl::after {
        bottom: -140px;
        left: 10px;
    }
}

@media screen and (min-width: 768px) {
    .el_ttl.el_special-next-exhi_ttl::after {
        height: 159px; /*???*/
        right: -1.25rem;
        top: 0;
        width: 19px; /*???*/
    }
}

.el_ttl.el_permanent-exhi_ttl {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    color: #fff;
    margin: 0;
    writing-mode: vertical-rl;
}

    .el_ttl.el_permanent-exhi_ttl::after {
        /*background: url(../../assets/imgs/site/ttl/text-PERMANENT-Exhibition-en.svg) no-repeat;*/
        background-size: contain;
        content: "";
        height: 130px; /*???*/
        position: absolute;
        width: 17px; /*???*/
    }

@media screen and (max-width: 767px) {
    .el_ttl.el_permanent-exhi_ttl::after {
        bottom: -140px;
        left: 10px;
    }
}

@media screen and (min-width: 768px) {
    .el_ttl.el_permanent-exhi_ttl::after {
        height: 152px; /*???*/
        right: -1.25rem;
        top: 0;
        width: 19px; /*???*/
    }
}

.el_ttl.el_event_ttl::after {
    -webkit-transform: translateX(-50%);
    background: url(../../assets/imgs/site/ttl/text-Souvenir-en.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 30px;
    left: 50%;
    position: absolute;
    top: 3.25rem;
    transform: translateX(-50%);
    width: 138px;
}

.el_tt2.el_event_ttl::after {
    -webkit-transform: translateX(-50%);
    background: url(../../assets/imgs/site/ttl/text-Food-en.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 30px; /*???*/
    left: 50%;
    position: absolute;
    top: 3.25rem;
    transform: translateX(-50%);
    width: 138px; /*???*/
}

.el_ttl.el_calendar_ttl::after {
    -webkit-transform: translateX(-50%);
    background: url(../../assets/imgs/site/ttl/text-Calendar-en.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 19px; /*???*/
    left: 50%;
    position: absolute;
    top: 3.25rem;
    transform: translateX(-50%);
    width: 58px; /*???*/
}

.el_ttl.el_gallery_ttl {
    margin-bottom: 0;
}

/* ????????? */
.bl_underline_ttl {
    color: #000;
    font-size: 1.125rem;
    font-weight: 900;
    margin: 0;
    padding: 0.625rem 1.625rem;
    position: relative;
    text-align: center;
}

    .bl_underline_ttl::after {
        -webkit-transform: translateX(-50%);
        background-color: #C5B27A;
        bottom: 0;
        content: "";
        height: 1px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 80px;
    }

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

@media screen and (min-width: 768px) {
    .bl_underline_ttl {
        font-size: 1.375rem;
        margin-bottom: 4rem;
    }
}

/* ??????????例外 */
.bl_permanent-exhi .bl_underline_ttl {
    color: #fff;
    margin: 0 0 2.625rem;
}

.bl_sideline_ttl {
    font-size: 1.125rem;
    font-weight: 500;
    padding-left: 1.125rem;
    position: relative;
}

    .bl_sideline_ttl::before {
        -webkit-transform: translateY(-50%);
        background: #C5B27A;
        content: "";
        height: 1.375rem;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 0.3125rem;
    }

/*!
component > buttons
------------------------------
*/
.el_btn_round {
    color: #333;
    font-size: 0.9375rem;
    letter-spacing: 0.1em;
    position: relative;
}

@media screen and (min-width: 768px) {
    .el_btn_round {
        font-size: 0.8125rem;
        padding-top: 4.25rem;
        white-space: nowrap;
    }
}

.el_btn_round::before {
    -webkit-transform: translateY(-50%);
    background: #333; /*???????色*/
    border-radius: 50%;
    content: "";
    height: 42px; /*??????????*/
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 42px; /*??????????*/
}

@media screen and (min-width: 768px) {
    .el_btn_round::before {
        left: 0px;
    }
}

@media screen and (min-width: 768px) {
    .el_btn_round:hover::before {
        -webkit-animation: gold-shine 1.5s;
        animation: gold-shine 1.5s;
    }

    .el_btn_round:hover span {
        color: #9B8234;
    }
}

.el_btn_round::after {
    border-color: transparent transparent transparent #E9DEBC;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    content: "";
    height: 0;
    margin-top: -4px;
    position: absolute;
    right: 18px;
    top: 50%;
    width: 0;
}

@media screen and (min-width: 768px) {
    .el_btn_round::after {
        left: 20px;
    }
}

@media screen and (max-width: 767px) {
    .el_btn_round span {
        padding-right: 3.125rem;
    }
}

@media screen and (min-width: 768px) {
    .el_btn_round span {
        color: #333;
        transition: color 0.5s;
    }
}

.el_btn_round_sub {
    color: #333;
    font-size: 0.9375rem;
    letter-spacing: 0.1em;
    position: relative;
}

    .el_btn_round_sub::before {
        -webkit-transform: translateY(-50%);
        background: #333; /*???????色*/
        border-radius: 50%;
        content: "";
        height: 42px; /*??????????*/
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 42px; /*??????????*/
    }

@media screen and (min-width: 768px) {
    .el_btn_round_sub:hover::before {
        -webkit-animation: gold-shine 1.5s;
        animation: gold-shine 1.5s;
    }
}

.el_btn_round_sub::after {
    border-color: transparent transparent transparent #E9DEBC;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    content: "";
    height: 0;
    margin-top: -4px;
    position: absolute;
    right: 18px;
    top: 50%;
    width: 0;
}

.el_btn_round_sub span {
    padding-right: 3.125rem;
}

.el_btn_shop {
    color: #333;
    font-size: 0.8125rem;
    margin-left: 0.625rem;
    position: relative;
}

@media screen and (min-width: 992px) {
    .el_btn_shop {
        margin-left: 1.375rem;
    }
}

.el_btn_shop::before {
    -webkit-transform: translateY(-50%);
    background: #333; /*???????色*/
    border-radius: 50%;
    content: "";
    height: 24px; /*??????????*/
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px; /*??????????*/
}

@media screen and (min-width: 768px) {
    .el_btn_shop:hover::before {
        -webkit-animation: gold-shine 1.5s;
        animation: gold-shine 1.5s;
    }
}

.el_btn_shop::after {
    border-color: transparent transparent transparent #E9DEBC;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    content: "";
    height: 0;
    left: 10px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 0;
}

.el_btn_shop span {
    padding-left: 1.875rem;
}

.el_btn_square {
    background-color: #333;
    border: 1px solid #B99B6B;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1607843137);
    color: #FFFFFF;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0.032em;
    overflow: hidden;
    padding: 0.875rem 0;
    text-align: center;
    transition: opacity 0.5s;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .el_btn_square {
        padding: 1.375rem 0;
        position: relative;
    }
}

.el_btn_square span {
    position: relative;
}

    .el_btn_square span::before {
        border-color: transparent transparent transparent #FFFFFF;
        border-style: solid;
        border-width: 4px 0 4px 6px;
        content: "";
        height: 0;
        left: -1.25rem;
        margin-top: -4px;
        position: absolute;
        top: 50%;
        width: 0;
    }

@media screen and (max-width: 767px) {
    .el_btn_square.el_btn_line {
        background-color: transparent;
    }
}

/* ??????　?果 */
@media screen and (min-width: 768px) {
    .el_bright-shine:hover {
        -webkit-animation: bright-shine 1.5s;
        animation: bright-shine 1.5s;
    }
}

@-webkit-keyframes bright-shine {
    20% {
        background: #fff;
    }
}

@keyframes bright-shine {
    20% {
        background: #fff;
    }
}

@media screen and (min-width: 768px) {
    .el_dark-shine:hover {
        -webkit-animation: dark-shine 1.5s;
        animation: dark-shine 1.5s;
    }
}

@-webkit-keyframes dark-shine {
    20% {
        background: #f2f2f2;
    }
}

@keyframes dark-shine {
    20% {
        background: #f2f2f2;
    }
}

@media screen and (min-width: 768px) {
    .el_gold-shine:hover {
        -webkit-animation: gold-shine 1.5s;
        animation: gold-shine 1.5s;
    }
}

@-webkit-keyframes gold-shine {
    20% {
        background: rgba(155, 130, 52, 0.8980392157);
    }
}

@keyframes gold-shine {
    20% {
        background: rgba(155, 130, 52, 0.8980392157);
    }
}

.el_btn_noside {
    background-color: #B39C56;
    border-bottom: 1px solid #C5B27A;
    border-top: 1px solid #C5B27A;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    overflow: hidden;
    padding: 0.75rem 0;
    text-align: center;
    transition: opacity 0.5s;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .el_btn_noside {
        background-color: #fff;
        font-size: 1.125rem;
        padding: 1.125rem 0;
        position: relative;
    }

        .el_btn_noside span {
            color: #1A1A1A;
            position: relative;
            z-index: 3;
        }

        .el_btn_noside::after {
            -webkit-transform: scale(0, 1);
            -webkit-transform-origin: top;
            /*色?形?*/
            background: #B39C56;
            content: "";
            height: 100%;
            left: 0;
            /*??配置?位置?指定*/
            position: absolute;
            top: 0;
            transform: scale(0, 1);
            transform-origin: top;
            /*???????*/
            transition: -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            width: 100%;
            z-index: 2;
        }

        .el_btn_noside:hover span {
            color: #fff;
        }

        .el_btn_noside:hover::after {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }
}

.el_btn_border {
    background-color: #B39C56;
    border: 1px solid #C5B27A;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    overflow: hidden;
    padding: 0.75rem 0;
    position: relative;
    text-align: center;
    transition: opacity 0.5s;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .el_btn_border {
        background-color: #fff;
        font-size: 1.125rem;
    }

        .el_btn_border span {
            color: #1A1A1A;
            position: relative;
            z-index: 3;
        }

        .el_btn_border::after {
            -webkit-transform: scale(0, 1);
            -webkit-transform-origin: top;
            /*色?形?*/
            background: #B39C56;
            content: "";
            height: 100%;
            left: 0;
            /*??配置?位置?指定*/
            position: absolute;
            top: 0;
            transform: scale(0, 1);
            transform-origin: top;
            /*???????*/
            transition: -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            width: 100%;
            z-index: 2;
        }

        .el_btn_border:hover span {
            color: #fff;
        }

        .el_btn_border:hover::after {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }
}

.el_btn_border.el_dl::before {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/dl-gold.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 25px;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}

.el_btn_border.el_cal::before {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/calender-gold.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 27px;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 27px;
}

.el_btn_border.el_list::before {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/list-gold.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
}

.el_btn_border.el_arrow::before {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/arrow-right-gold.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 18px;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
}

.el_btn_border.el_insta::before {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/instagram-gold-02.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 15px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
}

.el_btn_border.el_twitter::before {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/twitter-gold-02.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 13px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
}

.el_btn_border.el_facebook::before {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/facebook-gold-02.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 15px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.bl_tab-btn_wrap {
    display: flex;
}

    .bl_tab-btn_wrap li:first-child:nth-last-child(1), .bl_tab-btn_wrap li:first-child:nth-last-child(1) ~ .bl_tab-btn {
        width: 100%;
    }

    .bl_tab-btn_wrap li:first-child:nth-last-child(2), .bl_tab-btn_wrap li:first-child:nth-last-child(2) ~ .bl_tab-btn {
        width: 50%;
    }

    .bl_tab-btn_wrap li:first-child:nth-last-child(3), .bl_tab-btn_wrap li:first-child:nth-last-child(3) ~ .bl_tab-btn {
        width: 33.3333333333%;
    }

    .bl_tab-btn_wrap li:first-child:nth-last-child(4), .bl_tab-btn_wrap li:first-child:nth-last-child(4) ~ .bl_tab-btn {
        width: 25%;
    }

    .bl_tab-btn_wrap li:first-child:nth-last-child(5), .bl_tab-btn_wrap li:first-child:nth-last-child(5) ~ .bl_tab-btn {
        width: 20%;
    }

    .bl_tab-btn_wrap .bl_tab-btn {
        border-bottom: 1px solid #C5B27A;
        border-top: 1px solid #C5B27A;
        color: #1A1A1A;
        font-size: 1rem;
        font-weight: 500;
        padding: 1.125rem 0;
        text-align: center;
        transition: background-color 0.5s;
    }

@media screen and (min-width: 768px) {
    .bl_tab-btn_wrap .bl_tab-btn {
        font-size: 1.125rem;
    }
}

.bl_tab-btn_wrap .bl_tab-btn.is_active {
    background-color: #F9F9F9;
    position: relative;
}

    .bl_tab-btn_wrap .bl_tab-btn.is_active::after {
        -webkit-transform: translateX(-50%);
        background-color: #B99B6B;
        bottom: -2px;
        content: "";
        height: 4px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 100%;
    }

@media screen and (min-width: 768px) {
    .bl_tab-btn_wrap .bl_tab-btn.is_active::after {
        width: 172px;
    }
}

.bl_tab-btn_wrap .bl_tab-btn.is_active a {
    pointer-events: none;
}

.bl_tab-btn_wrap .bl_tab-btn a {
    color: #1A1A1A;
    display: block;
}

    .bl_tab-btn_wrap .bl_tab-btn a h2 {
        font-size: 1.125rem;
        font-weight: 500;
        margin: 0;
    }

@media screen and (min-width: 768px) {
    .bl_tab-btn_wrap .bl_tab-btn:hover {
        background-color: #f2f2f2;
    }
}

.bl_expage-link_wrap {
    background-color: #fff;
    border-bottom: 1px solid #C5B27A;
    border-top: 0px solid #C5B27A;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .bl_expage-link_wrap li {
        list-style: none;
    }

        .bl_expage-link_wrap li:first-child:nth-last-child(1), .bl_expage-link_wrap li:first-child:nth-last-child(1) ~ .bl_expage-link_btn {
            margin: 0 20px;
        }

@media screen and (min-width: 768px) {
    .bl_expage-link_wrap li:first-child:nth-last-child(1), .bl_expage-link_wrap li:first-child:nth-last-child(1) ~ .bl_expage-link_btn {
        margin: 0 80px;
    }
}

.bl_expage-link_wrap li:first-child:nth-last-child(2), .bl_expage-link_wrap li:first-child:nth-last-child(2) ~ .bl_expage-link_btn {
    margin: 0 10px;
}

@media screen and (min-width: 768px) {
    .bl_expage-link_wrap li:first-child:nth-last-child(2), .bl_expage-link_wrap li:first-child:nth-last-child(2) ~ .bl_expage-link_btn {
        margin: 0 40px;
    }
}

.bl_expage-link_wrap li:first-child:nth-last-child(3), .bl_expage-link_wrap li:first-child:nth-last-child(3) ~ .bl_expage-link_btn {
    margin: 0 6.6666666667px;
}

@media screen and (min-width: 768px) {
    .bl_expage-link_wrap li:first-child:nth-last-child(3), .bl_expage-link_wrap li:first-child:nth-last-child(3) ~ .bl_expage-link_btn {
        margin: 0 26.6666666667px;
    }
}

.bl_expage-link_wrap li:first-child:nth-last-child(4), .bl_expage-link_wrap li:first-child:nth-last-child(4) ~ .bl_expage-link_btn {
    margin: 0 2px;
}

@media screen and (min-width: 768px) {
    .bl_expage-link_wrap li:first-child:nth-last-child(4), .bl_expage-link_wrap li:first-child:nth-last-child(4) ~ .bl_expage-link_btn {
        margin: 0 20px;
    }
}

.bl_expage-link_wrap li:first-child:nth-last-child(5), .bl_expage-link_wrap li:first-child:nth-last-child(5) ~ .bl_expage-link_btn {
    margin: 0 4px;
}

@media screen and (min-width: 768px) {
    .bl_expage-link_wrap li:first-child:nth-last-child(5), .bl_expage-link_wrap li:first-child:nth-last-child(5) ~ .bl_expage-link_btn {
        margin: 0 16px;
    }
}

.bl_expage-link_wrap .bl_expage-link_btn {
    color: #1A1A1A;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0.875rem 0.375rem;
    text-align: center;
    transition: all 0.5s;
}

@media screen and (min-width: 768px) {
    .bl_expage-link_wrap .bl_expage-link_btn {
        font-size: 1.125rem;
        font-weight: 500;
        padding: 1.625rem 0;
    }

        .bl_expage-link_wrap .bl_expage-link_btn:not(.is_active) {
            position: relative;
        }

            .bl_expage-link_wrap .bl_expage-link_btn:not(.is_active)::after {
                -webkit-transform: translateX(-50%) scale(0, 1);
                -webkit-transform-origin: center top;
                background-color: #B99B6B;
                bottom: -2px;
                content: "";
                height: 4px;
                left: 50%;
                position: absolute;
                transform: translateX(-50%) scale(0, 1);
                transform-origin: center top; /*上部中央基?*/
                transition: all 0.3s;
                width: 80px;
            }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .bl_expage-link_wrap .bl_expage-link_btn:not(.is_active)::after {
        width: 100%;
    }
}

.bl_expage-link_wrap .bl_expage-link_btn.is_active {
    position: relative;
    font-weight: 900;
    font-size: 1.25rem;
}

    .bl_expage-link_wrap .bl_expage-link_btn.is_active::after {
        -webkit-transform: translateX(-50%);
        background-color: #B99B6B;
        bottom: -3px;
        content: "";
        height: 5px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 100%;
    }

@media screen and (min-width: 768px) {
    .bl_expage-link_wrap .bl_expage-link_btn.is_active::after {
        bottom: -2px;
        height: 4px;
        width: 100%;
    }
}

.bl_expage-link_wrap .bl_expage-link_btn.is_active a {
    pointer-events: none;
}

.bl_expage-link_wrap .bl_expage-link_btn a {
    color: #1A1A1A;
    display: block;
}

.bl_expage-link_wrap .bl_expage-link_btn:hover::after {
    -webkit-transform: translateX(-50%) scale(1, 1);
    transform: translateX(-50%) scale(1, 1); /*X方向??????大*/
}

.bl_inpage-link_wrap {
    background-color: #fff;
    border-bottom: 1px solid #C5B27A;
    border-top: 1px solid #C5B27A;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .bl_inpage-link_wrap .bl_inpage-link_btn {
        padding: 1.125rem 0.75rem 1.125rem 1.5rem;
        text-align: center;
        transition: all 0.5s;
    }

        .bl_inpage-link_wrap .bl_inpage-link_btn a {
            color: #1A1A1A;
            font-size: 0.75rem;
            font-weight: 400;
            position: relative;
            transition: color 0.3s;
        }

            .bl_inpage-link_wrap .bl_inpage-link_btn a::after {
                -webkit-transform: translateY(-50%);
                background: url(../../assets/imgs/site/icon/arrow-down-black.svg) no-repeat center center;
                content: "";
                height: 6px;
                left: -20px;
                position: absolute;
                top: 52%;
                transform: translateY(-50%);
                transition: top 0.3s;
                width: 13px;
            }

@media screen and (min-width: 768px) {
    .bl_inpage-link_wrap .bl_inpage-link_btn a {
        font-size: 1.125rem;
        font-weight: 500;
        padding: 1.625rem 0;
    }

        .bl_inpage-link_wrap .bl_inpage-link_btn a:hover {
            color: #C5B27A;
        }

            .bl_inpage-link_wrap .bl_inpage-link_btn a:hover::after {
                top: 58%;
            }
}

.el_btn_return {
    background-color: #fff;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin-bottom: -0.5rem;
    overflow: hidden;
    padding: 0.75rem 0;
    position: relative;
    text-align: center;
    transition: opacity 0.5s;
    width: 100%;
}

    .el_btn_return span {
        color: #000;
    }

    .el_btn_return::before {
        -webkit-transform: translateY(-50%);
        background: url(../../assets/imgs/site/icon/arrow-left-gold.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 18px;
        left: 14px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 9px;
    }

@media screen and (min-width: 768px) {
    .el_btn_return {
        font-size: 1rem;
        padding: 0.875rem 0;
    }

        .el_btn_return span {
            position: relative;
            z-index: 3;
        }

        .el_btn_return::after {
            -webkit-transform: scale(0, 1);
            -webkit-transform-origin: top;
            /*色?形?*/
            background: #B39C56;
            content: "";
            height: 100%;
            left: 0;
            /*??配置?位置?指定*/
            position: absolute;
            top: 0;
            transform: scale(0, 1);
            transform-origin: top;
            /*???????*/
            transition: -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            width: 100%;
            z-index: 2;
        }

        .el_btn_return:hover span {
            color: #fff;
        }

        .el_btn_return:hover::after {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }
}

.el_btn_press, .el_btn_download {
    border: 1px solid #C5B27A;
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    overflow: hidden;
    padding: 0.875rem 0;
    position: relative;
    text-align: left;
    transition: opacity 0.5s;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .el_btn_press, .el_btn_download {
        font-size: 1rem;
    }
}

.el_btn_press span, .el_btn_download span {
    color: #000;
    padding-left: 0.875rem;
    position: relative;
}

    .el_btn_press span::before, .el_btn_download span::before {
        background-color: #C5B27A;
        bottom: -18px;
        content: "";
        height: 4px;
        left: 14px;
        position: absolute;
        width: 30px;
    }

@media screen and (min-width: 768px) {
    .el_btn_press span::before, .el_btn_download span::before {
        left: 40px;
    }
}

.el_btn_press::before, .el_btn_download::before {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/paper-gold.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
}

@media screen and (min-width: 768px) {
    .el_btn_press, .el_btn_download {
        background-color: #fff;
        font-size: 1rem;
        padding: 0.875rem 0;
    }

        .el_btn_press span, .el_btn_download span {
            padding-left: 2.5rem;
            z-index: 3;
        }

        .el_btn_press::after, .el_btn_download::after {
            -webkit-transform: scale(0, 1);
            -webkit-transform-origin: top;
            /*色?形?*/
            background: #B39C56;
            content: "";
            height: 100%;
            left: 0;
            /*??配置?位置?指定*/
            position: absolute;
            top: 0;
            transform: scale(0, 1);
            transform-origin: top;
            /*???????*/
            transition: -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            width: 100%;
            z-index: 2;
        }

        .el_btn_press:hover span, .el_btn_download:hover span {
            color: #fff;
        }

        .el_btn_press:hover::after, .el_btn_download:hover::after {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }
}

.el_btn_detail_pdf {
    color: #B39C56;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    overflow: hidden;
    padding: 0.5rem 1.125rem 0.5rem 1.25rem;
    position: relative;
    text-align: left;
    transition: opacity 0.5s;
}

    .el_btn_detail_pdf span {
        position: relative;
        z-index: 2;
    }

    .el_btn_detail_pdf::before {
        -webkit-transform: translateY(-50%);
        background: url(../../assets/imgs/site/icon/dl-gold.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 17px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 13px;
    }

    .el_btn_detail_pdf::after {
        /*線?形?*/
        background: #C5B27A;
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        /*??配置?線?位置?決??*/
        position: absolute;
        /*????????指定*/
        transition: all 0.3s ease-in-out;
        width: 100%;
        z-index: 1;
    }

@media screen and (min-width: 768px) {
    .el_btn_detail_pdf:hover {
        color: #fff;
    }

        .el_btn_detail_pdf:hover::after {
            height: 100%;
        }
}

.el_btn_fill {
    background-color: #C5B27A;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    overflow: hidden;
    padding: 0.75rem 0;
    position: relative;
    text-align: center;
    transition: opacity 0.5s;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .el_btn_fill {
        border: 1px solid #C5B27A;
        font-size: 1.125rem;
        padding: 0.75rem 0;
    }

        .el_btn_fill span {
            color: #fff;
            position: relative;
            z-index: 3;
        }

        .el_btn_fill::after {
            -webkit-transform: scale(0, 1);
            -webkit-transform-origin: top;
            /*色?形?*/
            background: #fff;
            content: "";
            height: 100%;
            left: 0;
            /*??配置?位置?指定*/
            position: absolute;
            top: 0;
            transform: scale(0, 1);
            transform-origin: top;
            /*???????*/
            transition: -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
            width: 100%;
            z-index: 2;
        }

        .el_btn_fill:hover {
            border: 1px solid #C5B27A;
        }

            .el_btn_fill:hover span {
                color: #333;
            }

            .el_btn_fill:hover::after {
                -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
            }
}

.el_btn_open {
    font-size: 0.75rem;
    font-weight: 700;
    padding-right: 2.625rem;
    position: relative;
}

    .el_btn_open::before {
        -webkit-transform: translateY(-50%);
        background: url(../../assets/imgs/site/icon/circle_plus.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 31px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: background 0.3s;
        width: 31px;
    }

.el_simple_link {
    color: #B39C56;
    padding-left: 1rem;
    position: relative;
    text-decoration: underline;
}

@media screen and (min-width: 768px) {
    .el_simple_link:hover {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
    }
}

.el_simple_link.el_triangle::after {
    -webkit-transform: translateY(-50%);
    border-color: transparent transparent transparent #C5B27A;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    content: "";
    display: inline-block;
    height: 0;
    left: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
}

.el_simple_link.el_external::after {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/exlink-gold.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 16px;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
}

.el_btn_download {
    background-color: #FCFBF6;
}

    .el_btn_download::before {
        -webkit-transform: translateY(-50%);
        background: url(../../assets/imgs/site/icon/dl-gold.svg) no-repeat;
        background-size: contain;
        height: 20px;
        transform: translateY(-50%);
        width: 16px;
    }

.el_btn_googlemap {
    background-color: #FCFBF6;
    border: 1px solid #C5B27A;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    padding: 1rem;
    position: relative;
    width: 100%;
}

    .el_btn_googlemap::before {
        -webkit-transform: translateY(-50%);
        background: url(../../assets/imgs/site/icon/pin-btn-gold.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 16px;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        width: 12px;
    }

    .el_btn_googlemap span {
        color: #000;
        position: relative;
    }

@media screen and (min-width: 768px) {
    .el_btn_googlemap span {
        z-index: 3;
    }

    .el_btn_googlemap::after {
        -webkit-transform: scale(0, 1);
        -webkit-transform-origin: top;
        /*色?形?*/
        background: #B39C56;
        content: "";
        height: 100%;
        left: 0;
        /*??配置?位置?指定*/
        position: absolute;
        top: 0;
        transform: scale(0, 1);
        transform-origin: top;
        /*???????*/
        transition: -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
        transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
        transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
        width: 100%;
        z-index: 2;
    }

    .el_btn_googlemap:hover span {
        color: #fff;
    }

    .el_btn_googlemap:hover::after {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

.el_btn_kids {
    background-color: #FAD688;
    border: 5px solid #fff;
    border-radius: 50px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0862745098);
    box-sizing: border-box;
    color: #172D5E;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 0.25rem 0;
    position: relative;
    text-align: center;
    width: 312px;
}

    .el_btn_kids::before {
        -webkit-transform: translateY(-50%);
        background: url(../../assets/imgs/site/icon/arrow-circle-kids.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 18px;
        left: 1rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
    }

@media screen and (min-width: 768px) {
    .el_btn_kids {
        opacity: 1;
        transition: opacity 0.3s;
        width: 382px;
    }

        .el_btn_kids:hover {
            opacity: 0.6;
        }
}

/*!
component > etc
------------------------------
*/
@media screen and (min-width: 577px) {
    .hidden-sm {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .hidden-md {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .hidden-lg {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    .hidden-xl {
        display: none;
    }
}

@media screen and (max-width: 320px) {
    .hidden-xs-down {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .hidden-sm-down {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .hidden-md-down {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .hidden-lg-down {
        display: none;
    }
}

.section {
    padding-bottom: 120px;
    padding-top: 100px;
}

@media screen and (min-width: 577px) {
    .section {
        padding-bottom: 80px;
        padding-top: 40px;
    }
}

.inner {
    height: inherit;
    margin: 0 auto;
    max-width: 1100px;
    width: 100%;
}

@media screen and (max-width: 576px) {
    .inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.hp_display-none {
    display: none;
}

/*!
layout > container
------------------------------
*/
@media screen and (max-width: 767px) {
    .ly_cont_sub main {
        font-size: 14px;
    }
}

@media screen and (min-width: 992px) {
    .ly_cont_sub main {
        padding-top: 142px;
    }
}

/*!
layout > header
------------------------------
*/
.header {
    align-items: center;
    display: flex;
    height: 80px;
    padding: 0 8px;
}

.header-logo {
    width: 80px;
}

    .header-logo a {
        display: block;
    }

/* SP版 */
.ly_header_sp {
    /* 重要??知?? */
    /* ?索????言語切替??? */
    /*==?索?背景????*/
    /*???????後、JS?#js-search-wrap? panelactive ????付与???後?見?目*/
    /*==?索?????*/
    /*???????後、JS?#js-search-wrap? panelactive ????付与???後*/
    /*==?索?????設定*/
    /*==????入力????input共通設定*/
    /*????入力input設定*/
    /*???input設定*/
    /*=======　閉?????×???　========*/
    /*×???*/
    /* SP用???????（?面下部固定） */
    /* ????????下?部分?FAQ??問合? */
    /* ????????下?部分?SNS */
    /* ????????下?部分?住所 */
    /* ????????下?部分?開館????*/
    /* ????????下?部分?友????報???*/
    /* ????????下?部分???? */
    /* ????????下?部分?*/
}

@media screen and (min-width: 1367px) {
    .ly_header_sp {
        display: none;
    }
}

.ly_header_sp .bl_header_info {
    position: relative;
}

    .ly_header_sp .bl_header_info .bl_header_info_unit {
        bottom: 0;
        height: 60px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
    }

.ly_header_sp .bl_header_info_unit {
    background-color: #f2f2f2;
    padding: 0.375rem 3.75rem;
    position: relative;
}

    .ly_header_sp .bl_header_info_unit::before {
        -webkit-transform: translateY(-50%);
        background: url(../../assets/imgs/site/icon/info-red.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 24px;
        left: 1.125rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 24px; /*???*/
    }

    .ly_header_sp .bl_header_info_unit::after {
        -webkit-transform: translateY(-50%);
        background: url(../../assets/imgs/site/icon/arrow-circle-right-grey.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 22px;
        position: absolute;
        right: 1.125rem;
        top: 50%;
        transform: translateY(-50%);
        width: 22px; /*???*/
    }

.ly_header_sp .bl_headerInfo_meta {
    color: #666666;
    font-size: 0.875rem;
    margin: 0;
}

.ly_header_sp .bl_headerInfo_lead {
    color: #1A1A1A;
    font-size: 0.9375rem;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ly_header_sp .bl_header_func {
    position: relative;
}

.ly_header_sp .bl_header_func_wrap {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

    .ly_header_sp .bl_header_func_wrap li {
        background-color: rgb(255 255 255 / 50%);
        cursor: pointer;
        padding: 0.6875rem 1.0625rem;
    }

.ly_header_sp #js-sp-search_open-btn.btnactive, .ly_header_sp #js-sp-lang_open-btn.btnactive {
    background-color: #f2f2f2;
}

.ly_header_sp #js-search-wrap, .ly_header_sp #js-lang-wrap {
    height: 80vh;
    left: 0;
    opacity: 0; /*透過?0?*/
    position: fixed; /*固定配置???*/
    top: 0px;
    transition: all 0.4s; /*transition?使???????現??*/
    width: 100%;
    z-index: -1; /*最背面?設定*/
}

    .ly_header_sp #js-search-wrap.panelactive, .ly_header_sp #js-lang-wrap.panelactive {
        background: #f2f2f2;
        /*中?要素?天地中央揃????設定*/
        display: flex;
        justify-content: center;
        opacity: 1; /*不透明??更*/
        z-index: 3; /*全面?出現*/
    }

    .ly_header_sp #js-lang-wrap.panelactive {
        align-items: center;
    }

    .ly_header_sp #js-search-wrap .bl_sp-search_area, .ly_header_sp #js-lang-wrap .bl_sp-lang_area {
        display: none; /*?索??????、???非表示*/
    }

    .ly_header_sp #js-search-wrap.panelactive .bl_sp-search_area, .ly_header_sp #js-lang-wrap.panelactive .bl_sp-lang_area {
        display: block; /*?索?????表示*/
        position: relative;
        width: 80%;
    }

    .ly_header_sp #js-search-wrap form {
        height: 66px;
    }

    .ly_header_sp #js-search-wrap input {
        -webkit-appearance: none; /*Safari?Chrome???????設定?無?*/
        cursor: pointer; /*?????指????*/
        outline: none;
    }

        .ly_header_sp #js-search-wrap input[type=text] {
            background: #f2f2f2;
            border: none;
            border-bottom: 2px solid #D6D6D6;
            letter-spacing: 0.05em;
            padding: 20px;
            text-align: center;
            transition: all 0.5s;
            width: 90%;
        }

            .ly_header_sp #js-search-wrap input[type=text]:focus {
                background: #fff;
            }

.ly_header_sp .bl_sp-search_area_input {
    box-sizing: content-box;
}

.ly_header_sp .bl_sp-search_area_btn {
    position: relative;
    text-align: center;
}

    .ly_header_sp .bl_sp-search_area_btn::before {
        -webkit-transform: translateX(-50%) translateY(-50%);
        background: url(../../assets/imgs/site/search-black.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 16px; /*???*/
        left: calc(50% - 40px);
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 16px; /*???*/
    }

.ly_header_sp #js-search-wrap input[type=submit] {
    background-color: transparent;
    border: 1px solid #999999;
    color: #333333;
    height: 40px;
    padding: 0.625rem 0 0.625rem 1.25rem;
    right: 10px;
    top: 0;
    width: 140px;
}

.ly_header_sp .bl_sp-search_close-btn, .ly_header_sp .bl_sp-lang_close-btn {
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 60px;
    z-index: 2;
}

    .ly_header_sp .bl_sp-search_close-btn span, .ly_header_sp .bl_sp-lang_close-btn span {
        background-color: #999999;
        border-radius: 2px;
        display: inline-block;
        height: 3px;
        left: 14px;
        position: absolute;
    }

        .ly_header_sp .bl_sp-search_close-btn span:nth-of-type(1), .ly_header_sp .bl_sp-lang_close-btn span:nth-of-type(1) {
            -webkit-transform: translateY(6px) rotate(-135deg);
            left: 16px;
            top: 21px;
            transform: translateY(6px) rotate(-135deg);
            width: 50%;
        }

        .ly_header_sp .bl_sp-search_close-btn span:nth-of-type(2), .ly_header_sp .bl_sp-lang_close-btn span:nth-of-type(2) {
            -webkit-transform: translateY(-6px) rotate(135deg);
            left: 16px;
            top: 32px;
            transform: translateY(-6px) rotate(135deg);
            width: 50%;
        }

.ly_header_sp .bl_sp-search_lead, .ly_header_sp .bl_sp-lang_lead {
    color: #999999;
    text-align: center;
}

.ly_header_sp .bl_sp-search_lead {
    padding-top: 5rem;
}

.ly_header_sp .bl_sp-lang-item {
    margin: 1.25rem 0;
    text-align: center;
}

.ly_header_sp .bl_sp-lang-link {
    color: #333333;
    padding: 0.625rem 1.875rem;
}

.ly_header_sp .bl_sp-lang_area .gtranslate_wrapper {
    position: static !important;
}

    .ly_header_sp .bl_sp-lang_area .gtranslate_wrapper a {
        color: #333;
        display: block;
        padding: 0.5rem 0;
        text-align: center;
    }

.ly_header_sp .bl_headerUtils {
    background: #333333;
    bottom: 0;
    height: 50px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 50;
}

    .ly_header_sp .bl_headerUtils > div {
        background: #333;
        border-bottom: 1px solid #E4E4E4;
        bottom: 0;
        height: 50px;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: 50;
    }

.ly_header_sp #js-nav {
    background: #fff;
    height: 100vh; /*???高?*/
    opacity: 0; /*????透過0*/
    /*position:fixed;??、z-index????小????最背面?*/
    position: fixed;
    /*???位置?形?*/
    top: 0;
    /*動?*/
    transition: all 0.3s;
    visibility: hidden;
    z-index: 1;
}

    .ly_header_sp #js-nav.panelactive {
        opacity: 1;
        visibility: visible;
        width: 100%;
        z-index: 40;
    }

        .ly_header_sp #js-nav.panelactive .bl_nav_scroll {
            -webkit-overflow-scrolling: touch;
            height: 100vh; /*表示??高?*/
            overflow: auto;
            /*????????場合??????*/
            position: fixed;
            width: 100%;
            z-index: 40;
        }

.ly_header_sp .bl_spheader_logo {
    margin-left: 2.25rem;
    margin-top: 50px;
}

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

    .ly_header_sp .bl_headerUtils_nav p {
        margin: 0;
    }

    .ly_header_sp .bl_headerUtils_nav .bl_txt {
        color: #E9DEBC;
        font-size: 0.625rem;
        margin-top: 4px;
        text-align: center;
        white-space: nowrap;
    }

    .ly_header_sp .bl_headerUtils_nav .bl_icon {
        height: 20px;
        margin-top: 4px;
        text-align: center;
    }

.ly_header_sp .bl_headerUtils_nav-lt {
    display: flex;
    width: calc(50% - 36px);
}

    .ly_header_sp .bl_headerUtils_nav-lt li {
        width: 50%;
    }

        .ly_header_sp .bl_headerUtils_nav-lt li:first-child .bl_icon img {
            height: 14px;
            width: 14px;
        }

        .ly_header_sp .bl_headerUtils_nav-lt li:last-child .bl_icon img {
            height: 20px;
            width: 16px;
        }

.ly_header_sp .bl_headerUtils_nav-rt {
    display: flex;
    width: calc(50% - 36px);
}

    .ly_header_sp .bl_headerUtils_nav-rt li {
        width: 50%;
    }

        .ly_header_sp .bl_headerUtils_nav-rt li:first-child .bl_icon img {
            height: 14px;
            width: 19px;
        }

        .ly_header_sp .bl_headerUtils_nav-rt li:last-child .bl_icon img {
            height: 18px;
            width: 18px;
        }

.ly_header_sp .bl_headerNav {
    background-color: #fff;
    margin-top: 20px;
    padding: 0 2.25rem;
}

.ly_header_sp .bl_headerNav_link {
    border-bottom: 1px solid #E3E3E3;
    color: #1A1A1A;
    display: block;
    font-size: 1rem;
    font-weight: 500;
    padding: 1.125rem 0.5rem 0.5rem;
    position: relative;
    z-index: 1;
}

    .ly_header_sp .bl_headerNav_link.no-child::after {
        -webkit-transform: translateY(-50%);
        background: url(../../assets/imgs/site/icon/arrow-right-black.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 12px;
        position: absolute;
        right: 4px;
        top: 50%;
        transform: translateY(-50%);
        width: 14px;
    }

.ly_header_sp .bl_headerNav_link_ttl {
    color: #999999;
    font-size: 0.875rem;
    margin-top: 1.125rem;
}

    .ly_header_sp .bl_headerNav_link_ttl a {
        color: #999999;
        font-size: 0.875rem;
        padding-top: 1.125rem;
    }

        .ly_header_sp .bl_headerNav_link_ttl a.hp_koshibun {
            color: #1A1A1A;
            position: relative;
        }

            .ly_header_sp .bl_headerNav_link_ttl a.hp_koshibun::after {
                background: url(../../assets/imgs/site/icon/exlink-grey.svg) no-repeat;
                background-size: contain;
                bottom: 0;
                content: "";
                height: 18px; /*???*/
                position: absolute;
                right: -1.625rem;
                width: 18px; /*???*/
            }

.ly_header_sp .has-child .bl_headerNav_link::after, .ly_header_sp .has-child .bl_headerNav_link::before {
    background-color: #1A1A1A;
    content: "";
    height: 2px;
    position: absolute;
    transition: all 0.5s ease;
    width: 12px;
}

.ly_header_sp .has-child .bl_headerNav_link::after {
    -webkit-transform: rotate(90deg);
    right: 8px;
    top: 48%;
    transform: rotate(90deg);
}

.ly_header_sp .has-child .bl_headerNav_link::before {
    -webkit-transform: rotate(0deg);
    right: 8px;
    top: 48%;
    transform: rotate(0deg);
}

.ly_header_sp .has-child.active .bl_headerNav_link::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.ly_header_sp .has-child > ul {
    display: none; /*JS?slidetoggle?表示?????非表示?*/
    left: 0;
    opacity: 1; /*JS?制御????一旦表示*/
    padding: 0 1rem;
    position: relative;
    top: 0;
    transition: none; /*JS?制御????CSS?????????切?*/
    visibility: visible; /*JS?制御????一旦表示*/
    width: 100%;
}

    .ly_header_sp .has-child > ul li:not([class]) {
        text-align: left;
        width: 100%;
    }

        .ly_header_sp .has-child > ul li:not([class]) a {
            color: #1f1f1f;
            display: block;
            font-size: 0.875rem;
            font-weight: 500;
            padding: 0.625rem 0rem 0.625rem 1rem;
            position: relative;
            z-index: 1;
        }

            .ly_header_sp .has-child > ul li:not([class]) a::before {
                -webkit-transform: translateY(-50%);
                background: #707070;
                content: "";
                height: 1px;
                left: 0px;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                width: 6px;
            }

.ly_header_sp .bl_headerNav_btn {
    display: flex;
    justify-content: center;
    margin-top: 28px;
}

    .ly_header_sp .bl_headerNav_btn li {
        margin: 0 2px;
        width: 37.3333333333%;
    }

    .ly_header_sp .bl_headerNav_btn a {
        border: 1px solid #333333;
        color: #333333;
        display: block;
        padding: 10px 0 10px 0px;
        text-align: center;
    }

        .ly_header_sp .bl_headerNav_btn a span {
            font-size: 0.8125rem;
            position: relative;
        }

            .ly_header_sp .bl_headerNav_btn a span.el_faq::before {
                -webkit-transform: translateY(-50%);
                /*background: url(../../assets/imgs/site/icon/speech-bubble-black.svg) no-repeat;*/
                background-size: contain;
                content: "";
                height: 16px; /*???*/
                left: -1.5rem;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                width: 20px; /*???*/
            }

            .ly_header_sp .bl_headerNav_btn a span.el_contact::before {
                -webkit-transform: translateY(-50%);
                /*background: url(../../assets/imgs/site/icon/paper-airplane-black.svg) no-repeat;*/
                background-size: contain;
                content: "";
                height: 16px; /*???*/
                left: -1.5rem;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                width: 20px; /*???*/
            }

.ly_header_sp .bl_headerNav_sns {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
}

    .ly_header_sp .bl_headerNav_sns a {
        padding: 1rem;
    }
        .ly_header_sp .bl_headerNav_sns a img {
            width: 16px;
            height: 16px;
        }

.ly_header_sp .bl_headerNav_info {
    margin-top: 1.25rem;
    text-align: center;
}

.ly_header_sp .bl_headerNav_info_address {
    font-size: 0.8125rem;
    margin-bottom: 0;
}

.ly_header_sp .bl_headerNav_info_link {
    color: #AFAFAF;
    font-size: 0.875rem;
    text-decoration: underline;
}

.ly_header_sp .bl_headerNav_info_tel {
    font-size: 0.75rem;
}

    .ly_header_sp .bl_headerNav_info_tel span {
        font-size: 1rem;
        letter-spacing: 0.1em;
        margin-left: 0.375rem;
    }

.ly_header_sp .bl_headerNav_cont {
    font-size: 0.75rem;
    margin-top: 1rem;
    text-align: center;
}

    .ly_header_sp .bl_headerNav_cont .bl_headerNav_cont_wrap {
        display: inline-block;
    }

    .ly_header_sp .bl_headerNav_cont .bl_indent {
        margin: 0;
        padding-left: 4em;
        text-align: left;
        text-indent: -4em;
    }

.ly_header_sp .bl_headerNav_btn02 li {
    margin: 1.125rem auto 0;
    position: relative;
    text-align: center;
    width: 150px;
}

    .ly_header_sp .bl_headerNav_btn02 li::before {
        color: #333;
        content: "[";
        left: 0;
        position: absolute;
        top: -4px;
    }

    .ly_header_sp .bl_headerNav_btn02 li::after {
        color: #333;
        content: "]";
        position: absolute;
        right: 0;
        top: -4px;
    }

.ly_header_sp .bl_headerNav_btn02 a {
    color: #333333;
    display: block;
    font-size: 0.8125rem;
}

.ly_header_sp .bl_headerNav_btn02 span {
    padding-left: 0rem;
    position: relative;
}

    .ly_header_sp .bl_headerNav_btn02 span.el_friends::before {
        -webkit-transform: translateY(-50%);
        /*background: url(../../assets/imgs/site/icon/plum-black.svg) no-repeat;*/
        background-size: contain;
        content: "";
        height: 17px; /*???*/
        left: -0.25rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 17px; /*???*/
    }

    .ly_header_sp .bl_headerNav_btn02 span.el_media::before {
        -webkit-transform: translateY(-50%);
        /*background: url(../../assets/imgs/site/icon/paper-black.svg) no-repeat;*/
        background-size: contain;
        content: "";
        height: 12px; /*???*/
        left: -0.25rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 15px; /*???*/
    }

.ly_header_sp .bl_headerNav_bnr {
    margin-top: 2rem;
    text-align: center;
}

.ly_header_sp .bl_headerNav_bottom {
    display: flex;
    justify-content: center;
    margin-bottom: 7.5rem;
    margin-top: 1.625rem;
}

    .ly_header_sp .bl_headerNav_bottom a {
        color: #333333;
        font-size: 0.75rem;
        padding: 0.5rem;
    }

/*?????????外側*/
.bl_openbtn {
    -webkit-transform: translateX(-50%);
    background: transparent linear-gradient(180deg, #84723A 0%, #333333 100%) 0% 0% no-repeat padding-box;
    border-radius: 72px;
    bottom: 0;
    cursor: pointer;
    height: 72px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 72px;
    z-index: 60; /*????最前面?*/
}

    /*??????????側*/
    .bl_openbtn span {
        background: #E9DEBC;
        border-radius: 2px;
        display: inline-block;
        height: 2px;
        left: 25px;
        position: absolute;
        transition: all 0.4s; /*????????設定*/
        width: 22px;
    }

        .bl_openbtn span:nth-of-type(1) {
            top: 20px;
        }

        .bl_openbtn span:nth-of-type(2) {
            top: 26px;
        }

        .bl_openbtn span:nth-of-type(3) {
            top: 32px;
        }

            .bl_openbtn span:nth-of-type(3)::after {
                color: #E9DEBC;
                content: "MENU"; /*3?目?要素?after?Menu表示?指定*/
                font-size: 0.875rem;
                left: -8px;
                position: absolute;
                top: 4px;
            }

    /*active????付与????線?回???×?*/
    .bl_openbtn.btnactive span:nth-of-type(1) {
        -webkit-transform: translateY(6px) rotate(-45deg);
        left: 26px;
        top: 20px;
        transform: translateY(6px) rotate(-45deg);
        width: 22px;
    }

    .bl_openbtn.btnactive span:nth-of-type(2) {
        opacity: 0; /*真?中?線?透過*/
    }

    .bl_openbtn.btnactive span:nth-of-type(3) {
        -webkit-transform: translateY(-6px) rotate(45deg);
        left: 26px;
        top: 32px;
        transform: translateY(-6px) rotate(45deg);
        width: 22px;
    }

        .bl_openbtn.btnactive span:nth-of-type(3)::after {
            -webkit-transform: translateY(0) rotate(-45deg);
            content: "CLOSE"; /*3?目?要素?after?Close表示?指定*/
            left: 6px;
            top: 6px;
            transform: translateY(0) rotate(-45deg);
        }

/* PC版 */
.ly_header_pc {
    background: #fff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
    /* ????上部 */
    /* ????下部 */
}

@media screen and (max-width: 1367px) {
    .ly_header_pc {
        display: none;
    }
}

.ly_header_pc .bl_headerUtils {
    height: 92px;
    /*HeightMin、上方固定?*/
}

    .ly_header_pc .bl_headerUtils.HeightMin {
        -webkit-animation: DownAnime 1s forwards;
        animation: DownAnime 1s forwards;
        background: rgb(255 255 255 / 90%);
        height: 70px;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 50; /*最前面*/
    }

@-webkit-keyframes DownAnime {
    from {
        -webkit-transform: translateY(-170px);
        opacity: 0;
        transform: translateY(-170px);
    }

    to {
        -webkit-transform: translateY(0);
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes DownAnime {
    from {
        -webkit-transform: translateY(-170px);
        opacity: 0;
        transform: translateY(-170px);
    }

    to {
        -webkit-transform: translateY(0);
        opacity: 1;
        transform: translateY(0);
    }
}

.ly_header_pc .ly_header_pc_inner {
    box-sizing: border-box;
}

.ly_header_pc .bl_header_upper {
    background-color: #f2f2f2;
    display: flex;
    height: 50px;
    justify-content: space-between;
    /* 重要??知?? */
    /* ????右側??????? */
    /* ?索??? */
    /* 言語切替??? */
}

    .ly_header_pc .bl_header_upper.HeightMin {
        display: none;
    }

    .ly_header_pc .bl_header_upper .bl_headerInfo {
        width: calc(100% - 685px);
    }

    .ly_header_pc .bl_header_upper .bl_headerInfo_wrap {
        display: flex;
        line-height: 50px;
        position: relative;
    }

        .ly_header_pc .bl_header_upper .bl_headerInfo_wrap::before {
            -webkit-transform: translateY(-50%);
            background: url(../../assets/imgs/site/icon/arrow-circle-right-grey.svg) no-repeat;
            background-size: contain;
            content: "";
            height: 22px;
            position: absolute;
            right: 1.125rem;
            top: 50%;
            transform: translateY(-50%);
            width: 22px; /*???*/
        }

    .ly_header_pc .bl_header_upper .bl_headerInfo_meta {
        color: #666;
        font-family: "微軟正黑體", sans-serif;
        font-size: 0.875rem;
        padding-left: 3.75rem;
        position: relative;
    }

        .ly_header_pc .bl_header_upper .bl_headerInfo_meta::before {
            -webkit-transform: translateY(-50%);
            background: url(../../assets/imgs/site/icon/info-red.svg) no-repeat;
            background-size: contain;
            content: "";
            height: 24px;
            left: 1.125rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 24px; /*???*/
        }

    .ly_header_pc .bl_header_upper .bl_headerInfo_lead {
        color: #1A1A1A;
        flex-grow: 1;
        min-width: 0;
        padding-left: 1rem;
        padding-right: 2.25rem;
    }

        .ly_header_pc .bl_header_upper .bl_headerInfo_lead span {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .ly_header_pc .bl_header_upper .bl_headerInfo {
        flex-shrink: 2;
    }

    .ly_header_pc .bl_header_upper .bl_headerFunc {
        display: flex;
        flex-shrink: 1;
        justify-content: space-between;
        /*width: 685px;*/
    }

    .ly_header_pc .bl_header_upper .bl_headerFunc_wrap {
        display: flex;
    }

    .ly_header_pc .bl_header_upper .bl_headerFunc_item {
        border-left: 1px solid #fff;
        max-width: 150px;
        overflow: hidden;
    }

    .ly_header_pc .bl_header_upper .bl_headerFunc_link {
        color: #5A5A5A;
        display: block;
        flex-shrink: 1;
        font-size: 0.938rem;
        line-height: 50px;
        padding: 0 1.25rem 0 2.5rem;
        position: relative;
        white-space: nowrap;
    }

        .ly_header_pc .bl_header_upper .bl_headerFunc_link.el_faq::before {
            -webkit-transform: translateY(-50%);
            background: url(../../assets/imgs/site/speech-bubble-grey.svg) no-repeat;
            background-size: contain;
            content: "";
            height: 14px; /*???*/
            left: 1.125rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 16px; /*???*/
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_link.el_contact::before {
            -webkit-transform: translateY(-50%);
            background: url(../../assets/imgs/site/paper-airplane-grey.svg) no-repeat;
            background-size: contain;
            content: "";
            height: 16px; /*???*/
            left: 1.125rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 20px; /*???*/
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_link.el_friends::before {
            -webkit-transform: translateY(-50%);
            background: url(../../assets/imgs/site/plum-grey.svg) no-repeat;
            background-size: contain;
            content: "";
            height: 16px; /*???*/
            left: 1.125rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 20px; /*???*/
        }

    .ly_header_pc .bl_header_upper .bl_headerFunc_search {
        background-color: #fff;
        flex-basis: 150px;
        flex-grow: 1;
        flex-shrink: 1;
        padding: 0.375rem 1rem;
        position: relative;
        width: 150px;
        /*????入力input設定*/
        /*????入力input??????????*/
        /*???input設定*/
    }

        .ly_header_pc .bl_header_upper .bl_headerFunc_search input {
            -webkit-appearance: none; /*Safari?Chrome???????設定?無?*/
            color: #666;
            cursor: pointer; /*?????指????*/
            outline: none;
        }

            .ly_header_pc .bl_header_upper .bl_headerFunc_search input[type=text] {
                border: none;
                border-bottom: 1px solid #D6D6D6;
                height: 34px;
                letter-spacing: 0.05em;
                padding: 0px;
                transition: all 0.5s;
                width: 80%;
            }

                .ly_header_pc .bl_header_upper .bl_headerFunc_search input[type=text]:focus {
                    background: #f2f2f2; /*背景色?付??*/
                }

            .ly_header_pc .bl_header_upper .bl_headerFunc_search input[type=submit] {
                background: url("../../assets/imgs/site/search-black.svg") no-repeat right; /*虫眼鏡?????背景?表示*/
                background-size: 20px 20px;
                border: none;
                height: 50px;
                padding: 0;
                position: absolute;
                right: 16px;
                top: 0px;
                width: 30px;
            }

    .ly_header_pc .bl_header_upper .bl_headerFunc_lang {
        background-color: #666666;
        flex-basis: 150px;
        flex-shrink: 0;
        height: 50px;
        width: 150px;
        /*追加????*/
    }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .gt_switcher_wrapper {
            right: 34px !important;
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .gglobe {
            background-image: url(../../assets/imgs/site/icon/language-white-txt.svg);
            background-repeat: no-repeat;
            background-size: contain;
            border-radius: 0;
            height: 18px;
            opacity: 1;
            width: 87px;
        }

            .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .gglobe:hover {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
            }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .gsatelites a {
            background-color: #F2F2F2;
            padding: 6px 106px 6px 18px;
            transition: background-color 0.3s;
        }

            .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .gsatelites a:hover {
                background-color: #4E4E4E;
            }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .gsatelites img {
            border-radius: 0;
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .gsatelite:hover img {
            -webkit-transform: scale(1);
            opacity: 1;
            transform: scale(1);
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .gsatelite.gt-current-lang img {
            -webkit-transform: scale(1);
            box-shadow: none;
            opacity: 1;
            transform: scale(1);
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .nturl.gsatelite[data-gt-lang=ja]::after {
            -webkit-transform: translate(-50%, -50%);
            color: #333;
            content: "日本語";
            font-size: 0.75rem;
            left: 60%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .nturl.gsatelite[data-gt-lang=en]::after {
            -webkit-transform: translate(-50%, -50%);
            color: #333;
            content: "English";
            font-size: 0.75rem;
            left: 60%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .nturl.gsatelite[data-gt-lang=fr]::after {
            -webkit-transform: translate(-50%, -50%);
            color: #333;
            content: "Francais";
            font-size: 0.75rem;
            left: 60%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .nturl.gsatelite[data-gt-lang=ja]::after {
            -webkit-transform: translate(-50%, -50%);
            color: #333;
            content: "日本語";
            font-size: 0.75rem;
            left: 60%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .nturl.gsatelite[data-gt-lang=zh-CN]::after {
            -webkit-transform: translate(-50%, -50%);
            color: #333;
            content: "中文";
            font-size: 0.75rem;
            left: 60%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .nturl.gsatelite[data-gt-lang=zh-TW]::after {
            -webkit-transform: translate(-50%, -50%);
            color: #333;
            content: "繁體中文";
            font-size: 0.75rem;
            left: 60%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .nturl.gsatelite[data-gt-lang=ko]::after {
            -webkit-transform: translate(-50%, -50%);
            color: #333;
            content: "???";
            font-size: 0.75rem;
            left: 60%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .nturl.gsatelite[data-gt-lang=ru]::after {
            -webkit-transform: translate(-50%, -50%);
            color: #333;
            content: "???????";
            font-size: 0.75rem;
            left: 60%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .nturl.gsatelite[data-gt-lang=pt]::after {
            -webkit-transform: translate(-50%, -50%);
            color: #333;
            content: "?ortugues";
            font-size: 0.75rem;
            left: 60%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang .gtranslate_wrapperGlobe .nturl.gsatelite:hover::after {
            color: #fff;
        }

    .ly_header_pc .bl_header_upper .bl_headerFunc_lang_wrap {
        height: 50px;
    }

    .ly_header_pc .bl_header_upper .bl_headerFunc_lang_child-item {
        font-size: 0.8125rem;
        padding: 0 0.375rem;
        text-align: center;
    }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang_child-item:first-child {
            color: #999999;
            padding: 1.125rem 0 0.75rem;
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang_child-item:not(:first-child) {
            margin-top: 1.125rem;
        }

            .ly_header_pc .bl_header_upper .bl_headerFunc_lang_child-item:not(:first-child) .bl_headerFunc_lang_child-link {
                display: block;
                padding: 0.375rem 0;
            }

    .ly_header_pc .bl_header_upper .bl_headerFunc_lang_child-link {
        color: #333;
    }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang_child-link:hover {
            background-color: #4E4E4E;
            color: #fff;
        }

    .ly_header_pc .bl_header_upper .bl_headerFunc_lang_item {
        background-color: #666666;
        color: #fff;
        font-weight: 700;
        padding-left: 0.625rem;
        position: relative;
        text-align: center;
    }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang_item:not(:first-child) {
            cursor: pointer;
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang_item span {
            height: inherit;
            line-height: 50px;
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang_item ul {
            /*形??指定*/
            background: #f2f2f2;
            opacity: 0;
            padding-bottom: 3.5rem;
            /*??配置?位置?指定*/
            position: absolute;
            right: 0;
            top: 50px;
            /*???????設定*/
            transition: opacity 0.3s;
            /*????非表示*/
            visibility: hidden;
            width: 150px;
            z-index: 4;
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang_item:hover ul {
            opacity: 1;
            visibility: visible;
        }

        .ly_header_pc .bl_header_upper .bl_headerFunc_lang_item::after {
            -webkit-transform: translateY(-50%);
            background: url(../../assets/imgs/site/icon/language-white.svg) no-repeat;
            background-size: contain;
            content: "";
            height: 16px; /*???*/
            left: 1.125rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 16px; /*???*/
        }

.ly_header_pc .bl_headerUtils {
    position: relative;
    /*2階層目以降??並?????*/
    /*hover???表示*/
}

    .ly_header_pc .bl_headerUtils > div {
        display: inline-block;
        left: 1.5vw;
        position: absolute;
        top: 0;
        z-index: 1;
    }

        .ly_header_pc .bl_headerUtils > div img {
            margin-top: 1rem;
            width: 320px;
        }

    .ly_header_pc .bl_headerUtils .bl_headerNav {
        display: flex;
        justify-content: flex-end;
        /*2階層目?基??????relative?指定*/
        position: relative;
    }

        .ly_header_pc .bl_headerUtils .bl_headerNav .bl_headerNav_link {
            color: #1f1f1f;
            display: inline-block;
            font-size: 1.188rem;
            font-weight: 900;
            position: relative;
        }

            .ly_header_pc .bl_headerUtils .bl_headerNav .bl_headerNav_link::after {
                -webkit-transform: scale(0, 1);
                -webkit-transform-origin: center top;
                background: #B39C56;
                bottom: -2px;
                content: "";
                height: 6px;
                left: 0%;
                /*??配置?線?位置?決??*/
                position: absolute;
                transform: scale(0, 1); /*X方向0、Y方向1*/
                transform-origin: center top; /*上部中央基?*/
                /*????????指定*/
                transition: all 0.3s;
                /*線?形?*/
                width: 100%;
            }

            .ly_header_pc .bl_headerUtils .bl_headerNav .bl_headerNav_link.is_active::after {
                -webkit-transform: scale(1, 1);
                bottom: -2px !important;
                transform: scale(1, 1); /*X方向??????大*/
            }

            .ly_header_pc .bl_headerUtils .bl_headerNav .bl_headerNav_link:hover {
                color: #B39C56;
            }

                .ly_header_pc .bl_headerUtils .bl_headerNav .bl_headerNav_link:hover::after {
                    -webkit-transform: scale(1, 1);
                    transform: scale(1, 1); /*X方向??????大*/
                }

            .ly_header_pc .bl_headerUtils .bl_headerNav .bl_headerNav_link span {
                white-space: nowrap;
            }

                .ly_header_pc .bl_headerUtils .bl_headerNav .bl_headerNav_link span img {
                    width: 16px;
                    height: 16px;
                }

        .ly_header_pc .bl_headerUtils .bl_headerNav .has-child .bl_headerNav_link::after {
            bottom: 0px;
        }

        .ly_header_pc .bl_headerUtils .bl_headerNav ul {
            display: block;
            margin-left: -12px;
        }

    .ly_header_pc .bl_headerUtils .bl_headerNav_link {
        line-height: 50px;
        padding: 20px 1.317715959vw;
    }

@media screen and (min-width: 1200px) {
    .ly_header_pc .bl_headerUtils .bl_headerNav_link {
        padding: 20px 8px;
    }
}

.ly_header_pc .bl_headerUtils .bl_headerNav_link.hp_snslink {
    padding: 20px 0.878477306vw;
}

@media screen and (min-width: 1200px) {
    .ly_header_pc .bl_headerUtils .bl_headerNav_link.hp_snslink {
        padding: 20px 14px;
    }
}

.ly_header_pc .bl_headerUtils .has-child .bl_has-child_wrap {
    /*形??指定*/
    background: #f2f2f2;
    border: 1px solid #AFAFAF;
    left: 0;
    opacity: 0;
    /*??配置?位置?指定*/
    position: absolute;
    top: 90px;
    /*???????設定*/
    transition: all 0.3s;
    /*????非表示*/
    visibility: hidden;
    width: 100%;
    z-index: 2;
}

.ly_header_pc .bl_headerUtils.HeightMin > div img {
    margin-top: 1.25rem;
}

.ly_header_pc .bl_headerUtils.HeightMin .bl_headerNav_link {
    padding: 10px 1.317715959vw;
}

.ly_header_pc .bl_headerUtils.HeightMin .has-child .bl_has-child_wrap {
    top: 70px;
}

.ly_header_pc .bl_headerUtils .has-child:hover > .bl_has-child_wrap {
    box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.1607843137);
    opacity: 1;
    visibility: visible;
}

.ly_header_pc .bl_headerUtils .has-child .bl_has-child_wrap ul {
    z-index: 2;
}

    .ly_header_pc .bl_headerUtils .has-child .bl_has-child_wrap ul li a {
        color: #000;
        display: block;
        font-size: 1.125rem;
        font-weight: 400;
        padding: 0.375rem 0.375rem 0.375rem 1.25rem;
        position: relative;
        transition: color 0.5s;
    }

        .ly_header_pc .bl_headerUtils .has-child .bl_has-child_wrap ul li a::before {
            -webkit-transform: translateY(-50%);
            background: #AFAFAF;
            content: "";
            height: 1px;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            transition: background 0.5s;
            width: 10px;
        }

@media screen and (min-width: 768px) {
    .ly_header_pc .bl_headerUtils .has-child .bl_has-child_wrap ul li a:hover {
        color: #C5B27A;
    }

        .ly_header_pc .bl_headerUtils .has-child .bl_has-child_wrap ul li a:hover::before {
            background: #C5B27A;
        }
}

.ly_header_pc .bl_headerUtils .bl_has-child_inner {
    box-sizing: border-box;
    display: flex;
    height: inherit;
    margin: 0 auto;
    max-width: 1138px;
    padding: 3.6603221083vw;
    width: 100%;
}

.ly_header_pc .bl_headerNav_ttl {
    color: #000;
    font-size: 2.0rem;
    font-weight: 600;
    margin-bottom: 5.1244509517vw;
    margin-top: 0;
    width: 25%;
}

@media screen and (min-width: 768px) {
    .ly_header_pc a.bl_headerNav_ttl {
        transition: color 0.5s;
    }

        .ly_header_pc a.bl_headerNav_ttl:hover {
            color: #C5B27A;
        }
}

.ly_header_pc .bl_headerNav_subttl {
    width: 25%;
    margin-right: 30px;
}

    .ly_header_pc .bl_headerNav_subttl > a, .ly_header_pc .bl_headerNav_subttl > p {
        border-bottom: 1px solid #DBDBDB;
        color: #333;
        display: block;
        font-size: 1.188rem;
        font-weight: 900;
        margin-bottom: 0.375rem;
        padding-bottom: 0.75rem;
        width: 90%;
    }

@media screen and (min-width: 768px) {
    .ly_header_pc .bl_headerNav_subttl > a {
        transition: color 0.5s;
    }

        .ly_header_pc .bl_headerNav_subttl > a:hover {
            color: #C5B27A;
        }
}

.ly_header_pc .bl_headerNav_subttl > p {
    margin-top: 0;
}

.ly_header_pc .bl_headerNav_subttl.hp_event {
    margin-top: 2.875rem;
}

.ly_header_pc .bl_headerNav_subttl .hp_koshibun {
    display: inline-block !important;
    position: relative;
}

    .ly_header_pc .bl_headerNav_subttl .hp_koshibun::after {
        -webkit-transform: translateY(-50%);
        background: url(../../assets/imgs/site/icon/exlink-grey.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 18px; /*???*/
        position: absolute;
        right: -1.25rem;
        top: 50%;
        transform: translateY(-50%);
        width: 18px; /*???*/
    }

/*!
layout > footer
------------------------------
*/
@media screen and (max-width: 767px) {
    footer {
        height: 100%;
    }
}

footer a {
    opacity: 1;
    transition: opacity 0.5s;
}

@media screen and (min-width: 768px) {
    footer a:hover {
        opacity: 0.6;
    }
}

@media screen and (max-width: 991px) {
    .ly_footer_pc {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .ly_footer_pc {
        display: block;
    }
}

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

@media screen and (min-width: 992px) {
    .ly_footer_sp {
        display: none;
    }
}

.ly_footer_bg {
    background-image: url(../../assets/imgs/site/common/bg-footer.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .ly_footer_bg::before {
        content: '';
        width: 100%;
        height: auto;
        background: url(../../assets/imgs/site/common/overlay_dots.png) top left repeat;
        position: absolute;
        z-index: 0;
    }

/* PC版???? */
.ly_footer_pc {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1180px;
    padding: 3.5rem 1rem 0;
    width: 100%;
    /* 情報 */
    /* ?????? */
}

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

    .ly_footer_pc .bl_footerUtils_lt {
        display: flex;
    }

    .ly_footer_pc .bl_footerUtils_logo {
        margin-right: 3.6603221083vw;
    }

        .ly_footer_pc .bl_footerUtils_logo a img {
            width: 96px;
            height: auto;
            margin-top: 60px;
        }


    .ly_footer_pc .bl_footerUtils_wrap {
        color: #fff;
    }

    .ly_footer_pc .bl_footerUtils_address {
        font-size: 0.8125rem;
    }

    .ly_footer_pc .bl_footerUtils_cont {
        font-size: 0.75rem;
    }

        .ly_footer_pc .bl_footerUtils_cont .bl_indent {
            padding-left: 4em;
            text-indent: -4em;
        }

    .ly_footer_pc .bl_footerUtils_address {
        margin-bottom: 0;
    }

    .ly_footer_pc .bl_footerUtils_maplink {
        color: #A2A2A2;
        font-size: 0.875rem;
        text-decoration: underline;
    }

    .ly_footer_pc .bl_footerUtils_contact {
        margin-top: 1.25rem;
    }

        .ly_footer_pc .bl_footerUtils_contact p {
            font-size: 1rem;
            margin: 0;
        }

        .ly_footer_pc .bl_footerUtils_contact span {
            font-size: 1.5rem;
        }

    .ly_footer_pc .bl_footerUtils_sns {
        margin-top: 0.625rem;
    }

        .ly_footer_pc .bl_footerUtils_sns a {
            padding: 1rem 0.625rem;
        }
            .ly_footer_pc .bl_footerUtils_sns a img {
                width: 16px;
                height: 16px;
            }

    .ly_footer_pc .ly_footer_sitemap {
        width: 50%;
    }

        .ly_footer_pc .ly_footer_sitemap nav {
            display: flex;
            justify-content: space-between;
            margin-top: 2.375rem;
        }

    .ly_footer_pc .ly_footer_sitemap_inner {
        max-width: 580px;
    }

    .ly_footer_pc .bl_footerNav_top {
        display: flex;
    }

        .ly_footer_pc .bl_footerNav_top a {
            color: #E5E5E5;
            font-size: 0.8125rem;
            font-weight: 700;
        }

        .ly_footer_pc .bl_footerNav_top .bl_footerNav_top_item {
            position: relative;
            text-align: center;
            width: 50%;
        }

            .ly_footer_pc .bl_footerNav_top .bl_footerNav_top_item::before {
                color: #E5E5E5;
                content: "[";
                left: 1rem;
                position: absolute;
                top: -4px;
            }

            .ly_footer_pc .bl_footerNav_top .bl_footerNav_top_item::after {
                color: #E5E5E5;
                content: "]";
                position: absolute;
                right: 1rem;
                top: -4px;
            }

            .ly_footer_pc .bl_footerNav_top .bl_footerNav_top_item span {
                margin-left: 0.5rem;
            }

            .ly_footer_pc .bl_footerNav_top .bl_footerNav_top_item img {
                vertical-align: middle;
            }

            .ly_footer_pc .bl_footerNav_top .bl_footerNav_top_item a {
                display: block;
            }

    .ly_footer_pc .bl_footerNav {
        margin-bottom: 2rem;
    }

        .ly_footer_pc .bl_footerNav .bl_footerNav_item {
            margin-bottom: 0.625rem;
        }

            .ly_footer_pc .bl_footerNav .bl_footerNav_item p {
                margin-bottom: 0;
                margin-top: 0;
            }

        .ly_footer_pc .bl_footerNav .bl_footerNav_link {
            color: #fff;
            font-size: 0.9375rem;
            font-weight: 500;
        }

        .ly_footer_pc .bl_footerNav .bl_footerChildNav {
            font-size: 0.75rem;
        }

    .ly_footer_pc .bl_footerChildNav {
        padding-left: 0.375rem;
    }

    .ly_footer_pc .bl_footerChildNav_item {
        margin-bottom: 0.5rem;
    }

    .ly_footer_pc .bl_footerChildNav_link {
        color: #E5E5E5;
    }

    .ly_footer_pc .bl_footerNav_bottom {
        margin-top: -60px;
        text-align: right;
    }

/* SP版???? */
.ly_footer_sp {
    padding: 3.75rem 0 2.25rem;
    text-align: center;
}

    .ly_footer_sp .bl_footerUtils {
        color: #fff;
        display: inline-block;
        text-align: left;
        width: 250px;
    }

    .ly_footer_sp .bl_footerUtils_address {
        font-size: 0.8125rem;
        margin-bottom: 0;
    }

    .ly_footer_sp .bl_footerUtils_contact {
        margin-top: -0.375rem;
    }

    .ly_footer_sp .bl_footerUtils_tel {
        color: #fff;
        font-size: 0.75rem;
    }

    .ly_footer_sp .bl_footerUtils_fax {
        font-size: 0.75rem;
        margin-left: 0.75rem;
    }

    .ly_footer_sp .bl_footerNav {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        text-align: left;
        width: 250px;
    }

    .ly_footer_sp .bl_footerNav_item:nth-child(2), .ly_footer_sp .bl_footerNav_item:nth-child(3), .ly_footer_sp .bl_footerNav_item:nth-child(5), .ly_footer_sp .bl_footerNav_item:nth-child(6) {
        padding-left: 0.75rem;
        position: relative;
    }

        .ly_footer_sp .bl_footerNav_item:nth-child(2)::before, .ly_footer_sp .bl_footerNav_item:nth-child(3)::before, .ly_footer_sp .bl_footerNav_item:nth-child(5)::before, .ly_footer_sp .bl_footerNav_item:nth-child(6)::before {
            -webkit-transform: translateY(-50%);
            color: #fff;
            content: "|";
            font-size: 0.75rem;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

    .ly_footer_sp .bl_footerNav_link {
        color: #fff;
        display: block;
        font-size: 0.75rem;
        padding-bottom: 0.25rem;
        padding-right: 0.75rem;
        padding-top: 0.25rem;
    }

    .ly_footer_sp .bl_footerUtils_sns {
        margin-top: 2.25rem;
    }

        .ly_footer_sp .bl_footerUtils_sns a {
            padding: 0.75rem 1.25rem;
        }

/* ?????? */
@media screen and (max-width: 991px) {
    .ly_footer_bottom {
        margin-bottom: 3.125rem;
    }
}

.ly_footer_bottom .bl_copyright {
    color: #A2A2A2;
    font-size: 0.6875rem;
    margin: 0;
}

@media screen and (max-width: 991px) {
    .ly_footer_bottom .bl_copyright {
        text-align: center;
    }
}

.ly_footer_bottom_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1140px;
    padding: 0 0 5.25rem;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .ly_footer_bottom_inner {
        padding: 0 0 1.875rem;
        text-align: right;
    }
}

.bl_footer_bottom_link {
    display: flex;
}

@media screen and (max-width: 991px) {
    .bl_footer_bottom_link {
        justify-content: center;
    }
}

@media screen and (min-width: 992px) {
    .bl_footer_bottom_link {
        justify-content: flex-end;
    }
}

.bl_footer_bottom_link a {
    color: #A2A2A2;
    font-size: 0.75rem;
}

.bl_footer_bottom_link li:first-child {
    margin-right: 0.875rem;
    position: relative;
}

    .bl_footer_bottom_link li:first-child::after {
        color: #A2A2A2;
        content: "/";
        position: absolute;
        right: -1rem;
        top: 0;
        width: 0.8rem;
    }

@media screen and (min-width: 992px) {
    .bl_footer_bottom_link li:first-child::after {
        right: -0.6rem;
    }
}

/*上??????*/
#bl_pagetop {
    margin-top: 1.875rem;
}

    #bl_pagetop .bl_pagetop_link {
        color: #fff;
        padding-top: 0.75rem;
        position: relative;
    }

        #bl_pagetop .bl_pagetop_link:before {
            -webkit-transform: translateX(-50%) rotate(135deg);
            border: 1px solid;
            border-color: transparent transparent #fff #fff;
            content: "";
            height: 24px;
            left: 50%;
            position: absolute;
            top: 0px;
            transform: translateX(-50%) rotate(135deg);
            width: 24px;
        }

/*!
page > common（??????共通）
------------------------------
*/
/* 前??券??中???*/
.el_exhi_ticket {
    color: #fff;
    font-size: 0.75rem;
    margin-bottom: 1.875rem;
    margin-top: 0rem;
    padding-left: 0.875rem;
    position: relative;
}

@media screen and (max-width: 767px) {
    .el_exhi_ticket {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    .el_exhi_ticket {
        font-size: 1rem;
        margin-top: 0.625rem;
        padding-left: 2.875rem;
    }
}

.el_exhi_ticket::before {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/common/bg-ticket.png) no-repeat;
    background-size: contain;
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 97px;
    z-index: -1;
}

@media screen and (min-width: 768px) {
    .el_exhi_ticket::before {
        height: 47px;
        width: 174px;
    }
}

/* news 一?用*/
.bl_news_item {
    border-bottom: 1px dashed #2150A2;
}

.bl_news_link {
    opacity: 1;
    padding: 0.5rem;
    transition: opacity 0.3s;
}

@media screen and (min-width: 768px) {
    .bl_news_link {
        align-items: center;
        display: flex;
    }
}

@media screen and (min-width: 768px) {
    .bl_news_link {
        padding: 1rem;
    }

        .bl_news_link:hover {
            opacity: 0.6;
        }
}

.bl_news_meta {
    display: flex;
    letter-spacing: 0.1em;
}

.bl_news_date {
    color: #1f1f1f;
    font-family: "微軟正黑體", sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    margin: 0;
}

.el_news_label {
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 0.625rem;
    letter-spacing: 0.1em;
    margin: 0 0 0 1.125rem;
    padding: 0.25rem;
    text-align: center;
    width: 3.9375rem;
}

@media screen and (min-width: 768px) {
    .el_news_label {
        font-size: 0.875rem;
        width: 5.625rem;
    }
}

.el_news_label.el_label_update {
    background-color: #868686;
}

.el_news_label.el_label_topics {
    background-color: #00A6FB;
}

.bl_news_lead {
    color: #333;
    font-size: 0.9375rem;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    line-height: 1.6;
    max-height: 48px;
    overflow: hidden;
    position: relative;
    word-break: break-all;
}

    .bl_news_lead::before, .bl_news_lead::after {
        background: #fff;
        position: absolute;
    }

    .bl_news_lead::before {
        content: "...";
        right: 0px;
        top: 24px;
        width: 1em;
    }

    .bl_news_lead::after {
        content: "";
        height: 100%;
        width: 100%;
    }

@media screen and (max-width: 767px) {
    .bl_news_lead {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    .bl_news_lead {
        margin-left: 0.75rem;
    }
}

/* 開催中?企?展 */
.bl_special-exhi, .bl_special-exhi .bl_current {
    background-color: #f7f7f7;
    background-image: url(../../assets/imgs/site/top/bg-s-exhi-original.png);
    background-repeat: repeat-y;
}

@media screen and (max-width: 767px) {
    .bl_special-exhi, .bl_special-exhi .bl_current {
        background-size: 34.6666666667%;
    }

        .bl_special-exhi.events-list {
            margin-top: 40px;
        }
}

.bl_special-exhi_inner, .bl_special-exhi .bl_current_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_special-exhi_inner, .bl_special-exhi .bl_current_inner {
        padding: 1.5rem 1.25rem 2.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-exhi_inner, .bl_special-exhi .bl_current_inner {
        padding: 5rem 0;
    }
}

@media screen and (max-width: 767px) {
    .bl_special-exhi_wrap {
        -ms-grid-columns: 70px 0px 1fr;
        -ms-grid-rows: auto 0px 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        display: -ms-grid;
        display: grid;
        grid-template-columns: 70px 1fr;
        grid-template-rows: auto 1fr;
    }

        .bl_special-exhi_wrap > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .bl_special-exhi_wrap > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

        .bl_special-exhi_wrap > *:nth-child(3) {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
        }

        .bl_special-exhi_wrap > *:nth-child(4) {
            -ms-grid-row: 3;
            -ms-grid-column: 3;
        }

        .bl_special-exhi_wrap .bl_special-exhi_header {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 1;
            grid-area: 1/1/2/2;
        }

        .bl_special-exhi_wrap .bl_special-exhi_img {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 2;
            -ms-grid-column-span: 1;
            -ms-grid-column-align: center;
            grid-area: 1/2/2/3;
            justify-self: center;
        }

        .bl_special-exhi_wrap .bl_special-exhi_body {
            -ms-grid-row: 2;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-area: 2/1/3/3;
        }
}

@media screen and (min-width: 768px) {
    .bl_special-exhi_wrap {
        -ms-grid-columns: 76px 0px 1fr 0px 1.67fr;
        -ms-grid-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        display: -ms-grid;
        display: grid;
        grid-template-columns: 85px 1.7fr 4.67fr;
        grid-template-rows: 1fr;
    }

        .bl_special-exhi_wrap > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .bl_special-exhi_wrap > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

        .bl_special-exhi_wrap > *:nth-child(3) {
            -ms-grid-row: 1;
            -ms-grid-column: 5;
        }

        .bl_special-exhi_wrap .bl_special-exhi_header {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-area: 1/1/2/3;
        }

        .bl_special-exhi_wrap .bl_special-exhi_img {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 2;
            -ms-grid-column-span: 1;
            grid-area: 1/2/2/3;
        }

        .bl_special-exhi_wrap .bl_special-exhi_body {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 3;
            -ms-grid-column-span: 1;
            grid-area: 1/3/2/4;
        }
}

.bl_special-exhi_wrap .bl_text {
    font-size: 1.1rem;
    line-height: 1.5;
    max-height: 56px;
    overflow: hidden;
    position: relative;
    word-break: break-all;
}

    .bl_special-exhi_wrap .bl_text::before, .bl_special-exhi_wrap .bl_text::after {
        background: #f2f2f2;
        position: absolute;
    }

    .bl_special-exhi_wrap .bl_text::before {
        content: "...";
        right: 0px;
        top: 24px;
        width: 1em;
    }

    .bl_special-exhi_wrap .bl_text::after {
        content: "";
        height: 100%;
        width: 100%;
    }

/* EXHI */
.bl_special-next-exhi, .bl_special-exhi .bl_next {
    background-color: #fff;
    background-image: url(../../assets/imgs/site/top/bg-s-n-exhi-original.png);
    background-repeat: repeat-y;
    margin-top: 6rem;
}

.bl_special-exhi .events {
    background-color: #fff;
    background-image: none;
    background-repeat: repeat-y;
}

.bl_special-exhi .events-next {
    background-color: #f2f2f2;
    background-image: none;
    background-repeat: repeat-y;
}

@media screen and (max-width: 767px) {
    .bl_special-next-exhi, .bl_special-exhi .bl_next {
        background-size: 34.6666666667%;
    }

        .bl_special-next-exhi, .bl_special-exhi .bl_next.events {
            background-size: 34.6666666667%;
        }
}

.bl_special-next-exhi_inner, .bl_special-exhi .bl_next_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_special-next-exhi_inner, .bl_special-exhi .bl_next_inner {
        padding: 1.5rem 1.25rem 2.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-next-exhi_inner, .bl_special-exhi .bl_next_inner {
        padding: 5rem 0;
    }
}

@media screen and (max-width: 767px) {
    .bl_special-next-exhi_wrap {
        -ms-grid-columns: 70px 0px 1fr;
        -ms-grid-rows: auto 0px 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        display: -ms-grid;
        display: grid;
        grid-template-columns: 70px 1fr;
        grid-template-rows: auto 1fr;
    }

        .bl_special-next-exhi_wrap > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .bl_special-next-exhi_wrap > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

        .bl_special-next-exhi_wrap > *:nth-child(3) {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
        }

        .bl_special-next-exhi_wrap > *:nth-child(4) {
            -ms-grid-row: 3;
            -ms-grid-column: 3;
        }

        .bl_special-next-exhi_wrap .bl_special-next-exhi_header {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 1;
            grid-area: 1/1/2/2;
        }

        .bl_special-next-exhi_wrap .bl_special-next-exhi_img {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 2;
            -ms-grid-column-span: 1;
            -ms-grid-column-align: center;
            grid-area: 1/2/2/3;
            justify-self: center;
        }

        .bl_special-next-exhi_wrap .bl_special-next-exhi_body {
            -ms-grid-row: 2;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-area: 2/1/3/3;
        }
}

@media screen and (min-width: 768px) {
    .bl_special-next-exhi_wrap {
        -ms-grid-columns: 76px 0px 1fr 0px 1.67fr;
        -ms-grid-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        display: -ms-grid;
        display: grid;
        grid-template-columns: 85px 1.7fr 4.67fr;
        grid-template-rows: 1fr;
    }

        .bl_special-next-exhi_wrap > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .bl_special-next-exhi_wrap > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

        .bl_special-next-exhi_wrap > *:nth-child(3) {
            -ms-grid-row: 1;
            -ms-grid-column: 5;
        }

        .bl_special-next-exhi_wrap .bl_special-next-exhi_header {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-area: 1/1/2/3;
        }

        .bl_special-next-exhi_wrap .bl_special-next-exhi_img {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 2;
            -ms-grid-column-span: 1;
            grid-area: 1/2/2/3;
        }

        .bl_special-next-exhi_wrap .bl_special-next-exhi_body {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 3;
            -ms-grid-column-span: 1;
            grid-area: 1/3/2/4;
        }
}

.bl_special-next-exhi_wrap .bl_text {
    font-size: 16px;
    line-height: 1.5;
    max-height: 48px;
    overflow: hidden;
    position: relative;
    word-break: break-all;
}

    .bl_special-next-exhi_wrap .bl_text::before, .bl_special-next-exhi_wrap .bl_text::after {
        background: #fff;
        position: absolute;
    }

    .bl_special-next-exhi_wrap .bl_text::before {
        content: "...";
        right: 0px;
        top: 24px;
        width: 1em;
    }

    .bl_special-next-exhi_wrap .bl_text::after {
        content: "";
        height: 100%;
        width: 100%;
    }

/* 開催中?企?展?次回?企?展共通 */
@media screen and (max-width: 767px) {
    .bl_special-exhi_img, .bl_special-next-exhi_img {
        width: 74.7169811321%;
    }
}

.bl_special-exhi_img img, .bl_special-next-exhi_img img {
    -o-object-fit: cover;
    aspect-ratio: 0.7062634989;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1607843137);
    max-width: 327px;
    object-fit: cover;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_special-exhi_body, .bl_special-next-exhi_body {
        padding-top: 1.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-exhi_body, .bl_special-next-exhi_body {
        padding-left: 3.3674963397vw;
    }
}

.bl_special-exhi_body .el_subLead, .bl_special-next-exhi_body .el_subLead {
    font-size: 1rem;
    letter-spacing: 0.1em;
    line-height: 1.6;
    margin-bottom: 0;
    margin-top: 1rem;
}

@media screen and (min-width: 768px) {
    .bl_special-exhi_body .el_subLead, .bl_special-next-exhi_body .el_subLead {
        font-size: 1.125rem;
        font-weight: 700;
    }
}

.bl_special-exhi_body .el_lead, .bl_special-next-exhi_body .el_lead {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.6;
    margin-bottom: 0;
    margin-top: 0.25rem;
}

@media screen and (min-width: 768px) {
    .bl_special-exhi_body .el_lead, .bl_special-next-exhi_body .el_lead {
        font-size: 1.75rem;
        margin-top: 0.75rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-exhi_body .bl_special-exhi_period .el_ja-small, .bl_special-exhi_body .bl_special-next-exhi_period .el_ja-small, .bl_special-next-exhi_body .bl_special-exhi_period .el_ja-small, .bl_special-next-exhi_body .bl_special-next-exhi_period .el_ja-small {
        font-size: 1rem;
    }

    .bl_special-exhi_body .bl_special-exhi_period .el_ja, .bl_special-exhi_body .bl_special-next-exhi_period .el_ja, .bl_special-next-exhi_body .bl_special-exhi_period .el_ja, .bl_special-next-exhi_body .bl_special-next-exhi_period .el_ja {
        font-size: 1.25rem;
        padding: 0 0.25rem;
    }

    .bl_special-exhi_body .bl_special-exhi_period .bl_year, .bl_special-exhi_body .bl_special-next-exhi_period .bl_year, .bl_special-next-exhi_body .bl_special-exhi_period .bl_year, .bl_special-next-exhi_body .bl_special-next-exhi_period .bl_year {
        font-family: "微軟正黑體", sans-serif;
        font-size: 1.5rem;
        font-weight: 500;
    }

    .bl_special-exhi_body .bl_special-exhi_period .bl_month, .bl_special-exhi_body .bl_special-exhi_period .bl_day, .bl_special-exhi_body .bl_special-next-exhi_period .bl_month, .bl_special-exhi_body .bl_special-next-exhi_period .bl_day, .bl_special-next-exhi_body .bl_special-exhi_period .bl_month, .bl_special-next-exhi_body .bl_special-exhi_period .bl_day, .bl_special-next-exhi_body .bl_special-next-exhi_period .bl_month, .bl_special-next-exhi_body .bl_special-next-exhi_period .bl_day {
        font-family: "微軟正黑體", sans-serif;
        font-size: 2.25rem;
        font-weight: 500;
    }

    .bl_special-exhi_body .bl_special-exhi_period .bl_month, .bl_special-exhi_body .bl_special-next-exhi_period .bl_month, .bl_special-next-exhi_body .bl_special-exhi_period .bl_month, .bl_special-next-exhi_body .bl_special-next-exhi_period .bl_month {
        margin-left: 0.25rem;
    }

    .bl_special-exhi_body .bl_special-exhi_period .bl_days, .bl_special-exhi_body .bl_special-next-exhi_period .bl_days, .bl_special-next-exhi_body .bl_special-exhi_period .bl_days, .bl_special-next-exhi_body .bl_special-next-exhi_period .bl_days {
        font-size: 1rem;
    }
}

.bl_special-exhi_btn, .bl_special-next-exhi_btn {
    margin: 1.5rem auto 0;
    width: 80%;
}

@media screen and (min-width: 768px) {
    .bl_special-exhi_btn, .bl_special-next-exhi_btn {
        margin: 3.75rem auto 0;
    }
}

/* ????????投稿無?表示用 */
.ly_cont_top .bl_nopost {
    padding: 3.75rem 0 1.875rem;
    text-align: center;
}

.bl_event-list .bl_nopost {
    padding: 5rem 0 0;
    text-align: center;
}

/*======================
?????????????
=======================*/
/* ??場? */
.js-fadeIn {
    -webkit-animation-name: fadeInAnime;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: fadeInAnime;
    opacity: 0;
}

@-webkit-keyframes fadeInAnime {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInAnime {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* ?????????出現??要素?????透過0?指定　*/
.js-fadeInTrigger {
    opacity: 0;
}

/*!
common > news
------------------------------
*/
@media screen and (max-width: 767px) {
    .bl_n-news_body {
        margin-top: 1rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_n-news_body {
        padding: 0 5.8565153734vw 0 3.3674963397vw;
    }
}

.bl_n-news_meta {
    display: flex;
}

    .bl_n-news_meta p {
        margin-bottom: 0;
        margin-top: 0;
    }

.bl_n-news_date {
    color: #666666;
    font-family: "微軟正黑體", sans-serif;
    font-size: 0.875rem;
    padding: 0.125rem 0 0;
}

.bl_n-news_label {
    background-color: #f2f2f2;
    color: #1A1A1A;
    font-size: 0.875rem;
    margin-left: 0.5rem;
    padding: 0 0.5rem;
}

.bl_n-news_lead {
    color: #1A1A1A;
    font-size: 0.9375rem;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    margin: 0.625rem 0 0.875rem;
    max-height: 52.5px;
    overflow: hidden;
    position: relative;
    word-break: break-all;
}

    .bl_n-news_lead::before, .bl_n-news_lead::after {
        background: #fff;
        position: absolute;
    }

    .bl_n-news_lead::before {
        content: "...";
        right: 0px;
        top: 26.25px;
        width: 1em;
        display: none;
    }

    .bl_n-news_lead::after {
        content: "";
        height: 100%;
        width: 100%;
    }

@media screen and (min-width: 768px) {
    .bl_n-news_lead {
        font-size: 1rem;
        font-size: 16px;
        line-height: 1.75;
        max-height: 56px;
        overflow: hidden;
        position: relative;
        word-break: break-all;
    }

        .bl_n-news_lead::before, .bl_n-news_lead::after {
            background: #fff;
            position: absolute;
        }

        .bl_n-news_lead::before {
            content: "...";
            right: 0px;
            top: 28px;
            width: 1em;
            display: none;
        }

        .bl_n-news_lead::after {
            content: "";
            height: 100%;
            width: 100%;
        }
}

.bl_n-news_item:not(:first-child) {
    margin-top: 1.5rem;
}

@media screen and (min-width: 768px) {
    .bl_n-news_link {
        opacity: 1;
        transition: opacity 0.3s;
    }

        .bl_n-news_link:hover {
            opacity: 0.6;
        }
}

/*!
common > list-event
------------------------------
*/
.bl_card-event {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bl_card-event_item {
    margin-top: 1.25rem;
    width: 49%;
}

@media screen and (max-width: 767px) {
    .bl_card-event_item {
        background-color: #f2f2f2;
        box-sizing: border-box;
        padding: 0.625rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_card-event_item {
        display: flex;
    }
}

.bl_card-event_link {
    padding: 0rem;
}

@media screen and (min-width: 768px) {
    .bl_card-event_link {
        background-color: #f2f2f2;
        display: block;
        padding: 1.25rem;
        /*線?基??????relative?指定*/
        position: relative;
        width: 100%;
    }

        .bl_card-event_link::before, .bl_card-event_link::after {
            /*事前?出現???線?形?*/
            border: solid #C5B27A;
            content: "";
            height: 0px;
            /*??配置?線?位置?決??*/
            position: absolute;
            /*????????指定*/
            transition: all 0.3s ease-in-out;
            width: 0px;
        }

        .bl_card-event_link::before {
            /*出現???線?形?*/
            border-width: 0px 0 0 0px;
            left: 0;
            /*事前?出現???線?位置*/
            top: 0;
        }

        .bl_card-event_link::after {
            /*事前?出現???線?形?*/
            border-width: 0 0px 0px 0;
            /*事前?出現???線?位置*/
            bottom: 0;
            right: 0;
        }

        .bl_card-event_link:hover::before, .bl_card-event_link:hover::after {
            height: calc(100% - 2px);
            width: calc(100% - 2px);
        }

        .bl_card-event_link:hover::before {
            /*出現???線?形?*/
            border-width: 2px 0 0 2px;
        }

        .bl_card-event_link:hover::after {
            /*事前?出現???線?形?*/
            border-width: 0 2px 2px 0;
        }
}

@media screen and (min-width: 768px) {
    .bl_card-event_wrap {
        display: flex;
    }
}

@media screen and (min-width: 768px) {
    .bl_card-event_img {
        width: 21.2598425197%;
    }
}

.bl_card-event_img.el_noimage {
    position: relative;
}

    .bl_card-event_img.el_noimage::before {
        background: url(../../assets/imgs/site/noimage/noimage-logo.png) no-repeat;
        background-size: contain;
        content: "";
        position: absolute;
    }

@media screen and (max-width: 767px) {
    .bl_card-event_img.el_noimage::before {
        height: 21.9619326501vw; /*???*/
        left: 10px;
        top: 10px;
        width: 5.8565153734vw; /*???*/
    }
}

@media screen and (min-width: 768px) {
    .bl_card-event_img.el_noimage::before {
        height: 108px; /*???*/
        left: 10px;
        max-width: 24px;
        top: 14px;
        width: 1.756954612vw; /*???*/
    }
}

.bl_card-event_img img {
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1607843137);
}

@media screen and (max-width: 767px) {
    .bl_card-event_img img {
        -o-object-fit: cover;
        -o-object-position: top;
        aspect-ratio: 1.4795918367;
        max-width: 400px;
        object-fit: cover;
        object-position: top;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .bl_card-event_img img {
        -o-object-fit: cover;
        aspect-ratio: 0.7105263158;
        max-width: 107px;
        object-fit: cover;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .bl_card-event_cont {
        padding-left: 1.4641288433vw;
        width: 78.7401574803%;
    }
}

.bl_card-event_cont .bl_label {
    color: #fff;
    display: inline-block;
    font-size: 0.75rem;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 0.25rem;
}

    .bl_card-event_cont .bl_label.el_open {
        background-color: #C00000;
    }

    .bl_card-event_cont .bl_label.el_unclosed {
        background-color: #C00000;
        position: relative;
    }

        .bl_card-event_cont .bl_label.el_unclosed::after {
            -webkit-transform: translateY(-50%);
            border: 1px solid #C00000;
            color: #C00000;
            content: "※一部募集終了";
            font-size: 0.6875rem;
            padding: 0 0.25rem;
            position: absolute;
            right: -102px;
            top: 50%;
            transform: translateY(-50%);
            width: 82px;
        }

    .bl_card-event_cont .bl_label.el_closed {
        background-color: rgba(100, 103, 110, 0.9725490196);
    }

    .bl_card-event_cont .bl_label.el_free {
        border: 1px solid #A2A2A2;
        color: #666666;
        position: relative;
    }

.bl_card-event_cont .bl_cate {
    color: #7E6728;
    font-size: 0.625rem;
    margin-bottom: 0;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .bl_card-event_cont .bl_cate {
        font-size: 0.8125rem;
    }
}

.bl_card-event_cont .bl_lead {
    color: #333;
    font-size: 0.8125rem;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    line-height: 1.25;
    margin-bottom: 0;
    margin-top: 0;
    max-height: 32.5px;
    overflow: hidden;
    position: relative;
    word-break: break-all;
}

    .bl_card-event_cont .bl_lead::before, .bl_card-event_cont .bl_lead::after {
        background: #f2f2f2;
        position: absolute;
    }

    .bl_card-event_cont .bl_lead::before {
        content: "...";
        right: 0px;
        top: 16.25px;
        width: 1em;
    }

    .bl_card-event_cont .bl_lead::after {
        content: "";
        height: 100%;
        width: 100%;
    }

@media screen and (min-width: 768px) {
    .bl_card-event_cont .bl_lead {
        font-size: 1rem;
        font-size: 16px;
        line-height: 1.25;
        max-height: 40px;
        overflow: hidden;
        position: relative;
        word-break: break-all;
    }

        .bl_card-event_cont .bl_lead::before, .bl_card-event_cont .bl_lead::after {
            background: #f2f2f2;
            position: absolute;
        }

        .bl_card-event_cont .bl_lead::before {
            content: "...";
            right: 0px;
            top: 20px;
            width: 1em;
        }

        .bl_card-event_cont .bl_lead::after {
            content: "";
            height: 100%;
            width: 100%;
        }
}

.bl_card-event_cont .bl_meta {
    color: #747474;
    font-size: 0.8125rem;
    margin-bottom: 0;
    margin-top: 0.5rem;
}

.bl_card-event_cont .bl_exhi {
    color: #1A1A1A;
    font-size: 0.6875rem;
    margin-bottom: 0;
    margin-top: 0.5rem;
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_card-event_cont .bl_exhi {
        padding-left: 0.75rem;
    }
}

.bl_card-event_cont .bl_exhi::before {
    background-color: #B69F59;
    content: "";
    height: 16px;
    left: -10px;
    position: absolute;
    width: 3px;
}

@media screen and (min-width: 768px) {
    .bl_card-event_cont .bl_exhi::before {
        left: 0;
    }
}

/*!
page > common > calendar
------------------------------
*/
.bl_calendar_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding: 3rem 1rem;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_calendar_inner {
        padding: 2.5rem 1rem;
    }
}

#calendar.fc-theme-standard tbody td {
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
}

#calendar tbody .fc-daygrid-day-top {
    flex-direction: row;
}

#calendar .fc-header-toolbar .fc-prev-button, #calendar .fc-header-toolbar .fc-next-button {
    background-color: #120015;
    border: 1px solid #fff;
}

@media screen and (max-width: 767px) {
    #calendar .fc-header-toolbar .fc-prev-button, #calendar .fc-header-toolbar .fc-next-button {
        padding: 0.4rem 0.2rem;
    }
}

#calendar .fc-header-toolbar .fc-button {
    border-radius: 0;
}

#calendar .fc-header-toolbar .fc-today-button {
    background-color: #B39C56;
    border: none;
}

@media screen and (max-width: 767px) {
    #calendar .fc-header-toolbar .fc-today-button {
        margin-left: 0;
    }
}

#calendar .fc-header-toolbar .fc-toolbar-title {
    font-size: 1.125rem;
    font-weight: 400;
}

@media screen and (min-width: 768px) {
    #calendar .fc-header-toolbar .fc-toolbar-title {
        font-size: 1.75rem;
        padding-right: 3rem;
    }
}

#calendar .fc-header-toolbar .fc-dayGridMonth-button {
    background-color: #fff;
    border: 1px solid #B39C56;
    color: #B39C56;
}

#calendar .fc-header-toolbar .fc-listYear-button {
    background-color: #B39C56;
    border: 1px solid #B39C56;
}

#calendar table.fc-scrollgrid thead .fc-col-header .fc-day-sun, #calendar table.fc-scrollgrid thead .fc-col-header .fc-day-sat {
    background-color: #A2A2A2;
    color: #fff;
}

#calendar table.fc-scrollgrid thead .fc-col-header .fc-day-mon, #calendar table.fc-scrollgrid thead .fc-col-header .fc-day-tue, #calendar table.fc-scrollgrid thead .fc-col-header .fc-day-wed, #calendar table.fc-scrollgrid thead .fc-col-header .fc-day-thu, #calendar table.fc-scrollgrid thead .fc-col-header .fc-day-fri {
    background-color: #DDDDDD;
    color: #727272;
}

#calendar table.fc-scrollgrid thead .fc-col-header th {
    border: 1px solid #fff;
}

#calendar table.fc-scrollgrid > tbody tr {
    background-color: #fff;
}

#calendar table.fc-scrollgrid > tbody .fc-scrollgrid-sync-table .fc-day-sun {
    color: #B99B6B;
}

#calendar table.fc-scrollgrid > tbody .fc-day-today {
    background-color: #FAE8C4;
}

#calendar table.fc-scrollgrid > tbody .gcal-event01.fc-h-event {
    background-color: #707070;
    border: none;
}

#calendar table.fc-scrollgrid > tbody .gcal-event00.fc-h-event {
    background-color: #333333;
    border: none;
    pointer-events: none;
    text-align: center;
}

#calendar table.fc-scrollgrid > tbody .gcal-event00.fc-bg-event {
    background: #333333;
    pointer-events: none;
}

#calendar table.fc-scrollgrid > tbody .gcal-event02.fc-h-event {
    background-color: #B39C56;
    border: none;
}

#calendar table.fc-scrollgrid > tbody .gcal-event03 .fc-daygrid-event-dot {
    border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #51BAFC);
}

#calendar table.fc-scrollgrid > tbody .gcal-event03 .fc-event-time {
    display: none;
}

#calendar table.fc-scrollgrid > tbody .gcal-event03.fc-h-event {
    background-color: rgba(81, 186, 252, 0.4352941176);
    border: 1px solid #51BAFC;
}

#calendar table.fc-scrollgrid > tbody .gcal-event03 .fc-event-title {
    color: #333;
    font-weight: 400;
}

#calendar table.fc-scrollgrid > tbody .fc-daygrid-dot-event .fc-event-time {
    color: #333;
}

#calendar table.fc-scrollgrid > tbody .fc-daygrid-dot-event .fc-event-title {
    color: #333;
}

#calendar table.fc-scrollgrid > tbody .event_holiday .fc-event-title {
    display: none;
}

#calendar table.fc-scrollgrid > tbody .is_holiday .fc-daygrid-day-number {
    color: #B99B6B;
}

#calendar table.fc-scrollgrid > tbody .is_holiday .fc-bg-event {
    background: #fff;
}

#calendar table.fc-scrollgrid .fc-event-title {
    font-size: 0.8rem;
}

#calendar .fc-list-event.gcal-event00 .fc-list-event-dot {
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #333333);
}

#calendar .fc-list-event.gcal-event01 .fc-list-event-dot {
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #707070);
}

#calendar .fc-list-event.gcal-event02 .fc-list-event-dot {
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #B39C55);
}

#calendar .fc-list-event.gcal-event03 .fc-list-event-dot {
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #51BAFC);
}

.jBox-container {
    border-top: 4px solid #B39C56;
}

    .jBox-container .el_calendar-modal-box {
        color: #7A7A7A;
        font-size: 0.875rem;
    }

.jBox-Modal .jBox-title {
    background: #fff;
    border-bottom: none;
}

.bl_n-news {
    background-color: #FFF;
    background-image: url(../../assets/imgs/site/top/bg-s-news.png);
    background-repeat: repeat-y;
}

.bl_gallery {
    background-color: #FFF;
    /*background-image: url(../../assets/imgs/site/top/bg-s-gallery.png);*/
    background-repeat: repeat-y;
}


.bl_n-exhi {
    background-color: #FFF;
    background-image: url(../../assets/imgs/site/top/bg-s-news.png);
    background-repeat: repeat-y;
}

/*-- wood-recoredr --*/
.turntable {
    position: relative;
    margin: auto;
    display: block;
    margin-top: 0%;
    margin-bottom: 0%;
    width: 100%;
    height: 500px;
    top: -100px;
}

.record {
    position: absolute;
    left: 35px;
    top: 35px;
    width: 200px;
    height: 200px;
    background: black;
    border-radius: 50%;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

@-webkit-keyframes spin {
    0% {
        transform: none;
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: none;
    }

    100% {
        transform: rotate(360deg);
    }
}

.record::before {
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 180px;
    height: 180px;
    background: repeating-radial-gradient(black, black 5px, #1C1C1C 6px, #1C1C1C 7px);
    border-radius: 50%;
}

.overlay {
    content: '';
    left: 35px;
    top: 35px;
    position: absolute;
    width: 200px;
    height: 200px;
    background-image: linear-gradient(45deg, transparent, 40%, rgba(255,255,255,0.35), 60%, transparent);
    border-radius: 50%;
}

#record {
    width: 100%;
    height: 100%;
    position: relative;
    -ms-flex-align: center;
    left: 0px;
    top: 0px;
}

    #record::before {
        background: url("../../assets/imgs/site/top_concept_wood.svg") no-repeat center center;
        background-size: cover;
        content: "";
        width: 24vw;
        height: 24vw;
        position: absolute;
        animation: spin 60s linear infinite;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 55px;
    background: linear-gradient(white, white 50%, #F796A8 50%, #F796A8);
    border-radius: 50%;
}

    .inner::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 10px;
        height: 10px;
        background: black;
        border-radius: 50%;
    }

    .inner::after {
        content: '';
        width: 55px;
        text-align: center;
        font-family: sans-serif;
        font-size: 8px;
        position: absolute;
        left: 50%;
        top: 10px;
        transform: translateX(-50%);
    }

.arm-holder {
    position: absolute;
    width: 45%;
    right: -25px;
    top: -35px;
}


@-webkit-keyframes armTwitch {
    0% {
        transform: skew(-20deg, -20deg);
    }

    100% {
        transform: skew(-20deg, -20deg) rotate(1deg);
    }
}

@keyframes armTwitch {
    0% {
        transform: skew(-20deg, -20deg);
    }

    100% {
        transform: skew(-20deg, -20deg) rotate(1deg);
    }
}

.dial {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 25px;
    height: 25px;
    background: #333642;
    border-radius: 50%;
}

    .dial::before {
        content: '';
        left: 50%;
        transform: translateX(-50%);
        top: 2px;
        position: absolute;
        width: 2px;
        height: 5px;
        background: white;
        border-radius: 50%;
    }

@media screen and (max-width: 767px) {
    .turntable {
        position: relative;
        margin: auto;
        display: block;
        width: 100%;
        height: auto;
        top: -310px;
    }

    #record::before {
        width: 65vw;
        height: 65vw;
        position: absolute;
        top: 25px;
    }

    .dial {
        top: 240px;
        right: 0px;
    }

    .arm-holder {
        position: absolute;
        width: 45%;
        right: -25px;
        top: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
    .turntable {
        position: relative;
        margin: auto;
        display: block;
        width: 100%;
        height: auto;
        top: -310px;
    }

    #record::before {
        width: 33vw;
        height: 33vw;
        position: absolute;
    }

    .dial {
        top: 240px;
        right: 0px;
    }

    .arm-holder {
        position: absolute;
        width: 45%;
        right: -25px;
        top: -35px;
    }
}



/*-- wood-recoredr --*/


/*-- Nature-Sound-audio --*/
button {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.c-btn__nature {
    mix-blend-mode: difference;
    position: fixed;
    right: 31px;
    bottom: 12%
}

@media screen and (max-width: 428px) {
    .c-btn__nature {
        right: 6px;
        bottom: 8%
    }
}

@media screen and (max-width: 926px)and (orientation: landscape) {
    .c-btn__nature {
        right: 22px;
        bottom: 27%
    }
}

.c-btn__nature .text {
    font-size: var(--font-size-14);
    color: #fff;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    position: relative;
    margin-bottom: 20px;
    display: block
}

.c-btn__nature:hover .bar span:nth-of-type(2) {
    height: 10px
}

.c-btn__nature:hover .bar span:nth-of-type(4) {
    height: 14px
}

.c-btn__nature .bar {
    width: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%)
}

    .c-btn__nature .bar span {
        display: inline-block;
        background: #fff;
        width: 1px;
        transition: all .4s ease
    }

        .c-btn__nature .bar span:nth-of-type(1) {
            height: 4px
        }

        .c-btn__nature .bar span:nth-of-type(2) {
            height: 4px
        }

        .c-btn__nature .bar span:nth-of-type(3) {
            height: 4px
        }

        .c-btn__nature .bar span:nth-of-type(4) {
            height: 4px
        }

.c-btn__nature-round {
    width: 210px;
    padding: 10px 24px;
    border: 1px solid #fff;
    border-radius: 100vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 60px;
}

@media screen and (max-width: 428px) {
    .c-btn__nature-round {
        margin: 32px auto 0;
    }
}

.c-btn__nature-round .text {
    font-size: var(--font-size-12);
    color: #fff;
    letter-spacing: .1em;
    display: flex;
    flex-direction: column;
}

.c-btn__nature-round .small {
    font-size: var(--font-size-7);
    letter-spacing: .03em
}

.c-btn__nature-round:hover .bar span:nth-of-type(2) {
    height: 10px
}

.c-btn__nature-round:hover .bar span:nth-of-type(4) {
    height: 14px
}

.c-btn__nature-round .bar {
    width: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .c-btn__nature-round .bar span {
        display: inline-block;
        background: #fff;
        width: 1px;
        transition: all .4s ease
    }

        .c-btn__nature-round .bar span:nth-of-type(1) {
            height: 4px
        }

        .c-btn__nature-round .bar span:nth-of-type(2) {
            height: 4px
        }

        .c-btn__nature-round .bar span:nth-of-type(3) {
            height: 4px
        }

        .c-btn__nature-round .bar span:nth-of-type(4) {
            height: 4px
        }

.c-btn01 a {
    display: block;
    width: 200px;
    padding: 10px 24px;
    border-radius: 100vh;
    background-color: #153151;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .4s ease
}

    .c-btn01 a:hover {
        background-color: #1a3a6d
    }

        .c-btn01 a:hover .bar span:nth-of-type(2) {
            height: 10px
        }

        .c-btn01 a:hover .bar span:nth-of-type(4) {
            height: 14px
        }

    .c-btn01 a .bar {
        width: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .c-btn01 a .bar span {
            display: inline-block;
            background: #fff;
            width: 1px;
            transition: all .4s ease
        }

            .c-btn01 a .bar span:nth-of-type(1) {
                height: 4px
            }

            .c-btn01 a .bar span:nth-of-type(2) {
                height: 4px
            }

            .c-btn01 a .bar span:nth-of-type(3) {
                height: 4px
            }

            .c-btn01 a .bar span:nth-of-type(4) {
                height: 4px
            }

.c-btn__link {
    width: 100%;
    margin: 0 auto 56px 0
}

@media screen and (max-width: 428px) {
    .c-btn__link {
        width: 100%
    }
}

.c-btn__link a {
    display: block;
    font-size: var(--font-size-14);
    width: 160px;
    padding: 6px 24px;
    border: 1px solid #1a3a6d;
    border-radius: 100vh;
    color: #1a3a6d;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .4s ease
}

    .c-btn__link a:hover {
        opacity: .7
    }

/*-- Nature-Sound-audio --*/


/*-- Add Sticky Header --*/

.ly_header_pc .bl_headerUtils.HeightMin .bl_headerUtils_logo img {
    margin-top: 0.55rem;
    width: 280px;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.jBox-wrapper{text-align:left;box-sizing:border-box}.jBox-container,.jBox-content,.jBox-title{position:relative;word-break:break-word;box-sizing:border-box}.jBox-container{background:#fff}.jBox-content{padding:8px 12px;overflow-x:hidden;overflow-y:auto;transition:opacity .2s}.jBox-footer{box-sizing:border-box}.jBox-Mouse .jBox-container,.jBox-Tooltip .jBox-container{border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.25)}.jBox-Mouse .jBox-title,.jBox-Tooltip .jBox-title{padding:8px 10px 0;font-weight:700}.jBox-Mouse.jBox-hasTitle .jBox-content,.jBox-Tooltip.jBox-hasTitle .jBox-content{padding-top:5px}.jBox-Mouse{pointer-events:none}.jBox-pointer{position:absolute;overflow:hidden;box-sizing:border-box}.jBox-pointer:after{content:'';width:20px;height:20px;position:absolute;background:#fff;transform:rotate(45deg);box-sizing:border-box}.jBox-pointer-top{top:0}.jBox-pointer-top:after{left:5px;top:6px;box-shadow:-1px -1px 2px rgba(0,0,0,.15)}.jBox-pointer-right{right:0}.jBox-pointer-right:after{top:5px;right:6px;box-shadow:1px -1px 2px rgba(0,0,0,.15)}.jBox-pointer-left{left:0}.jBox-pointer-left:after{top:5px;left:6px;box-shadow:-1px 1px 2px rgba(0,0,0,.15)}.jBox-pointer-bottom{bottom:0}.jBox-pointer-bottom:after{left:5px;bottom:6px;box-shadow:1px 1px 2px rgba(0,0,0,.15)}.jBox-pointer-bottom,.jBox-pointer-top{width:30px;height:12px}.jBox-pointer-left,.jBox-pointer-right{width:12px;height:30px}.jBox-Modal .jBox-container{border-radius:4px}.jBox-Modal .jBox-container,.jBox-Modal.jBox-closeButton-box:before{box-shadow:0 3px 15px rgba(0,0,0,.4),0 0 5px rgba(0,0,0,.4)}.jBox-Modal .jBox-content{padding:15px 20px}.jBox-Modal .jBox-title{border-radius:4px 4px 0 0;padding:15px 20px;background:#fafafa;border-bottom:1px solid #eee}.jBox-Modal.jBox-closeButton-title .jBox-title{padding-right:65px}.jBox-Modal .jBox-footer{border-radius:0 0 4px 4px}.jBox-closeButton{z-index:1;cursor:pointer;position:absolute;box-sizing:border-box}.jBox-closeButton svg{position:absolute;top:50%;right:50%}.jBox-closeButton path{fill:#aaa;transition:fill .2s}.jBox-closeButton:hover path{fill:#888}.jBox-overlay .jBox-closeButton{top:0;right:0;width:40px;height:40px}.jBox-overlay .jBox-closeButton svg{width:20px;height:20px;margin-top:-10px;margin-right:-10px}.jBox-overlay .jBox-closeButton path{fill:#ddd}.jBox-overlay .jBox-closeButton:hover path{fill:#fff}.jBox-closeButton-title .jBox-closeButton{top:0;right:0;bottom:0;width:50px}.jBox-closeButton-title svg{width:12px;height:12px;margin-top:-6px;margin-right:-6px}.jBox-closeButton-box{box-sizing:border-box}.jBox-closeButton-box .jBox-closeButton{top:-8px;right:-10px;width:24px;height:24px;background:#fff;border-radius:50%}.jBox-closeButton-box .jBox-closeButton svg{width:10px;height:10px;margin-top:-5px;margin-right:-5px}.jBox-closeButton-box:before{content:'';position:absolute;top:-8px;right:-10px;width:24px;height:24px;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.3)}.jBox-closeButton-box.jBox-pointerPosition-top:before{top:5px}.jBox-closeButton-box.jBox-pointerPosition-right:before{right:2px}.jBox-Modal.jBox-hasTitle.jBox-closeButton-box .jBox-closeButton{background:#fafafa}.jBox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.82)}.jBox-footer{background:#fafafa;border-top:1px solid #eee;padding:8px 10px;border-radius:0 0 3px 3px}body[class*=" jBox-blockScroll-"],body[class^=jBox-blockScroll-]{overflow:hidden}.jBox-draggable{cursor:move}@keyframes jBoxLoading{to{transform:rotate(360deg)}}.jBox-loading .jBox-content{opacity:.2}.jBox-loading-spinner .jBox-content{min-height:38px!important;min-width:38px!important;opacity:0}.jBox-spinner{box-sizing:border-box;position:absolute;top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px}.jBox-spinner:before{display:block;box-sizing:border-box;content:'';width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.8);animation:jBoxLoading .6s linear infinite}.jBox-countdown{border-radius:4px 4px 0 0;z-index:0;background:#000;opacity:.2;position:absolute;top:0;left:0;right:0;height:3px;overflow:hidden}.jBox-countdown-inner{top:0;right:0;width:100%;height:3px;position:absolute;background:#fff}[class*=" jBox-animated-"],[class^=jBox-animated-]{animation-fill-mode:both}@keyframes jBox-tada{0%{transform:scale(1)}10%,20%{transform:scale(.8) rotate(-4deg)}30%,50%,70%,90%{transform:scale(1.2) rotate(4deg)}40%,60%,80%{transform:scale(1.2) rotate(-4deg)}100%{transform:scale(1) rotate(0)}}.jBox-animated-tada{animation:jBox-tada 1s}@keyframes jBox-tadaSmall{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-2deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(2deg)}40%,60%,80%{transform:scale(1.1) rotate(-2deg)}100%{transform:scale(1) rotate(0)}}.jBox-animated-tadaSmall{animation:jBox-tadaSmall 1s}@keyframes jBox-flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.jBox-animated-flash{animation:jBox-flash .5s}@keyframes jBox-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.jBox-animated-shake{animation:jBox-shake .4s}@keyframes jBox-pulseUp{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.jBox-animated-pulseUp{animation:jBox-pulseUp .25s}@keyframes jBox-pulseDown{0%{transform:scale(1)}50%{transform:scale(.85)}100%{transform:scale(1)}}.jBox-animated-pulseDown{animation:jBox-pulseDown .25s}@keyframes jBox-popIn{0%{transform:scale(0)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.jBox-animated-popIn{animation:jBox-popIn .25s}@keyframes jBox-popOut{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(0)}}.jBox-animated-popOut{animation:jBox-popOut .25s}@keyframes jBox-fadeIn{0%{opacity:0}100%{opacity:1}}.jBox-animated-fadeIn{animation:jBox-fadeIn .2s}@keyframes jBox-fadeOut{0%{opacity:1}100%{opacity:0}}.jBox-animated-fadeOut{animation:jBox-fadeOut .2s}@keyframes jBox-slideUp{0%{transform:translateY(0)}100%{transform:translateY(-300px);opacity:0}}.jBox-animated-slideUp{animation:jBox-slideUp .4s}@keyframes jBox-slideRight{0%{transform:translateX(0)}100%{transform:translateX(300px);opacity:0}}.jBox-animated-slideRight{animation:jBox-slideRight .4s}@keyframes jBox-slideDown{0%{transform:translateY(0)}100%{transform:translateY(300px);opacity:0}}.jBox-animated-slideDown{animation:jBox-slideDown .4s}@keyframes jBox-slideLeft{0%{transform:translateX(0)}100%{transform:translateX(-300px);opacity:0}}.jBox-animated-slideLeft{animation:jBox-slideLeft .4s}.jBox-Confirm .jBox-content{text-align:center;padding:46px 35px}@media (max-width:500px){.jBox-Confirm .jBox-content{padding:32px 20px}}.jBox-Confirm-footer{height:46px}.jBox-Confirm-button{display:block;float:left;cursor:pointer;text-align:center;width:50%;line-height:46px;height:46px;overflow:hidden;padding:0 10px;transition:color .2s,background-color .2s;box-sizing:border-box}.jBox-Confirm-button-cancel{border-bottom-left-radius:4px;background:#ddd;color:#666}.jBox-Confirm-button-cancel:active,.jBox-Confirm-button-cancel:hover{background:#ccc}.jBox-Confirm-button-cancel:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.jBox-Confirm-button-submit{border-bottom-right-radius:4px;background:#7d0;color:#fff}.jBox-Confirm-button-submit:active,.jBox-Confirm-button-submit:hover{background:#6c0}.jBox-Confirm-button-submit:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.jBox-Image .jBox-container{background-color:transparent}.jBox-Image .jBox-content{padding:0;width:100%;height:100%}.jBox-image-container{background:center center no-repeat;position:absolute;width:100%;height:100%;opacity:0}.jBox-image-label-wrapper{position:absolute;top:100%;left:0;right:0;height:40px;z-index:100;display:flex}.jBox-image-label-container{position:relative;flex:1}.jBox-image-label{box-sizing:border-box;position:absolute;left:0;bottom:0;width:100%;text-align:center;color:#fff;padding:8px 12px;font-size:15px;line-height:24px;transition:opacity .36s;opacity:0;z-index:0;pointer-events:none}.jBox-image-label.expanded{background:#000}.jBox-image-label:not(.expanded){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jBox-image-label.active{opacity:1;pointer-events:all}@media (max-width:600px){.jBox-image-label{font-size:13px}}.jBox-image-pointer-next,.jBox-image-pointer-prev{flex-shrink:0;width:40px;height:40px;cursor:pointer;opacity:.8;transition:opacity .2s;background:no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=);background-size:11px auto;user-select:none;z-index:1}.jBox-image-pointer-next:hover,.jBox-image-pointer-prev:hover{opacity:1}.jBox-image-pointer-next{transform:scaleX(-1)}.jBox-image-counter-container{flex-shrink:0;white-space:nowrap;height:40px;line-height:40px;font-size:13px;color:#fff;text-align:right;display:none}.jBox-image-has-counter .jBox-image-counter-container{display:block}.jBox-overlay.jBox-overlay-Image{background:#000}.jBox-image-not-found{background:#000}.jBox-image-not-found:before{content:'';box-sizing:border-box;display:block;width:80px;height:80px;margin-top:-40px;margin-left:-40px;position:absolute;top:50%;left:50%;border:5px solid #222;border-radius:50%}.jBox-image-not-found:after{content:'';display:block;box-sizing:content-box;z-index:auto;width:6px;height:74px;margin-top:-37px;margin-left:-3px;position:absolute;top:50%;left:50%;background:#222;transform:rotateZ(45deg);transform-origin:50% 50% 0}.jBox-image-download-button-wrapper{position:absolute;top:-40px;right:35px;height:40px;display:flex;cursor:pointer;opacity:.8;transition:opacity .2s}.jBox-image-download-button-wrapper:hover{opacity:1}.jBox-image-download-button-icon{width:40px;height:40px;background:center center no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDE2IDI1NnYtMTkyaC0xOTJ2MTkyaC0xNjBsMjU2IDI1NiAyNTYtMjU2aC0xNjB6TTAgNTc2aDY0MHY2NGgtNjQwdi02NHoiPjwvcGF0aD48L3N2Zz4=);background-size:60%}.jBox-image-download-button-text{white-space:nowrap;line-height:40px;padding:0 10px 0 0;color:#fff;font-size:14px}@keyframes jBoxImageLoading{to{transform:rotate(360deg)}}.jBox-image-loading:before{content:'';position:absolute;top:50%;left:50%;width:32px;height:32px;margin-top:-16px;margin-left:-16px;border:4px solid #333;border-bottom-color:#666;animation:jBoxImageLoading 1.2s linear infinite;border-radius:50%}.jBox-Notice{transition:margin .2s}.jBox-Notice .jBox-container{border-radius:4px;box-shadow:inset 1px 1px 0 0 rgba(255,255,255,.25),inset -1px -1px 0 0 rgba(0,0,0,.1)}.jBox-Notice .jBox-content{border-radius:4px;padding:12px 20px}@media (max-width:768px){.jBox-Notice .jBox-content{padding:10px 15px}}@media (max-width:500px){.jBox-Notice .jBox-content{padding:8px 10px}}.jBox-Notice.jBox-hasTitle .jBox-content{padding-top:5px}@media (max-width:500px){.jBox-Notice.jBox-hasTitle .jBox-content{padding-top:0}}.jBox-Notice.jBox-hasTitle .jBox-title{padding:12px 20px 0;font-weight:700}@media (max-width:768px){.jBox-Notice.jBox-hasTitle .jBox-title{padding:10px 15px 0}}@media (max-width:500px){.jBox-Notice.jBox-hasTitle .jBox-title{padding:8px 10px 0}}.jBox-Notice.jBox-closeButton-title .jBox-title{padding-right:55px}.jBox-Notice.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton{width:40px}.jBox-Notice.jBox-Notice-black .jBox-container{color:#fff;background:#000}.jBox-Notice.jBox-Notice-black.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-black.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-Notice.jBox-Notice-gray .jBox-container{color:#222;background:#f6f6f6}.jBox-Notice.jBox-Notice-gray.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-gray.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#222}.jBox-Notice.jBox-Notice-red .jBox-container{color:#fff;background:#d00}.jBox-Notice.jBox-Notice-red.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-red.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-Notice.jBox-Notice-green .jBox-container{color:#fff;background:#5d0}.jBox-Notice.jBox-Notice-green.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-green.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-Notice.jBox-Notice-blue .jBox-container{color:#fff;background:#49d}.jBox-Notice.jBox-Notice-blue.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-blue.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-Notice.jBox-Notice-yellow .jBox-container{color:#000;background:#fd0}.jBox-Notice.jBox-Notice-yellow.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,.jBox-Notice.jBox-Notice-yellow.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path{fill:#fff}.jBox-NoticeFancy .jBox-content,.jBox-NoticeFancy .jBox-title{padding-left:25px}.jBox-NoticeFancy.jBox-Notice-color .jBox-container{color:#fff;background:#000}.jBox-NoticeFancy.jBox-Notice-color .jBox-container:after{content:'';position:absolute;top:0;left:0;bottom:0;width:8px;border-radius:4px 0 0 4px;background-image:linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:14px 14px}.jBox-NoticeFancy.jBox-Notice-black .jBox-container:after,.jBox-NoticeFancy.jBox-Notice-gray .jBox-container:after{background-color:#888}.jBox-NoticeFancy.jBox-Notice-red .jBox-container:after{background-color:#e00}.jBox-NoticeFancy.jBox-Notice-green .jBox-container:after{background-color:#6c0}.jBox-NoticeFancy.jBox-Notice-blue .jBox-container:after{background-color:#49d}.jBox-NoticeFancy.jBox-Notice-yellow .jBox-container:after{background-color:#fb0}.jBox-NoticeFancy .jBox-countdown{left:8px;border-radius:0 4px 0 0}.jBox-TooltipBorder .jBox-container,.jBox-TooltipBorder .jBox-pointer:after{border:2px solid #49d}.jBox-TooltipBorder .jBox-pointer:after{width:22px;height:22px}.jBox-TooltipBorder .jBox-pointer-bottom,.jBox-TooltipBorder .jBox-pointer-top{width:34px;height:13px}.jBox-TooltipBorder .jBox-pointer-bottom:after,.jBox-TooltipBorder .jBox-pointer-top:after{left:6px}.jBox-TooltipBorder .jBox-pointer-left,.jBox-TooltipBorder .jBox-pointer-right{width:13px;height:34px}.jBox-TooltipBorder .jBox-pointer-left:after,.jBox-TooltipBorder .jBox-pointer-right:after{top:6px}.jBox-TooltipBorder.jBox-closeButton-box:before{width:28px;height:28px;background:#49d}.jBox-TooltipBorderThick .jBox-container{box-shadow:none;border-radius:8px;border:4px solid #ccc}.jBox-TooltipBorderThick .jBox-pointer:after{box-shadow:none;border:4px solid #ccc;width:24px;height:24px}.jBox-TooltipBorderThick .jBox-pointer-bottom,.jBox-TooltipBorderThick .jBox-pointer-top{width:38px;height:13px}.jBox-TooltipBorderThick .jBox-pointer-left,.jBox-TooltipBorderThick .jBox-pointer-right{width:13px;height:38px}.jBox-TooltipBorderThick.jBox-closeButton-box:before{width:32px;height:32px;background:#ccc}.jBox-TooltipDark .jBox-container{border-radius:4px;background:#000;color:#fff;box-shadow:0 0 6px rgba(0,0,0,.4)}.jBox-TooltipDark .jBox-pointer:after{background:#000}.jBox-TooltipDark .jBox-closeButton{background:#000}.jBox-TooltipDark.jBox-closeButton-box:before{box-shadow:0 0 6px rgba(0,0,0,.4)}.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton path{fill:#ddd}.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:hover path{fill:#fff}.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:active path{fill:#bbb}.jBox-TooltipError{pointer-events:none}.jBox-TooltipError .jBox-container{border-radius:2px;background:#d00;color:#fff;font-weight:700;font-size:13px}.jBox-TooltipError .jBox-content{padding:0 10px;line-height:28px}.jBox-TooltipError .jBox-pointer:after{background:#d00;width:20px;height:20px}.jBox-TooltipError .jBox-pointer-bottom,.jBox-TooltipError .jBox-pointer-top{width:22px;height:8px}.jBox-TooltipError .jBox-pointer-left,.jBox-TooltipError .jBox-pointer-right{width:8px;height:22px}.jBox-TooltipError .jBox-pointer-top:after{left:1px;top:6px}.jBox-TooltipError .jBox-pointer-right:after{top:1px;right:6px}.jBox-TooltipError .jBox-pointer-bottom:after{left:1px;bottom:6px}.jBox-TooltipError .jBox-pointer-left:after{top:1px;left:6px}.jBox-TooltipSmall{pointer-events:none}.jBox-TooltipSmall .jBox-container{border-radius:2px}.jBox-TooltipSmall .jBox-content{padding:0 10px;line-height:28px}.jBox-TooltipSmall .jBox-pointer:after{width:20px;height:20px}.jBox-TooltipSmall .jBox-pointer-bottom,.jBox-TooltipSmall .jBox-pointer-top{width:22px;height:8px}.jBox-TooltipSmall .jBox-pointer-left,.jBox-TooltipSmall .jBox-pointer-right{width:8px;height:22px}.jBox-TooltipSmall .jBox-pointer-top:after{left:1px;top:6px}.jBox-TooltipSmall .jBox-pointer-right:after{top:1px;right:6px}.jBox-TooltipSmall .jBox-pointer-bottom:after{left:1px;bottom:6px}.jBox-TooltipSmall .jBox-pointer-left:after{top:1px;left:6px}.jBox-TooltipSmallGray{pointer-events:none}.jBox-TooltipSmallGray .jBox-container{font-size:13px;line-height:24px;border-radius:12px;background-image:linear-gradient(to bottom,#fafafa,#f2f2f2)}.jBox-TooltipSmallGray .jBox-content{padding:0 10px}.jBox-TooltipSmallGray .jBox-pointer:after{width:20px;height:20px}.jBox-TooltipSmallGray .jBox-pointer-bottom,.jBox-TooltipSmallGray .jBox-pointer-top{width:22px;height:8px}.jBox-TooltipSmallGray .jBox-pointer-left,.jBox-TooltipSmallGray .jBox-pointer-right{width:8px;height:22px}.jBox-TooltipSmallGray .jBox-pointer-top:after{background:#fafafa;left:1px;top:6px}.jBox-TooltipSmallGray .jBox-pointer-right:after{top:1px;right:6px}.jBox-TooltipSmallGray .jBox-pointer-bottom:after{background:#f2f2f2;left:1px;bottom:6px}.jBox-TooltipSmallGray .jBox-pointer-left:after{top:1px;left:6px}
@charset "UTF-8";
/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > function
------------------------------
*/
/*!
global > mixin
------------------------------
*/
/*@include g.aspect-ratio(100,60)*/
/*@include g.aspect-ratio(100, 60, 100);*/
/*@include g.inner()*/
/*!
page > top > t00topcommon
------------------------------
*/
/*!
page > top > t01mv
------------------------------
*/
@media screen and (min-width: 1367px) {
    .bl_top-visual_wrap {
        margin-top: 0px;
    }
}

.bl_top-visual {
    position: relative;
}

/* ???部分 */
.bl_top-visual-bnr {
    position: absolute;
    z-index: 1;
}

@media screen and (max-width: 991px) {
    .bl_top-visual-bnr {
        -webkit-transform: translateX(50%);
        bottom: 12px;
        right: 50%;
        transform: translateX(50%);
    }
}

@media screen and (min-width: 992px) {
    .bl_top-visual-bnr {
        bottom: 12px;
        right: 120px;
    }
}

.bl_top-visual-bnr_wrap {
    background-color: #fff;
    border-radius: 0.375rem;
    display: flex;
    opacity: 1;
    padding: 0.5rem 0.875rem;
    transition: opacity 0.3s;
    width: 300px;
}

@media screen and (min-width: 768px) {
    .bl_top-visual-bnr_wrap:hover {
        opacity: 0.8;
    }
}

.bl_top-visual-bnr_img {
    -o-object-fit: cover;
    aspect-ratio: 1.6666666667;
    max-width: 100px;
    object-fit: cover;
    width: 100%;
}

/* safari?? */
_:lang(x) + _:-webkit-full-screen-document, .bl_top-visual-bnr_img {
    height: 60px;
    object-fit: cover;
    width: 100px;
}

.bl_top-visual-bnr_cont {
    color: #727272;
    min-width: 190px;
    padding-left: 0.5rem;
}

.bl_top-visual-bnr_meta {
    font-size: 0.5625rem;
}

.bl_top-visual-bnr_ttl {
    font-size: 0.8125rem;
    font-size: 13px;
    line-height: 1.25;
    line-height: 1.25;
    max-height: 32.5px;
    overflow: hidden;
    position: relative;
    word-break: break-all;
}

    .bl_top-visual-bnr_ttl::before, .bl_top-visual-bnr_ttl::after {
        background: #fff;
        position: absolute;
    }

    .bl_top-visual-bnr_ttl::before {
        content: "...";
        right: 0px;
        top: 16.25px;
        width: 1em;
    }

    .bl_top-visual-bnr_ttl::after {
        content: "";
        height: 100%;
        width: 100%;
    }

/* 開館情報部分 */
.bl_top-visual-info {
    background-color: rgba(155, 130, 52, 0.9);
    position: absolute;
    z-index: 1;
}

@media screen and (max-width: 1366px) {
    .bl_top-visual-info {
        bottom: -55px;
        left: 0;
        width: 100%;
        padding: 12px 0px;
    }
}

@media screen and (min-width: 1367px) {
    .bl_top-visual-info {
        left: 0;
        bottom: -100px;
        min-height: 100px;
        min-width: 425px;
        display: flex;
    }
}

.bl_top-visual-info_wrap {
    display: flex;
}

@media screen and (max-width: 991px) {
    .bl_top-visual-info_wrap {
        justify-content: center;
        padding: 0rem 0rem 0rem;
    }
}

@media screen and (min-width: 992px) {
    .bl_top-visual-info_wrap {
        padding: 0.625rem 1.25rem 0.5rem;
    }
}

.bl_top-visual-info_wrap .bl_today {
    color: #fff;
    padding-right: 5rem;
    position: relative;
}

    .bl_top-visual-info_wrap .bl_today p {
        margin: 0;
        margin-top: 0px;
    }

.bl_num {
    margin-top: 22px !important;
}

@media (max-width: 599.98px) {
    .bl_num {
        margin-top: 0px !important;
    }
}

.bl_top-visual-info_wrap .bl_today .bl_days {
    -webkit-transform: translateY(-50%);
    background-color: #E9DEBC;
    border-radius: 1.125rem;
    color: rgba(155, 130, 52, 0.9);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
    padding: 0.125rem;
    position: absolute;
    right: 50px;
    top: calc(50% + 0px);
    transform: translateY(-50%);
}

/* 2024/5/2 加註 -0 以避免使用。 */
.bl_top-visual-info_wrap .bl_today-0::after {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/weather-sunny.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 36px; /*???*/
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px; /*???*/
}

.weatherIcon {
    -webkit-transform: translateY(-50%);
    height: 36px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
}

.bl_top-visual-info_wrap .bl_year {
    display: block;
    font-family: "微軟正黑體", sans-serif;
    font-size: 0.6875rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 4px;
}

.bl_top-visual-info_wrap .bl_m-d {
    font-family: "微軟正黑體", sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1;
    padding-right: 0.25rem;
}

.bl_top-visual-info_wrap .bl_icon {
    align-items: center;
    display: flex;
    padding: 0 0.5rem;
}

.bl_top-visual-info_wrap .bl_time {
    font-family: "微軟正黑體", sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1;
}

.bl_top-visual-info_wrap .bl_notice {
    font-size: 0.6875rem;
}

.bl_top-visual-info-open {
    align-items: center;
    color: #fff;
    display: flex;
}

    .bl_top-visual-info-open .bl_top-visual-info-open_lt {
        color: #E9DEBC;
        font-size: 0.75rem;
        padding-left: 1.125rem;
        position: relative;
    }

@media screen and (min-width: 768px) {
    .bl_top-visual-info-open .bl_top-visual-info-open_lt {
        padding-left: 2.375rem;
    }
}

.bl_top-visual-info-open .bl_top-visual-info-open_lt::after {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/clock-white.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 18px; /*???*/
    left: -2px;
    position: absolute;
    top: calc(50% + 0px);
    transform: translateY(-50%);
    width: 18px; /*???*/
}

@media screen and (min-width: 768px) {
    .bl_top-visual-info-open .bl_top-visual-info-open_lt::after {
        left: 16px;
    }
}

.bl_top-visual-info-open .bl_top-visual-info-open_rt {
    margin-left: 0.625rem;
}

.bl_top-visual-info-close {
    align-items: center;
    color: #fff;
    display: flex;
    padding-left: 0.875rem;
}

/* ?????部分（PC） */
.bl_top-visual_pc {
    height: calc(100vh - 242px);
    position: relative;
}

@media screen and (max-width: 767px) {
    .bl_top-visual_pc {
        display: none;
    }
}

.bl_top-visual_pc h1 {
    -webkit-transform: translateX(-50%) translateY(-50%);
    right: 2%;
    position: absolute;
    bottom: 4%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
}

    .bl_top-visual_pc h1 img {
        height: 120px;
        width: auto;
    }

.bl_top-visual_pc .bl_slider_img {
    height: calc(100vh - 242px);
}

    .bl_top-visual_pc .bl_slider_img img {
        -o-object-fit: cover;
        -o-object-position: center;
        height: 100%;
        object-fit: cover;
        object-position: center;
        width: 100%;
    }

/* ?????部分（SP） */
.bl_top-visual_sp {
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_top-visual_sp {
        display: none;
    }
}

.bl_top-visual_sp > p {
    -webkit-transform: translateX(-50%) translateY(-50%);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 67.7333333333%;
    z-index: 1;
}

    .bl_top-visual_sp > p img {
        width: 70%;
        position: relative;
        display: block;
        margin: 0 auto;
    }

.bl_top-visual_sp .bl_slider_img img {
    -o-object-fit: cover;
    aspect-ratio: 1.1029411765;
    max-width: 1000px;
    object-fit: cover;
    width: 100%;
    min-height: 380px;
}

/* ???????（PC??）部分 */
.bl_topNav_pc {
    background-color: #333;
}

@media screen and (max-width: 1366px) {
    .bl_topNav_pc {
        display: none;
    }
}

.bl_topNav_pc_inner {
    margin: 0 auto;
    max-width: 1050px;
}

.bl_topNav_wrap {
    background-color: #333;
    display: flex;
    height: 100px;
}

/* 2024/5/6 用於修正常用快捷鍵第一個項目會被天氣資訊覆蓋的問題。 */
.bl_topNav_pc > div > ul > li:nth-child(1) {
    margin-left: 160px;
}

.bl_topNav_txt {
    color: #E9DEBC;
    font-weight: 700;
}

.bl_topNav_item {
    border-right: 1px solid #000;
    width: 14.2857142857%;
}

    .bl_topNav_item a {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 1.25rem 0 1rem;
    }

    .bl_topNav_item .bl_topNav_icon {
        display: block;
        height: 30px;
        margin: 0 auto;
    }

        .bl_topNav_item .bl_topNav_icon img {
            vertical-align: middle;
        }

    .bl_topNav_item .bl_topNav_txt {
        font-size: 1.063rem;
        margin: 0.625rem 0 0rem;
    }

    .bl_topNav_item:first-child {
        border-left: 1px solid #000;
    }

        .bl_topNav_item:first-child img {
            height: 25px;
            width: 25px;
        }

    .bl_topNav_item:nth-child(2) img {
        height: 25px;
        width: 25px;
    }

    .bl_topNav_item:nth-child(3) img {
        height: 25px;
        width: 25px;
    }

    .bl_topNav_item:nth-child(4) img {
        height: 25px;
        width: 25px;
    }

    .bl_topNav_item:nth-child(5) img {
        height: 25px;
        width: 25px;
    }

    .bl_topNav_item:nth-child(6) img {
        height: 25px;
        width: 25px;
    }

    .bl_topNav_item:nth-child(7) img {
        height: 24px;
        width: 24px;
    }

/*!
page > top > t02news
------------------------------
*/
@media screen and (max-width: 991px) {
    .bl_n-news {
        margin-top: 3.75rem;
        background-image: none;
    }

    .bl_gallery {
        background-image: none;
    }
}

.bl_n-news_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 948px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_n-news_inner {
        padding: 1.875rem 1.25rem 2rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_n-news_inner {
        padding: 3.5rem 0 2rem;
    }
}

@media screen and (max-width: 767px) {
    .bl_n-news_wrap {
        -ms-grid-columns: 1fr 0px 1fr;
        -ms-grid-rows: 46px 0px 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 46px 1fr;
    }

        .bl_n-news_wrap > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .bl_n-news_wrap > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

        .bl_n-news_wrap > *:nth-child(3) {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
        }

        .bl_n-news_wrap > *:nth-child(4) {
            -ms-grid-row: 3;
            -ms-grid-column: 3;
        }

        .bl_n-news_wrap .bl_n-news_header {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-area: 1/1/2/3;
        }

        .bl_n-news_wrap .bl_n-news_btn {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 2;
            -ms-grid-column-span: 1;
            grid-area: 1/2/2/3;
        }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .bl_n-news_wrap .bl_n-news_btn {
        margin-top: 0.75rem;
        text-align: right;
    }
}

@media screen and (max-width: 767px) {
    .bl_n-news_wrap .bl_n-news_body {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 2/1/3/3;
    }
}

@media screen and (min-width: 768px) {
    .bl_n-news_wrap {
        -ms-grid-columns: 76px 0px 1fr 0px 42px;
        -ms-grid-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        display: -ms-grid;
        display: grid;
        grid-template-columns: 76px 1fr 42px;
        grid-template-rows: 1fr;
    }

        .bl_n-news_wrap > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .bl_n-news_wrap > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

        .bl_n-news_wrap > *:nth-child(3) {
            -ms-grid-row: 1;
            -ms-grid-column: 5;
        }

        .bl_n-news_wrap .bl_n-news_header {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-area: 1/1/2/3;
        }

        .bl_n-news_wrap .bl_n-news_btn {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 3;
            -ms-grid-column-span: 1;
            -ms-grid-row-align: end;
            align-self: end;
            grid-area: 1/3/2/4;
        }

        .bl_n-news_wrap .bl_n-news_body {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 2;
            -ms-grid-column-span: 1;
            grid-area: 1/2/2/3;
        }
}

.bl_n-news_header {
    margin: 0;
}

/*!
page > top > t03special-exhi
------------------------------
*/
/* common/_common-parts.scss?記述 */
/*!
page > top > t04special-next-exhi
------------------------------
*/
/* common/_common-parts.scss?記述 */
/*!
page > top > t05permanent-exhi
------------------------------
*/
.bl_permanent-exhi {
    background-color: transparent;
    background-image: url(../../assets/imgs/site/top/bg-news.jpg);
    background-repeat: repeat-y;
}

.bl_permanent-food {
    background-color: transparent;
    background-image: url(../../assets/imgs/site/top/bg-food.png);
    background-repeat: repeat-y;
}

.bl_permanent-exhi_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 948px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_permanent-exhi_inner {
        padding: 1.5rem 1.25rem 2.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi_inner {
        padding: 3rem 0;
    }
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi_wrap {
        -ms-grid-columns: 50px 0px 1fr;
        -ms-grid-rows: 1fr 0px auto;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        display: -ms-grid;
        display: grid;
        grid-template-columns: 50px 1fr;
        grid-template-rows: 1fr auto;
    }

        .bl_permanent-exhi_wrap > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .bl_permanent-exhi_wrap > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

        .bl_permanent-exhi_wrap > *:nth-child(3) {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
        }

        .bl_permanent-exhi_wrap > *:nth-child(4) {
            -ms-grid-row: 3;
            -ms-grid-column: 3;
        }

        .bl_permanent-exhi_wrap .bl_permanent-exhi_header {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-area: 1/1/2/3;
        }

        .bl_permanent-exhi_wrap .bl_permanent-exhi_body {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 2;
            -ms-grid-column-span: 1;
            grid-area: 1/2/2/3;
        }

        .bl_permanent-exhi_wrap .bl_permanent-exhi_footer {
            -ms-grid-row: 2;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-area: 2/1/3/3;
        }
}

@media screen and (max-width: 767px) {
    .bl_permanent-exhi_body {
        margin-top: -9.5rem;
        padding: 0 2.75rem;
    }
}

.bl_permanent-exhi_body .bl_nopost {
    color: #fff;
    padding-top: 3.75rem;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_permanent-exhi_body .bl_nopost {
        padding: 5rem 0;
    }
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi_body .bl_nopost {
        margin-right: 2.625rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi_body .bl_card-exhi_item {
        margin-left: auto;
        margin-right: 10.2489019034vw;
        max-width: 684px;
    }
}

.bl_permanent-exhi_body .bl_card-exhi_item:not(:first-child) {
    margin-top: 0.625rem;
}

.bl_permanent-exhi_body .bl_card-exhi_link {
    background-color: #fff;
    padding: 0.875rem 0.625rem 0.625rem;
}

@media screen and (max-width: 767px) {
    .bl_permanent-exhi_body .bl_card-exhi_link {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi_body .bl_card-exhi_link {
        display: flex;
        outline: none;
        /*線?基??????relative?指定*/
        position: relative;
    }

        .bl_permanent-exhi_body .bl_card-exhi_link::before, .bl_permanent-exhi_body .bl_card-exhi_link::after {
            /*事前?出現???線?形?*/
            border: solid #C5B27A;
            content: "";
            height: 0px;
            /*??配置?線?位置?決??*/
            position: absolute;
            /*????????指定*/
            transition: all 0.3s ease-in-out;
            width: 0px;
        }

        .bl_permanent-exhi_body .bl_card-exhi_link::before {
            /*出現???線?形?*/
            border-width: 0px 0 0 0px;
            left: 0;
            /*事前?出現???線?位置*/
            top: 0;
        }

        .bl_permanent-exhi_body .bl_card-exhi_link::after {
            /*事前?出現???線?形?*/
            border-width: 0 0px 0px 0;
            /*事前?出現???線?位置*/
            bottom: 0;
            right: 0;
        }

        .bl_permanent-exhi_body .bl_card-exhi_link:hover::before, .bl_permanent-exhi_body .bl_card-exhi_link:hover::after {
            height: calc(100% - 2px);
            width: calc(100% - 2px);
        }

        .bl_permanent-exhi_body .bl_card-exhi_link:hover::before {
            /*出現???線?形?*/
            border-width: 2px 0 0 2px;
        }

        .bl_permanent-exhi_body .bl_card-exhi_link:hover::after {
            /*事前?出現???線?形?*/
            border-width: 0 2px 2px 0;
        }
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi_body .bl_card-exhi_img {
        width: 21.6058394161%;
    }
}

.bl_permanent-exhi_body .bl_card-exhi_img img {
    -o-object-position: center top;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1607843137);
    object-position: center top;
}

@media screen and (max-width: 767px) {
    .bl_permanent-exhi_body .bl_card-exhi_img img {
        -o-object-fit: cover;
        aspect-ratio: 1.6444444444;
        max-width: 600px;
        object-fit: cover;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi_body .bl_card-exhi_img img {
        -o-object-fit: cover;
        aspect-ratio: 1.6444444444;
        max-width: 148px;
        object-fit: cover;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi_body .bl_card-exhi_cont {
        margin-left: 0.75rem;
        width: 78.3941605839%;
    }
}

.bl_permanent-exhi_body .bl_lead {
    color: #333;
    font-size: 1.125rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1.3333333333;
    margin-bottom: 0;
    margin-top: 0;
}

.bl_permanent-exhi_body .bl_meta {
    color: #747474;
    font-size: 1rem;
    margin-bottom: 0;
    margin-top: 0.25rem;
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi_body .bl_meta {
        margin-top: 0.75rem;
    }
}

.bl_permanent-exhi_body .bl_place {
    color: #333;
    font-size: 0.8125rem;
    line-height: 1.3333333333;
    margin-top: 0;
}

.bl_permanent-exhi_footer {
    padding-top: 2.5rem;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_permanent-exhi_footer .el_btn_square {
        width: 80%;
    }
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi_footer .el_btn_square {
        width: 63.2911392405%;
    }
}

/* safari?? */
_:lang(x) + _:-webkit-full-screen-document, .bl_permanent-exhi .bl_card-exhi_img {
    overflow: hidden;
    position: relative;
}

    _:lang(x) + _:-webkit-full-screen-document::before, .bl_permanent-exhi .bl_card-exhi_img::before {
        content: "";
        display: block;
        padding-top: 60.8108108108%;
    }

    _:lang(x) + _:-webkit-full-screen-document img, .bl_permanent-exhi .bl_card-exhi_img img {
        height: auto;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

/*!
page > top > t06event
------------------------------
*/
.bl_event_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1142px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_event_inner {
        padding: 2.5rem 1rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_event_inner {
        padding: 3rem 1rem;
    }
}

.bl_event_header {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_event_body {
        margin-top: 1.625rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_event_body {
        margin-top: 2.25rem;
    }
}

.bl_event_footer {
    padding-top: 2.5rem;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_event_footer .el_btn_square {
        width: 80%;
    }
}

@media screen and (min-width: 768px) {
    .bl_event_footer .el_btn_square {
        width: 54.0540540541%;
    }
}

/*!
page > top > t07calendar
------------------------------
*/
/* ????????????????、共通部分?page > common > _calendar.scss?移動 */
.bl_calendar_top {
    background-color: #f2f2f2;
}

.bl_calendar_header {
    text-align: center;
}

.bl_calendar_body {
    margin-top: 2.25rem;
}

/*!
page > top > t08gallery
------------------------------
*/

.bl_gallery_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 814px;
    padding: 1.625rem 0 1.25rem;
    width: 100%;
}

.bl_gallery_header {
    text-align: center;
}

.bl_gallery_lead {
    margin-top: 0;
}

.bl_gallery_body .bl_slider {
    /*???????????設定*/
    /* 元?????????? */
}

    .bl_gallery_body .bl_slider button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
    }

    .bl_gallery_body .bl_slider .slick-dots {
        margin: 20px 0 0 0;
        text-align: center;
    }

        .bl_gallery_body .bl_slider .slick-dots li {
            display: inline-block;
            margin: 0 5px;
        }

        .bl_gallery_body .bl_slider .slick-dots button {
            background: #fff; /*???????色*/
            border: 1px solid #B39C56;
            border-radius: 50%;
            color: transparent;
            display: block;
            height: 8px; /*??????????*/
            outline: none;
            width: 8px; /*??????????*/
        }

        .bl_gallery_body .bl_slider .slick-dots .slick-active button {
            background: #B39C56; /*???????現在地表示?色*/
        }

.bl_gallery_body .bl_slider_img div {
    /*margin-right: 1.875rem;*/
}

.bl_gallery_body .bl_slider_img img {
    -o-object-fit: cover;
    aspect-ratio: 1;
    /*max-width: 180px;*/
    object-fit: cover;
    width: 100%;
    height: calc(40vh);
}

.bl_gallery-sns {
    background-color: #333;
}

.bl_gallery-sns_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 814px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_gallery-sns_wrap {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
}

.bl_gallery-sns_unit {
    display: flex;
}

@media screen and (max-width: 767px) {
    .bl_gallery-sns_unit {
        justify-content: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_gallery-sns_unit {
        order: 2;
    }
}

.bl_gallery-sns_unit li {
    border-left: 1px solid #000;
    width: 5.375rem;
}

    .bl_gallery-sns_unit li:last-child {
        border-right: 1px solid #000;
    }

    .bl_gallery-sns_unit li a {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 3.875rem;
        justify-content: center;
    }

        .bl_gallery-sns_unit li a img {
            width: 32px;
            height: 32px;
        }

@media screen and (min-width: 768px) {
    .bl_gallery-sns_txt {
        order: 1;
    }
}

.bl_gallery-sns_txt p {
    color: #E9DEBC;
    font-size: 0.6875rem;
    margin: 0;
    padding-bottom: 0.5rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_gallery-sns_txt p {
        font-size: 1.063rem;
        padding-bottom: 0rem;
        text-align: left;
    }
}

/*!
page > top > t09banner
------------------------------
*/
.bl_banner {
    background-color: #E8E8E8;
}

@media screen and (min-width: 768px) {
    .bl_banner {
        background-color: #fff;
    }
}

.bl_banner_inner {
    padding: 1.25rem 0.625rem;
}

@media screen and (min-width: 768px) {
    .bl_banner_inner {
        padding: 4.625rem 0.625rem;
    }
}

.bl_banner_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.bl_banner_item {
    margin: 0.25rem 1.25rem;
}

    .bl_banner_item img {
        box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1607843137);
        transition: box-shadow 0.5s;
        width: 400px;
        height: 100px;
        object-fit: cover;
    }

    .bl_banner_item:hover img {
        box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.5529411765);
    }
/*-- End --*/


.videoembed {
    position: relative;
    bottom: 0px;
    min-width: 100%;
    min-height: 100%;
    background: #333;
}

@media screen and (max-width: 600px) {
    .videoembed {
        position: relative;
        bottom: 0px;
        width: auto;
        height: 380px;
        min-height: 380px;
    }
}

/*-- 20250627 --*/
.bl_n-news_tile {
    display: flex;
    justify-content: space-between;
}

    .bl_n-news_tile .more {
        font-size: 16px;
        text-align: center;
        font-weight: 900;
        width: 90px;
        background: #CCC;
        padding: 6px 8px;
        border-radius: 30px;
        margin-top: 25px;
        margin-left: 30px;
        color: #656565;
    }
.fc-icon,
.fc-unselectable {
    -moz-user-select: none;
    -ms-user-select: none;
}

.fc .fc-button,
.fc-icon {
    text-transform: none;
    text-align: center;
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
    cursor: not-allowed;
}

.fc .fc-button:not(:disabled),
.fc a[data-navlink],
.fc-event.fc-event-draggable,
.fc-event[href] {
    cursor: pointer;
}

.fc-unselectable {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

.fc {
    display: flex;
    flex-direction: column;
    font-size: 1em;
}

    .fc .fc-button,
    .fc-icon {
        display: inline-block;
        font-weight: 400;
    }

    .fc,
    .fc *,
    .fc :after,
    .fc :before {
        box-sizing: border-box;
    }

        .fc table {
            border-collapse: collapse;
            border-spacing: 0;
            font-size: 1em;
        }

        .fc th {
            text-align: center;
        }

        .fc td,
        .fc th {
            vertical-align: top;
            padding: 0;
        }

        .fc .fc-button,
        .fc .fc-button .fc-icon,
        .fc .fc-button-group,
        .fc .fc-timegrid-slot-label {
            vertical-align: middle;
        }

        .fc a[data-navlink]:hover {
            text-decoration: underline;
        }

        .fc .fc-button:hover,
        .fc .fc-list-event-title a,
        a.fc-event,
        a.fc-event:hover {
            text-decoration: none;
        }

.fc-direction-ltr {
    direction: ltr;
    text-align: left;
}

.fc-direction-rtl {
    direction: rtl;
    text-align: right;
}

.fc-theme-standard td,
.fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
}

.fc-liquid-hack td,
.fc-liquid-hack th {
    position: relative;
}

@font-face {
    font-family: fcicons;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
    font-weight: 400;
    font-style: normal;
}

.fc-icon {
    width: 1em;
    height: 1em;
    -webkit-user-select: none;
    user-select: none;
    font-family: fcicons !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
    content: "\e900";
}

.fc-icon-chevron-right:before {
    content: "\e901";
}

.fc-icon-chevrons-left:before {
    content: "\e902";
}

.fc-icon-chevrons-right:before {
    content: "\e903";
}

.fc-icon-minus-square:before {
    content: "\e904";
}

.fc-icon-plus-square:before {
    content: "\e905";
}

.fc-icon-x:before {
    content: "\e906";
}

.fc .fc-button {
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
}

    .fc .fc-button::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

.fc .fc-button {
    -webkit-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
}

    .fc .fc-button:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
    }

.fc .fc-button-primary:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc .fc-button:disabled {
    opacity: 0.65;
}

.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2c3e50;
    background-color: var(--fc-button-bg-color, #2c3e50);
    border-color: #2c3e50;
    border-color: var(--fc-button-border-color, #2c3e50);
}

    .fc .fc-button-primary:hover {
        color: #fff;
        color: var(--fc-button-text-color, #fff);
        background-color: #1e2b37;
        background-color: var(--fc-button-hover-bg-color, #1e2b37);
        border-color: #1a252f;
        border-color: var(--fc-button-hover-border-color, #1a252f);
    }

    .fc .fc-button-primary:disabled {
        color: #fff;
        color: var(--fc-button-text-color, #fff);
        background-color: #2c3e50;
        background-color: var(--fc-button-bg-color, #2c3e50);
        border-color: #2c3e50;
        border-color: var(--fc-button-border-color, #2c3e50);
    }

    .fc .fc-button-primary:not(:disabled).fc-button-active,
    .fc .fc-button-primary:not(:disabled):active {
        color: #fff;
        color: var(--fc-button-text-color, #fff);
        background-color: #1a252f;
        background-color: var(--fc-button-active-bg-color, #1a252f);
        border-color: #151e27;
        border-color: var(--fc-button-active-border-color, #151e27);
    }

.fc .fc-button .fc-icon {
    font-size: 1.5em;
}

.fc .fc-button-group {
    position: relative;
    display: inline-flex;
}

    .fc .fc-button-group > .fc-button {
        position: relative;
        flex: 1 1 auto;
    }

        .fc .fc-button-group > .fc-button.fc-button-active,
        .fc .fc-button-group > .fc-button:active,
        .fc .fc-button-group > .fc-button:focus,
        .fc .fc-button-group > .fc-button:hover {
            z-index: 1;
        }

.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1.5em;
    }

    .fc .fc-toolbar.fc-footer-toolbar {
        margin-top: 1.5em;
    }

.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
}

.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: 0.75em;
}

.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: 0.75em;
}

.fc-direction-rtl .fc-toolbar-ltr {
    flex-direction: row-reverse;
}

.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.fc .fc-scroller-liquid {
    height: 100%;
}

.fc .fc-scroller-liquid-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.fc .fc-scroller-harness {
    position: relative;
    overflow: hidden;
    direction: ltr;
}

.fc .fc-scroller-harness-liquid {
    height: 100%;
}

.fc-direction-rtl .fc-scroller-harness > .fc-scroller {
    direction: rtl;
}

.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
}

.fc .fc-scrollgrid,
.fc .fc-scrollgrid-section-footer > *,
.fc .fc-scrollgrid-section-header > * {
    border-bottom-width: 0;
}

    .fc .fc-scrollgrid,
    .fc .fc-scrollgrid table {
        width: 100%;
        table-layout: fixed;
    }

        .fc .fc-scrollgrid table {
            border-top-style: hidden;
            border-left-style: hidden;
            border-right-style: hidden;
        }

.fc .fc-scrollgrid {
    border-collapse: separate;
    border-right-width: 0;
}

.fc .fc-scrollgrid-liquid {
    height: 100%;
}

.fc .fc-scrollgrid-section,
.fc .fc-scrollgrid-section table,
.fc .fc-scrollgrid-section > td {
    height: 1px;
}

.fc .fc-scrollgrid-section-liquid {
    height: auto;
}

    .fc .fc-scrollgrid-section-liquid > td {
        height: 100%;
    }

.fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
}

.fc .fc-scrollgrid-section-body table,
.fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden;
}

.fc .fc-scrollgrid-section-sticky > * {
    background: var(--fc-page-bg-color, #fff);
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
}

.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 0;
}

.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    bottom: 0;
}

.fc .fc-scrollgrid-sticky-shim {
    height: 1px;
    margin-bottom: -1px;
}

.fc-sticky {
    position: -webkit-sticky;
    position: sticky;
}

.fc .fc-view-harness {
    flex-grow: 1;
    position: relative;
}

.fc .fc-bg-event,
.fc .fc-highlight,
.fc .fc-non-business,
.fc .fc-view-harness-active > .fc-view {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc .fc-col-header-cell-cushion {
    display: inline-block;
    padding: 2px 4px;
}

.fc .fc-non-business {
    background: rgba(215, 215, 215, 0.3);
    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
}

.fc .fc-bg-event {
    background: var(--fc-bg-event-color, #8fdf82);
    opacity: 0.3;
    opacity: var(--fc-bg-event-opacity, 0.3);
}

    .fc .fc-bg-event .fc-event-title {
        margin: 0.5em;
        font-size: 0.85em;
        font-size: var(--fc-small-font-size, 0.85em);
        font-style: italic;
    }

.fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
}

.fc .fc-cell-shaded,
.fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

.fc-event .fc-event-main {
    position: relative;
    z-index: 2;
}

.fc-event-dragging:not(.fc-event-selected) {
    opacity: 0.75;
}

.fc-event-dragging.fc-event-selected {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
}

.fc-event-selected .fc-event-resizer,
.fc-event:hover .fc-event-resizer,
.fc-h-event {
    display: block;
}

.fc-event-selected .fc-event-resizer {
    border-radius: 4px;
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
    border-width: 1px;
    border-width: var(--fc-event-resizer-dot-border-width, 1px);
    width: 8px;
    width: var(--fc-event-resizer-dot-total-width, 8px);
    height: 8px;
    height: var(--fc-event-resizer-dot-total-width, 8px);
    border-style: solid;
    border-color: inherit;
    background: var(--fc-page-bg-color, #fff);
}

    .fc-event-selected .fc-event-resizer:before {
        content: "";
        position: absolute;
        top: -20px;
        left: -20px;
        right: -20px;
        bottom: -20px;
    }

.fc-event-selected {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

    .fc-event-selected:before {
        content: "";
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .fc-event-selected:after {
        content: "";
        background: rgba(0, 0, 0, 0.25);
        background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
        position: absolute;
        z-index: 1;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
    }

.fc-h-event {
    border: 1px solid #3788d8;
    border: 1px solid var(--fc-event-border-color, #3788d8);
    background-color: #3788d8;
    background-color: var(--fc-event-bg-color, #3788d8);
}

    .fc-h-event .fc-event-main {
        color: #fff;
        color: var(--fc-event-text-color, #fff);
    }

    .fc-h-event .fc-event-main-frame {
        display: flex;
    }

    .fc-h-event .fc-event-time {
        max-width: 100%;
        overflow: hidden;
    }

    .fc-h-event .fc-event-title-container {
        flex-grow: 1;
        flex-shrink: 1;
        min-width: 0;
    }

    .fc-h-event .fc-event-title {
        display: inline-block;
        vertical-align: top;
        left: 0;
        right: 0;
        max-width: 100%;
        overflow: hidden;
    }

    .fc-h-event.fc-event-selected:before {
        top: -10px;
        bottom: -10px;
    }

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0;
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
}

.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
    top: 0;
    bottom: 0;
    width: 8px;
    width: var(--fc-event-resizer-thickness, 8px);
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
    cursor: w-resize;
    left: -4px;
    left: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
    cursor: e-resize;
    right: -4px;
    right: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

.fc-h-event.fc-event-selected .fc-event-resizer {
    top: 50%;
    margin-top: -4px;
    margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
    left: -4px;
    left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
    right: -4px;
    right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

:root {
    --fc-daygrid-event-dot-width: 8px;
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
}

.fc .fc-popover {
    position: fixed;
    top: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc .fc-popover-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3px 4px;
}

.fc .fc-popover-title {
    margin: 0 2px;
}

.fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
}

.fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    background: var(--fc-page-bg-color, #fff);
}

.fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

.fc-daygrid-day-events:after,
.fc-daygrid-day-events:before,
.fc-daygrid-day-frame:after,
.fc-daygrid-day-frame:before,
.fc-daygrid-event-harness:after,
.fc-daygrid-event-harness:before {
    content: "";
    clear: both;
    display: table;
}

.fc .fc-daygrid-body {
    position: relative;
    z-index: 1;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(255, 220, 40, 0.15);
    background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}

.fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%;
}

.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
}

.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.3;
}

.fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 4px;
}

.fc .fc-daygrid-day-events {
    margin-top: 1px;
}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
    position: absolute;
    left: 0;
    right: 0;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    position: relative;
    min-height: 2em;
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: 1em;
}

.fc .fc-daygrid-event-harness {
    position: relative;
}

.fc .fc-daygrid-event-harness-abs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc .fc-daygrid-bg-harness {
    position: absolute;
    top: 0;
    bottom: 0;
}

.fc .fc-daygrid-day-bg .fc-non-business {
    z-index: 1;
}

.fc .fc-daygrid-day-bg .fc-bg-event {
    z-index: 2;
}

.fc .fc-daygrid-day-bg .fc-highlight {
    z-index: 3;
}

.fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px;
}

    .fc .fc-daygrid-event.fc-event-mirror {
        z-index: 7;
    }

.fc .fc-daygrid-day-bottom {
    font-size: 0.85em;
    margin: 2px 3px 0;
}

.fc .fc-daygrid-more-link {
    position: relative;
    z-index: 4;
    cursor: pointer;
}

.fc .fc-daygrid-week-number {
    position: absolute;
    z-index: 5;
    top: 0;
    padding: 2px;
    min-width: 1.5em;
    text-align: center;
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    color: grey;
    color: var(--fc-neutral-text-color, grey);
}

.fc .fc-more-popover {
    z-index: 8;
}

    .fc .fc-more-popover .fc-popover-body {
        min-width: 220px;
        padding: 10px;
    }

.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left: 2px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 2px;
}

.fc-direction-ltr .fc-daygrid-week-number {
    left: 0;
    border-radius: 0 0 3px;
}

.fc-direction-rtl .fc-daygrid-week-number {
    right: 0;
    border-radius: 0 0 0 3px;
}

.fc-liquid-hack .fc-daygrid-day-frame {
    position: static;
}

.fc-daygrid-event {
    position: relative;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 0.85em;
    font-size: var(--fc-small-font-size, 0.85em);
}

.fc-daygrid-block-event .fc-event-time {
    font-weight: 700;
}

.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
    padding: 1px;
}

.fc-daygrid-dot-event {
    display: flex;
    align-items: center;
    padding: 2px 0;
}

    .fc-daygrid-dot-event .fc-event-title {
        flex-grow: 1;
        flex-shrink: 1;
        min-width: 0;
        overflow: hidden;
        font-weight: 700;
    }

    .fc-daygrid-dot-event.fc-event-mirror,
    .fc-daygrid-dot-event:hover {
        background: rgba(0, 0, 0, 0.1);
    }

    .fc-daygrid-dot-event.fc-event-selected:before {
        top: -10px;
        bottom: -10px;
    }

.fc-daygrid-event-dot {
    margin: 0 4px;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 4px solid #3788d8;
    border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 4px;
    border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}

.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
}

.fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px;
}

.fc-v-event {
    display: block;
    border: 1px solid #3788d8;
    border: 1px solid var(--fc-event-border-color, #3788d8);
    background-color: #3788d8;
    background-color: var(--fc-event-bg-color, #3788d8);
}

    .fc-v-event .fc-event-main {
        color: #fff;
        color: var(--fc-event-text-color, #fff);
        height: 100%;
    }

    .fc-v-event .fc-event-main-frame {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .fc-v-event .fc-event-time {
        flex-grow: 0;
        flex-shrink: 0;
        max-height: 100%;
        overflow: hidden;
    }

    .fc-v-event .fc-event-title-container {
        flex-grow: 1;
        flex-shrink: 1;
        min-height: 0;
    }

    .fc-v-event .fc-event-title {
        top: 0;
        bottom: 0;
        max-height: 100%;
        overflow: hidden;
    }

    .fc-v-event:not(.fc-event-start) {
        border-top-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .fc-v-event:not(.fc-event-end) {
        border-bottom-width: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .fc-v-event.fc-event-selected:before {
        left: -10px;
        right: -10px;
    }

    .fc-v-event .fc-event-resizer-start {
        cursor: n-resize;
    }

    .fc-v-event .fc-event-resizer-end {
        cursor: s-resize;
    }

    .fc-v-event:not(.fc-event-selected) .fc-event-resizer {
        height: 8px;
        height: var(--fc-event-resizer-thickness, 8px);
        left: 0;
        right: 0;
    }

    .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
        top: -4px;
        top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

    .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
        bottom: -4px;
        bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

    .fc-v-event.fc-event-selected .fc-event-resizer {
        left: 50%;
        margin-left: -4px;
        margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

    .fc-v-event.fc-event-selected .fc-event-resizer-start {
        top: -4px;
        top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

    .fc-v-event.fc-event-selected .fc-event-resizer-end {
        bottom: -4px;
        bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc .fc-timegrid .fc-daygrid-body {
    z-index: 2;
}

.fc .fc-timegrid-axis-chunk > table,
.fc .fc-timegrid-body,
.fc .fc-timegrid-slots {
    position: relative;
    z-index: 1;
}

.fc .fc-timegrid-divider {
    padding: 0 0 2px;
}

.fc .fc-timegrid-body {
    min-height: 100%;
}

.fc .fc-timegrid-axis-chunk {
    position: relative;
}

.fc .fc-timegrid-slot {
    height: 1.5em;
    border-bottom: 0;
}

    .fc .fc-timegrid-slot:empty:before {
        content: "\00a0";
    }

.fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
}

.fc .fc-timegrid-slot-label-cushion {
    display: inline-block;
    white-space: nowrap;
}

.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
    padding: 0 4px;
}

.fc .fc-timegrid-axis-frame-liquid {
    height: 100%;
}

.fc .fc-timegrid-axis-frame {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.fc .fc-timegrid-axis-cushion {
    max-width: 60px;
    flex-shrink: 0;
}

.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: right;
}

.fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: left;
}

.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fc .fc-timegrid-col.fc-day-today {
    background-color: rgba(255, 220, 40, 0.15);
    background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}

.fc .fc-timegrid-col-frame {
    min-height: 100%;
    position: relative;
}

.fc-liquid-hack .fc-timegrid-col-frame {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fc-media-screen .fc-timegrid-cols {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .fc-media-screen .fc-timegrid-cols > table {
        height: 100%;
    }

.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-media-screen .fc-timegrid-event-harness {
    position: absolute;
}

.fc .fc-timegrid-col-bg {
    z-index: 2;
}

    .fc .fc-timegrid-col-bg .fc-non-business {
        z-index: 1;
    }

    .fc .fc-timegrid-col-bg .fc-bg-event {
        z-index: 2;
    }

    .fc .fc-timegrid-col-bg .fc-highlight,
    .fc .fc-timegrid-col-events {
        z-index: 3;
    }

.fc .fc-timegrid-bg-harness {
    position: absolute;
    left: 0;
    right: 0;
}

.fc .fc-timegrid-now-indicator-container {
    bottom: 0;
    overflow: hidden;
}

.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 2.5% 0 2px;
}

.fc-direction-rtl .fc-timegrid-col-events {
    margin: 0 2px 0 2.5%;
}

.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror {
    box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px var(--fc-page-bg-color, #fff);
}

.fc-timegrid-event {
    font-size: 0.85em;
    font-size: var(--fc-small-font-size, 0.85em);
    border-radius: 3px;
}

    .fc-timegrid-event .fc-event-main {
        padding: 1px 1px 0;
    }

    .fc-timegrid-event .fc-event-time {
        white-space: nowrap;
        font-size: 0.85em;
        font-size: var(--fc-small-font-size, 0.85em);
        margin-bottom: 1px;
    }

.fc-timegrid-event-condensed .fc-event-main-frame {
    flex-direction: row;
    overflow: hidden;
}

.fc-timegrid-event-condensed .fc-event-time:after {
    content: "\00a0-\00a0";
}

.fc-timegrid-event-condensed .fc-event-title {
    font-size: 0.85em;
    font-size: var(--fc-small-font-size, 0.85em);
}

.fc-media-screen .fc-timegrid-event {
    position: absolute;
    top: 0;
    bottom: 1px;
    left: 0;
    right: 0;
}

.fc .fc-timegrid-now-indicator-line {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
    border-width: 1px 0 0;
}

.fc .fc-timegrid-now-indicator-arrow {
    position: absolute;
    z-index: 4;
    margin-top: -5px;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
}

.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-theme-standard .fc-list {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
}

.fc .fc-list-empty {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fc .fc-list-empty-cushion {
    margin: 5em 0;
}

.fc .fc-list-table {
    width: 100%;
    border-style: hidden;
}

    .fc .fc-list-table tr > * {
        border-left: 0;
        border-right: 0;
    }

.fc .fc-list-sticky .fc-list-day > * {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: var(--fc-page-bg-color, #fff);
}

.fc .fc-list-table th {
    padding: 0;
}

.fc .fc-list-day-cushion,
.fc .fc-list-table td {
    padding: 8px 14px;
}

    .fc .fc-list-day-cushion:after {
        content: "";
        clear: both;
        display: table;
    }

.fc-theme-standard .fc-list-day-cushion {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
    float: left;
}

.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
    float: right;
}

.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
    padding-right: 0;
}

.fc-direction-rtl .fc-list-table .fc-list-event-graphic {
    padding-left: 0;
}

.fc .fc-list-event.fc-event-forced-url {
    cursor: pointer;
}

.fc .fc-list-event:hover td {
    background-color: #f5f5f5;
    background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
}

.fc .fc-list-event-graphic,
.fc .fc-list-event-time {
    white-space: nowrap;
    width: 1px;
}

.fc .fc-list-event-dot {
    display: inline-block;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 5px solid #3788d8;
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 5px;
    border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
}

.fc .fc-list-event-title a {
    color: inherit;
}

.fc .fc-list-event.fc-event-forced-url:hover a {
    text-decoration: underline;
}

.fc-theme-bootstrap a:not([href]) {
    color: inherit;
}

body.lb-disable-scrolling {
    overflow: hidden;
}

.lightboxOverlay {
    background-color: black;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 9999;
}

.lightbox {
    font-weight: normal;
    left: 0;
    line-height: 0;
    outline: none;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 10000;
}

    .lightbox .lb-image {
        /* Image border */
        border: 4px solid white;
        border-radius: 3px;
        display: block;
        height: auto;
        max-height: none;
        max-width: inherit;
    }

    .lightbox a img {
        border: none;
    }

.lb-outerContainer {
    *zoom: 1;
    /* Background color behind image.
     This is visible during transitions. */
    background-color: white;
    border-radius: 4px;
    height: 250px;
    margin: 0 auto;
    position: relative;
    width: 250px;
}

    .lb-outerContainer:after {
        clear: both;
        content: "";
        display: table;
    }

.lb-loader {
    height: 25%;
    left: 0;
    line-height: 0;
    position: absolute;
    text-align: center;
    top: 43%;
    width: 100%;
}

.lb-cancel {
    background: url(../../assets/imgs/site/lightbox/loading.gif) no-repeat;
    display: block;
    height: 32px;
    margin: 0 auto;
    width: 32px;
}

.lb-nav {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.lb-container > .nav {
    left: 0;
}

.lb-nav a {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
    outline: none;
}

.lb-prev, .lb-next {
    cursor: pointer;
    display: block;
    height: 100%;
}

.lb-nav a.lb-prev {
    background: url(../../assets/imgs/site/lightbox/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    float: left;
    left: 0;
    opacity: 0;
    transition: opacity 0.6s;
    width: 34%;
}

    .lb-nav a.lb-prev:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

.lb-nav a.lb-next {
    background: url(../../assets/imgs/site/lightbox/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    float: right;
    opacity: 0;
    right: 0;
    transition: opacity 0.6s;
    width: 64%;
}

    .lb-nav a.lb-next:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

.lb-dataContainer {
    *zoom: 1;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 0 auto;
    padding-top: 5px;
    width: 100%;
}

    .lb-dataContainer:after {
        clear: both;
        content: "";
        display: table;
    }

.lb-data {
    color: #ccc;
    padding: 0 4px;
}

    .lb-data .lb-details {
        float: left;
        line-height: 1.1em;
        text-align: left;
        width: 85%;
    }

    .lb-data .lb-caption {
        font-size: 13px;
        font-weight: bold;
        line-height: 1em;
    }

        .lb-data .lb-caption a {
            color: #4ae;
        }

    .lb-data .lb-number {
        clear: left;
        color: #999999;
        display: block;
        font-size: 12px;
        padding-bottom: 1em;
    }

    .lb-data .lb-close {
        background: url(../../assets/imgs/site/lightbox/close.png) top right no-repeat;
        display: block;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        float: right;
        height: 30px;
        opacity: 0.7;
        outline: none;
        text-align: right;
        transition: opacity 0.2s;
        width: 30px;
    }

        .lb-data .lb-close:hover {
            cursor: pointer;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
        }
/*# sourceMappingURL=sourcemaps/lightbox.css.map */

@charset "UTF-8";
/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > function
------------------------------
*/
/*!
global > mixin
------------------------------
*/
/*@include g.aspect-ratio(100,60)*/
/*@include g.aspect-ratio(100, 60, 100);*/
/*@include g.inner()*/
/*!
page > sub > sub-mv
------------------------------
*/

.bl_sub_mv_ttl {
    background-color: #f2f2f2;
    padding: 0.625rem 0 0.5rem;
    text-align: center;
    min-height: 20vw;
    background-position: 0% 70%;
}

@media screen and (max-width: 768px) {
    .bl_sub_mv_ttl {
        padding: 2.5rem 0 1.5rem;
        min-height: 80vw;
        background-position: 0% 50%;
    }

        .bl_sub_mv_ttl.traffic-page {
            padding: 2.5rem 0 1.5rem;
            min-height: 80vw;
            background-position: 30% 74%;
        }

        .bl_sub_mv_ttl.spots {
            padding: 2.5rem 0 1.5rem;
            min-height: 80vw;
            background-position: 50% 35%;
        }

        .bl_sub_mv_ttl.pano-guide {
            padding: 2.5rem 0 1.5rem;
            min-height: 80vw;
            background-position: 55% 70%;
        }
}

@media screen and (min-width: 769px) {
    .bl_sub_mv_ttl {
        padding: 2.5rem 0 1.5rem;
    }
}

.bl_sub_mv_ttl h1 {
    color: #000;
    font-size: 0.9375rem;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_sub_mv_ttl h1 {
        font-size: 1.75rem;
        font-family: "微軟正黑體";
    }
}

.bl_sub_mv_ttl p {
    color: #B39C56;
    font-family: "微軟正黑體", sans-serif;
    font-size: 0.6875rem;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_sub_mv_ttl p {
        font-size: 20px;
        font-weight: 900;
        margin: 10px 0 0;
    }
}

/*!
page > top > sub-common
------------------------------
*/
/* ???????重要??知???出??????? */
@media screen and (max-width: 991px) {
    .ly_cont_sub .bl_header_info_unit {
        display: none;
    }
}

/* 404????? */
.bl_normal {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 780px;
    padding: 5rem 0;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_normal {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_normal .hp_text-center {
    text-align: center;
}

/* 本文欄???? */
.bl_entry {
}

    .bl_entry ul:not([class]) {
        margin: 1rem 0;
        padding-left: 1rem;
    }

        .bl_entry ul:not([class]) li:not([class]) {
            line-height: 1.5;
            margin: 0.625rem 0;
            padding-left: 1rem;
            position: relative;
        }

            .bl_entry ul:not([class]) li:not([class])::before {
                background: #C5B27A;
                border-radius: 6px;
                content: "";
                display: inline-block;
                height: 6px;
                left: 0px;
                position: absolute;
                top: 10px;
                width: 6px;
            }

    .bl_entry ol:not([class]) {
        margin: 1rem 0;
        padding-left: 2rem;
    }

    .bl_entry p {
        text-align: justify;
    }

@media screen and (min-width: 768px) {
    .bl_entry dl:not([class]) {
        display: flex;
        flex-wrap: wrap;
    }
}

.bl_entry dl:not([class]) dt:not([class]) {
    font-size: 0.75rem;
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .bl_entry dl:not([class]) dt:not([class]) {
        border-top: 1px solid #E0E0E0;
        margin-top: 1rem;
        padding: 0.5rem 0;
    }
}

@media screen and (min-width: 768px) {
    .bl_entry dl:not([class]) dt:not([class]) {
        border-top: 2px solid #C5B27A;
        font-size: 0.9375rem;
        padding: 0.75rem 0;
        width: 20%;
    }
}

@media screen and (max-width: 767px) {
    .bl_entry dl:not([class]) dt:not([class]) {
        position: relative;
    }

        .bl_entry dl:not([class]) dt:not([class])::before {
            background: #C5B27A;
            content: "";
            display: inline-block;
            height: 2px;
            left: 0;
            position: absolute;
            top: -1px;
            width: 80px;
        }
}

.bl_entry dl:not([class]) dd:not([class]) {
    font-size: 0.8125rem;
    letter-spacing: 0.08em;
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .bl_entry dl:not([class]) dd:not([class]) {
        border-top: 1px solid #E0E0E0;
        box-sizing: border-box;
        font-size: 0.9375rem;
        padding: 0.75rem 0 0.75rem 1.125rem;
        width: 80%;
    }
}

.bl_entry table:not([class]) {
    border-bottom: 1px solid #C5B27A;
    margin: 1rem 0;
}

    .bl_entry table:not([class]) th:not([class]) {
        border-top: 1px solid #C5B27A;
        padding: 0.5rem;
    }

    .bl_entry table:not([class]) td:not([class]) {
        border-top: 1px solid #C5B27A;
        padding: 0.5rem;
    }

.bl_entry a:not([class]) {
    display: inline-block;
    position: relative;
}

    .bl_entry a:not([class]):not([class]) {
        color: #333;
        text-decoration: underline;
        transition: color 0.3s;
    }

@media screen and (min-width: 768px) {
    .bl_entry a:not([class]):not([class]):hover {
        -webkit-text-decoration: underline dotted;
        color: #C5B27A;
        text-decoration: underline dotted;
    }
}

.bl_entry a:not([class])[href$=".pdf"][target=_blank]::after {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/dl-gold.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 17px;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
}

.bl_entry a:not([class])[href$=".pdf"][rel=external]::after {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/dl-gold.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 17px;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
}

.bl_entry a:not([class])[href$=".pdf"]::after {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/dl-gold.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 17px;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
}

.bl_entry a:not([class])[target=_blank]::after {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/exlink-gold.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 16px;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
}

.bl_entry a.button {
    background-color: #fff;
    border: 1px solid #C5B27A;
    color: #1A1A1A;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    overflow: hidden;
    padding: 0.75rem 0;
    padding: 0.75rem 1.25rem 0.75rem 2.5rem;
    position: relative;
    text-align: left;
    transition: opacity 0.5s;
    transition: color 0.3s;
}

    .bl_entry a.button::before {
        -webkit-transform: translateY(-50%);
        background: url(../../assets/imgs/site/icon/arrow-right-gold.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 18px;
        left: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: left 0.3s;
        width: 9px;
    }

@media screen and (min-width: 768px) {
    .bl_entry a.button:hover {
        color: #C5B27A;
    }

        .bl_entry a.button:hover::before {
            left: 24px;
        }
}

.bl_entry h2:not([class]) {
    border-bottom: 2px solid #C5B27A;
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 1.5rem;
    padding-bottom: 0.375rem;
}

@media screen and (min-width: 768px) {
    .bl_entry h2:not([class]) {
        font-size: 1.375rem;
        padding-bottom: 0.5rem;
    }
}

.bl_entry h3:not([class]) {
    border-bottom: 1px solid #E0E0E0;
    margin-top: 1.125rem;
    padding-bottom: 0.375rem;
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_entry h3:not([class]) {
        padding-bottom: 0.5rem;
    }
}

.bl_entry h3:not([class])::before {
    background: #C5B27A;
    bottom: -1px;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 80px;
}

.bl_entry h4:not([class]) {
    padding-left: 1.5rem;
    position: relative;
}

    .bl_entry h4:not([class])::before {
        background: url(../../assets/imgs/site/icon/friends-gold.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 16px;
        left: 0px;
        position: absolute;
        top: 6px;
        width: 16px;
    }

@media screen and (min-width: 768px) {
    .bl_entry h4:not([class])::before {
        left: 0px;
        top: 8px;
    }
}

.bl_entry img {
    box-sizing: border-box;
    max-width: 100%;
    padding: 0.5rem;
    vertical-align: top;
}

.bl_entry .side {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_entry .side {
        display: flex;
        justify-content: space-around;
    }
}

@media screen and (min-width: 768px) {
    .bl_entry .side img {
        display: block;
        width: 50%;
    }
}

/* ??????他??????????????? */
.bl_sub_nav {
    background-color: #fff;
    padding-bottom: 2rem;
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1120px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_sub_nav {
        padding-bottom: 2.4rem;
    }
}

.bl_sub_nav.hp_library-sub_nav {
    margin-top: 1rem;
    padding-bottom: 0;
}

    .bl_sub_nav.hp_library-sub_nav .bl_inpage-link_wrap {
        border-bottom: none;
        border-top: none;
    }

@media screen and (min-width: 768px) {
    .bl_sub_nav.hp_library-sub_nav .bl_inpage-link_wrap .bl_inpage-link_btn a {
        font-size: 1rem;
    }
}

/* ????企?展（過去?企?展?例外??） */
@media screen and (max-width: 767px) {
    .bl_special-sched_card {
        padding: 0 1rem;
    }
}

.bl_special-sched_card .bl_special-sched_item {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.0901960784);
    margin-top: 0.875rem;
}

@media screen and (max-width: 767px) {
    .bl_special-sched_card .bl_special-sched_item {
        border: 1px solid #C5B27A;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-sched_card .bl_special-sched_item {
        margin-top: 1.25rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-sched_card .bl_special-sched_link {
        display: block;
        /*線?基??????relative?指定*/
        position: relative;
    }

        .bl_special-sched_card .bl_special-sched_link::before, .bl_special-sched_card .bl_special-sched_link::after {
            /*事前?出現???線?形?*/
            border: solid #C5B27A;
            content: "";
            height: 0px;
            /*??配置?線?位置?決??*/
            position: absolute;
            /*????????指定*/
            transition: all 0.3s ease-in-out;
            width: 0px;
        }

        .bl_special-sched_card .bl_special-sched_link::before {
            /*出現???線?形?*/
            border-width: 0px 0 0 0px;
            left: 0;
            /*事前?出現???線?位置*/
            top: 0;
        }

        .bl_special-sched_card .bl_special-sched_link::after {
            /*事前?出現???線?形?*/
            border-width: 0 0px 0px 0;
            /*事前?出現???線?位置*/
            bottom: 0;
            right: 0;
        }

        .bl_special-sched_card .bl_special-sched_link:hover::before, .bl_special-sched_card .bl_special-sched_link:hover::after {
            height: calc(100% - 2px);
            width: calc(100% - 2px);
        }

        .bl_special-sched_card .bl_special-sched_link:hover::before {
            /*出現???線?形?*/
            border-width: 2px 0 0 2px;
        }

        .bl_special-sched_card .bl_special-sched_link:hover::after {
            /*事前?出現???線?形?*/
            border-width: 0 2px 2px 0;
        }
}

.bl_special-sched_card .bl_special-sched_wrap {
    -ms-grid-columns: 110px 0px 1fr 0px 36px;
    -ms-grid-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 110px 1fr 36px;
    grid-template-rows: 1fr;
    padding: 1.125rem 0;
}

    .bl_special-sched_card .bl_special-sched_wrap > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .bl_special-sched_card .bl_special-sched_wrap > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .bl_special-sched_card .bl_special-sched_wrap > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }

@media screen and (min-width: 768px) {
    .bl_special-sched_card .bl_special-sched_wrap {
        -ms-grid-columns: 250px 1fr 110px;
        grid-template-columns: 250px 1fr 110px;
        padding: 2rem 0;
    }
}

.bl_special-sched_card .bl_special-sched_img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
}

.bl_special-sched_card .bl_special-sched_cont {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/2/3;
}

.bl_special-sched_card .bl_special-sched_label {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 1/3/2/4;
}

@media screen and (max-width: 767px) {
    .bl_special-sched_card .bl_special-sched_img {
        margin-left: 0.75rem;
        position: relative;
    }
}

@media screen and (max-width: 767px) {
    .bl_special-sched_card .bl_special-sched_img .el_exhi_ticket {
        left: 0;
        position: absolute;
        top: 0;
        z-index: 1;
    }
}

.bl_special-sched_card .bl_special-sched_img img {
    -o-object-fit: cover;
    aspect-ratio: 0.7092198582;
    display: block;
    margin-left: auto;
    max-width: 200px;
    object-fit: cover;
    width: 100%;
}

.bl_special-sched_card .bl_special-sched_cont {
    padding-left: 0.75rem;
}

@media screen and (max-width: 767px) {
    .bl_special-sched_card .bl_special-sched_cont {
        padding-right: 0.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-sched_card .bl_special-sched_cont {
        padding-left: 2.25rem;
    }
}

.bl_special-sched_card .bl_special-sched_cont .bl_date {
    color: #666666;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.3333333333;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_special-sched_card .bl_special-sched_cont .bl_date {
        color: #333333;
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-sched_card .bl_special-sched_cont h3 {
        border-left: 5px solid #DFDBD3;
        padding-left: 1rem;
    }
}

.bl_special-sched_card .bl_special-sched_cont .bl_sublead {
    color: #000000;
    display: block;
    font-size: 0.6875rem;
    font-weight: 500;
}

@media screen and (min-width: 768px) {
    .bl_special-sched_card .bl_special-sched_cont .bl_sublead {
        font-size: 0.875rem;
    }
}

.bl_special-sched_card .bl_special-sched_cont .bl_lead {
    color: #000000;
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4444444444;
}

@media screen and (min-width: 768px) {
    .bl_special-sched_card .bl_special-sched_cont .bl_lead {
        font-size: 1.375rem;
    }
}

.bl_special-sched_card .bl_special-sched_cont .bl_txt {
    color: #1A1A1A;
    font-size: 0.9375rem;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
    line-height: 1.75;
    max-height: 78.75px;
    overflow: hidden;
    position: relative;
    word-break: break-all;
}

    .bl_special-sched_card .bl_special-sched_cont .bl_txt::before, .bl_special-sched_card .bl_special-sched_cont .bl_txt::after {
        background: #fff;
        position: absolute;
    }

    .bl_special-sched_card .bl_special-sched_cont .bl_txt::before {
        content: "...";
        right: 0px;
        top: 52.5px;
        width: 1em;
    }

    .bl_special-sched_card .bl_special-sched_cont .bl_txt::after {
        content: "";
        height: 100%;
        width: 100%;
    }

.bl_special-sched_card .bl_special-sched_label p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    font-size: 0.75rem;
    letter-spacing: 0.15em;
    writing-mode: vertical-rl;
}

@media screen and (max-width: 767px) {
    .bl_special-sched_card .bl_special-sched_label p {
        margin: -10px 20px 0 auto;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-sched_card .bl_special-sched_label p {
        font-size: 1.5rem;
        margin: 0 40px 0 auto;
    }
}

.bl_special-sched_card .bl_special-sched_label p.el_s_current {
    color: #333333;
    position: relative;
}

    .bl_special-sched_card .bl_special-sched_label p.el_s_current::after {
        background: url(../../assets/imgs/site/sub/label_s_current-sp.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 173px;
        position: absolute;
        right: -16px;
        top: -8px;
        width: 36px;
        z-index: -1;
    }

@media screen and (min-width: 768px) {
    .bl_special-sched_card .bl_special-sched_label p.el_s_current::after {
        background: url(../../assets/imgs/site/sub/label_s_current-pc.svg) no-repeat;
        height: 308px;
        right: -28px;
        top: -32px;
        width: 85px;
    }
}

.bl_special-sched_card .bl_special-sched_label p.el_s_next {
    color: #333333;
    position: relative;
}

    .bl_special-sched_card .bl_special-sched_label p.el_s_next::after {
        background: url(../../assets/imgs/site/sub/label_s_next-sp.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 173px;
        position: absolute;
        right: -16px;
        top: -8px;
        width: 36px;
        z-index: -1;
    }

@media screen and (min-width: 768px) {
    .bl_special-sched_card .bl_special-sched_label p.el_s_next::after {
        background: url(../../assets/imgs/site/sub/label_s_next-pc.svg) no-repeat;
        background-size: contain;
        height: 308px;
        right: -28px;
        top: -32px;
        width: 85px;
    }
}

.bl_special-sched_card .bl_special-sched_label p.el_s_past {
    color: #AFAFAF;
    position: relative;
}

    .bl_special-sched_card .bl_special-sched_label p.el_s_past::after {
        background: url(../../assets/imgs/site/sub/label_s_past-sp.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 108px;
        position: absolute;
        right: -16px;
        top: -8px;
        width: 36px;
        z-index: -1;
    }

@media screen and (min-width: 768px) {
    .bl_special-sched_card .bl_special-sched_label p.el_s_past::after {
        background: url(../../assets/imgs/site/sub/label_s_past-pc.svg) no-repeat;
        background-size: contain;
        height: 308px;
        right: -28px;
        top: -32px;
        width: 85px;
    }
}

/* ????企?展　過去?企?展一???例外?? */
.bl_special-exhi-past .bl_special-sched_cont {
    display: flex;
    flex-direction: column;
}

    .bl_special-exhi-past .bl_special-sched_cont .bl_date {
        color: #707070;
        margin-top: auto;
        order: 3;
    }

    .bl_special-exhi-past .bl_special-sched_cont h3 {
        order: 1;
    }

    .bl_special-exhi-past .bl_special-sched_cont .bl_txt {
        order: 2;
    }

/* ????常設展 常設展一?＞開催中?常設展?例外?? */
@media screen and (max-width: 767px) {
    .bl_permanent-sched_card {
        padding: 0 1rem;
    }
}

.bl_permanent-sched_card .bl_permanent-sched_wrap {
    -ms-grid-columns: 110px 0px 1fr 0px 36px;
    -ms-grid-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #6A6A6A;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 110px 1fr 36px;
    grid-template-rows: 1fr;
    padding: 1.125rem 0;
}

    .bl_permanent-sched_card .bl_permanent-sched_wrap > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .bl_permanent-sched_card .bl_permanent-sched_wrap > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .bl_permanent-sched_card .bl_permanent-sched_wrap > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }

@media screen and (min-width: 768px) {
    .bl_permanent-sched_card .bl_permanent-sched_wrap {
        -ms-grid-columns: 250px 1fr 110px;
        background-color: #7C7C7C;
        grid-template-columns: 250px 1fr 110px;
        padding: 1.875rem 0;
        transition: all 0.3s ease-in-out;
    }
}

.bl_permanent-sched_card .bl_permanent-sched_img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
}

.bl_permanent-sched_card .bl_permanent-sched_cont {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/2/3;
}

.bl_permanent-sched_card .bl_permanent-sched_label {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 1/3/2/4;
}

.bl_permanent-sched_card .bl_permanent-sched_item {
    margin-top: 0.875rem;
}

@media screen and (min-width: 768px) {
    .bl_permanent-sched_card .bl_permanent-sched_item {
        margin-top: 1.25rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_permanent-sched_card .bl_permanent-sched_link {
        /*線?基??????relative?指定*/
        position: relative;
    }

        .bl_permanent-sched_card .bl_permanent-sched_link::before, .bl_permanent-sched_card .bl_permanent-sched_link::after {
            /*事前?出現???線?形?*/
            border: solid #C5B27A;
            content: "";
            height: 0px;
            /*??配置?線?位置?決??*/
            position: absolute;
            /*????????指定*/
            transition: all 0.3s ease-in-out;
            width: 0px;
        }

        .bl_permanent-sched_card .bl_permanent-sched_link::before {
            /*出現???線?形?*/
            border-width: 0px 0 0 0px;
            left: 0;
            /*事前?出現???線?位置*/
            top: 0;
        }

        .bl_permanent-sched_card .bl_permanent-sched_link::after {
            /*事前?出現???線?形?*/
            border-width: 0 0px 0px 0;
            /*事前?出現???線?位置*/
            bottom: 0;
            right: 0;
        }

        .bl_permanent-sched_card .bl_permanent-sched_link:hover::before, .bl_permanent-sched_card .bl_permanent-sched_link:hover::after {
            height: calc(100% - 2px);
            width: calc(100% - 2px);
        }

        .bl_permanent-sched_card .bl_permanent-sched_link:hover::before {
            /*出現???線?形?*/
            border-width: 2px 0 0 2px;
        }

        .bl_permanent-sched_card .bl_permanent-sched_link:hover::after {
            /*事前?出現???線?形?*/
            border-width: 0 2px 2px 0;
        }

        .bl_permanent-sched_card .bl_permanent-sched_link:hover .bl_permanent-sched_wrap {
            background-color: #888888;
        }
}

@media screen and (max-width: 767px) {
    .bl_permanent-sched_card .bl_permanent-sched_img {
        margin-left: 0.75rem;
    }
}

.bl_permanent-sched_card .bl_permanent-sched_img img {
    -o-object-fit: cover;
    -o-object-position: top;
    aspect-ratio: 1.6260162602;
    display: block;
    margin-left: auto;
    max-width: 200px;
    object-fit: cover;
    object-position: top;
    width: 100%;
}

.bl_permanent-sched_card .bl_permanent-sched_cont {
    color: #fff;
    padding-left: 0.75rem;
}

@media screen and (max-width: 767px) {
    .bl_permanent-sched_card .bl_permanent-sched_cont {
        padding-right: 0.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_permanent-sched_card .bl_permanent-sched_cont {
        display: flex;
        flex-direction: column;
        padding-left: 2.25rem;
    }
}

.bl_permanent-sched_card .bl_permanent-sched_cont .bl_date {
    font-size: 0.8125rem;
    line-height: 1.4615384615;
    margin: 0.75rem 0 0;
}

@media screen and (min-width: 768px) {
    .bl_permanent-sched_card .bl_permanent-sched_cont .bl_date {
        font-size: 1.125rem;
        margin: 0;
        order: 1;
    }
}

.bl_permanent-sched_card .bl_permanent-sched_cont h3 {
    font-size: 1rem;
    line-height: 1.25;
    margin: 0 0 0;
}

@media screen and (min-width: 768px) {
    .bl_permanent-sched_card .bl_permanent-sched_cont h3 {
        font-size: 1.375rem;
        margin: 0.5rem 0 0;
        order: 2;
    }
}

.bl_permanent-sched_card .bl_permanent-sched_cont .bl_place {
    font-size: 0.6875rem;
    line-height: 1.4545454545;
}

@media screen and (min-width: 768px) {
    .bl_permanent-sched_card .bl_permanent-sched_cont .bl_place {
        font-size: 0.8125rem;
        margin-top: 0.75rem;
        order: 3;
    }
}

.bl_permanent-sched_card .bl_permanent-sched_label p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    font-size: 0.75rem;
    letter-spacing: 0.15em;
    position: relative;
    writing-mode: vertical-rl;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .bl_permanent-sched_card .bl_permanent-sched_label p {
        margin: -10px 20px 0 auto;
    }
}

@media screen and (min-width: 768px) {
    .bl_permanent-sched_card .bl_permanent-sched_label p {
        font-size: 1.25rem;
        margin: -12px 28px 0 auto;
    }
}

.bl_permanent-sched_card .bl_permanent-sched_label p.el_p_current {
    color: #fff;
}

    .bl_permanent-sched_card .bl_permanent-sched_label p.el_p_current::after {
        background: url(../../assets/imgs/site/sub/label_p_current-sp.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 155px;
        position: absolute;
        right: -14px;
        top: -8px;
        width: 35px;
        z-index: -1;
    }

@media screen and (min-width: 768px) {
    .bl_permanent-sched_card .bl_permanent-sched_label p.el_p_current::after {
        background: url(../../assets/imgs/site/sub/label_p_current-pc.svg) no-repeat;
        height: 183px;
        right: -28px;
        top: -18px;
        width: 64px;
    }
}

.bl_permanent-sched_card .bl_permanent-sched_label p.el_p_past {
    color: #AFAFAF;
}

    .bl_permanent-sched_card .bl_permanent-sched_label p.el_p_past::after {
        background: url(../../assets/imgs/site/sub/label_p_past-sp.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 155px;
        position: absolute;
        right: -14px;
        top: -8px;
        width: 35px;
        z-index: -1;
    }

@media screen and (min-width: 768px) {
    .bl_permanent-sched_card .bl_permanent-sched_label p.el_p_past::after {
        background: url(../../assets/imgs/site/sub/label_p_past-pc.svg) no-repeat;
        background-size: contain;
        height: 183px;
        right: -28px;
        top: -18px;
        width: 64px;
    }
}

/* 例外：常設展一?＞開催中?常設展 */
.bl_permanent-exhi .bl_current .bl_permanent-sched_wrap {
    background-color: #F2F2F2;
}

.bl_permanent-exhi .bl_current .bl_permanent-sched_cont {
    color: #333333;
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi .bl_current .bl_permanent-sched_link:hover .bl_permanent-sched_wrap {
        background-color: #dedede;
    }
}

/* ???????? */
.ly_cont_sub .bl_form_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border: 1px solid #C5B27A;
    border-radius: 0;
    color: #000;
    font-size: 1rem;
    outline: none;
    padding: 0.8125rem 1rem;
    width: 232px;
}

@media screen and (min-width: 768px) {
    .ly_cont_sub .bl_form_select {
        font-size: 1.125rem;
        padding: 0.75rem 1rem;
    }
}

.ly_cont_sub .bl_form_select_wrap {
    margin-left: auto;
    position: relative;
    width: 232px;
}

@media screen and (max-width: 767px) {
    .ly_cont_sub .bl_form_select_wrap {
        margin-right: auto;
    }
}

.ly_cont_sub .bl_form_select_wrap::before {
    background-color: #C5B27A;
    content: "";
    display: block;
    height: 46px;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 46px;
}

.ly_cont_sub .bl_form_select_wrap::after {
    -webkit-transform: translateY(-50%);
    background: url(../../assets/imgs/site/icon/arrow-down-white.svg) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 7px;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
}

/* ?問?合?????? */
.bl_common_contact {
    margin-top: 3rem;
}

    .bl_common_contact .bl_common_contact_bg {
        background-color: #F2F2F2;
    }

@media screen and (max-width: 767px) {
    .bl_common_contact .bl_common_contact_bg {
        border: 1px solid #B39C56;
        position: relative;
    }

        .bl_common_contact .bl_common_contact_bg::before {
            -webkit-transform: translateX(-50%);
            background-color: #B39C56;
            content: "";
            height: 2px;
            left: 50%;
            position: absolute;
            top: 0;
            transform: translateX(-50%);
            width: 60px;
        }
}

@media screen and (min-width: 768px) {
    .bl_common_contact .bl_common_contact_bg {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (min-width: 768px) {
    .bl_common_contact .bl_common_contact_upper {
        order: 1;
    }
}

.bl_common_contact .bl_common_contact_upper .bl_common_contact_ttl {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_common_contact .bl_common_contact_upper .bl_common_contact_ttl {
        font-size: 1.375rem;
        margin-top: 2.25rem;
    }
}

.bl_common_contact .bl_common_contact_upper .bl_common_contact_lead {
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_common_contact .bl_common_contact_upper .bl_common_contact_lead {
        margin-top: 0;
        padding-bottom: 1rem;
        position: relative;
    }

        .bl_common_contact .bl_common_contact_upper .bl_common_contact_lead::after {
            -webkit-transform: translateX(-50%);
            background-color: #C5B27A;
            bottom: 0;
            content: "";
            height: 1px;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            width: 70%;
        }
}

@media screen and (min-width: 768px) {
    .bl_common_contact .bl_common_contact_upper .bl_common_contact_lead {
        font-size: 0.875rem;
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .bl_common_contact .bl_common_contact_btn {
        margin-bottom: -0.375rem;
        margin-top: 1rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_common_contact .bl_common_contact_btn {
        margin: 0 auto;
        order: 2;
        width: 320px;
    }
}

@media screen and (min-width: 768px) {
    .bl_common_contact .bl_common_contact_detail {
        order: 3;
        padding: 1.25rem 0 2.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_common_contact .bl_common_contact_detail .bl_common_contact_detail_wrap {
        display: flex;
        justify-content: center;
    }
}

.bl_common_contact .bl_common_contact_detail .bl_common_tel {
    padding: 0 1.125rem;
    text-align: center;
}

    .bl_common_contact .bl_common_contact_detail .bl_common_tel p {
        font-family: "微軟正黑體", sans-serif;
        font-size: 1.75rem;
        font-weight: 500;
        line-height: 1;
        margin: 0;
    }

@media screen and (min-width: 768px) {
    .bl_common_contact .bl_common_contact_detail .bl_common_tel p {
        font-size: 2rem;
    }
}

.bl_common_contact .bl_common_contact_detail .bl_common_tel span {
    font-size: 0.6875rem;
}

@media screen and (min-width: 768px) {
    .bl_common_contact .bl_common_contact_detail .bl_common_tel span {
        font-size: 0.8125rem;
        font-weight: 500;
    }
}

.bl_common_contact .bl_common_contact_detail .bl_common_fax {
    padding: 0 1.125rem;
    text-align: center;
}

    .bl_common_contact .bl_common_contact_detail .bl_common_fax p {
        font-family: "微軟正黑體", sans-serif;
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1;
        margin: 0;
    }

@media screen and (max-width: 767px) {
    .bl_common_contact .bl_common_contact_detail .bl_common_fax p {
        margin-top: 0.75rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_common_contact .bl_common_contact_detail .bl_common_fax p {
        font-size: 2rem;
    }
}

/*!
page > sub > sub-pagenation
------------------------------
*/
/* ??????　???????? */
.bl_pager {
    display: flex;
    overflow-x: auto;
}

.bl_pager_inner {
    display: flex;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-left: 0;
}

    .bl_pager_inner > *:last-child {
        margin-right: 0;
    }

    .bl_pager_inner > li {
        margin-right: 6px;
    }

@media screen and (min-width: 768px) {
    .bl_pager_inner > li {
        margin-right: 20px;
    }
}

.bl_pager_link {
    align-items: center;
    border-color: #C5B27A;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    box-sizing: border-box;
    color: #000;
    display: flex;
    font-family: "微軟正黑體", sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    height: 32px;
    justify-content: center;
    text-decoration: none;
    transition: 0.25s;
    width: 32px;
}

@media screen and (min-width: 768px) {
    .bl_pager_link {
        font-size: 1.25rem;
        height: 50px;
        width: 50px;
    }
}

@media screen and (min-width: 768px) {
    .bl_pager_link:focus,
    .bl_pager_link:hover {
        border-width: 1px 1px 4px 1px;
    }
}

.bl_pager_link.is-active {
    border-width: 0 0 4px 0;
    pointer-events: none;
}

.bl_pager_link.bl_pager_prev, .bl_pager_link.bl_pager_next {
    color: transparent;
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_pager_link.bl_pager_prev:hover, .bl_pager_link.bl_pager_next:hover {
        border-width: 1px 1px 4px 1px;
    }
}

@media screen and (min-width: 768px) {
    .bl_pager_link.bl_pager_prev {
        margin-right: 0.875rem;
    }
}

.bl_pager_link.bl_pager_prev::before {
    -webkit-transform: translate(-50%, -50%);
    background: url(../../assets/imgs/site/icon/arrow-left-black.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    z-index: 1;
}

@media screen and (min-width: 768px) {
    .bl_pager_link.bl_pager_prev::before {
        height: 18px;
        width: 9px;
    }
}

@media screen and (min-width: 768px) {
    .bl_pager_link.bl_pager_next {
        margin-left: 0.875rem;
    }
}

.bl_pager_link.bl_pager_next::before {
    -webkit-transform: translate(-50%, -50%);
    background: url(../../assets/imgs/site/arrow-right-black.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    z-index: 1;
}

@media screen and (min-width: 768px) {
    .bl_pager_link.bl_pager_next::before {
        height: 18px;
        width: 9px;
    }
}

/*!
page > sub > sub-breadcrumb
------------------------------
*/
/* ????用*/

.ly_breadcrumb:after, .ly_breadcrumb:before {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    background-image: url(../../assets/imgs/site/bg_04.png);
    background-repeat: repeat-x;
    background-position: left center;
}

@media (min-width: 600px) {
    .ly_breadcrumb:after, .ly_breadcrumb:before {
        height: 5px;
        background-size: auto 5px;
    }
}

.ly_breadcrumb {
    background-color: #E9DEBC;
}

.ly_breadcrumb_inner {
    padding: 0.625rem 0.5rem;
}

@media screen and (min-width: 768px) {
    .ly_breadcrumb_inner {
        padding: 1.25rem 2.9282576867vw;
    }
}

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

    .bl_breadcrumb_unit .bl_breadcrumb_item {
        line-height: 1.25;
    }

        .bl_breadcrumb_unit .bl_breadcrumb_item:not(:first-child) {
            padding-left: 1.25rem;
        }

        .bl_breadcrumb_unit .bl_breadcrumb_item:not(:last-child) {
            position: relative;
        }

            .bl_breadcrumb_unit .bl_breadcrumb_item:not(:last-child) a {
                color: #B99B6B;
                font-size: 0.813rem;
            }

            .bl_breadcrumb_unit .bl_breadcrumb_item:not(:last-child)::after {
                color: #B39C56;
                content: "/";
                position: absolute;
                right: -0.8rem;
                top: 0px;
            }

        .bl_breadcrumb_unit .bl_breadcrumb_item:last-child a {
            font-size: 0.938rem;
            font-weight: 700;
        }

.bl_breadcrumb_link {
    color: #666;
    font-family: "微軟正黑體", sans-serif;
    font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
    .bl_breadcrumb_link:hover {
        text-decoration: underline;
    }
}

/*!
page > sub > sublogo
------------------------------
*/
.ly_sub-logo {
    background-color: #fff;
}

.bl_sub-logo_inner {
    padding: 0 1.5rem;
}

.bl_sub-logo_link img {
    display: block;
    line-height: 72px;
    padding: 0.75rem 0 0.75rem;
    height: 40px;
}

/*!
page > sub > sub-news-list
------------------------------
*/
/* 重要??知?? */
.bl_n-important {
    margin-top: 0.75rem;
}

@media screen and (max-width: 767px) {
    .bl_n-important {
        margin-bottom: 2.875rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_n-important {
        margin-top: 5.25rem;
    }
}

.bl_n-important_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 998px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_n-important_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_news-list_ttl {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.625rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_news-list_ttl {
        font-size: 1.375rem;
        margin-bottom: 1.25rem;
    }
}

.bl_accordion-area li {
    background-color: #f2f2f2;
    position: relative;
}

    .bl_accordion-area li::before {
        background: url(../../assets/imgs/site/icon/info-red.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 24px;
        left: 0.625rem;
        position: absolute;
        top: 1.125rem;
        width: 24px;
    }

@media screen and (min-width: 768px) {
    .bl_accordion-area li::before {
        left: 1.375rem;
        top: 1.25rem;
    }
}

.bl_accordion-area li:not(:first-child) {
    margin-top: 0.375rem;
}

@media screen and (min-width: 768px) {
    .bl_accordion-area li:not(:first-child) {
        margin-top: 1.25rem;
    }
}

.bl_accordion-area .bl_box_lead {
    color: #C00000;
}

.bl_accordion-area_unit {
    padding: 0.625rem 1rem;
    /*????????現?????*/
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_unit {
        padding: 1.25rem 3.75rem;
    }
}

.bl_accordion-area_unit .bl_ttl {
    position: relative;
}

@media screen and (max-width: 767px) {
    .bl_accordion-area_unit .bl_ttl {
        padding-left: 1.875rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_unit .bl_ttl::after {
        -webkit-transform: rotate(0deg);
        background: url(../../assets/imgs/site/icon/arrow-circle-down-grey.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 23px;
        position: absolute;
        right: -2.25rem;
        top: 2px;
        transform: rotate(0deg);
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        width: 23px;
    }
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_unit .bl_ttl.js-close::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

.bl_accordion-area_unit .bl_ttl p {
    color: #747474;
    font-family: "微軟正黑體", sans-serif;
    font-size: 0.8125rem;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_unit .bl_ttl p {
        font-size: 0.875rem;
    }
}

.bl_accordion-area_unit .bl_ttl h3 {
    font-size: 1rem;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_unit .bl_ttl h3 {
        font-size: 1.25rem;
        margin: 0.75rem 0 0.75rem;
    }
}

.bl_accordion-area_unit .bl_box {
    display: none; /*????非表示*/
    padding: 1.25rem 0;
}

/* news */
@media screen and (min-width: 768px) {
    .bl_n-news {
        margin-top: 4.625rem;
    }
}

.bl_n-news_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1138px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_n-news_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_n-news_select {
    border-bottom: 1px solid #C5B27A;
    border-top: 1px solid #C5B27A;
    padding: 1rem 0;
}

.bl_n-news_subwrap {
    border-bottom: 1px solid #C5B27A;
    padding-bottom: 2.5rem;
}

    .bl_n-news_subwrap .bl_n-news_unit {
        margin-top: 2rem;
    }

@media screen and (min-width: 768px) {
    .bl_n-news_subwrap .bl_n-news_unit {
        margin-top: 2.375rem;
    }
}

.bl_n-news_subwrap .bl_nopost {
    padding: 5rem 0;
    text-align: center;
}

.bl_n-news_footer {
    padding: 1.5rem 0 5rem;
}

@media screen and (min-width: 768px) {
    .bl_n-news_footer {
        padding: 2.25rem 0 8.75rem;
    }
}

/* Exhibition */
@media screen and (min-width: 768px) {

    .bl_n-exhi {
        margin-top: 0rem;
    }
}

.bl_n-exhi_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1138px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_n-exhi_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_n-exhi_select {
    border-bottom: 1px solid #C5B27A;
    border-top: 1px solid #C5B27A;
    padding: 1rem 0;
}

.bl_n-exhi_subwrap {
    border-bottom: 1px solid #C5B27A;
    padding-bottom: 2.5rem;
}

    .bl_n-exhi_subwrap .bl_n-exhi_unit {
        margin-top: 2rem;
    }

@media screen and (min-width: 768px) {
    .bl_n-exhi_subwrap .bl_n-exhi_unit {
        margin-top: 2.375rem;
    }
}

.bl_n-exhi_subwrap .bl_nopost {
    padding: 5rem 0;
    text-align: center;
}

.bl_n-exhi_footer {
    padding: 1.5rem 0 5rem;
}

.bl_n-exhi_header {
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_n-exhi_footer {
        padding: 2.25rem 0 8.75rem;
    }

    .bl_n-exhi_body {
        padding: 0 5.8565153734vw 0 3.3674963397vw;
    }

    .bl_n-exhi_wrap > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }

    .bl_n-exhi_wrap .bl_n-exhi_body {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-area: 1 / 2 / 2 / 3;
    }

    .bl_n-exhi_wrap > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .bl_n-exhi_wrap .bl_n-exhi_header {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 1 / 1 / 2 / 3;
    }
}



/*!
page > sub > sub-annual-sched
------------------------------
*/
/* 企?展 */
/* ???部分?sub-common.scss?記述 */
.bl_special-sched {
    margin-top: 1.5rem;
}

@media screen and (min-width: 768px) {
    .bl_special-sched {
        margin-top: 4rem;
    }
}

.bl_special-sched_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_special-sched_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_special-sched_ttl, .bl_permanent-sched_ttl {
    background-color: #B39C56;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 0.625rem 1.625rem;
}

@media screen and (max-width: 767px) {
    .bl_special-sched_ttl, .bl_permanent-sched_ttl {
        display: block;
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-sched_ttl, .bl_permanent-sched_ttl {
        align-items: center;
        display: flex;
        font-size: 1.375rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-sched_ttl span:last-child, .bl_permanent-sched_ttl span:last-child {
        display: inline-block;
        font-size: 1.25rem;
        font-weight: 500;
        margin-left: auto;
    }
}

/* 常設展 */
/* ???部分?sub-common.scss?記述 */
.bl_permanent-sched {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_permanent-sched {
        margin-top: 4rem;
    }
}

.bl_permanent-sched_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_permanent-sched_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_permanent-sched_ttl {
    background-color: #f2f2f2;
    color: #000000;
}

@media screen and (min-width: 768px) {
    .bl_permanent-sched_ttl {
        background-color: #4E4E4E;
        color: #fff;
    }
}

/* 定例???? */
.bl_regular-sched {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_regular-sched {
        margin-top: 4rem;
    }
}

.bl_regular-sched_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    width: 100%;
}

.bl_regular-sched_item {
    margin-top: 1rem;
}

@media screen and (min-width: 768px) {
    .bl_regular-sched_item {
        margin-top: 1.25rem;
    }
}

.bl_regular-sched_ttl {
    background-color: #f2f2f2;
    color: #000000;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 0.625rem 1.625rem;
}

@media screen and (max-width: 767px) {
    .bl_regular-sched_ttl {
        display: block;
        position: relative;
        text-align: center;
    }

        .bl_regular-sched_ttl::after {
            -webkit-transform: translateX(-50%);
            background-color: #B99B6B;
            bottom: 0;
            content: "";
            height: 1px;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            width: 80px;
        }
}

@media screen and (min-width: 768px) {
    .bl_regular-sched_ttl {
        font-size: 1.375rem;
    }
}

.bl_regular-sched_card {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: inherit;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1366px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_regular-sched_card {
        padding: 0 1rem;
    }
}

.bl_regular-sched_card .bl_regular-sched_item {
    width: 49.2711370262%;
}

@media screen and (min-width: 768px) {
    .bl_regular-sched_card .bl_regular-sched_item {
        width: 31%;
    }
}

.bl_regular-sched_img img {
    -o-object-fit: cover;
    aspect-ratio: 2.0833333333;
    max-width: 430px;
    object-fit: cover;
    width: 100%;
}

.bl_regular-sched_cont .bl_date {
    font-size: 0.625rem;
    font-weight: 700;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .bl_regular-sched_cont .bl_date {
        color: #97251A;
    }
}

@media screen and (min-width: 768px) {
    .bl_regular-sched_cont .bl_date {
        font-size: 0.875rem;
    }
}

.bl_regular-sched_cont h3 {
    font-size: 0.6875rem;
    font-weight: 500;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .bl_regular-sched_cont h3 {
        font-size: 1.125rem;
    }
}

.bl_regular-sched_footer {
    margin-top: 1.5rem;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_regular-sched_footer {
        margin-top: 2.25rem;
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 768px) {
    .bl_regular-sched_footer a {
        width: 55.7117750439%;
    }
}

/* ??????? */
.bl_annual-sched_btn {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
}

@media screen and (min-width: 768px) {
    .bl_annual-sched_btn {
        margin-bottom: 8.75rem;
        margin-top: 5.625rem;
    }
}

.bl_annual-sched_btn_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1176px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_annual-sched_btn_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 768px) {
    .bl_annual-sched_btn_wrap {
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (max-width: 767px) {
    .bl_annual-sched_btn_wrap .bl_annual-sched_btn_item:last-child {
        margin-top: 1.375rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_annual-sched_btn_wrap .bl_annual-sched_btn_item {
        width: 47.619047619%;
    }
}

/*!
page > sub > sub-special-exhi
------------------------------
*/
.bl_special-exhi .bl_hereafter {
    background-color: #fff;
    padding-bottom: 6rem;
    padding-top: 3rem;
}

.bl_special-exhi .bl_hereafter_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1138px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_special-exhi .bl_hereafter_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_special-exhi .bl_hereafter_ttl {
    background-color: #B39C56;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 0.625rem 1.625rem;
}

@media screen and (max-width: 767px) {
    .bl_special-exhi .bl_hereafter_ttl {
        display: block;
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-exhi .bl_hereafter_ttl {
        font-size: 1.375rem;
    }
}

.bl_special-exhi .bl_special-exhi_footer {
    background-color: #fff;
    margin-bottom: 6.25rem;
}

    .bl_special-exhi .bl_special-exhi_footer .bl_special-exhi_footer_inner {
        box-sizing: border-box;
        height: inherit;
        margin: 0 auto;
        max-width: 1300px;
        width: 100%;
    }

@media screen and (min-width: 768px) {
    .bl_special-exhi .bl_special-exhi_footer .bl_special-exhi_footer_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/*!
page > sub > sub-special-exhi-past
------------------------------
*/
.bl_special-exhi-past .bl_past-year_inner, .bl_permanent-exhi-past .bl_past-year_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_special-exhi-past .bl_past-year_inner, .bl_permanent-exhi-past .bl_past-year_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_special-exhi-past .bl_past-year_select, .bl_permanent-exhi-past .bl_past-year_select {
    margin: 2rem 0 2.375rem;
}

.bl_special-exhi-past .bl_past-year, .bl_permanent-exhi-past .bl_past-year {
    padding-bottom: 4rem;
}

.bl_special-exhi-past .bl_past-year_footer_inner, .bl_permanent-exhi-past .bl_past-year_footer_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1300px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_special-exhi-past .bl_past-year_footer_inner, .bl_permanent-exhi-past .bl_past-year_footer_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_special-exhi-past .bl_past-year_footer_btn, .bl_permanent-exhi-past .bl_past-year_footer_btn {
    margin-bottom: 6.25rem;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_special-exhi-past .bl_past-year_footer_btn, .bl_permanent-exhi-past .bl_past-year_footer_btn {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-exhi-past .bl_past-year_footer_btn a, .bl_permanent-exhi-past .bl_past-year_footer_btn a {
        width: 49.2091388401%;
    }
}

/*!
page > sub > sub-permanent-exhi
------------------------------
*/
.bl_permanent-exhi .bl_nopost {
    color: #fff;
    padding-top: 3.75rem;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_permanent-exhi .bl_nopost {
        padding: 5rem 0;
    }
}

.bl_permanent-exhi .bl_current {
    background-color: #7C7C7C;
    padding-bottom: 4.375rem;
    padding-top: 3.5rem;
}

.bl_permanent-exhi .bl_current_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1138px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi .bl_current_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_permanent-exhi .bl_hereafter {
    padding-bottom: 6rem;
}

.bl_permanent-exhi .bl_hereafter_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1138px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi .bl_hereafter_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_permanent-exhi .bl_hereafter_ttl {
    background-color: #4E4E4E;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 2.5rem;
    padding: 0.625rem 1.625rem;
}

@media screen and (max-width: 767px) {
    .bl_permanent-exhi .bl_hereafter_ttl {
        display: block;
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi .bl_hereafter_ttl {
        font-size: 1.375rem;
    }
}

.bl_permanent-exhi .bl_permanent-exhi_footer {
    background-color: #fff;
    margin-bottom: 6.25rem;
}

    .bl_permanent-exhi .bl_permanent-exhi_footer .bl_permanent-exhi_footer_inner {
        box-sizing: border-box;
        height: inherit;
        margin: 0 auto;
        max-width: 1300px;
        width: 100%;
    }

@media screen and (min-width: 768px) {
    .bl_permanent-exhi .bl_permanent-exhi_footer .bl_permanent-exhi_footer_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/*!
page > sub > sub-permanent-exhi-past
------------------------------
*/
/* ???部分? sub-special-exhi.scss ?記述 */
/*!
page > sub > sub-special-exhi-detail
------------------------------
*/
@media screen and (max-width: 767px) {
    .bl_special-exhi-detail .bl_exhi-detail_main_img {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-exhi-detail .bl_exhi-detail_main_img {
        width: 43.4615384615%;
    }
}

.bl_special-exhi-detail .bl_exhi-detail_main_img img {
    -o-object-fit: cover;
    aspect-ratio: 0.70625;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1607843137);
    max-width: 452px;
    object-fit: cover;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_special-exhi-detail .bl_exhi-detail_main_img img {
        width: 79.2%;
    }
}

@media screen and (max-width: 767px) {
    .bl_special-exhi-detail .bl_exhi-detail_ticket {
        margin-top: 2.125rem;
    }
}

.bl_special-exhi-detail .bl_exhi-detail_ticket .el_exhi_ticket::before {
    z-index: 0;
}

.bl_special-exhi-detail .bl_exhi-detail_ticket .el_exhi_ticket span {
    position: relative;
}

.bl_exhi-detail_unit {
    background-color: #FFF;
}

.bl_exhi-detail_wrap {
    -ms-grid-rows: auto 0px 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: -ms-grid;
    display: grid;
    grid-template-rows: auto 1fr;
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_wrap {
        -ms-grid-columns: 1fr 0px;
        grid-template-columns: 1fr 36px;
        padding-top: 2.125rem;
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_wrap {
        -ms-grid-columns: 1fr 85px;
        grid-template-columns: 1fr 85px;
        padding-top: 0rem;
    }

        .bl_exhi-detail_wrap.exhi-detail {
            -ms-grid-columns: 1fr 85px;
            grid-template-columns: 1fr 85px;
            padding-top: 3rem;
        }
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_header {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 1/1/2/3;
    }
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_header {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: 1/1/2/2;
    }
}

.el_exhi-detail_sublead {
    color: #333;
    font-size: 1rem;
    margin-bottom: 0;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .el_exhi-detail_sublead {
        font-size: 1.25rem;
    }
}

.el_exhi-detail_sublead span {
    display: inline-block;
    text-align: left;
}

.el_exhi-detail_ttl {
    color: #333;
    font-size: 1.25rem;
    margin-bottom: 0;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .el_exhi-detail_ttl {
        font-size: 2rem;
    }
}

.el_exhi-detail_ttl span {
    display: inline-block;
    text-align: left;
}

.el_exhi-detail_date {
    color: #666;
    font-size: 0.8125rem;
    margin-bottom: 0;
    margin-top: 0.5rem;
}

@media screen and (min-width: 768px) {
    .el_exhi-detail_date {
        font-size: 1rem;
        margin-top: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_label {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-area: 2/2/3/3;
    }
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_label {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-area: 1/2/3/3;
    }
}

.bl_exhi-detail_label p {
    position: relative;
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_label p {
        margin: 0;
    }
}

.bl_exhi-detail_label p span {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    font-size: 0.8125rem;
    letter-spacing: 0.15em;
    padding: 0.5rem 0 0 0;
    position: relative;
    writing-mode: vertical-rl;
    z-index: 2;
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_label p span {
        font-size: 1.5rem;
        padding: 1.75rem 0 0 0.625rem;
    }
}

.bl_exhi-detail_label p.el_s_current {
    color: #333333;
}

    .bl_exhi-detail_label p.el_s_current::after {
        background: url(../../assets/imgs/site/sub/label_s_current-sp.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 173px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 36px;
        z-index: 1;
    }

@media screen and (min-width: 768px) {
    .bl_exhi-detail_label p.el_s_current::after {
        background: url(../../assets/imgs/site/sub/label_s_current-pc.svg) no-repeat;
        height: 308px;
        right: 0px;
        top: 0px;
        width: 85px;
    }
}

.bl_exhi-detail_label p.el_s_next {
    color: #333333;
}

    .bl_exhi-detail_label p.el_s_next::after {
        background: url(../../assets/imgs/site/sub/label_s_next-sp.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 173px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 36px;
        z-index: 1;
    }

@media screen and (min-width: 768px) {
    .bl_exhi-detail_label p.el_s_next::after {
        background: url(../../assets/imgs/site/sub/label_s_next-pc.svg) no-repeat;
        background-size: contain;
        height: 308px;
        right: 0px;
        top: 0px;
        width: 85px;
    }
}

.bl_exhi-detail_label p.el_s_past {
    color: #AFAFAF;
}

    .bl_exhi-detail_label p.el_s_past::after {
        background: url(../../assets/imgs/site/sub/label_s_past-sp.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 108px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 36px;
        z-index: 1;
    }

@media screen and (min-width: 768px) {
    .bl_exhi-detail_label p.el_s_past::after {
        background: url(../../assets/imgs/site/sub/label_s_past-pc.svg) no-repeat;
        background-size: contain;
        height: 308px;
        right: 0px;
        top: 0px;
        width: 85px;
    }
}

.bl_exhi-detail_label p.el_p_current {
    color: #fff;
}

    .bl_exhi-detail_label p.el_p_current::after {
        background: url(../../assets/imgs/site/sub/label_p_current-sp.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 155px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 35px;
        z-index: 1;
    }

@media screen and (min-width: 768px) {
    .bl_exhi-detail_label p.el_p_current::after {
        background: url(../../assets/imgs/site/sub/label_p_current-pc_detail.svg) no-repeat;
        background-size: contain;
        height: 308px;
        right: 0px;
        top: 0px;
        width: 85px;
    }
}

.bl_exhi-detail_label p.el_p_past {
    color: #AFAFAF;
}

    .bl_exhi-detail_label p.el_p_past::after {
        background: url(../../assets/imgs/site/sub/label_p_past-sp.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 155px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 35px;
        z-index: 1;
    }

@media screen and (min-width: 768px) {
    .bl_exhi-detail_label p.el_p_past::after {
        background: url(../../assets/imgs/site/sub/label_p_past-pc_detail.svg) no-repeat;
        background-size: contain;
        height: 308px;
        right: 0px;
        top: 0px;
        width: 85px;
    }
}

.bl_exhi-detail_header {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_header {
        margin-bottom: 1.25rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_header {
        padding-left: 5.3125rem;
    }
}

.bl_exhi-detail_header_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_header_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_main {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: 2/1/3/2;
    }
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_main {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: 2/1/3/2;
        margin-top: 3.875rem;
        padding-left: 5.3125rem;
    }
}

.bl_exhi-detail_main_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1072px;
    width: 100%;
}

.bl_exhi-detail_main .bl_exhi-detail_main_img img {
    -o-object-fit: cover;
    aspect-ratio: 0.70625;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1607843137);
    max-width: 452px;
    object-fit: cover;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_main_inner {
        display: flex;
        justify-content: space-between;
        padding-left: 0px;
        padding-right: 0px;
    }

    .bl_exhi-detail_main .bl_exhi-detail_main_img {
        width: 43.4615384615%;
    }
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_main_txt {
        padding-left: 1.875rem;
        padding-right: 1.875rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_main_txt {
        width: 52.5%;
    }
}

.bl_exhi-detail_list {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_list {
        margin-top: 2.25rem;
    }

    .bl_exhi-detail_main .bl_exhi-detail_main_img img {
        width: 79.2%;
    }

    .bl_exhi-detail_main .bl_exhi-detail_main_img {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_list {
        display: flex;
        flex-wrap: wrap;
    }
}

.bl_exhi-detail_list dt {
    font-size: 1.25rem;
    font-weight: 900;
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_list dt {
        border-top: 1px solid #E0E0E0;
        margin-top: 1rem;
        padding: 0.5rem 0;
    }
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_list dt {
        border-top: 2px solid #C5B27A;
        font-size: 1.125rem;
        padding: 0.75rem 0;
        width: 19.5%;
    }
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_list dt {
        position: relative;
    }

        .bl_exhi-detail_list dt::before {
            background: #C5B27A;
            content: "";
            display: inline-block;
            height: 2px;
            left: 0;
            position: absolute;
            top: -1px;
            width: 80px;
        }
}

.bl_exhi-detail_list dd {
    font-size: 1.125rem;
    letter-spacing: 0.08em;
    line-height: 1.5;
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_list dd {
        border-top: 1px solid #E0E0E0;
        box-sizing: border-box;
        font-size: 1.125rem;
        padding: 0.75rem 0 0.75rem 1.125rem;
        width: 79.5%;
    }
}

.bl_exhi-detail_btn {
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_btn {
        margin-top: 4.375rem;
    }
}

.bl_exhi-detail_btn p {
    margin: 0.5rem 0;
}

.bl_exhi-detail_sub {
    margin-top: 3rem;
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_sub {
        margin-top: 6rem;
    }
}

.bl_exhi-detail_sub_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1072px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_sub_inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_sub_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_exhi-detail_sub_lead {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 1.25rem;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_sub_lead {
        font-size: 1.5rem;
        margin-bottom: 2rem;
        text-align: center;
        font-weight: 900;
    }
}

.bl_special-exhi_press-btn {
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .bl_special-exhi_press-btn {
        margin-top: 4rem;
    }
}

.bl_special-exhi_press-btn_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_special-exhi_press-btn_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_special-exhi_press-btn_wrap {
    width: 84%;
}

@media screen and (max-width: 767px) {
    .bl_special-exhi_press-btn_wrap {
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) {
    .bl_special-exhi_press-btn_wrap {
        width: 430px;
    }
}

.bl_exhi-detail_footer {
    margin-top: 2.25rem;
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_footer {
        margin-top: 2.875rem;
    }
}

.bl_exhi-detail_footer_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1321px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_footer_wrap {
        margin: 0 auto;
        padding-bottom: 3.375rem;
        width: 84%;
    }
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_footer_wrap {
        margin-left: auto;
        width: 17.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_event {
        margin-top: 4.5rem;
    }
}

.bl_exhi-detail_event_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1138px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_event_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_exhi-detail_event_ttl {
    background-color: #F2F2F2;
    color: #000;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0;
    padding: 0.625rem 1.625rem;
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_event_ttl {
        display: block;
        margin-top: 0;
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_event_ttl {
        font-size: 1.375rem;
        margin-top: 2.5rem;
    }
}

@media screen and (max-width: 767px) {
    .bl_exhi-detail_event_body {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_exhi-detail_event_footer {
    margin: 3rem auto 5rem;
    text-align: center;
    width: 84%;
}

@media screen and (min-width: 768px) {
    .bl_exhi-detail_event_footer {
        margin: 6rem auto 6.25rem;
        max-width: 560px;
        width: 50.2692998205%;
    }
}

/*!
page > sub > sub-permanent-exhi-detail
------------------------------
*/
@media screen and (max-width: 767px) {
    .bl_permanent-exhi-detail .bl_exhi-detail_main_img {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_permanent-exhi-detail .bl_exhi-detail_main_img {
        width: 43.4615384615%;
    }
}

.bl_permanent-exhi-detail .bl_exhi-detail_main_img img {
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1607843137);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_permanent-exhi-detail .bl_exhi-detail_main_img img {
        width: 79.2%;
    }
}

/*!
page > sub > sub-event-list
------------------------------
*/
.bl_event-list .bl_current {
    padding-bottom: 4.375rem;
    padding-top: 0rem;
}

.bl_event-list .bl_current_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1146px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_event-list .bl_current_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_event-list .bl_hereafter {
    padding-bottom: 4rem;
}

.bl_event-list .bl_hereafter_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1146px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_event-list .bl_hereafter_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_event-list .bl_hereafter_ttl {
    color: #000;
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 2.5rem;
    padding: 0.625rem 1.625rem;
}

@media screen and (max-width: 767px) {
    .bl_event-list .bl_hereafter_ttl {
        display: block;
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-list .bl_hereafter_ttl {
        font-size: 1.375rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-list .bl_form_select_wrap {
        margin-top: -4.375rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-list .bl_card-event {
        margin-top: 3.125rem;
    }
}

.bl_event-list .bl_event-list_pagenation_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1146px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_event-list .bl_event-list_pagenation_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_event-list .bl_event-list_pagenation_border {
    border-top: 1px solid #C5B27A;
    padding: 2.25rem 0;
}

.bl_event-list .bl_event-list_footer {
    margin-bottom: 6.25rem;
    margin-top: 4rem;
}

    .bl_event-list .bl_event-list_footer .bl_event-list_footer_wrap {
        margin: 0 auto;
        width: 84%;
    }

@media screen and (min-width: 768px) {
    .bl_event-list .bl_event-list_footer .bl_event-list_footer_wrap {
        max-width: 426px;
        width: 38.2405745063%;
    }
}

/*!
page > sub > sub-event-past
------------------------------
*/
.bl_event-past .bl_past-year_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1146px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_event-past .bl_past-year_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_event-past .bl_past-year {
    padding-bottom: 4rem;
}

.bl_event-past .bl_event-past_pagenation_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1146px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_event-past .bl_event-past_pagenation_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_event-past .bl_event-past_pagenation_border {
    border-top: 1px solid #C5B27A;
    padding: 2.25rem 0;
}

.bl_event-past .bl_past-year_footer {
    margin-bottom: 6.25rem;
    margin-top: 4rem;
}

    .bl_event-past .bl_past-year_footer .bl_past-year_footer_wrap {
        margin: 0 auto;
        width: 84%;
    }

@media screen and (min-width: 768px) {
    .bl_event-past .bl_past-year_footer .bl_past-year_footer_wrap {
        width: 38.2405745063%;
    }
}

/*!
page > sub > sub-event-detail
------------------------------
*/
.bl_event-detail {
    /* 上部（grid） */
    /* ???用（grid） */
    /* 下部（grid） */
    /* 上部（????） */
    /* ???用（????） */
    /* 下部（????） */
    /* ?連????、?申??方法 */
    /* ?連???? */
    /* ?問?合?? */
    /* 一??????? */
    /* 一???????（最下部） */
}

    .bl_event-detail .bl_event-detail_unit {
        margin-top: 3.5rem;
    }

    .bl_event-detail .bl_event-detail_wrap {
        -ms-grid-rows: auto 0px 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        display: -ms-grid;
        display: grid;
        grid-template-rows: auto 1fr;
    }

@media screen and (max-width: 767px) {
    .bl_event-detail .bl_event-detail_wrap {
        -ms-grid-columns: 1fr 36px;
        grid-template-columns: 1fr 36px;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_wrap {
        -ms-grid-columns: 1fr 85px;
        grid-template-columns: 1fr 85px;
    }
}

.bl_event-detail .bl_event-detail_header {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
}

.bl_event-detail .bl_event-detail_label {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/3/3;
}

.bl_event-detail .bl_event-detail_body {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/3/2;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_header {
        padding-left: 5.3125rem;
    }
}

.bl_event-detail .bl_event-detail_header .bl_cate {
    color: #7E6728;
    font-size: 0.8125rem;
    font-weight: 500;
}

.bl_event-detail .bl_event-detail_header .bl_subttl {
    font-size: 0.875rem;
    letter-spacing: 0.1em;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_header .bl_subttl {
        font-size: 1.25rem;
    }
}

.bl_event-detail .bl_event-detail_header .bl_ttl {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.21875;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_header .bl_ttl {
        font-size: 2rem;
    }
}

.bl_event-detail .bl_event-detail_header .bl_label {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0 0.25rem;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_header .bl_label {
        font-size: 1rem;
        padding: 0.5rem 1.5rem;
    }
}

.bl_event-detail .bl_event-detail_header .bl_label.el_open {
    background-color: #C00000;
    color: #fff;
}

.bl_event-detail .bl_event-detail_header .bl_label.el_unclosed {
    border: 1px solid #C00000;
    color: #C00000;
}

.bl_event-detail .bl_event-detail_header .bl_label.el_closed {
    background-color: #686B71;
    color: #fff;
}

.bl_event-detail .bl_event-detail_header .bl_label.el_free {
    border: 1px solid #A2A2A2;
    color: #666666;
}

.bl_event-detail .bl_event-detail_header .bl_lead {
    font-size: 0.9375rem;
}

@media screen and (max-width: 767px) {
    .bl_event-detail .bl_event-detail_header .bl_lead {
        margin-top: 0;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_header .bl_lead {
        font-size: 1rem;
    }
}

.bl_event-detail .bl_event-detail_header_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 998px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_event-detail .bl_event-detail_header_inner {
        padding-left: 1.25rem;
        padding-right: 0.75rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_header_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_event-detail .bl_event-detail_label p {
    position: relative;
}

@media screen and (max-width: 767px) {
    .bl_event-detail .bl_event-detail_label p {
        margin: 0;
    }
}

.bl_event-detail .bl_event-detail_label p span {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    font-size: 0.8125rem;
    letter-spacing: 0.15em;
    padding: 0.5rem 0 0 0;
    position: relative;
    writing-mode: vertical-rl;
    z-index: 2;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_label p span {
        font-size: 1.5rem;
        padding: 1.75rem 0 0 0.625rem;
    }
}

.bl_event-detail .bl_event-detail_label p.el_e_current {
    color: #020202;
}

    .bl_event-detail .bl_event-detail_label p.el_e_current::after {
        background: url(../../assets/imgs/site/sub/label_e_current-sp.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 104px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 36px;
        z-index: 1;
    }

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_label p.el_e_current::after {
        background: url(../../assets/imgs/site/sub/label_e_current-pc.svg) no-repeat;
        height: 308px;
        right: 0px;
        top: 0px;
        width: 85px;
    }
}

.bl_event-detail .bl_event-detail_label p.el_e_past {
    color: #AFAFAF;
}

    .bl_event-detail .bl_event-detail_label p.el_e_past::after {
        background: url(../../assets/imgs/site/sub/label_e_past-sp.svg) no-repeat;
        background-size: contain;
        content: "";
        height: 104px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 36px;
        z-index: 1;
    }

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_label p.el_e_past::after {
        background: url(../../assets/imgs/site/sub/label_e_past-pc.svg) no-repeat;
        background-size: contain;
        height: 308px;
        right: 0px;
        top: 0px;
        width: 85px;
    }
}

.bl_event-detail .bl_event-detail_body {
    margin-top: 1.25rem;
    padding-bottom: 1.5rem;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_body {
        margin-top: 3rem;
        padding-bottom: 5rem;
        padding-left: 5.3125rem;
    }
}

.bl_event-detail .bl_event-detail_body_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 998px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_event-detail .bl_event-detail_body_inner {
        padding-left: 1.25rem;
        padding-right: 0.75rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_body_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_body_wrap {
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (max-width: 767px) {
    .bl_event-detail .bl_event-detail_body_wrap .bl_img {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_body_wrap .bl_img {
        order: 2;
        text-align: right;
        width: 43.4782608696%;
    }
}

@media screen and (max-width: 767px) {
    .bl_event-detail .bl_event-detail_body_wrap .bl_img img {
        max-width: 260px;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_body_wrap .bl_img img {
        max-width: 300px;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_body_wrap .bl_list {
        order: 1;
        width: 56.5217391304%;
    }
}

.bl_event-detail .bl_event-detail_body_wrap .bl_list .bl_list_item {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .bl_event-detail .bl_event-detail_body_wrap .bl_list .bl_list_item {
        margin-top: 2.25rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_body_wrap .bl_list .bl_list_item {
        display: flex;
        flex-wrap: wrap;
    }
}

.bl_event-detail .bl_event-detail_body_wrap .bl_list dt {
    font-size: 0.75rem;
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .bl_event-detail .bl_event-detail_body_wrap .bl_list dt {
        border-top: 1px solid #E0E0E0;
        margin-top: 1rem;
        padding: 0.5rem 0;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_body_wrap .bl_list dt {
        border-top: 2px solid #C5B27A;
        font-size: 0.9375rem;
        padding: 0.75rem 0;
        width: 16.8498168498%;
    }
}

@media screen and (max-width: 767px) {
    .bl_event-detail .bl_event-detail_body_wrap .bl_list dt {
        position: relative;
    }

        .bl_event-detail .bl_event-detail_body_wrap .bl_list dt::before {
            background: #C5B27A;
            content: "";
            display: inline-block;
            height: 2px;
            left: 0;
            position: absolute;
            top: -1px;
            width: 80px;
        }
}

.bl_event-detail .bl_event-detail_body_wrap .bl_list dd {
    font-size: 0.8125rem;
    letter-spacing: 0.08em;
    line-height: 1.2307692308;
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_body_wrap .bl_list dd {
        border-top: 1px solid #E0E0E0;
        box-sizing: border-box;
        font-size: 0.9375rem;
        padding: 0.75rem 0 0.75rem 1.125rem;
        width: 80.2197802198%;
    }
}

.bl_event-detail .bl_event-detail_info {
    background-color: #F9F9F9;
}

.bl_event-detail .bl_event-detail_relate_inner, .bl_event-detail .bl_event-detail_contact_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_relate_inner, .bl_event-detail .bl_event-detail_contact_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_event-detail .bl_event-detail_relate {
    padding-top: 1.5rem;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_relate {
        padding-top: 3rem;
    }
}

.bl_event-detail .bl_event-detail_relate_wrap {
    display: flex;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_relate_wrap:hover {
        opacity: 0.6;
    }
}

.bl_event-detail .bl_event-detail_relate_wrap .bl_relate_img img {
    -o-object-fit: cover;
    aspect-ratio: 0.71;
    max-width: 71px;
    object-fit: cover;
    width: 100%;
}

.bl_event-detail .bl_event-detail_relate_wrap .bl_relate_txt {
    margin-left: 0.75rem;
}

.bl_event-detail .bl_event-detail_relate_wrap .bl_relate_lead {
    color: #B39C56;
    font-size: 0.6875rem;
    margin: 0;
    padding-top: 0.5rem;
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_relate_wrap .bl_relate_lead {
        font-size: 0.8125rem;
        padding-top: 0.75rem;
    }
}

.bl_event-detail .bl_event-detail_relate_wrap .bl_relate_lead::before {
    background-color: #C5B27A;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
}

.bl_event-detail .bl_event-detail_relate_wrap .bl_relate_subttl {
    color: #1a1a1a;
    font-size: 0.75rem;
    line-height: 1.3333333333;
    margin-bottom: 0;
    margin-top: 0.5rem;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_relate_wrap .bl_relate_subttl {
        font-size: 0.8125rem;
    }
}

.bl_event-detail .bl_event-detail_relate_wrap .bl_relate_ttl {
    color: #1a1a1a;
    font-size: 0.8125rem;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0.5rem;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_relate_wrap .bl_relate_ttl {
        font-size: 0.875rem;
    }
}

.bl_event-detail .bl_event-detail_contact {
    padding-top: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_contact {
        padding-top: 2.5rem;
    }
}

.bl_event-detail .bl_event-detail_contact_wrap {
    background-color: #fff;
    border: 1px solid #C5B27A;
    position: relative;
    text-align: center;
}

    .bl_event-detail .bl_event-detail_contact_wrap::before {
        -webkit-transform: translateX(-50%);
        background-color: #C5B27A;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        top: -1px;
        transform: translateX(-50%);
        width: 60px;
    }

    .bl_event-detail .bl_event-detail_contact_wrap .bl_contact_ttl {
        font-size: 1.125rem;
        font-weight: 500;
    }

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_contact_wrap .bl_contact_ttl {
        font-size: 1.375rem;
    }
}

.bl_event-detail .bl_event-detail_contact_wrap .bl_contact_lead {
    font-size: 0.875rem;
    padding: 0 1.25rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_contact_wrap .bl_contact_lead {
        font-size: 0.875rem;
    }
}

.bl_event-detail .bl_event-detail_contact_wrap .bl_contact_lead p {
    display: inline-block;
    margin: 0;
    text-align: left;
}

.bl_event-detail .bl_event-detail_contact_wrap .bl_contact_line {
    background-color: #C5B27A;
    border: none;
    height: 1px;
    width: 73.1111111111%;
}

@media screen and (max-width: 767px) {
    .bl_event-detail .bl_event-detail_contact_wrap .bl_contact_line {
        margin-top: 1.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_contact_wrap .bl_contact_wrap {
        display: flex;
        justify-content: center;
        margin-top: 1.5rem;
    }
}

.bl_event-detail .bl_event-detail_contact_wrap .bl_contact_tel {
    font-family: "微軟正黑體", sans-serif;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.4;
    margin: 0.875rem 0;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_contact_wrap .bl_contact_tel {
        margin: 0;
    }
}

.bl_event-detail .bl_event-detail_contact_wrap .bl_contact_tel span {
    display: block;
    font-size: 0.8125rem;
}

.bl_event-detail .bl_event-detail_contact_wrap .bl_contact_fax {
    font-family: "微軟正黑體", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_contact_wrap .bl_contact_fax {
        font-size: 1.75rem;
        margin-left: 3.625rem;
    }
}

.bl_event-detail .bl_event-detail_contact_wrap .bl_contact_footer {
    margin-top: 1.5rem;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_contact_wrap .bl_contact_footer {
        margin-top: 2.25rem;
    }
}

.bl_event-detail .bl_event-detail_contact_wrap .bl_contact_footer_wrap {
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_contact_wrap .bl_contact_footer_wrap {
        width: 20rem;
    }
}

.bl_event-detail .bl_event-detail_contact_wrap .bl_contact_footer_wrap .el_btn_fill {
    margin-bottom: -0.4375rem;
}

.bl_event-detail .bl_event-detail_info_footer {
    padding-top: 2.25rem;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_info_footer {
        padding-top: 4.25rem;
    }
}

.bl_event-detail .bl_event-detail_info_footer_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1321px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_event-detail .bl_event-detail_info_footer_wrap {
        margin: 0 auto;
        padding-bottom: 3.375rem;
        width: 88%;
    }
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_info_footer_wrap {
        margin-left: auto;
        width: 22.5rem;
    }
}

.bl_event-detail .bl_event-detail_footer {
    margin: 3rem auto 5rem;
    text-align: center;
    width: 84%;
}

@media screen and (min-width: 768px) {
    .bl_event-detail .bl_event-detail_footer {
        margin: 6rem auto 6.25rem;
        max-width: 426px;
        width: 38.2405745063%;
    }
}

/*!
page > sub > sub-regular
------------------------------
*/
.bl_regular_ttl {
    margin-top: 3rem;
}

.bl_regular .bl_entry_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1138px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry {
        margin-top: 6rem;
    }
}

.bl_regular .bl_entry .bl_entry_inner div {
    background-color: #F9F9F9;
    box-sizing: border-box;
    position: relative;
}

@media screen and (max-width: 767px) {
    .bl_regular .bl_entry .bl_entry_inner div {
        margin-left: 4.39238653vw;
        padding: 29.2825768668vw 8.78477306vw 3.513909224vw 4.0995607613vw;
    }
}

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry .bl_entry_inner div {
        width: 88.2459312839%;
    }
}

.bl_regular .bl_entry .bl_entry_inner div img {
    -o-object-fit: cover;
    aspect-ratio: 2.0895522388;
    max-width: 560px;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_regular .bl_entry .bl_entry_inner div img {
        left: -4.39238653vw;
        top: -11.420204978vw;
        width: 92%;
    }
}

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry .bl_entry_inner div img {
        width: 50.6329113924vw;
    }
}

.bl_regular .bl_entry .bl_entry_inner div h3 {
    border-bottom: none;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0;
}

    .bl_regular .bl_entry .bl_entry_inner div h3::before {
        content: none;
    }

.bl_regular .bl_entry .bl_entry_inner div h4 {
    font-size: 0.9375rem;
    font-weight: 500;
    margin-top: 0;
    padding-left: 0;
}

    .bl_regular .bl_entry .bl_entry_inner div h4::before {
        content: none;
    }

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry .bl_entry_inner div p {
        max-width: 23rem;
    }
}

.bl_regular .bl_entry .bl_entry_inner div:first-child {
    border-left: 4px solid #E08081;
}

@media screen and (max-width: 767px) {
    .bl_regular .bl_entry .bl_entry_inner div:first-child {
        margin-top: 21.9619326501vw;
    }
}

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry .bl_entry_inner div:first-child {
        border-left: 8px solid #E08081;
    }
}

.bl_regular .bl_entry .bl_entry_inner div:not(:first-child) {
    margin-top: 21.9619326501vw;
}

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry .bl_entry_inner div:not(:first-child) {
        margin-top: 6rem;
    }
}

@media screen and (max-width: 767px) {
    .bl_regular .bl_entry .bl_entry_inner div:nth-child(2) {
        border-left: 4px solid #A9C25C;
    }
}

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry .bl_entry_inner div:nth-child(2) {
        border-right: 8px solid #A9C25C;
        margin-top: 6rem;
    }
}

.bl_regular .bl_entry .bl_entry_inner div:nth-child(3) {
    border-left: 4px solid #DDC354;
}

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry .bl_entry_inner div:nth-child(3) {
        border-left: 8px solid #DDC354;
        margin-top: 6rem;
    }
}

@media screen and (max-width: 767px) {
    .bl_regular .bl_entry .bl_entry_inner div:last-child {
        border-left: 4px solid #4EA497;
    }
}

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry .bl_entry_inner div:last-child {
        border-right: 8px solid #4EA497;
        margin-top: 6rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry .bl_entry_inner div:first-child, .bl_regular .bl_entry .bl_entry_inner div:nth-child(3) {
        margin-right: auto;
        padding: 4.0995607613vw 42.4597364568vw 4.0995607613vw 5.1244509517vw;
    }
}

@media screen and (min-width: 1200px) {
    .bl_regular .bl_entry .bl_entry_inner div:first-child, .bl_regular .bl_entry .bl_entry_inner div:nth-child(3) {
        padding: 3.5rem 35rem 3.5rem 4.375rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry .bl_entry_inner div:first-child img, .bl_regular .bl_entry .bl_entry_inner div:nth-child(3) img {
        -webkit-transform: translateY(-50%);
        right: -90px;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media screen and (min-width: 1200px) {
    .bl_regular .bl_entry .bl_entry_inner div:first-child img, .bl_regular .bl_entry .bl_entry_inner div:nth-child(3) img {
        right: -60px;
    }
}

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry .bl_entry_inner div:nth-child(2), .bl_regular .bl_entry .bl_entry_inner div:last-child {
        margin-left: auto;
        padding: 4.0995607613vw 5.1244509517vw 4.0995607613vw 43.9238653001vw;
    }
}

@media screen and (min-width: 1200px) {
    .bl_regular .bl_entry .bl_entry_inner div:nth-child(2), .bl_regular .bl_entry .bl_entry_inner div:last-child {
        padding: 3.5rem 4.375rem 3.5rem 35rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_regular .bl_entry .bl_entry_inner div:nth-child(2) img, .bl_regular .bl_entry .bl_entry_inner div:last-child img {
        -webkit-transform: translateY(-50%);
        left: -90px;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media screen and (min-width: 1200px) {
    .bl_regular .bl_entry .bl_entry_inner div:nth-child(2) img, .bl_regular .bl_entry .bl_entry_inner div:last-child img {
        left: -60px;
    }
}

.bl_regular_footer {
    margin-bottom: 6.25rem;
    margin-top: 6rem;
}

.bl_regular_footer_wrap {
    margin: 0 auto;
    width: 84%;
}

@media screen and (min-width: 768px) {
    .bl_regular_footer_wrap {
        max-width: 426px;
        width: 38.5171790235%;
    }
}

/*!
page > sub > sub-publications
------------------------------
*/
.bl_publications_list {
    margin-top: 2rem;
    padding-bottom: 3.125rem;
}

@media screen and (min-width: 768px) {
    .bl_publications_list {
        margin-top: 6.875rem;
        padding-bottom: 5.25rem;
    }
}

.bl_publications_list_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 892px;
    padding-left: 32px;
    padding-right: 32px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_publications_list_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

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

.bl_publications_list_item {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}

@media screen and (max-width: 576px) {
    .bl_publications_list_item {
        margin-right: 16px;
        width: calc(50% - 8px);
    }

        .bl_publications_list_item:nth-child(2n) {
            margin-right: 0;
        }
}

@media only screen and (min-width: 577px) and (max-width: 767px) {
    .bl_publications_list_item {
        margin-right: 16px;
        width: calc(33.3333% - 10.6666666667px);
    }

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

@media screen and (min-width: 768px) {
    .bl_publications_list_item {
        margin-right: 16px;
        width: calc(25% - 12px);
    }

        .bl_publications_list_item:nth-child(4n) {
            margin-right: 0;
        }
}

.bl_publications_list_link {
    display: block;
    position: relative;
}

.bl_publications_list_img {
    border: 3px solid #C5B27A;
    display: inline-block;
    margin: 0;
    transition: background-color 0.5s;
    width: 100%;
}

    .bl_publications_list_img img {
        -o-object-fit: cover;
        aspect-ratio: 0.7067137809;
        display: block;
        max-width: 300px;
        object-fit: cover;
        transition: opacity 0.5s;
        width: 100%;
        width: 100%;
    }

@media screen and (max-width: 767px) {
    .bl_publications_list_img {
        background-color: #000; /* ????????果?色?指定 */
        position: relative;
    }

        .bl_publications_list_img img {
            opacity: 0.5; /* ????????果?度合??指定 */
        }
}

@media screen and (min-width: 768px) {
    .bl_publications_list_img:hover {
        background-color: #000; /* ????????果?色?指定 */
    }

        .bl_publications_list_img:hover img {
            opacity: 0.6; /* ????????果?度合??指定 */
        }
}

.bl_publications_list_date {
    color: #CCCCCC;
    font-family: "微軟正黑體", sans-serif;
    font-size: 0.8125rem;
    left: 0.5rem;
    position: absolute;
    top: 0;
}

@media screen and (min-width: 768px) {
    .bl_publications_list_date {
        color: #C5B27A;
    }
}

.bl_publications_list_bottom {
    bottom: 0;
    left: 0.1875rem;
    position: absolute;
}

    .bl_publications_list_bottom .el_label {
        background-color: #C5B27A;
        color: #000;
        display: inline-block;
        font-size: 0.8125rem;
        margin: 0;
        padding: 0 0.625rem;
    }

    .bl_publications_list_bottom .el_publications_ttl {
        color: #fff;
        display: block;
        font-size: 0.6875rem;
        font-weight: 400;
        margin-bottom: 0;
        margin-top: 0.5rem;
        padding-left: 0.5rem;
    }

@media screen and (min-width: 768px) {
    .bl_publications_list_bottom .el_publications_ttl {
        font-size: 0.9375rem;
    }
}

.bl_publications_list_bottom .el_publications_txt {
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 0;
    padding-left: 0.5rem;
}

@media screen and (min-width: 768px) {
    .bl_publications_list_bottom .el_publications_txt {
        font-size: 1.25rem;
    }
}

/* ????????部分 */
.bl_publications_footer {
    border-top: 1px solid #C5B27A;
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    margin-bottom: 6.25rem;
    margin-top: 2.5rem;
    max-width: 1138px;
    padding-top: 2.5rem;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_publications_footer {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (max-width: 767px) {
    .bl_publications_footer {
        margin-top: 1.25rem;
        padding-top: 1.25rem;
    }
}

/*!
page > sub > sub-awards
------------------------------
*/
/* ?彰?研究助成　共通???? */
.bl_awards-and-grants_top_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1266px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_awards-and-grants_top_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_awards-and-grants_top_wrap_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_awards-and-grants_top_wrap_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_awards-and-grants_top_wrap {
    background-color: #F9F9F9;
    padding: 2rem 0;
}

@media screen and (min-width: 768px) {
    .bl_awards-and-grants_top_wrap {
        padding: 4rem 0;
    }
}

.bl_awards-and-grants_top_wrap h2 {
    color: #000;
    font-size: 1.125rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_awards-and-grants_top_wrap h2 {
        font-size: 1.375rem;
    }
}

.bl_awards-and-grants_top_wrap h2 span {
    display: inline-block;
    text-align: left;
}

.bl_awards-and-grants_btn {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_awards-and-grants_btn {
        margin-top: 5rem;
    }
}

.bl_awards-and-grants_btn_wrap {
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
}

@media screen and (min-width: 768px) {
    .bl_awards-and-grants_btn_wrap {
        max-width: 424px;
        width: 38.3363471971%;
    }
}

.bl_awards-and-grants_news, .bl_media_news {
    margin-bottom: 6.25rem;
    margin-top: 5rem;
}

    .bl_awards-and-grants_news .bl_awards-and-grants_news_ttl, .bl_awards-and-grants_news .bl_media_news_ttl, .bl_media_news .bl_awards-and-grants_news_ttl, .bl_media_news .bl_media_news_ttl {
        font-size: 1.125rem;
        text-align: center;
    }

@media screen and (min-width: 768px) {
    .bl_awards-and-grants_news .bl_awards-and-grants_news_ttl, .bl_awards-and-grants_news .bl_media_news_ttl, .bl_media_news .bl_awards-and-grants_news_ttl, .bl_media_news .bl_media_news_ttl {
        font-size: 1.375rem;
    }
}

.bl_awards-and-grants_news .bl_awards-and-grants_news_ttl span, .bl_awards-and-grants_news .bl_media_news_ttl span, .bl_media_news .bl_awards-and-grants_news_ttl span, .bl_media_news .bl_media_news_ttl span {
    display: inline-block;
    text-align: left;
}

.bl_awards-and-grants_news_inner, .bl_media_news_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1138px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_awards-and-grants_news_inner, .bl_media_news_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_awards-and-grants_news_wrap, .bl_media_news_wrap {
    border-bottom: 1px solid #C5B27A;
    border-top: 1px solid #C5B27A;
}

.bl_awards-and-grants_news_wrap_inner, .bl_media_news_wrap_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
    max-width: 900px;
    width: 100%;
}

.bl_awards-and-grants_news_footer, .bl_media_news_footer {
    padding-top: 2.125rem;
    text-align: right;
}

@media screen and (min-width: 768px) {
    .bl_awards-and-grants_news_footer, .bl_media_news_footer {
        padding-right: 5.75rem;
    }
}

@media screen and (max-width: 767px) {
    .bl_awards-and-grants_news_footer .el_btn_round_sub span, .bl_media_news_footer .el_btn_round_sub span {
        display: block;
        text-align: right;
    }
}

/* ?彰??????　???????部 */
.bl_awards_body {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_awards_body {
        margin-top: 6.25rem;
    }
}

.bl_awards_body_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1132px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_awards_body_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_accordion-area_awards {
    margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_awards {
        margin-top: 2.5rem;
    }
}

.bl_accordion-area_awards li {
    margin-top: 0.75rem;
}

.bl_accordion-area_awards_unit {
    border: 1px solid #C5B27A;
    /*????????現?????*/
}

    .bl_accordion-area_awards_unit .bl_ttl h4 {
        background-color: #C5B27A;
        color: #fff;
        font-size: 0.875rem;
        margin: 0;
        padding: 0.375rem 0.625rem;
    }

    .bl_accordion-area_awards_unit .bl_ttl_wrap {
        display: flex;
        justify-content: space-between;
        padding: 0.5rem 0.625rem 0.75rem;
    }

    .bl_accordion-area_awards_unit .bl_ttl_img {
        width: 48.1203007519%;
    }

        .bl_accordion-area_awards_unit .bl_ttl_img img {
            -o-object-fit: cover;
            aspect-ratio: 1.488372093;
            max-width: 600px;
            object-fit: cover;
            width: 100%;
            width: 100%;
        }

    .bl_accordion-area_awards_unit .bl_ttl_cont {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        margin: 0 20px;
    }

        .bl_accordion-area_awards_unit .bl_ttl_cont dl {
            margin-top: 0;
        }

@media screen and (max-width: 767px) {
    .bl_accordion-area_awards_unit .bl_ttl_cont dl {
        margin-bottom: 0;
    }
}

.bl_accordion-area_awards_unit .bl_ttl_cont dt {
    color: #4E4E4E;
    font-size: 0.6875rem;
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_awards_unit .bl_ttl_cont dt {
        font-size: 0.75rem;
    }
}

.bl_accordion-area_awards_unit .bl_ttl_cont dd {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_awards_unit .bl_ttl_cont dd {
        font-size: 1.125rem;
    }
}

.bl_accordion-area_awards_unit .bl_ttl_cont .el_btn_open {
    text-align: right;
    transition: color 0.3s;
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_awards_unit .bl_ttl_cont .el_btn_open:hover {
        color: #C5B27A;
        cursor: pointer;
    }
}

.bl_accordion-area_awards_unit .bl_box {
    display: none;
    padding: 2rem 1.25rem;
    position: relative;
}

    .bl_accordion-area_awards_unit .bl_box::before {
        -webkit-transform: translateX(-50%);
        background-color: #DEDEDE;
        content: "";
        height: 1px;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 92.4812030075%;
    }

    .bl_accordion-area_awards_unit .bl_box .bl_box_lead_name-ja {
        font-size: 1.125rem;
    }

    .bl_accordion-area_awards_unit .bl_box .bl_box_lead_name-en {
        font-size: 0.875rem;
    }

    .bl_accordion-area_awards_unit .bl_box .bl_box_lead_other {
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.4285714286;
        margin-top: 1rem;
    }

.bl_accordion-area_awards_unit .js-close .el_btn_open::before {
    background: url(../../assets/imgs/site/icon/circle_minus.svg) no-repeat;
}

@media screen and (min-width: 768px) {
    .bl_awards_body_wrap {
        display: flex;
        justify-content: space-around;
    }
}

@media screen and (min-width: 768px) {
    .bl_awards_body_wrap .bl_awards_body_one, .bl_awards_body_wrap .bl_awards_body_two {
        width: 47.9279279279%;
    }
}

@media screen and (max-width: 767px) {
    .bl_awards_body_two {
        margin-top: 2.5rem;
    }
}

.bl_awards-and-grants_top_wrap_inner.bl_entry p {
    text-align: justify;
}

/*!
page > sub > sub-grants
------------------------------
*/
/* ?彰??共通????? sub-awards.scss?記述 */
.bl_grants_body {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_grants_body {
        margin-top: 6.25rem;
    }
}

.bl_grants_body .js-scrollable {
    margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_grants_body .js-scrollable {
        margin-top: 2.5rem;
    }
}

.bl_grants_body .js-scrollable table {
    border: none;
    border-collapse: collapse;
    box-sizing: border-box;
    display: block;
    height: 60vh;
    width: 920px;
}

@media screen and (min-width: 768px) {
    .bl_grants_body .js-scrollable table {
        height: 70vh;
    }
}

.bl_grants_body .js-scrollable table thead th:first-child {
    background-color: #C5B27A;
    color: #fff;
    font-size: 0.8125rem;
    left: 0;
    min-height: 54px;
    padding: 1.25rem 0 0.875rem !important;
    position: sticky;
    text-align: center;
    top: 0;
    z-index: 2;
}

    .bl_grants_body .js-scrollable table thead th:first-child:before {
        content: "";
        height: 100%;
        left: -1px;
        position: absolute;
        top: -1px;
        width: 100%;
    }

.bl_grants_body .js-scrollable table thead th:not(:first-child) {
    background-color: #C5B27A;
    color: #fff;
    font-size: 0.8125rem;
    left: 0;
    min-height: 54px;
    padding: 1.25rem 0 0.875rem !important;
    position: sticky;
    text-align: center;
    top: 0;
    z-index: 1;
}

    .bl_grants_body .js-scrollable table thead th:not(:first-child):before {
        content: "";
        height: 100%;
        left: -1px;
        position: absolute;
        top: -1px;
        width: 100%;
    }

.bl_grants_body .js-scrollable table tbody th {
    background-color: #fff;
    left: 0;
    position: sticky;
    top: 0;
    vertical-align: top;
    z-index: 1;
}

    .bl_grants_body .js-scrollable table tbody th:before {
        content: "";
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
    }

.bl_grants_body .js-scrollable table tbody th {
    border-bottom: 2px solid #C5B27A;
    padding: 1.125rem 0;
    width: 70px;
}

.bl_grants_body .js-scrollable table tbody td {
    border-bottom: 1px solid #C5B27A;
    font-size: 0.875rem;
    padding: 1.125rem 0.75rem;
    text-align: left;
}

    .bl_grants_body .js-scrollable table tbody td:nth-child(2) {
        width: 340px;
    }

    .bl_grants_body .js-scrollable table tbody td:nth-child(3) {
        width: 412px;
    }

.bl_grants_body .js-scrollable table tbody tr:first-child td:last-child {
    width: 86px;
}

.bl_grants_body .js-scrollable table tbody tr td[rowspan] {
    border-bottom: 2px solid #C5B27A;
    text-align: center;
}

.bl_grants_body .js-scrollable table tbody tr td a img {
    height: 62px;
    width: 45px;
}

.bl_grants_body .js-scrollable table tbody .bl_bg {
    background-color: #FDFBF5;
}

    .bl_grants_body .js-scrollable table tbody .bl_bg th {
        background-color: #FDFBF5;
    }

.bl_grants_body_footer_wrap {
    align-items: center;
    display: flex;
}

@media screen and (min-width: 768px) {
    .bl_grants_body_footer_wrap {
        margin-top: 1rem;
    }
}

.bl_grants_body_footer_wrap p {
    font-size: 0.8125rem;
}

.bl_grants_body_footer_wrap .bl_label {
    background-color: #C5B27A;
    color: #fff;
    display: inline-block;
    margin-right: 0.5rem;
    padding: 0 0.5rem;
}

.bl_grants_body_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 968px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_grants_body_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/*!
page > sub > sub-about
------------------------------
*/
.bl_greeting_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1300px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_greeting_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_greeting_content {
    background-color: #F9F9F9;
}

.bl_greeting_content_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 998px;
    padding: 1.5rem 0;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_greeting_content_inner {
        padding: 4rem 0;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_greeting_ttl {
    font-size: 1rem;
    margin: 0 0 1.5rem;
}

@media screen and (max-width: 767px) {
    .bl_greeting_ttl {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_greeting_ttl {
        font-size: 1.375rem;
    }
}

.bl_greeting_content {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s;
    visibility: hidden;
}

    .bl_greeting_content.is_active {
        height: auto;
        opacity: 1;
        visibility: visible;
    }

@media screen and (min-width: 768px) {
    .bl_greeting_content_wrap {
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) {
    .bl_greeting_content_wrap .bl_img {
        width: 35.9213250518%;
    }
}

.bl_greeting_content_wrap .bl_img img {
    width: 100%;
}

.bl_greeting_content_wrap .bl_img p {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_greeting .bl_entry {
        width: 58.3850931677%;
    }
}

.bl_greeting .bl_entry > p {
    margin-top: 0;
}

.bl_outline {
    margin-top: 6rem;
    margin-bottom: 10rem;
}

    .bl_outline .bl_underline_ttl {
        margin-bottom: 1rem;
    }

@media screen and (min-width: 768px) {
    .bl_outline .bl_underline_ttl {
        margin-bottom: 4rem;
    }
}

@media screen and (max-width: 767px) {
    .bl_outline .bl_entry p, .bl_outline .bl_entry h3 {
        padding: 0 1.25rem;
    }
}

.bl_outline .bl_entry h3 {
    border-bottom: none;
    margin-bottom: 0;
}

    .bl_outline .bl_entry h3::before {
        content: none;
    }

.bl_outline .bl_entry img {
    width: 100%;
}

.bl_outline .bl_entry ul {
    list-style: disc;
    margin-top: 0 !important;
    padding: 0 1.875rem;
}

@media screen and (max-width: 767px) {
    .bl_outline .bl_entry ul li {
        margin-bottom: 0.75rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_outline .bl_entry ul {
        padding: 0 1.25rem;
    }
}

.bl_outline .bl_entry ul li {
    margin-top: 0 !important;
}

    .bl_outline .bl_entry ul li::before {
        content: none !important;
    }

.bl_outline_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_outline_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_history {
    margin-top: 3rem;
    padding-bottom: 3.75rem;
}

@media screen and (min-width: 768px) {
    .bl_history {
        margin-top: 6rem;
        padding-bottom: 6.25rem;
    }
}

.bl_history .bl_underline_ttl {
    margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
    .bl_history .bl_underline_ttl {
        margin-bottom: 4rem;
    }
}

.bl_history .bl_entry .bl_history_cont {
    position: relative;
}

@media screen and (max-width: 767px) {
    .bl_history .bl_entry .bl_history_cont {
        padding: 0 1.875rem;
    }
}

.bl_history .bl_entry .bl_history_cont .js-accordion-btn {
    background-color: #fff;
    border: 1px solid #C5B27A;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    left: 0;
    margin: auto;
    padding: 0.75rem 0;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.3s;
    width: 315px;
    z-index: 1;
}

@media screen and (min-width: 768px) {
    .bl_history .bl_entry .bl_history_cont .js-accordion-btn {
        width: 426px;
    }
}

.bl_history .bl_entry .bl_history_cont .js-accordion-btn::before {
    background: url(../../assets/imgs/site/icon/plus-gold.svg) no-repeat;
    content: "";
    height: 12px;
    left: 20px;
    position: absolute;
    top: 22px;
    width: 12px;
}

.bl_history .bl_entry .bl_history_cont .js-accordion-btn::after {
    color: #333;
    content: "???見?";
    font-size: 1rem;
}

.bl_history .bl_entry .bl_history_cont .js-accordion-btn.is-show {
    bottom: -4em;
}

    .bl_history .bl_entry .bl_history_cont .js-accordion-btn.is-show::before {
        content: none;
    }

    .bl_history .bl_entry .bl_history_cont .js-accordion-btn.is-show::after {
        content: "閉??";
    }

.bl_history .bl_entry .bl_history_cont .js-accordion-txt {
    overflow: hidden; /* ??????? */
    position: relative;
}

    .bl_history .bl_entry .bl_history_cont .js-accordion-txt.is-hide {
        height: 400px;
    }

    .bl_history .bl_entry .bl_history_cont .js-accordion-txt::before {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 80%, #fff 100%);
        bottom: 0;
        content: "";
        height: 160px; /* ??????????高? */
        position: absolute;
        width: 100%;
    }

@media screen and (max-width: 767px) {
    .bl_history .bl_entry .bl_history_cont .js-accordion-txt dt {
        font-weight: 500;
    }

    .bl_history .bl_entry .bl_history_cont .js-accordion-txt dd {
        margin-bottom: 0.75rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_history .bl_entry .bl_history_cont .js-accordion-txt {
        display: flex;
        flex-wrap: wrap;
    }

        .bl_history .bl_entry .bl_history_cont .js-accordion-txt dt, .bl_history .bl_entry .bl_history_cont .js-accordion-txt dd {
            font-size: 0.875rem;
            font-weight: 500;
        }

        .bl_history .bl_entry .bl_history_cont .js-accordion-txt dt {
            padding: 0.625rem 0;
            width: 20.5949656751%;
        }

        .bl_history .bl_entry .bl_history_cont .js-accordion-txt dd {
            padding: 0.625rem 0;
            width: 78.9473684211%;
        }
}

.bl_history .bl_entry .bl_history_cont .js-accordion-txt dd {
    margin-left: 0;
}

.bl_history .bl_entry .bl_history_cont .js-accordion-btn.is-show + .js-accordion-txt::before {
    display: none;
}

.bl_history_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 906px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_history_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/*!
page > sub > sub-calendar
------------------------------
*/
.bl_calendar_sub {
    margin-top: 1.875rem;
}

@media screen and (min-width: 768px) {
    .bl_calendar_sub {
        margin-top: 3.875rem;
    }
}

.bl_calendar_bg {
    background-color: #F2F2F2;
    margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_calendar_bg {
        margin-top: 2.5rem;
    }
}

.bl_calendar_footer {
    margin-bottom: 5rem;
    margin-top: 3.875rem;
}

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

@media screen and (max-width: 767px) {
    .bl_calendar_footer_btn {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (min-width: 768px) {
    .bl_calendar_footer_btn {
        max-width: 560px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

/*!
page > sub > sub-restaurant
------------------------------
*/
.bl_restaurant_upper .bl_entry .bl_restaurant_upper_img {
    margin-top: 1.25rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_img {
        margin-top: 3.25rem;
    }
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_img img {
    width: 100%;
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_img_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1220px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_img_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_wrap {
    margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_wrap {
        display: flex;
        justify-content: space-between;
        margin-top: 6.625rem;
    }

        .bl_restaurant_upper .bl_entry .bl_restaurant_upper_wrap .bl_txt {
            width: 54.4444444444%;
        }

        .bl_restaurant_upper .bl_entry .bl_restaurant_upper_wrap .bl_snslink {
            width: 25.7777777778%;
        }
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_wrap .bl_txt {
    line-height: 2;
}

@media screen and (max-width: 767px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_wrap .bl_snslink {
        margin-top: 2rem;
    }
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_wrap .bl_snslink .bl_snslink_ttl {
    color: #7E6728;
    font-size: 0.8125rem;
    font-weight: 500;
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_wrap .bl_snslink .bl_snslink_txt {
    font-size: 0.9375rem;
    margin-bottom: 0.25rem;
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_wrap .bl_snslink .bl_snslink_btn {
    margin-top: 0;
}

    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_wrap .bl_snslink .bl_snslink_btn .el_btn_border {
        box-sizing: border-box;
        font-size: 0.9375rem;
        padding-left: 0.75rem;
        text-align: left;
    }

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_special {
    margin-top: 3.25rem;
}

@media screen and (min-width: 768px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_special {
        margin-top: 4.5rem;
    }
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_special_wrap {
    border: 1px solid #C5B27A;
    position: relative;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_special_wrap {
        padding-bottom: 5.625rem;
    }
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_special_wrap::after {
    background: url(../../assets/imgs/site/sub/img-restaurant-glass.png) no-repeat;
    background-size: contain;
    bottom: -2px;
    content: "";
    height: 90px;
    position: absolute;
    right: 20px;
    width: 88px;
}

@media screen and (min-width: 768px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_special_wrap::after {
        right: 50px;
    }
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_special_wrap h3 {
    background-color: #B39C56;
    border-bottom: none;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: 0;
    padding: 0.625rem 0;
    text-align: center;
}

    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_special_wrap h3::before {
        content: none;
    }

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_special_wrap h4 {
    color: #7E6728;
    margin-bottom: 0.75rem;
    margin-top: 2.25rem;
    padding-left: 0;
}

    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_special_wrap h4::before {
        content: none;
    }

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_special_wrap .bl_txt_upper {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0.75rem;
}

@media screen and (min-width: 768px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_special_wrap .bl_txt_upper {
        font-size: 1.375rem;
    }
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_special_wrap .bl_txt_lower {
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_special_wrap .bl_txt_lower {
        font-size: 1.625rem;
    }
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_guide {
    margin-top: 5.125rem;
}

    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_guide dl {
        margin-top: 2rem;
    }

@media screen and (min-width: 768px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_upper_guide dl {
        margin-top: 3.25rem;
    }
}

.bl_restaurant_upper .bl_entry .bl_restaurant_upper_guide dl .hp_font {
    font-family: "微軟正黑體", sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
}

.bl_restaurant_upper .bl_entry .bl_restaurant_footer_img {
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
    max-width: 69.125rem;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_footer_wrap {
        display: flex;
        justify-content: center;
    }
}

.bl_restaurant_upper .bl_entry .bl_restaurant_footer_wrap img {
    display: block;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_footer_wrap img {
        box-sizing: border-box;
        padding: 0 1.25rem;
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .bl_restaurant_upper .bl_entry .bl_restaurant_footer_wrap img:last-child {
        margin-top: 1.25rem;
    }
}

/*!
page > sub > sub-floor
------------------------------
*/
.bl_floor_body .bl_entry .bl_floor_body_img {
    margin-top: 2.125rem;
}

@media screen and (min-width: 768px) {
    .bl_floor_body .bl_entry .bl_floor_body_img {
        margin-top: 4rem;
    }
}

.bl_floor_body .bl_entry .bl_floor_body_img_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1010px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_floor_body .bl_entry .bl_floor_body_img_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_floor_body .bl_entry .bl_floor_body_img_inner img {
    width: 100%;
}

.bl_floor_body .bl_entry .bl_floor_body_card {
    margin-top: 2.875rem;
}

@media screen and (min-width: 768px) {
    .bl_floor_body .bl_entry .bl_floor_body_card {
        margin-top: 6rem;
    }
}

.bl_floor_body .bl_entry .bl_floor_body_card_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_floor_body .bl_entry .bl_floor_body_card_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_floor_body .bl_entry .bl_floor_body_card_wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 1.5rem auto 0;
}

@media screen and (min-width: 577px) {
    .bl_floor_body .bl_entry .bl_floor_body_card_wrap {
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) {
    .bl_floor_body .bl_entry .bl_floor_body_card_wrap {
        margin: 3rem auto 0;
    }
}

.bl_floor_body .bl_entry .bl_floor_body_card_wrap .bl_floor_card_list {
    box-sizing: border-box;
    width: 100%;
}

@media screen and (min-width: 577px) {
    .bl_floor_body .bl_entry .bl_floor_body_card_wrap .bl_floor_card_list {
        width: 49%;
    }
}

@media screen and (min-width: 768px) {
    .bl_floor_body .bl_entry .bl_floor_body_card_wrap .bl_floor_card_list {
        width: 33.3333333333%;
    }
}

.bl_floor_body .bl_entry .bl_floor_card_list {
    border-left: 1px solid #D6D6D6;
    margin: 0.625rem 0;
}

@media screen and (min-width: 768px) {
    .bl_floor_body .bl_entry .bl_floor_card_list {
        margin: 1.125rem 0;
    }
}

.bl_floor_body .bl_entry .bl_floor_card_list_img {
    padding-right: 0.125rem;
}

    .bl_floor_body .bl_entry .bl_floor_card_list_img img {
        -o-object-fit: cover;
        aspect-ratio: 1.6161616162;
        max-width: 600px;
        object-fit: cover;
        width: 100%;
        width: 100%;
    }

.bl_floor_body .bl_entry .bl_floor_card_list_txt {
    padding: 0.625rem 1.125rem 1.375rem;
}

    .bl_floor_body .bl_entry .bl_floor_card_list_txt .bl_place {
        font-size: 1.25rem;
        font-weight: 900;
        margin: 0;
    }

    .bl_floor_body .bl_entry .bl_floor_card_list_txt .bl_sub {
        color: #707070;
        font-size: 0.8125rem;
        margin-top: 0;
    }

    .bl_floor_body .bl_entry .bl_floor_card_list_txt .bl_txt {
        color: #707070;
        font-size: 1.125rem;
    }

@media screen and (min-width: 768px) {
    .bl_floor_body .bl_entry .bl_floor_card_list_txt .bl_txt {
        margin-bottom: 2.25rem;
    }
}

.bl_floor_body .bl_entry .bl_floor_card_list_txt .bl_listlink {
    margin-top: auto;
}

.bl_floor_bottom {
    margin-bottom: 6.25rem;
}

@media screen and (max-width: 767px) {
    .bl_floor_bottom {
        margin-top: 8.75rem;
    }
}

.bl_floor_bottom .bl_floor_bottom_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_floor_bottom .bl_floor_bottom_wrap {
        margin-top: 29.2825768668vw;
    }
}

@media screen and (min-width: 768px) {
    .bl_floor_bottom .bl_floor_bottom_wrap {
        margin-top: 0rem;
    }
}

.bl_floor_bottom .bl_floor_bottom_wrap .bl_entry {
    background-color: transparent;
    position: relative;
}

@media screen and (max-width: 767px) {
    .bl_floor_bottom .bl_floor_bottom_wrap .bl_entry {
        margin-left: auto;
        padding: 21.9619326501vw 0 2.5rem;
        width: 94%;
    }
}

@media screen and (min-width: 768px) {
    .bl_floor_bottom .bl_floor_bottom_wrap .bl_entry {
        padding: 6.25rem 0;
    }
}

@media screen and (max-width: 767px) {
    .bl_floor_bottom .bl_floor_bottom_wrap .bl_entry .bl_floor_bottom_cont {
        padding: 0 1.25rem;
    }
}

.bl_floor_bottom .bl_floor_bottom_wrap .bl_entry .bl_floor_bottom_ttl {
    font-size: 1.5rem;
    font-weight: 900;
}

@media screen and (min-width: 768px) {
    .bl_floor_bottom .bl_floor_bottom_wrap .bl_entry .bl_floor_bottom_ttl {
        width: 26.9399707174vw;
    }
}

@media screen and (min-width: 1400px) {
    .bl_floor_bottom .bl_floor_bottom_wrap .bl_entry .bl_floor_bottom_ttl {
        width: 50rem;
    }
}

.bl_floor_bottom .bl_floor_bottom_wrap .bl_entry .bl_floor_bottom_txt {
    font-size: 0.875rem;
    font-weight: 400;
}

@media screen and (min-width: 768px) {
    .bl_floor_bottom .bl_floor_bottom_wrap .bl_entry .bl_floor_bottom_txt {
        font-size: 1.125rem;
        width: 26.9399707174vw;
    }
}

@media screen and (min-width: 1400px) {
    .bl_floor_bottom .bl_floor_bottom_wrap .bl_entry .bl_floor_bottom_txt {
        width: 50rem;
    }
}

.bl_floor_bottom .bl_floor_bottom_wrap .bl_entry .bl_floor_bottom_img {
    position: absolute;
}

@media screen and (max-width: 1399px) {
    .bl_floor_bottom .bl_floor_bottom_wrap .bl_entry .bl_floor_bottom_img {
        width: 40.9956076135vw;
    }
}

@media screen and (max-width: 767px) {
    .bl_floor_bottom .bl_floor_bottom_wrap .bl_entry .bl_floor_bottom_img {
        left: -6%;
        top: -20.6442166911vw;
        width: 560px;
    }
}

@media screen and (max-width: 576px) {
    .bl_floor_bottom .bl_floor_bottom_wrap .bl_entry .bl_floor_bottom_img {
        width: 96%;
    }
}

.bl_floor_bottom .bl_floor_bottom_wrap .bl_entry .bl_floor_bottom_img img {
    -o-object-fit: cover;
    aspect-ratio: 2.0895522388;
    min-width: 320px;
    object-fit: cover;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_floor_bottom .bl_floor_bottom_wrap:nth-child(odd) {
        margin-right: 0vw;
    }
}

@media screen and (min-width: 1400px) {
    .bl_floor_bottom .bl_floor_bottom_wrap:nth-child(odd) {
        margin-right: 0rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_floor_bottom .bl_floor_bottom_wrap:nth-child(odd) .bl_floor_bottom_cont {
        margin-left: 14.6412884334vw;
    }
}

@media screen and (min-width: 1400px) {
    .bl_floor_bottom .bl_floor_bottom_wrap:nth-child(odd) .bl_floor_bottom_cont {
        margin-left: 0rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_floor_bottom .bl_floor_bottom_wrap:nth-child(odd) .bl_floor_bottom_img {
        -webkit-transform: translateY(-50%);
        right: -3.75rem;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media screen and (min-width: 768px) {
    .bl_floor_bottom .bl_floor_bottom_wrap:nth-child(even) {
        margin-left: 19.0336749634vw;
    }
}

@media screen and (min-width: 1400px) {
    .bl_floor_bottom .bl_floor_bottom_wrap:nth-child(even) {
        margin-left: 16.25rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_floor_bottom .bl_floor_bottom_wrap:nth-child(even) .bl_floor_bottom_cont {
        margin-left: 39.5314787701vw;
    }
}

@media screen and (min-width: 1400px) {
    .bl_floor_bottom .bl_floor_bottom_wrap:nth-child(even) .bl_floor_bottom_cont {
        margin-left: 33.75rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_floor_bottom .bl_floor_bottom_wrap:nth-child(even) .bl_floor_bottom_img {
        -webkit-transform: translateY(-50%);
        left: -60px;
        top: 50%;
        transform: translateY(-50%);
    }
}

/*!
page > sub > sub-faq
------------------------------
*/
.bl_faq_body_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_faq_body_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_faq_body {
    padding: 0 0 3.75rem;
}

@media screen and (min-width: 768px) {
    .bl_faq_body {
        padding: 0 0 6.25rem 0;
    }
}

.bl_faq_body h2 {
    border-bottom: 2px solid #C5B27A;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4;
    padding-bottom: 0.75rem;
}

@media screen and (min-width: 768px) {
    .bl_faq_body h2 {
        font-size: 1.375rem;
    }
}

.bl_faq_accordion_wrap:not(:first-child) {
    padding-top: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_faq_accordion_wrap:not(:first-child) {
        padding-top: 3.75rem;
    }
}

.bl_accordion-area_faq li {
    border-bottom: 1px solid #CCCCCC;
}

.bl_accordion-area_faq_unit .bl_ttl {
    padding: 0rem 1.5rem 0 2.125rem;
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_faq_unit .bl_ttl {
        opacity: 1;
        padding: 0.5rem 3.75rem;
        transition: opacity 0.3s;
    }

        .bl_accordion-area_faq_unit .bl_ttl:hover {
            cursor: pointer;
            opacity: 0.7;
        }
}

.bl_accordion-area_faq_unit .bl_ttl::before {
    background: url(../../assets/imgs/site/icon/faq-q.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 26px;
    left: 0px;
    position: absolute;
    top: 4px;
    width: 26px;
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_faq_unit .bl_ttl::before {
        height: 43px;
        top: 18px;
        width: 43px;
    }
}

.bl_accordion-area_faq_unit .bl_ttl::after {
    -webkit-transform: rotate(0deg);
    background: url(../../assets/imgs/site/icon/arrow-down-gold.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 6px;
    position: absolute;
    right: 0;
    top: 14px;
    transform: rotate(0deg);
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    width: 16px;
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_faq_unit .bl_ttl::after {
        height: 9px;
        right: 8px;
        top: 34px;
        width: 18px;
    }
}

.bl_accordion-area_faq_unit .bl_ttl.js-close::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bl_accordion-area_faq_unit .bl_ttl h3 {
    font-size: 0.9375rem;
    font-weight: 500;
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_faq_unit .bl_ttl h3 {
        font-size: 1rem;
    }
}

.bl_accordion-area_faq_unit .bl_box {
    display: none; /*????非表示*/
    padding: 0 2.125rem 0;
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_faq_unit .bl_box {
        padding: 0.625rem 3.75rem 0;
    }
}

.bl_accordion-area_faq_unit .bl_box::before {
    background: url(../../assets/imgs/site/icon/faq-a.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 26px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 26px;
}

@media screen and (min-width: 768px) {
    .bl_accordion-area_faq_unit .bl_box::before {
        height: 43px;
        top: 20px;
        width: 43px;
    }
}

.bl_accordion-area_faq_unit .bl_box .bl_entry p {
    font-size: 0.875rem;
}

.bl_accordion-area_faq_unit .bl_box .bl_entry a {
    color: #1A1A1A;
    text-decoration: underline;
}

/*!
page > sub > sub-contact
------------------------------
*/
.bl_contact_header {
    margin-top: 2.5rem;
}

@media screen and (min-width: 992px) {
    .bl_contact_header {
        margin-top: 6.25rem;
    }
}

.bl_contact_header_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .bl_contact_header_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 992px) {
    .bl_contact_header_wrap {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
}

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

@media screen and (min-width: 992px) {
    .bl_contact_header_tel {
        width: 50%;
    }
}

.bl_contact_header_tel .bl_img img {
    width: 62px;
}

@media screen and (min-width: 992px) {
    .bl_contact_header_tel .bl_img img {
        width: 84px;
    }
}

.bl_contact_header_tel .bl_txt {
    padding-left: 1.5rem;
}

    .bl_contact_header_tel .bl_txt p {
        margin: 0;
    }

    .bl_contact_header_tel .bl_txt .bl_ja {
        font-size: 1.125rem;
        font-weight: 500;
    }

@media screen and (min-width: 992px) {
    .bl_contact_header_tel .bl_txt .bl_ja {
        font-size: 1.375rem;
    }
}

.bl_contact_header_tel .bl_txt .bl_num {
    font-family: "微軟正黑體", sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: 0.05em;
}

@media screen and (min-width: 992px) {
    .bl_contact_header_tel .bl_txt .bl_num {
        font-size: 1.75rem;
    }
}

.bl_contact_header_tel .bl_txt .bl_time {
    font-size: 0.8125rem;
}

.bl_contact_header_tel_wrap {
    align-items: center;
    display: flex;
}

@media screen and (max-width: 991px) {
    .bl_contact_header_tel_wrap {
        justify-content: center;
    }
}

@media screen and (max-width: 991px) {
    .bl_contact_header_faq {
        margin-top: 2.5rem;
    }
}

@media screen and (min-width: 992px) {
    .bl_contact_header_faq {
        border-left: 1px solid #E3E3E3;
        width: 50%;
    }
}

.bl_contact_header_faq .bl_txt {
    font-size: 0.875rem;
    line-height: 1.4285714286;
}

.bl_contact_header_faq_inner {
    margin: 0 auto;
    max-width: 520px;
}

@media screen and (max-width: 767px) {
    .bl_contact_header_faq_inner {
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    .bl_contact_header_faq_inner {
        margin-left: auto;
    }
}

.bl_contact_body {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_contact_body {
        margin-top: 5rem;
    }
}

.bl_contact_body .g-recaptcha {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
}

    .bl_contact_body .g-recaptcha > div {
        margin: 0 auto;
    }

.bl_contact_body_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_contact_body_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_contact_body_lead {
    font-size: 0.875rem;
    line-height: 1.4285714286;
}

@media screen and (min-width: 768px) {
    .bl_contact_form {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_contact_form dt {
        border-top: 1px solid #CCCCCC;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1.125rem 0;
        width: 26.3736263736%;
    }
}

.bl_contact_form dt p {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_contact_form dt p {
        font-size: 1.125rem;
    }
}

.bl_contact_form dd {
    box-sizing: border-box;
    margin-left: 0;
}

@media screen and (max-width: 767px) {
    .bl_contact_form dd {
        padding: 0.625rem 0 1.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_contact_form dd {
        border-top: 1px solid #CCCCCC;
        padding: 1.125rem 0;
        width: 72.5274725275%;
    }
}

.bl_contact_form dd input {
    border: 1px solid #1A1A1A;
    box-sizing: border-box;
    padding: 0.75rem 0.625rem;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_contact_form dd input {
        margin: 0.375rem 0;
        padding: 0.75rem 1.25rem;
    }
}

.bl_contact_form dd select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #1A1A1A;
    border-radius: 0;
    box-sizing: border-box;
    margin: 0.625rem 0 1.5rem;
    padding: 0.75rem 0.625rem;
    width: 100px;
}

@media screen and (min-width: 768px) {
    .bl_contact_form dd select {
        margin: 1.5rem 0;
        padding: 0.75rem 1.25rem;
        width: 140px;
    }
}

.bl_contact_form dd.hp_select {
    position: relative;
}

    .bl_contact_form dd.hp_select::after {
        background: url(../../assets/imgs/site/icon/arrow-down-black.svg) no-repeat;
        content: "";
        height: 7px;
        left: 80px;
        position: absolute;
        top: 40px;
        width: 15px;
    }

@media screen and (min-width: 768px) {
    .bl_contact_form dd.hp_select::after {
        -webkit-transform: translateY(-50%);
        left: 100px;
        top: 50%;
        transform: translateY(-50%);
    }
}

.bl_contact_form dd textarea {
    border: 1px solid #1A1A1A;
    box-sizing: border-box;
    margin: 0.625rem 0 1.5rem;
    padding: 0.75rem 0.625rem;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_contact_form dd textarea {
        margin: 1.5rem 0;
        padding: 0.75rem 1.25rem;
    }
}

.bl_contact_form .el_require {
    color: #998034;
    font-size: 0.8125rem;
    font-weight: 700;
}

.bl_contact_form .error {
    color: #C00000;
}

.bl_contact_body {
    padding-bottom: 6.25rem;
    /* firefox??（has???未?????） */
}

    .bl_contact_body .bl_check {
        text-align: center;
    }

        .bl_contact_body .bl_check input[type=checkbox] {
            display: none;
        }

        .bl_contact_body .bl_check label {
            box-sizing: border-box;
            cursor: pointer;
            display: inline-block;
            padding: 5px 30px;
            position: relative;
            width: auto;
        }

            .bl_contact_body .bl_check label::before {
                background: #fff;
                border: 1px solid #CDD6DD;
                border-radius: 2px;
                content: "";
                display: block;
                height: 30px;
                left: -16px;
                margin-top: -8px;
                position: absolute;
                top: 12px;
                width: 30px;
            }

            .bl_contact_body .bl_check label::after {
                -webkit-transform: rotate(45deg);
                border-bottom: 3px solid #000000;
                border-right: 3px solid #000000;
                content: "";
                display: block;
                height: 12px;
                left: -4px;
                margin-top: -7px;
                opacity: 0;
                position: absolute;
                top: 50%;
                transform: rotate(45deg);
                width: 6px;
            }

        .bl_contact_body .bl_check input[type=checkbox]:checked + label::after {
            opacity: 1;
        }

        .bl_contact_body .bl_check a {
            color: #000000;
            text-decoration: underline;
        }

            .bl_contact_body .bl_check a::after {
                content: none !important;
            }

    .bl_contact_body .bl_btn {
        margin: 2rem auto 0;
        text-align: center;
    }

        .bl_contact_body .bl_btn input {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: transparent;
            border: 1px solid #C5B27A;
            border-radius: 0;
            box-sizing: border-box;
            cursor: pointer;
            display: inline-block;
            font: inherit;
            font-size: 1rem;
            font-weight: 700;
            letter-spacing: 0.05em;
            outline: none;
            overflow: hidden;
            padding: 0.75rem 0;
            position: relative;
            text-align: center;
            transition: opacity 0.5s;
            transition: all 0.3s;
        }

        .bl_contact_body .bl_btn:has(> :nth-child(1):last-child) input {
            background-color: #C5B27A;
            color: #fff;
            width: 80%;
        }

@media screen and (min-width: 768px) {
    .bl_contact_body .bl_btn:has(> :nth-child(1):last-child) input:hover {
        background-color: #fff;
        border: 1px solid #C5B27A;
        box-sizing: border-box;
        color: #C5B27A;
    }
}

.bl_contact_body .bl_btn:has(> :nth-child(2)) input {
    width: 45%;
}

    .bl_contact_body .bl_btn:has(> :nth-child(2)) input:first-child {
        background-color: #C5B27A;
        border: 1px solid #C5B27A;
        color: #fff;
    }

@media screen and (min-width: 768px) {
    .bl_contact_body .bl_btn:has(> :nth-child(2)) input:first-child:hover {
        background-color: #fff;
        border: 1px solid #C5B27A;
        color: #000;
    }
}

.bl_contact_body .bl_btn:has(> :nth-child(2)) input:last-child {
    background-color: #fff;
    border: 1px solid #C5B27A;
    color: #C5B27A;
}

@media screen and (min-width: 768px) {
    .bl_contact_body .bl_btn:has(> :nth-child(2)) input:last-child:hover {
        background-color: #C5B27A;
        color: #000;
    }
}

@-moz-document url-prefix() {
    .bl_contact_body .bl_btn input {
        background-color: #C5B27A;
        border: 1px solid #C5B27A;
        color: #fff;
        width: 45%;
    }

    @media screen and (min-width: 768px) {
        .bl_contact_body .bl_btn input:hover {
            background-color: #fff;
            border: 1px solid #C5B27A;
            color: #000;
        }
    }
}

/* safari??（古????????????has???未?????） */
_:lang(x) + _:-webkit-full-screen-document input, .bl_contact_body .bl_btn input {
    background-color: #C5B27A;
    border: 1px solid #C5B27A;
    color: #fff;
    width: 45%;
}

@media screen and (min-width: 768px) {
    _:lang(x) + _:-webkit-full-screen-document input:hover, .bl_contact_body .bl_btn input:hover {
        background-color: #fff;
        border: 1px solid #C5B27A;
        color: #000;
    }
}

/*!
page > sub > sub-friends
------------------------------
*/
.bl_friends .bl_friends_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 930px;
    padding-bottom: 5rem;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 2.5rem;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_friends_inner {
        padding-bottom: 6.25rem;
        padding-top: 7.875rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_friends_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_friends .bl_entry .bl_friends_h2 {
    font-size: 1.25rem;
    font-weight: 500;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_h2 {
        font-size: 1.5rem;
    }
}

.bl_friends .bl_entry .bl_friends_lead {
    font-size: 1rem;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_lead {
        font-size: 1.125rem;
    }
}

.bl_friends .bl_entry .bl_friends_txt {
    font-size: 0.875rem;
    letter-spacing: 0.1em;
    line-height: 2;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_txt {
        font-size: 1rem;
    }
}

.bl_friends .bl_entry .bl_friends_h3 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.625rem;
    margin-top: 1.625rem;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_h3 {
        font-size: 1.375rem;
        margin-top: 3.5rem;
    }
}

.bl_friends .bl_entry .bl_friends_p {
    letter-spacing: 0.1em;
    padding: 0 1rem;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_p {
        padding: 0 3.125rem;
    }
}

.bl_friends .bl_entry .bl_friends_ul li {
    font-size: 0.875rem;
    letter-spacing: 0.1em;
    line-height: 2.5;
    padding: 0 0 0 2.5rem;
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_ul li {
        font-size: 1rem;
        padding: 0 0 0 4.75rem;
    }
}

.bl_friends .bl_entry .bl_friends_ul li::before {
    background: url(../../assets/imgs/site/icon/friends-gold.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 16px;
    left: 16px;
    position: absolute;
    top: 10px;
    width: 16px;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_ul li::before {
        left: 50px;
        top: 14px;
    }
}

.bl_friends .bl_entry .bl_friends_num {
    display: flex;
    margin-top: 2.25rem;
    padding-left: 1rem;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_num {
        padding-left: 3.125rem;
    }
}

.bl_friends .bl_entry .bl_friends_num .bl_circle_num {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_num .bl_circle_num {
        font-size: 1.5rem;
    }
}

.bl_friends .bl_entry .bl_friends_num .bl_circle_num::before {
    background-color: #B39C56;
    border-radius: 50%;
    color: #fff;
    content: "";
    height: 36px;
    left: -12px;
    margin-right: 10px;
    position: absolute;
    top: 0;
    width: 36px;
    z-index: -1;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_num .bl_circle_num::before {
        height: 40px;
        width: 40px;
    }
}

.bl_friends .bl_entry .bl_friends_num p {
    font-size: 1rem;
    font-weight: 700;
    margin: 0.375rem 0 0;
    padding-left: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_num p {
        font-size: 1.125rem;
    }
}

.bl_friends .bl_entry .bl_friends_contact {
    margin-top: 0.625rem;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_contact {
        padding-left: 6.25rem;
    }
}

.bl_friends .bl_entry .bl_friends_contact_wrap {
    border: 1px solid #C5B27A;
}

.bl_friends .bl_entry .bl_friends_contact_lead {
    font-size: 1rem;
    font-weight: 500;
    padding-left: 1.875rem;
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_contact_lead {
        font-size: 1.25rem;
    }
}

.bl_friends .bl_entry .bl_friends_contact_lead::before {
    background-color: #C5B27A;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 6px;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_contact_lead::before {
        top: 10px;
    }
}

.bl_friends .bl_entry .bl_friends_bg {
    background-color: #F3EFE2;
    margin: 1.25rem 0.875rem;
    padding: 1.25rem 0.75rem;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_bg {
        margin: 1.25rem 4rem;
        padding: 1.25rem 2.5rem;
    }
}

.bl_friends .bl_entry .bl_friends_bg_txt {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.1em;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_bg_txt {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 992px) {
    .bl_friends .bl_entry .bl_friends_bg_wrap {
        display: flex;
    }
}

.bl_friends .bl_entry .bl_friends_bg_tel {
    align-items: center;
    display: flex;
    justify-content: center;
}

    .bl_friends .bl_entry .bl_friends_bg_tel img {
        height: 54px;
        width: 54px;
    }

    .bl_friends .bl_entry .bl_friends_bg_tel p {
        font-family: "微軟正黑體", sans-serif;
        font-size: 1.375rem;
        font-weight: 500;
        line-height: 1;
        margin: 0;
    }

@media screen and (min-width: 992px) {
    .bl_friends .bl_entry .bl_friends_bg_tel p {
        font-size: 1.625rem;
    }
}

.bl_friends .bl_entry .bl_friends_bg_tel div {
    margin-left: 0.75rem;
}

    .bl_friends .bl_entry .bl_friends_bg_tel div span {
        font-size: 0.8125rem;
    }

.bl_friends .bl_entry .bl_friends_bg_fax p {
    font-family: "微軟正黑體", sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1;
    margin: 0;
}

@media screen and (max-width: 991px) {
    .bl_friends .bl_entry .bl_friends_bg_fax p {
        margin-top: 1.875rem;
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    .bl_friends .bl_entry .bl_friends_bg_fax p {
        font-size: 1.625rem;
        padding-left: 2.25rem;
    }
}

.bl_friends .bl_entry .bl_friends_footer {
    font-size: 1rem;
    font-weight: 500;
    padding-left: 1rem;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_footer {
        font-size: 1.25rem;
        padding-left: 4rem;
    }
}

.bl_friends .bl_entry .bl_friends_bottom {
    margin-top: 4.5rem;
}

.bl_friends .bl_entry .bl_friends_bottom_bg {
    background-color: #F2F2F2;
    padding: 2.25rem 0 1.875rem;
    text-align: center;
}

    .bl_friends .bl_entry .bl_friends_bottom_bg h3 {
        border-bottom: none;
        margin: 0;
    }

        .bl_friends .bl_entry .bl_friends_bottom_bg h3::before {
            content: none;
        }

    .bl_friends .bl_entry .bl_friends_bottom_bg p {
        margin: 0 auto;
    }

.bl_friends .bl_entry .bl_friends_bottom_btn {
    padding-top: 1rem;
    text-align: center;
    width: 80%;
}

@media screen and (min-width: 768px) {
    .bl_friends .bl_entry .bl_friends_bottom_btn {
        width: 320px;
    }
}

/*!
page > sub > sub-privacy-policy
------------------------------
*/
.bl_privacy-policy_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 930px;
    padding-bottom: 5rem;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 2.5rem;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_privacy-policy_inner {
        padding-bottom: 6.25rem;
        padding-top: 7.875rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_privacy-policy_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_privacy-policy .bl_entry .bl_privacy-policy_h2 {
    font-size: 1.25rem;
    font-weight: 500;
}

@media screen and (min-width: 768px) {
    .bl_privacy-policy .bl_entry .bl_privacy-policy_h2 {
        font-size: 1.5rem;
    }
}

.bl_privacy-policy .bl_entry .bl_privacy-policy_h3 {
    font-size: 1rem;
    font-weight: 500;
}

@media screen and (min-width: 768px) {
    .bl_privacy-policy .bl_entry .bl_privacy-policy_h3 {
        font-size: 1.125rem;
        margin-bottom: 0.75rem;
        margin-top: 2.5rem;
    }
}

.bl_privacy-policy .bl_entry .bl_privacy-policy_lead {
    margin-bottom: 4rem;
}

.bl_privacy-policy .bl_entry p {
    margin: 0;
}

.bl_privacy-policy .bl_entry .bl_privacy-policy_footer {
    margin-top: 4rem;
}

/*!
page > sub > sub-site-policy
------------------------------
*/
.bl_site-policy_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 930px;
    padding-bottom: 5rem;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 2.5rem;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_site-policy_inner {
        padding-bottom: 6.25rem;
        padding-top: 3.875rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_site-policy_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_site-policy .bl_entry .bl_site-policy_h2 {
    font-size: 1.25rem;
    font-weight: 500;
}

@media screen and (min-width: 768px) {
    .bl_site-policy .bl_entry .bl_site-policy_h2 {
        font-size: 1.5rem;
        margin-top: 4rem;
    }
}

/*!
page > sub > sub-sitemap
------------------------------
*/
.bl_sitemap_body {
    margin-bottom: 5rem;
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_sitemap_body {
        margin-bottom: 5rem;
        margin-top: 5rem;
    }
}

.bl_sitemap_body_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .bl_sitemap_body_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 768px) {
    .bl_sitemap_wrap {
        -ms-grid-columns: 1fr 32px 1fr;
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        display: -ms-grid;
        display: grid;
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, 1fr);
    }
}

.bl_sitemap_wrap div {
    border-top: 2px solid #C5B27A;
}

@media screen and (max-width: 767px) {
    .bl_sitemap_wrap div {
        margin-top: 1.25rem;
    }
}

.bl_sitemap_wrap h2 {
    color: #000000;
    font-size: 1rem;
}

    .bl_sitemap_wrap h2 a {
        color: #000000;
        line-height: 1.5;
        transition: color 0.3s;
    }

@media screen and (min-width: 768px) {
    .bl_sitemap_wrap h2 a:hover {
        color: #C5B27A;
    }
}

.bl_sitemap_wrap ul li {
    color: #000000;
    font-size: 0.8125rem;
    line-height: 1.5;
    margin: 0.625rem 0;
    padding-left: 1rem;
    position: relative;
}

    .bl_sitemap_wrap ul li::before {
        border-color: transparent transparent transparent #C5B27A;
        border-style: solid;
        border-width: 4px 0 4px 6px;
        content: "";
        display: inline-block;
        height: 0;
        left: 0px;
        position: absolute;
        top: 6px;
        width: 0;
    }

    .bl_sitemap_wrap ul li a {
        color: #000000;
        transition: color 0.3s;
    }

@media screen and (min-width: 768px) {
    .bl_sitemap_wrap ul li a:hover {
        color: #C5B27A;
    }
}

.bl_sitemap_wrap ul > ul {
    padding-left: 1rem;
}

/*!
page > sub > sub-link
------------------------------
*/
.bl_link .bl_link_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-bottom: 2.5rem;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 1.25rem;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_link .bl_link_inner {
        padding-bottom: 5rem;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 5rem;
    }
}

.bl_link .bl_link_ul li {
    line-height: 3;
}

/*!
page > sub > sub-shop-list
------------------------------
*/
.bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_upper_img {
    margin-top: 1.25rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_upper_img {
        margin-top: 3.25rem;
    }
}

.bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_upper_img img {
    width: 100%;
}

.bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_upper_img_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1220px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_upper_img_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_upper {
    margin-top: 2.875rem;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_upper {
        margin-top: 6.625rem;
    }
}

.bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_upper_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_upper_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_h3 {
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
}

.bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_p {
    font-size: 1rem;
    margin-bottom: 0;
    text-align: center;
}

.bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_lead {
    margin: 0 1rem;
    padding: 1.25rem 0 1.5rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_lead {
        padding-bottom: 3.125rem;
        padding-top: 2.25rem;
    }
}

.bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_lead p {
    display: inline-block;
    text-align: left;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_lead p {
        text-align: center;
    }
}

.bl_shop-list .bl_shop-list_body .bl_entry .bl_shop-list_lead.hp_shop_border {
    border-bottom: 1px solid #DBDBDB;
}

.bl_shop-list .bl_shop-list_body .bl_entry .bl_snslink_wrap {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 3.125rem;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_body .bl_entry .bl_snslink_wrap {
        display: flex;
        justify-content: space-between;
    }
}

.bl_shop-list .bl_shop-list_body .bl_entry .bl_snslink_wrap div {
    margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_body .bl_entry .bl_snslink_wrap div {
        width: 33.3333333333%;
    }
}

.bl_shop-list .bl_shop-list_body .bl_entry .bl_snslink_wrap .bl_snslink_txt {
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_shop-list .bl_shop-list_body .bl_entry .bl_snslink_wrap .bl_snslink_txt {
        margin-bottom: 0.375rem;
    }
}

.bl_shop-list .bl_shop-list_body .bl_entry .bl_snslink_wrap .bl_snslink_btn {
    margin: 0 auto;
    max-width: 230px;
    width: 80%;
}

.bl_shop-list .bl_shop-list_tab {
    margin-top: 2.875rem;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_tab {
        margin-top: 6rem;
    }
}

.bl_shop-list .bl_shop-list_tab_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1300px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_tab_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_shop-list .bl_shop-list_tab_cont {
    background-color: #F9F9F9;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s;
    visibility: hidden;
}

    .bl_shop-list .bl_shop-list_tab_cont.is_active {
        height: auto;
        opacity: 1;
        visibility: visible;
    }

    .bl_shop-list .bl_shop-list_tab_cont .bl_nopost {
        padding: 3.75rem 0;
        text-align: center;
    }

.bl_shop-list .bl_shop-list_tab_cont_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1072px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_tab_cont_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_shop-list .bl_shop-list_tab_cont_wrap {
    padding: 1.875rem 0 0;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_tab_cont_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 5rem 0 2.875rem;
    }
}

.bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card {
    margin: 2rem 0;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card {
        width: 48.0769230769%;
    }
}

.bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_wrap {
    display: flex;
}

.bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_img {
    margin-right: 2.196193265vw;
    text-align: center;
    width: 36%;
}

    .bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_img img {
        -o-object-fit: cover;
        aspect-ratio: 0.7086614173;
        max-width: 180px;
        object-fit: cover;
        width: 100%;
    }

.bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body {
    display: flex;
    flex-direction: column;
    width: 58%;
}

    .bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body h3 {
        border-left: 5px solid #DFDBD3;
        margin-top: 0;
    }

        .bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body h3 span {
            display: block;
            margin-left: 0.75rem;
        }

    .bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body .bl_sublead {
        font-size: 0.75rem;
        font-weight: 700;
        margin-top: 0;
    }

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body .bl_sublead {
        font-size: 0.875rem;
    }
}

.bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body .bl_lead {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4444444444;
    margin-top: 0.375rem;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body .bl_lead {
        font-size: 1.125rem;
    }
}

.bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body dl {
    align-items: center;
    border-top: 1px solid #E3E3E3;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0.625rem;
}

@media screen and (max-width: 991px) {
    .bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body dl {
        margin-bottom: 0.5rem;
        margin-top: 0;
    }
}

@media screen and (min-width: 992px) {
    .bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body dl {
        margin-left: 1.375rem;
    }
}

.bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body dl dt {
    border-bottom: 1px solid #E3E3E3;
    box-sizing: border-box;
    color: #6F6F6F;
    font-size: 0.75rem;
    padding: 0.25rem;
    white-space: nowrap;
    width: 22.3880597015%;
}

@media screen and (min-width: 992px) {
    .bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body dl dt {
        font-size: 0.875rem;
        padding: 0.5rem;
    }
}

.bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body dl dd {
    border-bottom: 1px solid #E3E3E3;
    box-sizing: border-box;
    color: #6F6F6F;
    font-size: 0.75rem;
    margin-left: 0;
    padding: 0.25rem 0.25rem 0.25rem 0.5rem;
    width: 77.6119402985%;
}

@media screen and (min-width: 992px) {
    .bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body dl dd {
        font-size: 0.875rem;
        padding: 0.5rem 0.5rem 0.5rem 2.9282576867vw;
    }
}

.bl_shop-list .bl_shop-list_tab_cont_wrap .bl_shop_card_body .bl_shop_card_btn {
    margin-bottom: 0.5rem;
    margin-top: auto;
}

.bl_shop-list .bl_shop-list_pagenation {
    margin-top: 2.25rem;
    padding-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_pagenation {
        padding-bottom: 5rem;
    }
}

.bl_shop-list .bl_shop-list_pagenation .bl_pager li a {
    background-color: #fff;
}

.bl_shop-list .bl_shop-list_tab_cont .bl_sideline_ttl {
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_tab_cont .bl_sideline_ttl {
        margin-top: 6.875rem;
    }
}

.bl_shop-list .bl_shop-goods_card_wrap {
    display: flex;
    flex-wrap: wrap;
}

    .bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card {
        background-color: #fff;
        border: 1px solid #C5B27A;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1.5rem 1.5rem 2rem 1.5rem;
        width: 100%;
    }

@media screen and (min-width: 577px) {
    .bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card {
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card {
        width: 33.3333333333%;
    }
}

@media screen and (min-width: 992px) {
    .bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card {
        width: 25%;
    }
}

.bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card_img {
    background-color: #F0F0F2;
    height: 230px;
    margin-bottom: 0.75rem;
    position: relative;
    width: 100%;
}

    .bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card_img img {
        -o-object-fit: scale-down;
        height: 100%;
        object-fit: scale-down;
        width: 100%;
    }

.bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card_body {
    border-top: 1px solid #C5B27A;
    margin-top: 0.75rem;
}

    .bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card_body h3 {
        margin-top: 0.75rem;
    }

        .bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card_body h3 span {
            display: block;
        }

    .bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card_body div {
        margin-top: auto;
    }

    .bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card_body .bl_sublead {
        font-size: 0.75rem;
    }

    .bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card_body .bl_lead {
        font-size: 1rem;
    }

.bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card_price dl {
    display: flex;
    flex-wrap: wrap;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: auto;
}

    .bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card_price dl dt {
        font-size: 0.6875rem;
        white-space: nowrap;
        width: 43.1034482759%;
    }

    .bl_shop-list .bl_shop-goods_card_wrap .bl_shop-goods_card_price dl dd {
        font-size: 0.875rem;
        margin-left: 0;
        text-align: right;
        width: 56.8965517241%;
    }

.bl_shop-list .bl_shop-goods_table {
    margin-top: 3.125rem;
    padding-bottom: 1.25rem;
}

    .bl_shop-list .bl_shop-goods_table table {
        border-collapse: collapse;
    }

        .bl_shop-list .bl_shop-goods_table table thead th {
            background-color: #C5B27A;
            color: #fff;
            font-size: 0.8125rem;
            padding: 0.25rem 0;
        }

            .bl_shop-list .bl_shop-goods_table table thead th span {
                display: block;
                font-size: 0.6875rem;
            }

            .bl_shop-list .bl_shop-goods_table table thead th:nth-child(2), .bl_shop-list .bl_shop-goods_table table thead th:nth-child(3) {
                width: 112px;
            }

        .bl_shop-list .bl_shop-goods_table table tbody tr:nth-child(2n) td {
            background-color: #FDFBF5;
        }

        .bl_shop-list .bl_shop-goods_table table tbody tr:nth-child(2n+1) td {
            background-color: #fff;
        }

        .bl_shop-list .bl_shop-goods_table table tbody tr td {
            border: 1px solid #C5B27A;
        }

            .bl_shop-list .bl_shop-goods_table table tbody tr td:first-child {
                padding: 0 1.625rem;
            }

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-goods_table table tbody tr td:nth-child(2), .bl_shop-list .bl_shop-goods_table table tbody tr td:nth-child(3) {
        text-align: center;
    }
}

.bl_shop-list .bl_shop-goods_table table tbody tr td .bl_sublead {
    font-size: 0.75rem;
    font-weight: 700;
    padding-right: 0.75rem;
}

.bl_shop-list .bl_shop-goods_table table tbody tr td .bl_lead {
    font-size: 1rem;
    font-weight: 700;
}

.bl_shop-list .bl_shop-goods_table table tbody tr td p {
    margin: 0.5rem 0;
}

@media screen and (max-width: 767px) {
    .bl_shop-list .bl_shop-goods_table table {
        width: 100%;
    }

        .bl_shop-list .bl_shop-goods_table table thead {
            display: none;
        }

        .bl_shop-list .bl_shop-goods_table table tbody tr:last-child td:last-child {
            border-bottom: 1px solid #C5B27A;
        }

        .bl_shop-list .bl_shop-goods_table table tbody td {
            display: block;
        }

            .bl_shop-list .bl_shop-goods_table table tbody td .bl_lead {
                font-size: 0.875rem !important;
            }

            .bl_shop-list .bl_shop-goods_table table tbody td p {
                margin: 0 !important;
                padding: 0 0.75rem;
                text-align: right;
            }

            .bl_shop-list .bl_shop-goods_table table tbody td:first-child {
                border-bottom: none;
                padding: 0.375rem 0 !important;
            }

                .bl_shop-list .bl_shop-goods_table table tbody td:first-child p {
                    text-align: left;
                }

            .bl_shop-list .bl_shop-goods_table table tbody td:nth-child(2) {
                border-bottom: none;
                border-top: none;
                padding: 0.25rem 0;
                position: relative;
            }

                .bl_shop-list .bl_shop-goods_table table tbody td:nth-child(2):before {
                    -webkit-transform: translateY(-50%);
                    content: "販??格（??）";
                    font-size: 0.75rem;
                    left: 1.5rem;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    vertical-align: middle;
                }

            .bl_shop-list .bl_shop-goods_table table tbody td:last-child {
                border-bottom: none;
                border-top: none;
                padding: 0.25rem 0 0.5rem;
                position: relative;
            }

                .bl_shop-list .bl_shop-goods_table table tbody td:last-child:before {
                    -webkit-transform: translateY(-50%);
                    content: "友???格（??）";
                    font-size: 0.75rem;
                    left: 1.5rem;
                    position: absolute;
                    top: 46%;
                    transform: translateY(-50%);
                }
}

.bl_shop-list .bl_shop-goods_table_footer {
    font-size: 0.9375rem;
}

.bl_shop-list .bl_shop-goods_table_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 944px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-goods_table_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_shop-list .bl_shop-list_contact {
    margin-bottom: 5rem;
    margin-top: 4.5rem;
}

.bl_shop-list .bl_shop-list_contact_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_contact_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_shop-list .bl_shop-list_contact_bg {
    background-color: #F2F2F2;
    padding: 1.25rem 0 1.25rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_contact_bg {
        padding: 2.25rem 0 1.875rem;
    }
}

.bl_shop-list .bl_shop-list_contact_bg h2 {
    font-size: 1.125rem;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_contact_bg h2 {
        font-size: 1.375rem;
    }
}

.bl_shop-list .bl_shop-list_contact_bg p {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_contact_bg p {
        font-size: 0.875rem;
    }
}

.bl_shop-list .bl_shop-list_contact_btn {
    padding-top: 1rem;
    text-align: center;
    width: 80%;
}

@media screen and (min-width: 768px) {
    .bl_shop-list .bl_shop-list_contact_btn {
        width: 320px;
    }
}

/*!
page > sub > sub-shop-detail
------------------------------
*/
.bl_shop-detail_tab_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1300px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_shop-detail_tab_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_shop-detail_catalog {
    background-color: #F9F9F9;
}

.bl_shop-detail_catalog_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 920px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_shop-detail_catalog_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_shop-detail_catalog .bl_upper_wrap {
    padding-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_shop-detail_catalog .bl_upper_wrap {
        display: flex;
        justify-content: space-between;
        padding-top: 5rem;
    }
}

.bl_shop-detail_catalog .bl_upper_wrap .bl_upper_img {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_shop-detail_catalog .bl_upper_wrap .bl_upper_img {
        max-width: 364px;
        width: 40.990990991%;
    }
}

.bl_shop-detail_catalog .bl_upper_wrap .bl_upper_img img {
    max-width: 364px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body {
        margin-top: 1.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body {
        width: 55.8558558559%;
    }
}

.bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body h3 span {
    display: block;
}

.bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body h3 .bl_sublead {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

@media screen and (min-width: 768px) {
    .bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body h3 .bl_sublead {
        font-size: 1.125rem;
    }
}

.bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body h3 .bl_lead {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
}

@media screen and (min-width: 768px) {
    .bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body h3 .bl_lead {
        font-size: 1.5rem;
    }
}

.bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body dl {
    border-top: 1px solid #E0E0E0;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.9375rem;
    margin-bottom: 0;
}

    .bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body dl dt {
        border-bottom: 1px solid #E0E0E0;
        box-sizing: border-box;
        padding: 0.5rem;
        white-space: nowrap;
        width: 41.6666666667%;
    }

@media screen and (min-width: 768px) {
    .bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body dl dt {
        width: 31.25%;
    }
}

.bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body dl dt.hp_font {
    font-weight: 700;
}

.bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body dl dd {
    border-bottom: 1px solid #E0E0E0;
    box-sizing: border-box;
    margin-left: 0;
    padding: 0.5rem;
    width: 58.3333333333%;
}

@media screen and (min-width: 768px) {
    .bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body dl dd {
        width: 68.75%;
    }
}

.bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body dl dd.hp_font {
    font-weight: 700;
}

.bl_shop-detail_catalog .bl_upper_wrap .bl_upper_body .bl_upper_note {
    font-size: 0.75rem;
    margin-top: 0.5rem;
}

.bl_shop-detail_catalog .bl_upper_wrap .bl_upper_ttl {
    color: #7E6728;
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .bl_shop-detail_catalog .bl_upper_wrap .bl_upper_ttl {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    .bl_shop-detail_catalog .bl_upper_wrap .bl_upper_ttl {
        font-size: 1.375rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_shop-detail_catalog .bl_lower_wrap .bl_shop_lower_list {
        display: flex;
        flex-wrap: wrap;
    }
}

.bl_shop-detail_catalog .bl_lower_wrap .bl_shop_lower_list dt {
    box-sizing: border-box;
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: 2.25rem;
    padding-left: 1.5rem;
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_shop-detail_catalog .bl_lower_wrap .bl_shop_lower_list dt {
        margin-top: 3.5rem;
        width: 13.963963964%;
    }
}

.bl_shop-detail_catalog .bl_lower_wrap .bl_shop_lower_list dt::before {
    background: url(../../assets/imgs/site/icon/friends-gold.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 16px;
    left: 0px;
    position: absolute;
    top: 8px;
    width: 16px;
}

@media screen and (min-width: 768px) {
    .bl_shop-detail_catalog .bl_lower_wrap .bl_shop_lower_list dt::before {
        left: 0;
        top: 8px;
    }
}

.bl_shop-detail_catalog .bl_lower_wrap .bl_shop_lower_list dd {
    box-sizing: border-box;
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .bl_shop-detail_catalog .bl_lower_wrap .bl_shop_lower_list dd {
        margin-top: 3.5rem;
        width: 86.036036036%;
    }
}

.bl_shop-detail_catalog .bl_entry {
    margin-top: 4rem;
}

.bl_shop-detail_catalog .bl_shop-detail_catalog_footer {
    margin-left: auto;
    margin-top: 2.875rem;
    width: 280px;
}

.bl_shop-detail_footer {
    margin: 3.875rem auto 5rem;
    max-width: 560px;
}

@media screen and (max-width: 767px) {
    .bl_shop-detail_footer {
        width: 80%;
    }
}

/*!
page > sub > sub-library
------------------------------
*/
.bl_library {
    margin-bottom: 5rem;
}

    .bl_library .bl_library_ttl {
        border-bottom: 2px solid #C5B27A;
        font-size: 1.125rem;
        font-weight: 500;
        margin-bottom: 0;
        margin-top: 1.875rem;
        padding-bottom: 0.625rem;
    }

@media screen and (min-width: 768px) {
    .bl_library .bl_library_ttl {
        font-size: 1.375rem;
        margin-top: 3.75rem;
    }
}

.bl_interview-director .bl_interview-director_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 992px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_interview-director .bl_interview-director_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_interview-director .bl_interview-director_unit {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_interview-director .bl_interview-director_unit {
        display: flex;
        padding: 0 1.5rem;
    }
}

.bl_interview-director .bl_interview-director_unit div:first-child {
    aspect-ratio: 16/9;
    max-width: 608px;
    width: 100%;
}

    .bl_interview-director .bl_interview-director_unit div:first-child iframe {
        height: 100%;
        width: 100%;
    }

@media screen and (min-width: 768px) {
    .bl_interview-director .bl_interview-director_unit div:last-child {
        margin-left: 1.75rem;
    }
}

.bl_interview-director .bl_interview-director_unit div:last-child p {
    color: #747474;
    font-family: "微軟正黑體", sans-serif;
    font-size: 0.8125rem;
    margin-top: 0.375rem;
}

@media screen and (max-width: 767px) {
    .bl_interview-director .bl_interview-director_unit div:last-child p {
        margin-bottom: 0.375rem;
    }
}

.bl_interview-director .bl_interview-director_unit div:last-child h4 {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0.75rem 0;
}

@media screen and (min-width: 768px) {
    .bl_interview-director .bl_interview-director_unit div:last-child h4 {
        margin: 1rem 0;
    }
}

.bl_interview-director .bl_interview-director_unit div:last-child span {
    border: 1px solid #666666;
    color: #666666;
    font-size: 0.8125rem;
    padding: 0 1.25rem;
    white-space: nowrap;
}

.bl_library_cont_inner, .bl_prizewinner_inner, .bl_interview-writer_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 992px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_library_cont_inner, .bl_prizewinner_inner, .bl_interview-writer_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_library_footer_inner, .bl_prizewinner_footer_inner, .bl_interview-writer_footer_inner {
    border-top: 1px solid #C5B27A;
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1138px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 2.25rem;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_library_footer_inner, .bl_prizewinner_footer_inner, .bl_interview-writer_footer_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 577px) {
    .bl_library_wrap, .bl_prizewinner_wrap, .bl_interview-writer_wrap {
        display: flex;
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 577px) and (max-width: 991px) {
    .bl_library_wrap .bl_library_unit, .bl_library_wrap .bl_prizewinner_unit, .bl_library_wrap .bl_interview-writer_unit, .bl_prizewinner_wrap .bl_library_unit, .bl_prizewinner_wrap .bl_prizewinner_unit, .bl_prizewinner_wrap .bl_interview-writer_unit, .bl_interview-writer_wrap .bl_library_unit, .bl_interview-writer_wrap .bl_prizewinner_unit, .bl_interview-writer_wrap .bl_interview-writer_unit {
        margin-right: 20px;
        width: calc(50% - 10px);
    }

        .bl_library_wrap .bl_library_unit:nth-child(2n), .bl_library_wrap .bl_prizewinner_unit:nth-child(2n), .bl_library_wrap .bl_interview-writer_unit:nth-child(2n), .bl_prizewinner_wrap .bl_library_unit:nth-child(2n), .bl_prizewinner_wrap .bl_prizewinner_unit:nth-child(2n), .bl_prizewinner_wrap .bl_interview-writer_unit:nth-child(2n), .bl_interview-writer_wrap .bl_library_unit:nth-child(2n), .bl_interview-writer_wrap .bl_prizewinner_unit:nth-child(2n), .bl_interview-writer_wrap .bl_interview-writer_unit:nth-child(2n) {
            margin-right: 0;
        }
}

@media screen and (min-width: 992px) {
    .bl_library_wrap .bl_library_unit, .bl_library_wrap .bl_prizewinner_unit, .bl_library_wrap .bl_interview-writer_unit, .bl_prizewinner_wrap .bl_library_unit, .bl_prizewinner_wrap .bl_prizewinner_unit, .bl_prizewinner_wrap .bl_interview-writer_unit, .bl_interview-writer_wrap .bl_library_unit, .bl_interview-writer_wrap .bl_prizewinner_unit, .bl_interview-writer_wrap .bl_interview-writer_unit {
        margin-right: 20px;
        width: calc(33.3333333333% - 13.3333333333px);
    }

        .bl_library_wrap .bl_library_unit:nth-child(3n), .bl_library_wrap .bl_prizewinner_unit:nth-child(3n), .bl_library_wrap .bl_interview-writer_unit:nth-child(3n), .bl_prizewinner_wrap .bl_library_unit:nth-child(3n), .bl_prizewinner_wrap .bl_prizewinner_unit:nth-child(3n), .bl_prizewinner_wrap .bl_interview-writer_unit:nth-child(3n), .bl_interview-writer_wrap .bl_library_unit:nth-child(3n), .bl_interview-writer_wrap .bl_prizewinner_unit:nth-child(3n), .bl_interview-writer_wrap .bl_interview-writer_unit:nth-child(3n) {
            margin-right: 0;
        }
}

.bl_library_unit, .bl_prizewinner_unit, .bl_interview-writer_unit {
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .bl_library_unit, .bl_prizewinner_unit, .bl_interview-writer_unit {
        margin-top: 1.25rem;
    }
}

.bl_library_unit div:first-child, .bl_prizewinner_unit div:first-child, .bl_interview-writer_unit div:first-child {
    aspect-ratio: 16/9;
    width: 100%;
}

    .bl_library_unit div:first-child iframe, .bl_prizewinner_unit div:first-child iframe, .bl_interview-writer_unit div:first-child iframe {
        height: 100%;
        width: 100%;
    }

.bl_library_unit div:last-child p, .bl_prizewinner_unit div:last-child p, .bl_interview-writer_unit div:last-child p {
    color: #747474;
    font-family: "微軟正黑體", sans-serif;
    font-size: 0.8125rem;
    margin-bottom: 0;
    margin-top: 0.375rem;
}

.bl_library_unit div:last-child h4, .bl_prizewinner_unit div:last-child h4, .bl_interview-writer_unit div:last-child h4 {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0;
}

.bl_library_unit div:last-child span, .bl_prizewinner_unit div:last-child span, .bl_interview-writer_unit div:last-child span {
    border: 1px solid #666666;
    color: #666666;
    font-size: 0.8125rem;
    padding: 0 1.25rem;
    white-space: nowrap;
}

.bl_library_unit div:last-child h4 {
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 1.4rem;
}

.bl_library_cont, .bl_interview-director, .bl_prizewinner, .bl_interview-writer {
    padding-bottom: 5rem;
}

.bl_library_footer, .bl_prizewinner_footer, .bl_interview-writer_footer {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_library_footer, .bl_prizewinner_footer, .bl_interview-writer_footer {
        margin-top: 5.625rem;
    }
}

/* safari?? */
_:lang(x) + _:-webkit-full-screen-document, .bl_interview-director_unit div:first-child {
    overflow: hidden;
    position: relative;
}

    _:lang(x) + _:-webkit-full-screen-document::before, .bl_interview-director_unit div:first-child::before {
        content: "";
        display: block;
        padding-top: 56.25%;
    }

    _:lang(x) + _:-webkit-full-screen-document iframe, .bl_interview-director_unit div:first-child iframe {
        height: auto;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

_:lang(x) + _:-webkit-full-screen-document, .bl_prizewinner_unit div:first-child {
    overflow: hidden;
    position: relative;
}

    _:lang(x) + _:-webkit-full-screen-document::before, .bl_prizewinner_unit div:first-child::before {
        content: "";
        display: block;
        padding-top: 56.25%;
    }

    _:lang(x) + _:-webkit-full-screen-document iframe, .bl_prizewinner_unit div:first-child iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

_:lang(x) + _:-webkit-full-screen-document, .bl_interview-writer_unit div:first-child {
    overflow: hidden;
    position: relative;
}

    _:lang(x) + _:-webkit-full-screen-document::before, .bl_interview-writer_unit div:first-child::before {
        content: "";
        display: block;
        padding-top: 56.25%;
    }

    _:lang(x) + _:-webkit-full-screen-document iframe, .bl_interview-writer_unit div:first-child iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

_:lang(x) + _:-webkit-full-screen-document, .bl_library_unit div:first-child {
    overflow: hidden;
    position: relative;
}

    _:lang(x) + _:-webkit-full-screen-document::before, .bl_library_unit div:first-child::before {
        content: "";
        display: block;
        padding-top: 56.25%;
    }

    _:lang(x) + _:-webkit-full-screen-document iframe, .bl_library_unit div:first-child iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

/*!
page > sub > sub-news-detail
------------------------------
*/
.bl_news-detail_body {
    padding-bottom: 2.5rem;
    padding-top: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_news-detail_body {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
}

.bl_news-detail_body .bl_news-detail_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_news-detail_body .bl_news-detail_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_news-detail_body .bl_news-detail_meta {
    display: flex;
    justify-content: end;
    text-align: right;
}

    .bl_news-detail_body .bl_news-detail_meta p {
        color: #666666;
        font-family: "微軟正黑體", sans-serif;
        font-size: 0.875rem;
        margin: 0;
    }

    .bl_news-detail_body .bl_news-detail_meta span {
        background-color: #F2F2F2;
        display: block;
        font-size: 0.875rem;
        margin-left: 0.5rem;
        padding: 0 0.5rem;
    }

.bl_news-detail_body .bl_news-detail_ttl {
    font-size: 1.125rem;
    font-weight: 500;
}

@media screen and (min-width: 768px) {
    .bl_news-detail_body .bl_news-detail_ttl {
        font-size: 1.375rem;
    }
}

.bl_news-detail_body .bl_news-detail_img {
    margin-top: 2rem;
    text-align: center;
}

    .bl_news-detail_body .bl_news-detail_img img {
        max-width: 100%;
    }

.bl_news-detail_body .bl_news-detail_lead {
    border: 1px solid #C5B27A;
    font-weight: 500;
    margin-top: 2rem;
    padding: 0.625rem 1.25rem;
}

.bl_news-detail_body .bl_entry {
    margin-top: 2rem;
}

.bl_news-detail_footer {
    margin-bottom: 5rem;
}

    .bl_news-detail_footer .bl_news-detail_footer_inner {
        border-top: 1px solid #C5B27A;
        box-sizing: border-box;
        height: inherit;
        margin: 0 auto;
        max-width: 1138px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 1.25rem;
        width: 100%;
    }

@media screen and (min-width: 768px) {
    .bl_news-detail_footer .bl_news-detail_footer_inner {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 2.25rem;
    }
}

.bl_news-detail_footer .bl_news-detail_footer_btn {
    margin: 0 auto;
    max-width: 560px;
}

/*!
page > sub > sub-guide
------------------------------
*/
.bl_guide {
    margin-bottom: 6.25rem;
}

.bl_sub_nav-guide .bl_inpage-link-guide_wrap {
    border-bottom: 1px solid #C5B27A;
    border-top: 1px solid #C5B27A;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.bl_sub_nav-guide .bl_inpage-link-guide_btn a {
    display: block;
    padding: 0.625rem 1.25rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_sub_nav-guide .bl_inpage-link-guide_btn a {
        padding: 1.125rem 1.875rem;
    }

        .bl_sub_nav-guide .bl_inpage-link-guide_btn a:hover .bl_inpage-link-guide_txt {
            color: #C5B27A;
        }
}

.bl_sub_nav-guide .bl_inpage-link-guide_icon {
    margin: 0;
}

    .bl_sub_nav-guide .bl_inpage-link-guide_icon img {
        vertical-align: bottom;
    }

.bl_sub_nav-guide .bl_inpage-link-guide_txt {
    color: #333;
    font-size: 0.75rem;
    font-weight: 500;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_sub_nav-guide .bl_inpage-link-guide_txt {
        font-size: 0.8125rem;
        transition: color 0.3s;
    }
}
/* ???? */
.bl_guide-sec .bl_guide-sec_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 992px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_guide-sec .bl_guide-sec_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_guide-sec .bl_viewing-fee_inner {
    padding-left: 16px;
    padding-right: 16px;
}

.bl_guide-sec .bl_access_inner {
    padding-left: 20px;
    padding-right: 20px;
}

.bl_guide-sec .bl_training-room_inner {
    padding-left: 20px;
    padding-right: 20px;
}

.bl_guide-sec .bl_barrier-free_inner {
    padding-left: 16px;
    padding-right: 16px;
}

.bl_guide-sec .bl_admission-rules_inner {
    padding-left: 16px;
    padding-right: 16px;
}

/* ????共通??? */
.bl_guide-sec {
    margin-top: 3.875rem;
}

@media screen and (min-width: 768px) {
    .bl_guide-sec {
        margin-top: 2.25rem;
    }
}

.bl_guide-sec_wrap {
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_guide-sec_wrap {
        border-top: 1px solid #E3E3E3;
        display: flex;
    }
}

@media screen and (min-width: 768px) {
    .bl_guide-sec_wrap::before {
        background: #C5B27A;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        top: -1px;
        width: 10.625rem;
    }
}

.bl_guide-sec_ttl {
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 0.75rem;
}

@media screen and (max-width: 767px) {
    .bl_guide-sec_ttl {
        padding-bottom: 1rem;
        position: relative;
        text-align: center;
    }

        .bl_guide-sec_ttl::before {
            -webkit-transform: translate(-50%, -50%);
            background: #B99B6B;
            bottom: 0;
            content: "";
            height: 1px;
            left: 50%;
            position: absolute;
            transform: translate(-50%, -50%);
            width: 5rem;
        }
}

@media screen and (min-width: 768px) {
    .bl_guide-sec_ttl {
        width: 20.8333333333%;
    }
}

@media screen and (min-width: 768px) {
    .bl_guide-sec_cont {
        width: 79.1666666667%;
    }
}

.bl_guide-sec_cont ul:not([class]) li:not([class]) {
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0.75rem 0;
    padding-left: 1rem;
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_guide-sec_cont ul:not([class]) li:not([class]) {
        font-size: 1rem;
        padding-left: 1.5rem;
    }
}

.bl_guide-sec_cont ul:not([class]) li:not([class])::before {
    background: #C5B27A;
    content: "";
    height: 0.1875rem;
    left: 0;
    position: absolute;
    top: 12px;
    width: 0.375rem;
}

@media screen and (min-width: 768px) {
    .bl_guide-sec_cont ul:not([class]) li:not([class])::before {
        width: 0.75rem;
    }
}

.bl_guide-sec_cont .bl_guide-sec_h3 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 2.5rem;
    padding-left: 1.125rem;
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_guide-sec_cont .bl_guide-sec_h3 {
        margin-top: 3.375rem;
    }
}

.bl_guide-sec_cont .bl_guide-sec_h3::before {
    -webkit-transform: translateY(-50%);
    background: #C5B27A;
    content: "";
    height: 1.375rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0.3125rem;
}

.bl_guide-sec_cont .bl_guide-sec_h3.hp_mt0 {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .bl_training-room .bl_guide-sec_h3 {
        margin-top: 1rem;
    }
}

.bl_time {
    margin-top: 3.125rem;
}

@media screen and (min-width: 768px) {
    .bl_time {
        margin-top: 5rem;
    }
}

@media screen and (max-width: 767px) {
    .bl_time .bl_guide-sec_cont {
        text-align: center;
    }
}

.bl_time .bl_guide-sec_cont p {
    font-size: 1rem;
    letter-spacing: 0.1em;
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .bl_time .bl_guide-sec_cont p {
        font-size: 1.25rem;
    }
}

.bl_time .bl_guide-sec_cont span {
    font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
    .bl_time .bl_guide-sec_cont span {
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .bl_closing-day .bl_guide-sec_cont {
        text-align: center;
    }
}

.bl_closing-day .bl_guide-sec_cont p {
    font-size: 1rem;
    letter-spacing: 0.1em;
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .bl_closing-day .bl_guide-sec_cont p {
        font-size: 1.25rem;
    }
}

.bl_viewing-fee .bl_viewing-fee_lead {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 0;
}

.bl_viewing-fee .bl_viewing-fee_yen {
    font-size: 1rem;
    letter-spacing: 0.1em;
    margin: 0.5rem 0;
}

@media screen and (min-width: 768px) {
    .bl_viewing-fee .bl_viewing-fee_yen {
        font-size: 1.25rem;
    }
}

.bl_viewing-fee .bl_viewing-fee_notice {
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .bl_viewing-fee .bl_viewing-fee_notice {
        margin-top: 1.5rem;
        padding: 0 14px;
    }
}

@media screen and (min-width: 768px) {
    .bl_viewing-fee .bl_viewing-fee_notice {
        font-size: 0.875rem;
        margin-top: 0;
    }
}

.bl_viewing-fee .bl_viewing-fee_txt {
    font-size: 0.875rem;
    margin: 0.5rem 0;
}

@media screen and (min-width: 768px) {
    .bl_viewing-fee .bl_viewing-fee_txt {
        font-size: 1.0625rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_viewing-fee .bl_viewing-fee_footer {
        margin-top: 2.25rem;
    }
}

.bl_viewing-fee .bl_viewing-fee_footer_wrap {
    max-width: 430px;
}

@media screen and (max-width: 767px) {
    .bl_viewing-fee .bl_viewing-fee_footer_wrap {
        padding: 0 14px;
    }
}

.bl_viewing-fee .bl_viewing-fee_footer_wrap .el_btn_download:not(:first-child) {
    margin-top: 0.625rem;
}

.bl_access .bl_access_map {
    margin-top: 1.5rem;
}

@media screen and (min-width: 768px) {
    .bl_access .bl_access_map {
        margin-top: 3.5rem;
    }
}

.bl_access .bl_access_map_upper iframe {
    aspect-ratio: 1/1;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_access .bl_access_map_upper iframe {
        aspect-ratio: 729/355;
    }
}

.bl_access .bl_access_map_lower {
    margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_access .bl_access_map_lower {
        display: flex;
        justify-content: space-between;
    }
}

.bl_access .bl_access_map_lower_txt p {
    margin-top: 0;
}

.bl_access .bl_access_map_lower_btn {
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .bl_access .bl_access_map_lower_btn {
        margin: 0 auto;
        width: 94%;
    }
}

@media screen and (min-width: 768px) {
    .bl_access .bl_access_map_lower_btn {
        width: 230px;
    }
}

@media screen and (min-width: 768px) {
    .bl_access .bl_transportation_list {
        padding: 0 1.25rem;
    }
}

.bl_access .bl_transportation_list dt {
    color: #998034;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

@media screen and (min-width: 768px) {
    .bl_access .bl_transportation_list dt {
        font-size: 0.9375rem;
        padding-bottom: 0.75rem;
    }
}

.bl_access .bl_transportation_list dt:not(:first-child) {
    margin-top: 0.75rem;
}

@media screen and (min-width: 768px) {
    .bl_access .bl_transportation_list dt:not(:first-child) {
        margin-top: 2.25rem;
    }
}

.bl_access .bl_transportation_list dd {
    margin-left: 0;
}

    .bl_access .bl_transportation_list dd p {
        margin: 0;
    }

@media screen and (min-width: 768px) {
    .bl_access .bl_transportation_list dd p {
        padding: 0.5rem 0 0.5rem 1.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_access .bl_transportation_list dd p:first-child {
        background-image: linear-gradient(to right, #C5B27A 2px, transparent 2px), linear-gradient(to bottom, #C5B27A 0px, transparent 0px), linear-gradient(to left, #C5B27A 2px, transparent 2px), linear-gradient(to top, #C5B27A 0px, transparent 0px);
        background-position: left top, right 0px, 3px bottom, left 7px;
        background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
        background-size: 8px 2px, 0px 0px, 8px 2px, 0px 0px;
    }
}

@media screen and (min-width: 768px) {
    .bl_access .bl_transportation_list dd p:not(:first-child) {
        background-image: linear-gradient(to right, #C5B27A 2px, transparent 2px);
        background-position: left bottom;
        background-repeat: repeat-x;
        background-size: 8px 2px;
    }
}

@media screen and (min-width: 768px) {
    .bl_access .bl_parking_img {
        padding: 0 1.25rem;
    }
}

.bl_access .bl_parking_img img {
    width: 100%;
}

.bl_access .bl_parking_h3 {
    color: #998034;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 2.625rem;
}

@media screen and (min-width: 768px) {
    .bl_access .bl_parking_info {
        padding: 0 1.25rem;
    }
}

.bl_access .bl_parking_info .bl_parking_ttl {
    color: #998034;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 1.625rem;
}

@media screen and (min-width: 768px) {
    .bl_access .bl_parking_info dl {
        border-bottom: 1px solid #E0E0E0;
        display: flex;
        flex-wrap: wrap;
        margin: 0.5rem 0;
        max-width: 370px;
    }
}

.bl_access .bl_parking_info dl dt, .bl_access .bl_parking_info dl dd {
    box-sizing: border-box;
    letter-spacing: 0.05em;
    padding: 0.25rem 0;
}

@media screen and (min-width: 768px) {
    .bl_access .bl_parking_info dl dt, .bl_access .bl_parking_info dl dd {
        border-top: 1px solid #E0E0E0;
        padding: 0.625rem 0;
    }
}

.bl_access .bl_parking_info dl dt {
    font-size: 0.875rem;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .bl_access .bl_parking_info dl dt {
        width: 20.7084468665%;
    }
}

.bl_access .bl_parking_info dl dd {
    font-size: 0.875rem;
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .bl_access .bl_parking_info dl dd {
        width: 79.2915531335%;
    }
}

.bl_access .bl_parking_footer {
    color: #707070;
    font-size: 0.75rem;
}

    .bl_access .bl_parking_footer p {
        margin: 0;
    }

.bl_access .bl_parking_info_wrap .bl_parking_info_img {
    margin-top: 1.625rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_access .bl_parking_info_wrap {
        display: flex;
    }

        .bl_access .bl_parking_info_wrap .bl_parking_info_txt {
            width: 67.7142857143%;
        }

        .bl_access .bl_parking_info_wrap .bl_parking_info_img {
            width: 32.2857142857%;
        }
}

@media screen and (max-width: 767px) {
    .bl_access .bl_parking_wrap {
        margin-top: 1rem;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .bl_access .bl_parking_wrap .bl_parking_img-half {
        display: inline-block;
        text-align: left;
        width: 350px;
    }
}

.bl_access .bl_parking_wrap .bl_parking_img-half img.hp_img-parking05 {
    max-width: 347px;
}

.bl_access .bl_parking_wrap .bl_parking_img-half img.hp_img-parking07 {
    max-width: 350px;
}

@media screen and (min-width: 768px) {
    .bl_access .bl_parking_wrap {
        display: flex;
        margin-top: 0.75rem;
    }

        .bl_access .bl_parking_wrap .bl_parking_img-half {
            width: 48%;
        }

            .bl_access .bl_parking_wrap .bl_parking_img-half .hp_mt-auto {
                margin-top: auto;
            }
}

@media screen and (max-width: 767px) {
    .bl_access .bl_parking02 .bl_parking_img-half.bl_parking_info {
        margin-top: 1.75rem;
    }

        .bl_access .bl_parking02 .bl_parking_img-half.bl_parking_info div:last-child {
            margin-top: 1.75rem;
        }
}

@media screen and (min-width: 768px) {
    .bl_access .bl_parking02 .bl_parking_img-half.bl_parking_info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.bl_access .bl_parking_img-half_txt {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .bl_access .bl_parking03 .bl_parking_img-half.bl_parking_info {
        margin-top: 1.75rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_access .bl_parking03 .bl_parking_img-half.bl_parking_info {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
}

.bl_training-room {
    margin-bottom: 5rem;
}

    .bl_training-room .bl_training-room_img img {
        margin: 0.625rem 0 1rem;
        width: 100%;
    }

@media screen and (min-width: 768px) {
    .bl_training-room .bl_training-room_img img {
        margin: 3.75rem 0 2.125rem;
    }
}

.bl_training-room .bl_training-room_btn {
    max-width: 430px;
}

    .bl_training-room .bl_training-room_btn a {
        margin-top: 0.625rem;
    }

.bl_training-room .bl_training-room_contact {
    margin-top: 3rem;
}

.bl_training-room .bl_training-room_contact_bg {
    background-color: #F2F2F2;
}

@media screen and (max-width: 767px) {
    .bl_training-room .bl_training-room_contact_bg {
        border: 1px solid #B39C56;
        position: relative;
    }

        .bl_training-room .bl_training-room_contact_bg::before {
            -webkit-transform: translateX(-50%);
            background-color: #B39C56;
            content: "";
            height: 2px;
            left: 50%;
            position: absolute;
            top: 0;
            transform: translateX(-50%);
            width: 60px;
        }
}

@media screen and (min-width: 768px) {
    .bl_training-room .bl_training-room_contact_bg {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (min-width: 768px) {
    .bl_training-room .bl_training-room_contact_upper {
        order: 1;
    }
}

.bl_training-room .bl_training-room_contact_upper h4 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_training-room .bl_training-room_contact_upper h4 {
        font-size: 1.375rem;
    }
}

.bl_training-room .bl_training-room_contact_upper .bl_training-room_contact_lead {
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_training-room .bl_training-room_contact_upper .bl_training-room_contact_lead {
        margin-top: 0;
        padding-bottom: 1rem;
        position: relative;
    }

        .bl_training-room .bl_training-room_contact_upper .bl_training-room_contact_lead::after {
            -webkit-transform: translateX(-50%);
            background-color: #C5B27A;
            bottom: 0;
            content: "";
            height: 1px;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            width: 70%;
        }
}

@media screen and (min-width: 768px) {
    .bl_training-room .bl_training-room_contact_upper .bl_training-room_contact_lead {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 767px) {
    .bl_training-room .bl_training-room_contact_btn {
        margin-bottom: -0.375rem;
        margin-top: 1rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_training-room .bl_training-room_contact_btn {
        margin: 0 auto;
        order: 2;
        width: 320px;
    }
}

@media screen and (min-width: 768px) {
    .bl_training-room .bl_training-room_contact_detail {
        order: 3;
        padding: 1.25rem 0 2.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_training-room .bl_training-room_contact_detail .bl_training-room_contact_detail_wrap {
        display: flex;
        justify-content: center;
    }
}

.bl_training-room .bl_training-room_contact_detail .bl_training-room_tel {
    padding: 0 1.125rem;
    text-align: center;
}

    .bl_training-room .bl_training-room_contact_detail .bl_training-room_tel p {
        font-family: "微軟正黑體", sans-serif;
        font-size: 1.75rem;
        font-weight: 500;
        line-height: 1;
        margin: 0;
    }

@media screen and (min-width: 768px) {
    .bl_training-room .bl_training-room_contact_detail .bl_training-room_tel p {
        font-size: 2rem;
    }
}

.bl_training-room .bl_training-room_contact_detail .bl_training-room_tel span {
    font-size: 0.6875rem;
}

@media screen and (min-width: 768px) {
    .bl_training-room .bl_training-room_contact_detail .bl_training-room_tel span {
        font-size: 0.8125rem;
        font-weight: 500;
    }
}

.bl_training-room .bl_training-room_contact_detail .bl_training-room_fax {
    padding: 0 1.125rem;
    text-align: center;
}

    .bl_training-room .bl_training-room_contact_detail .bl_training-room_fax p {
        font-family: "微軟正黑體", sans-serif;
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1;
        margin: 0;
    }

@media screen and (max-width: 767px) {
    .bl_training-room .bl_training-room_contact_detail .bl_training-room_fax p {
        margin-top: 0.75rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_training-room .bl_training-room_contact_detail .bl_training-room_fax p {
        font-size: 2rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_barrier-free .bl_guide-sec_cont, .bl_admission-rules .bl_guide-sec_cont {
        padding: 3.5rem 1.875rem 0 0;
    }
}

/*!
page > sub > sub-media
------------------------------
*/
.bl_media_lead {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_media_lead {
        margin-top: 5rem;
    }
}

.bl_media_lead .bl_media_lead_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_media_lead .bl_media_lead_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_media_press {
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .bl_media_press {
        margin-top: 4.375rem;
    }
}

.bl_media_press .bl_media_press_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 992px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_media_press .bl_media_press_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_media_press h2 {
    border-bottom: 2px solid #C5B27A;
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 1.5rem;
    padding-bottom: 0.375rem;
}

@media screen and (min-width: 768px) {
    .bl_media_press h2 {
        font-size: 1.375rem;
        padding-bottom: 0.5rem;
    }
}

.bl_media_press .bl_media_press_lead {
    margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_media_press .bl_media_press_lead {
        margin-top: 3rem;
        padding: 0 1.875rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_media_press .bl_media_press_wrap {
        padding: 0 1.875rem;
    }
}

.bl_media_press .bl_media_press_wrap .bl_media_press_item {
    border: 3px solid #C5B27A;
    margin-top: 1.125rem;
    padding: 1rem;
}

@media screen and (min-width: 768px) {
    .bl_media_press .bl_media_press_wrap .bl_media_press_item {
        margin-top: 2.25rem;
        padding: 1.75rem 1.75rem 2.5rem 5.25rem;
    }
}

.bl_media_press .bl_media_press_wrap .bl_media_press_item .bl_entry {
    margin-bottom: 1.25rem;
}

.bl_media_press .bl_media_press_wrap .bl_media_press_item .bl_meta {
    display: block;
    margin-left: auto;
    white-space: nowrap;
    width: 164px;
}

@media screen and (min-width: 768px) {
    .bl_media_press .bl_media_press_wrap .bl_media_press_item .bl_meta {
        width: 200px;
    }
}

.bl_media_press .bl_media_press_wrap .bl_media_press_item .bl_meta .el_meta_date {
    color: #666666;
    font-family: "微軟正黑體", sans-serif;
    font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
    .bl_media_press .bl_media_press_wrap .bl_media_press_item .bl_meta .el_meta_date {
        font-size: 0.875rem;
    }
}

.bl_media_press .bl_media_press_wrap .bl_media_press_item .bl_meta .el_meta_label {
    background-color: #F2F2F2;
    color: #1A1A1A;
    font-size: 0.75rem;
    padding: 0 0.5rem;
}

@media screen and (min-width: 768px) {
    .bl_media_press .bl_media_press_wrap .bl_media_press_item .bl_meta .el_meta_label {
        font-size: 0.875rem;
    }
}

.bl_media_press .bl_media_press_wrap .bl_media_press_item .bl_ttl p {
    font-size: 0.8125rem;
    font-weight: 500;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .bl_media_press .bl_media_press_wrap .bl_media_press_item .bl_ttl p {
        margin-top: 1rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_media_press .bl_media_press_wrap .bl_media_press_item .bl_ttl p {
        font-size: 1rem;
    }
}

.bl_media_press .bl_media_press_wrap .bl_media_press_item .bl_ttl h3 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .bl_media_press .bl_media_press_wrap .bl_media_press_item .bl_ttl h3 {
        font-size: 1.375rem;
    }
}

.bl_media_press .bl_media_press_wrap .bl_media_press_item .bl_btn {
    max-width: 430px;
}

.bl_media_image {
    margin-top: 3.5rem;
}

@media screen and (min-width: 768px) {
    .bl_media_image {
        margin-top: 4.375rem;
    }
}

.bl_media_image .bl_media_image_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 992px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_media_image .bl_media_image_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 768px) {
    .bl_media_image .bl_entry .hp_media_image_inner {
        padding: 0 1.875rem;
    }
}

.bl_media_image .bl_entry .hp_media_txt {
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .bl_media_image .bl_entry .hp_media_txt {
        margin-top: 3rem;
    }
}

.bl_media_image .bl_entry p:not([class]) {
    line-height: 2;
}

@media screen and (min-width: 768px) {
    .bl_media_image .bl_entry p:not([class]) {
        padding: 0 1.875rem;
    }
}

.bl_media_image .bl_entry .bl_image-list {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .bl_media_image .bl_entry .bl_image-list li {
        margin-right: 1%;
        margin-top: 2rem;
        width: 49.5%;
    }

        .bl_media_image .bl_entry .bl_image-list li:nth-child(2n) {
            margin-right: 0;
        }
}

@media screen and (max-width: 576px) {
    .bl_media_image .bl_entry .bl_image-list li {
        margin-right: 0;
        margin-top: 1rem;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .bl_media_image .bl_entry .bl_image-list li {
        margin-right: 1%;
        margin-top: 2rem;
        width: 32.6666666667%;
    }

        .bl_media_image .bl_entry .bl_image-list li:nth-child(3n) {
            margin-right: 0;
        }
}

.bl_media_image .bl_entry .bl_image-list li a {
    display: block;
    opacity: 1;
    text-decoration: none;
    transition: opacity 0.3s;
}

    .bl_media_image .bl_entry .bl_image-list li a:hover {
        opacity: 0.7;
        text-decoration: none;
    }

.bl_media_image .bl_entry .bl_image-list li img {
    -o-object-fit: cover;
    aspect-ratio: 1.6136363636;
    max-width: 600px;
    object-fit: cover;
    width: 100%;
}

.bl_media_image .bl_entry .bl_image-list li figure {
    margin: 0;
}

.bl_media_image .bl_entry .bl_image-list li figcaption {
    color: #1a1a1a;
    font-family: "微軟正黑體", sans-serif;
    font-size: 0.8125rem;
    margin-top: 0.5rem;
    text-align: center;
}

.bl_media_image .bl_entry .hp_media_h3 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: 3rem;
    padding: 0 1.875rem;
    padding-left: 1.125rem;
    position: relative;
}

    .bl_media_image .bl_entry .hp_media_h3::before {
        background-color: #B39C56;
        content: "";
        height: 22px;
        left: 0px;
        position: absolute;
        top: 4px;
        width: 5px;
    }

@media screen and (min-width: 768px) {
    .bl_media_image .bl_entry .hp_media_h3::before {
        left: 0px;
        top: 4px;
    }
}

.bl_media_image .bl_entry .bl_media_image_btn {
    margin-top: 1.25rem;
    max-width: 430px;
}

@media screen and (min-width: 768px) {
    .bl_media_image .bl_entry .bl_media_image_btn {
        margin-left: 1.875rem;
        margin-top: 3.125rem;
    }
}

.bl_media_image .bl_entry .bl_media_image_contact {
    background-color: #F2F2F2;
    margin-top: 3.125rem;
    padding: 1rem 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_media_image .bl_entry .bl_media_image_contact {
        margin-top: 4.5rem;
        padding: 1.875rem 0;
    }
}

.bl_media_image .bl_entry .bl_media_image_contact_ttl {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .bl_media_image .bl_entry .bl_media_image_contact_ttl {
        font-size: 1.375rem;
    }
}

.bl_media_image .bl_entry .bl_media_image_contact_txt {
    font-size: 0.75rem;
    line-height: 1.35;
    margin: 0.625rem 0 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_media_image .bl_entry .bl_media_image_contact_txt {
        font-size: 0.875rem;
    }
}

.bl_media_image .bl_entry .bl_media_image_contact .bl_fax {
    font-family: "微軟正黑體", sans-serif;
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_media_image .bl_entry .bl_media_image_contact .bl_fax {
        font-size: 2rem;
    }
}

.bl_media_image .bl_entry .bl_media_image_contact .bl_mail {
    color: #C5B27A;
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
    padding-bottom: 1.5rem;
    position: relative;
}

@media screen and (min-width: 768px) {
    .bl_media_image .bl_entry .bl_media_image_contact .bl_mail {
        font-size: 1.125rem;
    }
}

.bl_media_image .bl_entry .bl_media_image_contact .bl_mail::after {
    -webkit-transform: translateX(-50%);
    background-color: #DBDBDB;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 70%;
}

.bl_media_image .bl_entry .bl_media_image_contact_btn {
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .bl_media_image .bl_entry .bl_media_image_contact_btn {
        width: 80%;
    }
}

@media screen and (min-width: 768px) {
    .bl_media_image .bl_entry .bl_media_image_contact_btn {
        max-width: 320px;
    }
}

/*!
page > sub > sub-education
------------------------------
*/
@media screen and (min-width: 768px) {
    .bl_education .bl_education_btn {
        display: flex;
        justify-content: space-between;
        margin-top: 3.375rem;
    }
}

@media screen and (max-width: 767px) {
    .bl_education .bl_education_btn .el_btn_download {
        margin-top: 1.25rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_education .bl_education_btn .el_btn_download {
        width: 48%;
    }
}

.bl_education h2 {
    border-bottom: 2px solid #C5B27A;
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 1.5rem;
    padding-bottom: 0.375rem;
}

@media screen and (min-width: 768px) {
    .bl_education h2 {
        font-size: 1.375rem;
        padding-bottom: 0.5rem;
    }
}

.bl_education_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_education_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 768px) {
    .bl_education_mobile_inner, .bl_education_exemption_inner, .bl_education_school-training_inner, .bl_education_other_inner {
        padding: 0 1.875rem;
        max-width: 1366px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) {
    .bl_education_exemption_inner, .bl_education_school-training_inner {
        margin-top: 2rem;
    }
}

.bl_education_mobile {
    margin-top: 2.5rem;
}

.bl_education_mobile {
    color: #000;
    font-size: 1.125rem;
    text-align: center;
}

    .bl_education_mobile h2 {
        margin-block-start: 0.2em;
        margin-block-end: 0.2em;
    }

    .bl_education_mobile p {
        color: #000;
        font-size: 18px;
        margin-block-start: 0.2em;
        margin-block-end: 0.2em;
    }

@media screen and (min-width: 768px) {
    .bl_education_mobile {
        margin-top: -2.125rem;
    }

        .bl_education_mobile.visit_fee {
            margin-top: 60px;
        }

        .bl_education_mobile.pano_tour {
            margin-top: -2.125rem;
        }
}

@media screen and (min-width: 768px) {
    .bl_education_mobile .bl_education_mobile_wrap {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) {
    .bl_education_mobile .bl_education_mobile_img {
        width: 48%;
    }
}

.bl_education_mobile .bl_education_mobile_img img {
    width: 100%;
}

.bl_education_mobile .bl_education_mobile_img p {
    color: #707070;
    font-size: 0.75rem;
    text-align: right;
}

@media screen and (min-width: 768px) {
    .bl_education_mobile .bl_education_mobile_txt {
        width: 48%;
    }
}

.bl_education_mobile .bl_education_mobile_table {
    margin-top: 2.375rem;
}

    .bl_education_mobile .bl_education_mobile_table table {
        border-collapse: collapse;
        width: 898px;
    }

        .bl_education_mobile .bl_education_mobile_table table thead th {
            background-color: #C5B27A;
            color: #fff;
            font-size: 0.8125rem;
            padding: 1.5rem 0.625rem 0.625rem;
            text-align: left;
        }

            .bl_education_mobile .bl_education_mobile_table table thead th:first-child {
                text-align: center;
                width: 80px;
            }

            .bl_education_mobile .bl_education_mobile_table table thead th:nth-child(2) {
                min-width: 360px;
            }

        .bl_education_mobile .bl_education_mobile_table table tbody tr:nth-child(even) {
            background-color: #FDFBF5;
        }

        .bl_education_mobile .bl_education_mobile_table table tbody tr td {
            border: 1px solid #C5B27A;
            padding: 0.5rem 1rem;
        }

            .bl_education_mobile .bl_education_mobile_table table tbody tr td:first-child {
                font-size: 1rem;
                font-weight: 700;
                text-align: center;
            }

            .bl_education_mobile .bl_education_mobile_table table tbody tr td:nth-child(2) {
                font-size: 0.875rem;
            }

            .bl_education_mobile .bl_education_mobile_table table tbody tr td:nth-child(3) {
                font-size: 0.75rem;
            }

            .bl_education_mobile .bl_education_mobile_table table tbody tr td a {
                color: #1A1A1A;
                display: block;
                position: relative;
                text-decoration: underline;
            }

                .bl_education_mobile .bl_education_mobile_table table tbody tr td a::after {
                    background: url(../../assets/imgs/site/icon/pdf-txt.svg) no-repeat;
                    background-size: contain;
                    bottom: 4px;
                    content: "";
                    height: 19px;
                    margin-left: 0.25rem;
                    position: absolute;
                    width: 45px;
                }

.bl_education_mobile .bl_education_mobile_rule {
    margin-top: 2rem;
}

    .bl_education_mobile .bl_education_mobile_rule p {
        margin-bottom: 0;
    }

    .bl_education_mobile .bl_education_mobile_rule ol {
        margin-top: 0;
    }

.bl_education_exemption {
    margin-top: 3.875rem;
}

@media screen and (min-width: 768px) {
    .bl_education_exemption {
        margin-top: 6.25rem;
    }
}

.bl_education_school-training, .bl_education_other {
    margin-top: 3.875rem;
}

@media screen and (min-width: 768px) {
    .bl_education_school-training, .bl_education_other {
        margin-top: 6.25rem;
    }
}

.bl_education_bnr {
    margin-bottom: 7.5rem;
    margin-top: 3.875rem;
}

@media screen and (min-width: 768px) {
    .bl_education_bnr {
        margin-top: 6.25rem;
    }
}

.bl_education_bnr p {
    text-align: center;
}

/*!
page > sub > sub-introduction
------------------------------
*/
.bl_introduction_lead {
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .bl_introduction_lead {
        margin-top: 5.25rem;
    }
}

.bl_introduction_lead_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1298px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_introduction_lead_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_introduction_lead_wrap {
    background-color: #CC3454;
    padding: 2rem 1.25rem 2rem;
}

@media screen and (min-width: 768px) {
    .bl_introduction_lead_wrap {
        padding: 4.625rem 13.17715959vw 4rem;
    }
}

.bl_introduction_lead_wrap h3 {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_introduction_lead_wrap h3 {
        font-size: 1.375rem;
    }
}

.bl_introduction_lead_wrap p {
    color: #fff;
    font-size: 0.875rem;
    line-height: 2;
}

@media screen and (min-width: 768px) {
    .bl_introduction_lead_wrap p {
        font-size: 1rem;
    }
}

.bl_introduction_btn {
    margin-top: 4rem;
}

.bl_introduction_btn_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1038px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_introduction_btn_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 768px) {
    .bl_introduction_btn_wrap {
        display: flex;
    }
}

@media screen and (max-width: 767px) {
    .bl_introduction_btn_left {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_introduction_btn_left {
        margin-right: 1.5rem;
        text-align: right;
        width: 23.2604373757%;
    }
}

@media screen and (max-width: 767px) {
    .bl_introduction_btn_right {
        margin-top: 1.25rem;
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_introduction_btn_right {
        width: 76.7395626243%;
    }
}

.bl_introduction_btn_right h3 {
    font-size: 1.375rem;
    line-height: 1;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_introduction_btn_right h3 {
        font-size: 2rem;
    }
}

.bl_introduction_btn_right p {
    font-size: 0.75rem;
}

.bl_introduction_btn_right .bl_introduction_btn_right_unit a {
    display: inline-block;
    padding: 0 0.25rem;
}

@media screen and (max-width: 576px) {
    .bl_introduction_btn_right .bl_introduction_btn_right_unit a {
        margin-top: 0.75rem;
    }
}

@media screen and (min-width: 577px) {
    .bl_introduction_btn_right .bl_introduction_btn_right_unit a:first-child {
        margin-right: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .bl_introduction_btn_right .bl_introduction_btn_right_unit ul {
        margin-top: 1rem;
    }
}

.bl_introduction_btn_right .bl_introduction_btn_right_unit ul li {
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .bl_introduction_btn_right .bl_introduction_btn_right_unit ul li {
        text-align: left;
    }
}

.bl_introduction_howto {
    margin-bottom: 6.25rem;
    margin-top: 2.875rem;
}

    .bl_introduction_howto ol {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-left: 0;
    }

        .bl_introduction_howto ol li {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            list-style: none;
        }

@media screen and (max-width: 767px) {
    .bl_introduction_howto ol li {
        margin-top: 1.25rem;
        width: 49%;
    }
}

@media screen and (max-width: 576px) {
    .bl_introduction_howto ol li {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .bl_introduction_howto ol li {
        margin-top: 1rem;
        width: 23.5%;
    }
}

@media screen and (max-width: 576px) {
    .bl_introduction_howto ol li:not(:first-child) {
        margin-top: 2rem;
    }
}

.bl_introduction_howto_cont {
    display: flex;
}

    .bl_introduction_howto_cont .bl_introduction_howto_num {
        display: block;
        margin: 0;
        position: relative;
        text-align: left;
        width: 15.9663865546%;
    }

        .bl_introduction_howto_cont .bl_introduction_howto_num::before {
            background-color: #CC3454;
            border-radius: 50%;
            content: "";
            display: block;
            height: 36px;
            left: 2px;
            position: absolute;
            top: 4px;
            width: 36px;
            z-index: 0;
        }

        .bl_introduction_howto_cont .bl_introduction_howto_num span {
            color: #fff;
            display: block;
            font-size: 1.0625rem;
            padding-left: 1rem;
            padding-top: 0.375rem;
            position: relative;
            z-index: 1;
        }

    .bl_introduction_howto_cont .bl_introduction_howto_txt {
        box-sizing: border-box;
        font-size: 0.9375rem;
        margin: 0;
        width: 84.0336134454%;
    }

@media screen and (min-width: 768px) {
    .bl_introduction_howto_cont .bl_introduction_howto_txt {
        padding-left: 1rem;
    }
}

.bl_introduction_howto_img {
    margin-top: 1rem;
    padding-bottom: 1.25rem;
    position: relative;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_introduction_howto_img img {
        width: 80%;
    }
}

@media screen and (min-width: 768px) {
    .bl_introduction_howto_img img {
        width: 100%;
    }
}

.bl_introduction_howto_img .hp_note {
    font-size: 0.625rem;
    margin: 0;
    position: absolute;
    right: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_introduction_howto_img .hp_note {
        font-size: 0.75rem;
    }
}

.bl_introduction_howto_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1138px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_introduction_howto_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/*!
page > sub > sub-kids
------------------------------
*/
.bl_kids_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-left: 36px;
    padding-right: 36px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_kids_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_kids_quiz {
    margin-top: 2rem;
}

.bl_kids_quiz_wrap {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_kids_quiz_wrap {
        display: flex;
        justify-content: space-between;
    }

        .bl_kids_quiz_wrap .bl_kids_quiz_left, .bl_kids_quiz_wrap .bl_kids_quiz_right {
            width: 47.2222222222%;
        }
}

.bl_kids_quiz_left, .bl_kids_quiz_right {
    background-color: #FBF5E7;
    box-sizing: border-box;
    padding: 1.5rem 0.625rem 2rem;
}

@media screen and (min-width: 768px) {
    .bl_kids_quiz_left, .bl_kids_quiz_right {
        padding: 2.625rem 2.625rem 5.125rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_kids_quiz_img a, .bl_kids_related-maps_img a {
        opacity: 1;
        transition: opacity 0.3s;
    }

        .bl_kids_quiz_img a:hover, .bl_kids_related-maps_img a:hover {
            opacity: 0.8;
        }
}

.bl_kids_quiz_img img, .bl_kids_related-maps_img img {
    width: 100%;
}

.bl_kids_quiz_left {
    border: 8px solid #917D1F;
    border-radius: 8px;
}

.bl_kids_quiz_left_txt {
    color: #726317;
    margin-top: 1.625rem;
}

.bl_kids_quiz_right {
    border: 8px solid #98372E;
    border-radius: 8px;
}

@media screen and (max-width: 767px) {
    .bl_kids_quiz_right {
        margin-top: 2rem;
    }
}

.bl_kids_quiz_right_txt {
    color: #7B2D23;
    margin-top: 1.625rem;
}

.bl_kids_related-maps {
    margin-top: 5rem;
}

.bl_kids_related-maps_img {
    margin-top: 1.75rem;
}

.bl_kids_footer {
    margin-bottom: 6.25rem;
    margin-top: 6.25rem;
}

.bl_kids_footer_btn {
    margin: 0 auto;
    width: 315px;
}

    .bl_kids_footer_btn .el_btn_return {
        border: 1px solid #C5B27A;
    }

/*!
page > sub > sub-quiz-tamatebako
------------------------------
*/
.bl_quiz-tamatebako_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_quiz-tamatebako_cont {
    margin-bottom: 6.25rem;
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_cont {
        margin-top: 2.625rem;
    }
}

.bl_quiz-tamatebako_cont h3 {
    background-color: #917D1F;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 1.125rem;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_quiz-tamatebako_cont h3 {
        padding: 0.5rem 0;
    }
}

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_cont h3 {
        font-size: 2rem;
        margin-top: 2.5rem;
        padding-top: 0.5rem;
    }
}

.bl_quiz-tamatebako_bg {
    background-color: #FBF5E7;
    border: 1px solid #917D1F;
}

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_bg {
        border: 8px solid #917D1F;
    }
}

.bl_quiz-tamatebako_mv {
    margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_mv {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 690px;
    }

        .bl_quiz-tamatebako_mv .bl_quiz-tamatebako_mv_img {
            width: 46.9565217391%;
        }

        .bl_quiz-tamatebako_mv p {
            margin-left: 1.25rem;
            width: 50%;
        }
}

.bl_quiz-tamatebako_mv .bl_quiz-tamatebako_mv_img {
    text-align: center;
}

    .bl_quiz-tamatebako_mv .bl_quiz-tamatebako_mv_img img {
        max-width: 100%;
    }

.bl_quiz-tamatebako_mv p {
    color: #726317;
}

@media screen and (max-width: 767px) {
    .bl_quiz-tamatebako_mv p {
        padding: 0 3.75rem;
    }
}

.bl_quiz-tamatebako_lead {
    margin-top: 2rem;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_quiz-tamatebako_lead {
        padding: 0 3.75rem;
    }
}

.bl_quiz-tamatebako_lead img {
    max-width: 100%;
}

.bl_quiz-tamatebako_tab_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .bl_quiz-tamatebako_tab_btn .bl_tab-btn p {
        display: block;
        height: 160px;
        width: 160px;
    }

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_tab_btn .bl_tab-btn p {
        height: 230px;
        transition: background 0.8s;
        width: 230px;
    }

        .bl_quiz-tamatebako_tab_btn .bl_tab-btn p:hover {
            cursor: pointer;
        }
}

.bl_quiz-tamatebako_tab_btn .hp_tamatebako01 p {
    background: url(../../assets/imgs/site/sub/tamatebako/tamatebako-btn-1_off.png) no-repeat;
    background-size: contain;
}

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_tab_btn .hp_tamatebako01 p:hover {
        background: url(../../assets/imgs/site/sub/tamatebako/tamatebako-btn-1_on.png) no-repeat;
        background-size: contain;
    }
}

.bl_quiz-tamatebako_tab_btn .hp_tamatebako01.is_active p {
    background: url(../../assets/imgs/site/sub/tamatebako/tamatebako-btn-1_on.png) no-repeat;
    background-size: contain;
}

.bl_quiz-tamatebako_tab_btn .hp_tamatebako02 p {
    background: url(../../assets/imgs/site/sub/tamatebako/tamatebako-btn-2_off.png) no-repeat;
    background-size: contain;
}

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_tab_btn .hp_tamatebako02 p:hover {
        background: url(../../assets/imgs/site/sub/tamatebako/tamatebako-btn-2_on.png) no-repeat;
        background-size: contain;
    }
}

.bl_quiz-tamatebako_tab_btn .hp_tamatebako02.is_active p {
    background: url(../../assets/imgs/site/sub/tamatebako/tamatebako-btn-2_on.png) no-repeat;
    background-size: contain;
}

.bl_quiz-tamatebako_tab_btn .hp_tamatebako03 p {
    background: url(../../assets/imgs/site/sub/tamatebako/tamatebako-btn-3_off.png) no-repeat;
    background-size: contain;
}

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_tab_btn .hp_tamatebako03 p:hover {
        background: url(../../assets/imgs/site/sub/tamatebako/tamatebako-btn-3_on.png) no-repeat;
        background-size: contain;
    }
}

.bl_quiz-tamatebako_tab_btn .hp_tamatebako03.is_active p {
    background: url(../../assets/imgs/site/sub/tamatebako/tamatebako-btn-3_on.png) no-repeat;
    background-size: contain;
}

.bl_quiz-tamatebako_tab_cont {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s;
    visibility: hidden;
}

    .bl_quiz-tamatebako_tab_cont.is_active {
        height: auto;
        opacity: 1;
        visibility: visible;
    }

    .bl_quiz-tamatebako_tab_cont .bl_img {
        margin-top: 2rem;
        text-align: center;
    }

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_tab_cont .bl_img {
        margin-top: 3.875rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_tab_cont .bl_img a {
        opacity: 1;
        transition: opacity 0.3s;
    }

        .bl_quiz-tamatebako_tab_cont .bl_img a:hover {
            opacity: 0.6;
        }
}

.bl_quiz-tamatebako_tab_cont .bl_img img {
    max-width: 100%;
}

.bl_quiz-tamatebako_tab_cont .bl_btn {
    margin-top: 2rem;
    text-align: center;
}

    .bl_quiz-tamatebako_tab_cont .bl_btn a {
        display: inline-block;
    }

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_tab_cont .bl_btn {
        opacity: 1;
        transition: opacity 0.3s;
    }

        .bl_quiz-tamatebako_tab_cont .bl_btn:hover {
            opacity: 0.6;
        }
}

.bl_quiz-tamatebako_footer {
    margin-bottom: 5rem;
    margin-top: 2.625rem;
}

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_footer {
        margin-bottom: 7.5rem;
        margin-top: 5.125rem;
    }
}

.bl_quiz-tamatebako_footer_wrap {
    border-bottom: 4px solid #7B2D23;
    border-top: 4px solid #7B2D23;
    margin-left: 24px;
    margin-right: 24px;
    max-width: 710px;
    padding: 1.25rem 0;
}

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_footer_wrap {
        align-items: center;
        display: flex;
        margin-left: auto;
        margin-right: auto;
    }

        .bl_quiz-tamatebako_footer_wrap p {
            width: 60.6060606061%;
        }

        .bl_quiz-tamatebako_footer_wrap .bl_footer_img {
            width: 36.8181818182%;
        }
}

.bl_quiz-tamatebako_footer_wrap p {
    color: #7B2D23;
    padding: 0 1.25rem;
}

.bl_quiz-tamatebako_footer_wrap .bl_footer_img {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_quiz-tamatebako_footer_wrap .bl_footer_img {
        opacity: 1;
        transition: opacity 0.3s;
    }

        .bl_quiz-tamatebako_footer_wrap .bl_footer_img:hover {
            opacity: 0.6;
        }
}

.bl_quiz-tamatebako_footer_wrap .bl_footer_img img {
    max-width: 100%;
}

.bl_quiz-tamatebako_footer_btn {
    margin-top: 3rem;
    text-align: center;
}

.js-fade-in {
    opacity: 1 !important;
}

.js-fade {
    opacity: 0;
    transition: opacity 0.5s;
}

/*!
page > sub > sub-techou
------------------------------
*/
.bl_quiz-techou_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_quiz-techou_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_quiz-techou_cont {
    margin-bottom: 6.25rem;
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .bl_quiz-techou_cont {
        margin-top: 2.625rem;
    }
}

.bl_quiz-techou_cont h3 {
    background-color: #98372E;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 1.125rem;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_quiz-techou_cont h3 {
        padding: 0.5rem 0;
    }
}

@media screen and (min-width: 768px) {
    .bl_quiz-techou_cont h3 {
        font-size: 2rem;
        margin-top: 2.5rem;
        padding-top: 0.5rem;
    }
}

.bl_quiz-techou_bg {
    background-color: #FBF5E7;
    border: 1px solid #98372E;
}

@media screen and (min-width: 768px) {
    .bl_quiz-techou_bg {
        border: 8px solid #98372E;
    }
}

.bl_quiz-techou_mv {
    margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_quiz-techou_mv {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 690px;
    }

        .bl_quiz-techou_mv .bl_quiz-techou_mv_img {
            width: 46.9565217391%;
        }

        .bl_quiz-techou_mv p {
            margin-left: 1.25rem;
            width: 50%;
        }
}

.bl_quiz-techou_mv .bl_quiz-techou_mv_img {
    text-align: center;
}

    .bl_quiz-techou_mv .bl_quiz-techou_mv_img img {
        max-width: 100%;
    }

.bl_quiz-techou_mv p {
    color: #7B2D23;
}

@media screen and (max-width: 767px) {
    .bl_quiz-techou_mv p {
        padding: 0 3.75rem;
    }
}

.bl_quiz-techou_link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.25rem;
}

    .bl_quiz-techou_link li a {
        display: block;
    }

    .bl_quiz-techou_link li img {
        max-width: 100%;
        width: 166px;
    }

@media screen and (max-width: 767px) {
    .bl_quiz-techou_link li img {
        padding: 0 2.5rem;
    }
}

@media screen and (max-width: 576px) {
    .bl_quiz-techou_link li img {
        padding: 0 0.7320644217vw;
    }
}

@media screen and (min-width: 768px) {
    .bl_quiz-techou_link li img {
        width: 226px;
    }
}

.bl_quiz-techou_link .bl_quiz-techou_link01 a {
    position: relative;
}

    .bl_quiz-techou_link .bl_quiz-techou_link01 a::after {
        background: url(../../assets/imgs/site/sub/techou/techou-mai-1.jpg) no-repeat;
        background-size: contain;
        bottom: -70px;
        content: "";
        height: 76px;
        left: 0;
        position: absolute;
        width: 90px;
    }

@media screen and (min-width: 768px) {
    .bl_quiz-techou_link .bl_quiz-techou_link01 a::after {
        bottom: -136px;
        height: 136px;
        width: 162px;
    }
}

.bl_quiz-techou_link .bl_quiz-techou_link02 a {
    position: relative;
}

    .bl_quiz-techou_link .bl_quiz-techou_link02 a::after {
        background: url(../../assets/imgs/site/sub/techou/techou-mai-2.jpg) no-repeat;
        background-size: contain;
        content: "";
        height: 94px;
        position: absolute;
        right: 0;
        top: 206px;
        width: 102px;
    }

@media screen and (min-width: 768px) {
    .bl_quiz-techou_link .bl_quiz-techou_link02 a::after {
        height: 158px;
        top: 0px;
        width: 170px;
    }
}

@media screen and (min-width: 768px) {
    .bl_quiz-techou_link .bl_quiz-techou_link02 a img {
        padding-top: 10.625rem;
    }
}

.bl_quiz-techou_link .bl_quiz-techou_link03 a {
    position: relative;
}

    .bl_quiz-techou_link .bl_quiz-techou_link03 a::after {
        background: url(../../assets/imgs/site/sub/techou/techou-mai-3.jpg) no-repeat;
        background-size: contain;
        bottom: 0px;
        content: "";
        height: 85px;
        position: absolute;
        right: -90px;
        width: 104px;
    }

@media screen and (min-width: 768px) {
    .bl_quiz-techou_link .bl_quiz-techou_link03 a::after {
        bottom: -138px;
        height: 138px;
        right: 0;
        width: 170px;
    }
}

.bl_quiz-techou_cont01, .bl_quiz-techou_cont02, .bl_quiz-techou_cont03 {
    margin-top: 3.125rem;
}

    .bl_quiz-techou_cont01 .bl_img, .bl_quiz-techou_cont02 .bl_img, .bl_quiz-techou_cont03 .bl_img {
        margin: 0 auto;
        width: 710px;
    }

        .bl_quiz-techou_cont01 .bl_img img, .bl_quiz-techou_cont02 .bl_img img, .bl_quiz-techou_cont03 .bl_img img {
            width: 100%;
        }

    .bl_quiz-techou_cont01 .bl_btn, .bl_quiz-techou_cont02 .bl_btn, .bl_quiz-techou_cont03 .bl_btn {
        text-align: center;
    }

.bl_quiz-techou_footer {
    margin-bottom: 5rem;
    margin-top: 2.625rem;
}

@media screen and (min-width: 768px) {
    .bl_quiz-techou_footer {
        margin-bottom: 7.5rem;
        margin-top: 5.125rem;
    }
}

.bl_quiz-techou_footer_wrap {
    border-bottom: 4px solid #917D1F;
    border-top: 4px solid #917D1F;
    margin-left: 24px;
    margin-right: 24px;
    max-width: 710px;
    padding: 1.25rem 0;
}

@media screen and (min-width: 768px) {
    .bl_quiz-techou_footer_wrap {
        align-items: center;
        display: flex;
        margin-left: auto;
        margin-right: auto;
    }

        .bl_quiz-techou_footer_wrap p {
            width: 60.6060606061%;
        }

        .bl_quiz-techou_footer_wrap .bl_footer_img {
            width: 36.8181818182%;
        }
}

.bl_quiz-techou_footer_wrap p {
    color: #917D1F;
    padding: 0 1.25rem;
}

.bl_quiz-techou_footer_wrap .bl_footer_img {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_quiz-techou_footer_wrap .bl_footer_img {
        opacity: 1;
        transition: opacity 0.3s;
    }

        .bl_quiz-techou_footer_wrap .bl_footer_img:hover {
            opacity: 0.6;
        }
}

.bl_quiz-techou_footer_wrap .bl_footer_img img {
    max-width: 100%;
}

.bl_quiz-techou_footer_btn {
    margin-top: 3rem;
    text-align: center;
}

/*!
page > sub > sub-related-maps
------------------------------
*/
.bl_related-maps_cont {
    margin-bottom: 5rem;
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .bl_related-maps_cont {
        margin-bottom: 6.25rem;
        margin-top: 2.75rem;
    }
}

.bl_related-maps_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1138px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_related-maps_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_related-maps_area {
    margin-top: 2.5rem;
}

    .bl_related-maps_area img {
        max-width: 100%;
    }

.bl_related-maps_area_sp {
    text-align: center;
}

.bl_related-maps_bg {
    background-color: #FBF5E7;
    border: 1px solid #182E5F;
    margin-top: -0.4375rem;
    padding-bottom: 7.5rem;
}

@media screen and (min-width: 768px) {
    .bl_related-maps_bg {
        border: 2px solid #182E5F;
        margin-top: -0.5625rem;
    }
}

.bl_related-maps_list {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .bl_related-maps_list {
        padding: 2rem 1rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_related-maps_list {
        padding: 1.25rem 2.5rem 3.5rem;
    }
}

@media screen and (max-width: 767px) {
    .bl_related-maps_list li {
        width: 100%;
    }

        .bl_related-maps_list li:not(:first-child) {
            margin-top: 2rem;
        }
}

@media screen and (min-width: 768px) {
    .bl_related-maps_list li {
        margin-right: 1.5rem;
        margin-top: 2.125rem;
        width: calc(33.3333333333% - 16px);
    }

        .bl_related-maps_list li:nth-child(3n) {
            margin-right: 0;
        }
}

.bl_related-maps_meta {
    background-color: #CCCCCC;
    padding: 0.375rem 0;
    position: relative;
}

    .bl_related-maps_meta p {
        font-weight: 700;
        line-height: 1.25;
        margin: 0;
    }

    .bl_related-maps_meta span {
        background-color: #182E5F;
        color: #fff;
        font-weight: 700;
        left: -4px;
        padding: 0.25rem 0.75rem;
        position: absolute;
        top: -4px;
    }

        .bl_related-maps_meta span.hp_pd {
            padding: 0.25rem 0.5rem;
        }

    .bl_related-maps_meta .bl_place {
        color: #182E5F;
        font-family: serif;
        font-size: 1.25rem;
        padding: 0 1rem 0 3.125rem;
    }

    .bl_related-maps_meta .bl_name {
        font-size: 0.8125rem;
        margin-top: 0.25rem;
        padding: 0 1rem 0 3.125rem;
    }

.bl_related-maps_txt {
    font-size: 0.875rem;
    margin-top: 0.75rem;
}

.bl_related-maps_img {
    margin-top: 0.75rem;
}

    .bl_related-maps_img figure {
        margin: 0 auto;
        max-width: 386px;
        text-align: center;
    }

    .bl_related-maps_img figcaption {
        color: #666666;
        font-size: 0.75rem;
        text-align: right;
    }

    .bl_related-maps_img img {
        max-width: 100%;
    }

.bl_related-maps_footer {
    margin-top: 3rem;
    text-align: center;
}

.bl_related-maps_return-btn {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .bl_related-maps_return-btn {
        -webkit-transform: translateY(100px);
        bottom: 100px;
        /*????非表示*/
        opacity: 0;
        position: fixed;
        right: 20px;
        transform: translateY(100px);
        z-index: 2;
    }

        .bl_related-maps_return-btn.js-hidden {
            display: none;
        }
}

.bl_related-maps_return-btn .el_btn_kids {
    padding: 0;
    width: 280px;
}

    .bl_related-maps_return-btn .el_btn_kids::before {
        -webkit-transform: rotate(90deg) translateX(-50%);
        transform: rotate(90deg) translateX(-50%);
    }

/*　上?上??動?　*/
@media screen and (max-width: 767px) {
    .bl_related-maps_return-btn.js-UpMove-relate {
        -webkit-animation: UpAnime-relate 0.5s forwards;
        animation: UpAnime-relate 0.5s forwards;
    }
}

@-webkit-keyframes UpAnime-relate {
    from {
        -webkit-transform: translateY(100px);
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        -webkit-transform: translateY(0);
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes UpAnime-relate {
    from {
        -webkit-transform: translateY(100px);
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        -webkit-transform: translateY(0);
        opacity: 1;
        transform: translateY(0);
    }
}
/*　下?下??動?　*/
@media screen and (max-width: 767px) {
    .bl_related-maps_return-btn.js-DownMove-relate {
        -webkit-animation: DownAnime-relate 0.5s forwards;
        animation: DownAnime-relate 0.5s forwards;
    }
}

@-webkit-keyframes DownAnime-relate {
    from {
        -webkit-transform: translateY(0);
        opacity: 1;
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(100px);
        opacity: 1;
        transform: translateY(100px);
    }
}

@keyframes DownAnime-relate {
    from {
        -webkit-transform: translateY(0);
        opacity: 1;
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(100px);
        opacity: 1;
        transform: translateY(100px);
    }
}
/*!
page > sub > sub-architecture
------------------------------
*/
.bl_architecture_body {
    margin-bottom: 5rem;
}

@media screen and (min-width: 768px) {
    .bl_architecture_body {
        margin-bottom: 6.25rem;
        margin-top: 60px;
    }
}

.bl_architecture_top-img {
    margin-top: 1.25rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_architecture_top-img {
        margin-top: 3.25rem;
    }
}

.bl_architecture_top-img img {
    width: 100%;
}

.bl_architecture_top-img_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_architecture_top-img_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 768px) {
    .bl_architecture_list {
        margin-top: 8.25rem;
    }
}

.bl_architecture_list_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_architecture_list_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (max-width: 767px) {
    .bl_architecture_list_item {
        margin-top: 2.5rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_architecture_list_item {
        display: flex;
        justify-content: space-between;
        margin-top: 6rem;
    }

        .bl_architecture_list_item .bl_txt {
            width: 37.9381443299%;
        }

    .bl_architecture_body .bl_architecture_list .bl_architecture_list_inner .bl_architecture_list_item .bl_txt .bl_place {
        font-size: 1.25rem;
        font-weight: 900;
        margin-bottom: 25px;
    }

    .bl_architecture_list_item .bl_img {
        width: 57.7319587629%;
    }

    .bl_architecture_list_item:nth-child(even) .bl_txt {
        order: 2;
    }

    .bl_architecture_list_item:nth-child(even) .bl_img {
        order: 1;
    }
}

.bl_architecture_list_item .bl_txt p {
    font-size: 0.875rem;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .bl_architecture_list_item .bl_txt p {
        margin-bottom: 0.875rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_architecture_list_item .bl_txt p {
        font-size: 1rem;
        margin-bottom: 10px;
    }

    .bl_architecture_list_item .bl_txt .gt-block {
        font-size: 1rem;
        margin-bottom: 10px;
        padding-left: 15px;
        border-left: 2px solid #cc0000;
    }
}

.bl_architecture_list_item .bl_img img {
    width: 100%;
}

/*!
page > sub > sub-literary-person
------------------------------
*/
.bl_literary-person_cont {
    margin-bottom: 7.5rem;
    margin-top: 1.75rem;
}

@media screen and (min-width: 768px) {
    .bl_literary-person_cont {
        margin-top: 4.25rem;
    }
}

.bl_literary-person_cont_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1138px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_literary-person_cont_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_literary-person_cont_item {
    border: 1px solid #C5B27A;
    margin-top: 3rem;
}

    .bl_literary-person_cont_item .bl_lead {
        background-color: #C5B27A;
        margin: 0;
        padding: 0.5rem 0.625rem;
    }

@media screen and (min-width: 768px) {
    .bl_literary-person_cont_item .bl_lead {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 0.25rem 1.875rem;
    }
}

.bl_literary-person_cont_item .bl_lead .el_name {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_literary-person_cont_item .bl_lead .el_name {
        font-size: 1.5rem;
    }
}

.bl_literary-person_cont_item .bl_lead .el_year {
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .bl_literary-person_cont_item .bl_lead .el_year {
        font-size: 1.25rem;
    }
}

.bl_literary-person_cont_item .bl_cont_wrap {
    padding: 1.25rem 1.25rem 2.875rem 1.25rem;
}

@media screen and (min-width: 768px) {
    .bl_literary-person_cont_item .bl_cont_wrap {
        padding: 2.25rem 3.125rem 2.875rem 3.125rem;
    }
}

@media screen and (min-width: 768px) {
    .bl_literary-person_cont_item .bl_cont_wrap {
        display: flex;
        justify-content: space-between;
    }

        .bl_literary-person_cont_item .bl_cont_wrap .bl_img {
            width: 20.0803212851%;
        }

        .bl_literary-person_cont_item .bl_cont_wrap .bl_txt {
            margin-left: 2.125rem;
            width: 76.3052208835%;
        }
}

.bl_literary-person_cont_item .bl_img {
    text-align: center;
}

    .bl_literary-person_cont_item .bl_img img {
        -o-object-fit: cover;
        aspect-ratio: 0.9523809524;
        max-width: 200px;
        object-fit: cover;
        width: 100%;
    }

.bl_literary-person_cont_item .bl_txt {
    font-size: 0.9375rem;
}

@media screen and (max-width: 767px) {
    .bl_literary-person_cont_item .bl_txt {
        margin-top: 0.75rem;
    }
}

.bl_literary-person_cont_item .bl_txt p {
    margin: 0;
}

.bl_literary-person_cont_item .bl_txt a {
    color: #333;
    text-decoration: underline;
    transition: color 0.3s;
}

@media screen and (min-width: 768px) {
    .bl_literary-person_cont_item .bl_txt a:hover {
        -webkit-text-decoration: underline dotted;
        color: #C5B27A;
        text-decoration: underline dotted;
    }
}


/*-- Add --*/
figure {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

.bl_sub_mv_ttl.pano-guide img {
    height: auto;
    top: 400px;
    left: 10px;
    position: absolute;
}

.bl_sub_mv_ttl img {
    height: auto;
    top: 450px;
    left: 50px;
    position: absolute;
}

.bl_sub_mv_ttl.deco-exhi img {
    height: auto;
    top: 439px;
    left: 60px;
    position: absolute;
}

.bl_sub_mv_ttl.deco-exhi-spec img {
    height: auto;
    top: 520px;
    left: 30px;
    position: absolute;
}

.bl_sub_mv_ttl.deco-visit img {
    height: auto;
    top: 400px;
    left: 20px;
    position: absolute;
}

@media (min-width: 600px) {
    .bl_sub_mv_ttl img {
        width: 300px;
        opacity: 0.68;
    }

    .bl_sub_mv_ttl.pano-guide img {
        width: 370px;
    }

    .bl_sub_mv_ttl.deco-exhi img {
        width: 300px;
    }

    .bl_sub_mv_ttl.deco-exhi-spec img {
        width: 240px;
    }

    .bl_sub_mv_ttl.deco-visit img {
        width: 370px;
    }
}

@media (max-width: 599px) {
    .bl_sub_mv_ttl img {
        width: 180px;
        top: 360px;
        left: 12px;
    }

    .bl_sub_mv_ttl.deco-exhi-spec img {
        height: auto;
        top: 380px;
        left: 10px;
        position: absolute;
    }

    .bl_sub_mv_ttl.deco-visit img {
        height: auto;
        top: 375px;
        left: 20px;
        position: absolute;
    }
}

.ly_cont_submv .bl_sub_mv_inner .sub_title {
    position: relative;
    z-index: 1;
    white-space: nowrap;
    font-feature-settings: "pkna";
}

    .ly_cont_submv .bl_sub_mv_inner .sub_title h1 {
        color: #FFF;
    }

    .ly_cont_submv .bl_sub_mv_inner .sub_title p {
        color: #B39C56 !important;
    }

.bl_sub_mv_ttl {
    margin: auto;
    text-align: right;
}

@media (min-width: 600px) {
    .ly_cont_submv .bl_sub_mv_inner .sub_title {
        font-family: "微軟正黑體", serif;
        font-size: 36px;
        padding: 36px 30px;
        display: inline-block;
        background: rgb(0 0 0 / 70%);
        color: #fff;
        letter-spacing: .1em;
        writing-mode: vertical-rl;
        right: 10%;
        bottom: -180px;
    }

        .ly_cont_submv .bl_sub_mv_inner .sub_title::after,
        .ly_cont_submv .bl_sub_mv_inner .sub_title:before {
            width: 4px;
            display: block;
            position: absolute;
            background: #fff;
            content: "";
            top: 3px;
            left: 3px;
            height: calc(100% - 6px);
        }

        .ly_cont_submv .bl_sub_mv_inner .sub_title::after {
            right: 3px;
        }
}

@media (max-width: 599.98px) {
    .ly_cont_submv .bl_sub_mv_inner .sub_title {
        font-family: "微軟正黑體", serif;
        font-size: 5.8666666667vw;
        padding: 5.8666666667vw 5.3333333333vw;
        display: inline-block;
        background: #000;
        color: #fff;
        letter-spacing: .1em;
        writing-mode: vertical-rl;
        right: 3%;
        bottom: -110px;
    }

    .bl_sub_mv_ttl p {
        color: #B39C56;
        font-size: 18px;
        margin: 0;
    }

    .bl_sub_mv_ttl h1 {
        color: #000;
        font-size: 20px;
        font-weight: 900;
        margin: 0;
    }
}


.bl_education_inner {
    position: relative;
    background-image: url(../../assets/imgs/site/pattern_01_pc.png);
    background-position: bottom;
    background-repeat: repeat-x;
    max-height: 438px;
}


@media (min-width: 600px) {
    .bl_education_inner {
        background-size: auto 114px;
        margin-top: 48px;
    }
}


/* Exhibit */

.bl_exhi_top_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1266px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_exhi_top_wrap {
        padding: 4rem 0;
    }

    .bl_exhi_top_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_exhi_top_wrap_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_exhi_top_wrap_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bl_exhi_top_wrap {
    padding: 2rem 0;
}

@media screen and (min-width: 768px) {
    .bl_exhi_top_wrap {
        padding: 4rem 0;
    }
}

.bl_exhi_top_wrap h2 {
    color: #000;
    font-size: 1.125rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_exhi_top_wrap h2 {
        font-size: 1.375rem;
    }
}

.bl_exhi_top_wrap h2 span {
    display: inline-block;
    text-align: left;
}

.bl_exhi_btn {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .bl_exhi_btn {
        margin-top: 5rem;
    }
}

.bl_exhi_btn_wrap {
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
}

@media screen and (min-width: 768px) {
    .bl_exhi_btn_wrap {
        max-width: 424px;
        width: 38.3363471971%;
    }
}

.bl_exhi {
    background-color: #bdd5e4;
    background-repeat: repeat-y;
}

    .bl_exhi.exhi-regular {
        background-color: #836e17;
        background-image: url(../../assets/imgs/site/deco-exhi.svg);
        background-position: bottom;
        background-repeat: repeat-x;
    }

    .bl_exhi::before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        background-color: #fff;
    }

    .bl_exhi.exhi-regular::before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        background-color: #fff;
    }

@media (min-width: 600px) {
    .bl_exhi::before {
        height: 150px;
    }

    .bl_exhi.exhi-regular::before {
        height: 150px;
    }
}

.bl_exhi_top {
    right: 0;
}

    .bl_exhi_top img {
        height: auto;
        max-width: 100%;
        vertical-align: bottom;
        position: absolute;
        right: 0;
        padding-top: 160px;
    }

    .bl_exhi_top.exhi-reg img {
        height: auto;
        max-width: 100%;
        vertical-align: bottom;
        position: absolute;
        right: 20px;
        padding-top: 150px;
    }

.show_deco_right img {
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    position: absolute;
    right: 8px;
    padding-top: 260px;
}

.show_deco_left img {
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    position: absolute;
    left: 8px;
    padding-top: 260px;
}

@media (min-width: 600px) {
    .bl_exhi_top {
        top: 98px;
    }

        .bl_exhi_top img {
            width: 420px;
        }

        .bl_exhi_top.exhi-reg img {
            width: 170px;
        }

    .show_deco_right img {
        width: 260px;
    }

    .show_deco_left img {
        width: 260px;
    }
}


/*!
page > Exhi
------------------------------
*/

.bl_exhi_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 900px;
    padding: 1.625rem 0 1.25rem;
    width: 100%;
}

.bl_exhi_header {
    text-align: center;
}

.bl_exhi_lead {
    margin-top: 0;
}

.bl_exhi_body .bl_slider {
    /*???????????設定*/
    /* 元?????????? */
}

    .bl_exhi_body .bl_slider button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
    }

    .bl_exhi_body .bl_slider .slick-dots {
        margin: 20px 0 0 0;
        text-align: center;
    }

        .bl_exhi_body .bl_slider .slick-dots li {
            display: inline-block;
            margin: 0 5px;
        }

        .bl_exhi_body .bl_slider .slick-dots button {
            background: #fff; /*???????色*/
            border: 1px solid #B39C56;
            border-radius: 50%;
            color: transparent;
            display: block;
            height: 8px; /*??????????*/
            outline: none;
            width: 8px; /*??????????*/
        }

        .bl_exhi_body .bl_slider .slick-dots .slick-active button {
            background: #B39C56; /*???????現在地表示?色*/
        }

.bl_exhi_body .bl_slider_img div {
    margin-right: 1.875rem;
}

.bl_exhi_body .bl_slider_img img {
    -o-object-fit: cover;
    aspect-ratio: 1;
    max-width: 280px;
    object-fit: cover;
    width: 100%;
}

.bl_exhi-sns {
    background-color: #333;
}

.bl_exhi-sns_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bl_exhi-sns_wrap {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
}

.bl_exhi-sns_unit {
    display: flex;
}

@media screen and (max-width: 767px) {
    .bl_exhi-sns_unit {
        justify-content: center;
    }
}

@media screen and (min-width: 768px) {
    .bl_exhi-sns_unit {
        order: 2;
    }
}

.bl_exhi-sns_unit li {
    border-left: 1px solid #000;
    width: 5.375rem;
}

    .bl_exhi-sns_unit li:last-child {
        border-right: 1px solid #000;
    }

    .bl_exhi-sns_unit li a {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 3.875rem;
        justify-content: center;
    }

@media screen and (min-width: 768px) {
    .bl_exhi-sns_txt {
        order: 1;
    }
}

.bl_exhi-sns_txt p {
    color: #E9DEBC;
    font-size: 0.6875rem;
    margin: 0;
    padding-bottom: 0.5rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .bl_exhi-sns_txt p {
        font-size: 1.063rem;
        padding-bottom: 0rem;
        text-align: left;
    }
}

/*-- 特展 --*/
.page-experience .box-01:not(:last-child) {
    margin-bottom: 100px;
}

.entry-experience {
    margin-bottom: 100px;
}

.mw--01 {
    margin-right: auto;
    margin-left: auto;
    max-width: 1366px;
}

@media (min-width: 1100px) {
    .box-01 .box-01__inner {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        flex-wrap: wrap;
    }

    .box-01 .entry__img {
        width: 52.2727272727%;
    }

    .box-01 .entry__text {
        flex: 1 0 0;
        padding-right: 2%;
        padding-left: 4%;
    }

        .box-01 .entry__text.left-text {
            flex: 1 0 0;
            padding-right: 2%;
            padding-left: 1%;
        }

        .box-01 .entry__text.right-text {
            flex: 1 0 0;
            padding-right: 1%;
            padding-left: 3%;
        }

    .box-01 .entry__title {
        font-size: 28px;
    }

    .box-01.is-free .entry__title::after {
        font-size: 14px;
    }

    .box-01 .entry__desc {
        font-size: 18px;
    }

    .box-01.entry-experience .entry__desc {
        padding-top: 20px;
    }

    .box-01:nth-of-type(even) .box-01__inner {
        flex-direction: row;
    }
}

.page-experience .entry-experience .entry__img,
.page-experience .entry-experience .entry__text {
    position: relative;
    z-index: 2;
}

@media (min-width: 600px) {
    .img-num__inner {
        position: relative;
    }

    .img-num__img {
        overflow: hidden;
        border-radius: 10px;
    }

    .img-num__num {
        position: absolute;
        bottom: -9px;
        right: -9px;
        left: auto;
        display: block;
        width: 72px;
        height: auto;
        transition: opacity .3s ease;
    }

    .box-01.is-free .entry__title::after {
        padding: 6px 10px;
        border-radius: 4px;
    }
}

.box-01__inner .img-num__img img {
    transition: opacity 1.5s .2s, filter 1s .2s;
    opacity: 1;
    width: 100%;
}

.c-mask_tr {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fefefe;
    top: 0;
    right: 0;
}

.box-01__inner .img-num__num {
    transition: opacity 1.2s .2s;
    opacity: 1;
}

.box-01__inner .entry__text {
    transition: opacity 1.5s 0s, transform 1.5s 0s;
    opacity: 1;
    transform: translateY(0px);
}

.c-maskCover {
    position: relative;
}

.box-01 .entry__title {
    font-family: "微軟正黑體", serif;
    font-weight: 900;
    letter-spacing: .1em;
}

    .box-01 .entry__title span {
        vertical-align: middle;
    }

/*.box-01.is-free .entry__title::after {
    display: inline-block;
    content: "無料";
    background-color: #ad002d;
    color: #fff;
    font-family: "微軟正黑體", sans-serif;
    vertical-align: middle;
    letter-spacing: .025em;
    font-weight: 700;
}*/

.box-01 .entry__desc {
    line-height: 1.875;
    letter-spacing: .05em;
}

@media screen and (max-width: calc(1132px)) and (max-width: 599.98px) {
    .mw--01 {
        padding-left: 5.3333333333vw;
        padding-right: 5.3333333333vw;
    }
}

@media (max-width: 599.98px) {
    .page-experience .box-01:not(:last-child) {
        margin-bottom: 17.3333333333vw;
    }

    .box-01 .box-01__inner {
        display: flex;
        flex-direction: column-reverse;
    }

    .img-num__inner {
        position: relative;
    }

    .img-num__img {
        overflow: hidden;
        border-radius: 2vw;
    }

    .img-num__num {
        position: absolute;
        bottom: -2.1333333333vw;
        right: -2.1333333333vw;
        left: auto;
        display: block;
        width: 14.4vw;
        height: auto;
        transition: opacity .3s ease;
    }

    .box-01 .entry__title {
        font-size: 6.6666666667vw;
    }

    .box-01.is-free .entry__title::after {
        font-size: 2.8vw;
        padding: 1.3333333333vw 2.4vw;
        border-radius: 0.8vw;
    }

    .box-01 .entry__desc {
        font-size: 3.2vw;
    }

    .entry-experience {
        margin-bottom: 8vw;
    }
}

@media (max-width: 599.98px) and (max-width: 599.98px) {
    .box-01.entry-experience .entry__img {
        padding-top: 8.8vw;
    }

    .box-01 .entry__desc {
        padding-top: 5.7333333333vw;
    }

    .box-01.entry-experience .entry__desc {
        padding-top: 8.2666666667vw;
    }
}

/*-- Interactive --*/

.bl_sub_mv_ttl .deco_interactive img {
    height: auto;
    top: 480px;
    left: 15px;
    position: absolute;
}

@media (min-width: 600px) {
    .bl_sub_mv_ttl .deco_interactive img {
        width: 270px;
    }
}

@media (max-width: 599px) {
    .bl_sub_mv_ttl .deco_interactive img {
        width: 180px;
        top: 375px;
        left: 6px;
    }
}

/*-- Gift-Shop --*/

/* Gift-Shop */

.giftshop_top_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1266px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .giftshop_top_wrap {
        padding: 4rem 0;
    }

    .giftshop_top_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.giftshop_top_wrap_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 932px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .giftshop_top_wrap_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.giftshop_top_wrap {
    padding: 2rem 0;
}

@media screen and (min-width: 768px) {
    .giftshop_top_wrap {
        padding: 4rem 0;
    }
}

.giftshop_top_wrap h2 {
    color: #000;
    font-size: 1.125rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .giftshop_top_wrap h2 {
        font-size: 1.375rem;
    }
}

.giftshop_top_wrap h2 span {
    display: inline-block;
    text-align: left;
}

.giftshop_btn {
    margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
    .giftshop_btn {
        margin-top: 5rem;
    }
}

.giftshop_btn_wrap {
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
}

@media screen and (min-width: 768px) {
    .giftshop_btn_wrap {
        max-width: 424px;
        width: 38.3363471971%;
    }
}

.giftshop {
    background-color: #bdd5e4;
    background-image: url(../../assets/imgs/site/pattern_01_pc.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

    .giftshop::before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        background-color: #fff;
    }

@media (min-width: 600px) {
    .giftshop::before {
        height: 150px;
    }

    .giftshop_top img {
        width: 420px;
    }
}

.giftshop_top {
    right: 0;
}

    .giftshop_top img {
        height: auto;
        max-width: 100%;
        vertical-align: bottom;
        position: absolute;
        right: 0;
        padding-top: 160px;
    }

@media (max-width: 599.98px) {
    .giftshop_top img {
        display: none;
    }

    .bl_exhi_top img {
        display: none;
    }
}

/*-- Gift-Shop --*/

/*-- Giftshop-Slide --*/

/*!
page > Exhi
------------------------------
*/

.giftshop_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 100%;
    padding: 1.625rem 0 3.625rem;
    width: 100%;
}

.giftshop_header {
    text-align: center;
}

.giftshop_lead {
    margin-top: 0;
}

.giftshop_body .bl_slider {
    /*微軟正黑體微軟正黑體???設定*/
    /* 元微軟正黑體微軟正黑體?? */
}

    .giftshop_body .bl_slider button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
    }

    .giftshop_body .bl_slider .slick-dots {
        margin: 20px 0 0 0;
        text-align: center;
    }

        .giftshop_body .bl_slider .slick-dots li {
            display: inline-block;
            margin: 0 5px;
        }

        .giftshop_body .bl_slider .slick-dots button {
            background: #fff; /*微軟正黑體???色*/
            border: 1px solid #B39C56;
            border-radius: 50%;
            color: transparent;
            display: block;
            height: 8px; /*微軟正黑體微軟正黑體??*/
            outline: none;
            width: 8px; /*微軟正黑體微軟正黑體??*/
        }

        .giftshop_body .bl_slider .slick-dots .slick-active button {
            background: #B39C56; /*微軟正黑體???現在地表示?色*/
        }

.giftshop_body .bl_slider_img div {
    margin-right: 1.875rem;
}

.giftshop_body .bl_slider_img img {
    -o-object-fit: cover;
    aspect-ratio: 1;
    max-width: 357px;
    object-fit: cover;
    width: 100%;
}

.giftshop-sns {
    background-color: #333;
}

.giftshop-sns_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .giftshop-sns_wrap {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
}

.giftshop-sns_unit {
    display: flex;
}

@media screen and (max-width: 767px) {
    .giftshop-sns_unit {
        justify-content: center;
    }
}

@media screen and (min-width: 768px) {
    .giftshop-sns_unit {
        order: 2;
    }
}

.giftshop-sns_unit li {
    border-left: 1px solid #000;
    width: 5.375rem;
}

    .giftshop-sns_unit li:last-child {
        border-right: 1px solid #000;
    }

    .giftshop-sns_unit li a {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 3.875rem;
        justify-content: center;
    }

@media screen and (min-width: 768px) {
    .giftshop-sns_txt {
        order: 1;
    }
}

.giftshop-sns_txt p {
    color: #E9DEBC;
    font-size: 0.6875rem;
    margin: 0;
    padding-bottom: 0.5rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .giftshop-sns_txt p {
        font-size: 1.063rem;
        padding-bottom: 0rem;
        text-align: left;
    }
}

/*-- Giftshop-Slide --*/


/*-- Foods --*/

/*-- Foods-Slide --*/

/*!
page > Foods
------------------------------
*/

.food {
    background-color: #bdd5e4;
    background-image: url(../../assets/imgs/site/pattern_01_pc.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

    .food::before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        background-color: #fff;
    }

@media (min-width: 600px) {
    .food::before {
        height: 150px;
    }

    .food_top img {
        width: 420px;
    }
}

.food_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 100%;
    padding: 1.625rem 0 3.625rem;
    width: 100%;
}

.food_header {
    text-align: center;
}

.food_lead {
    margin-top: 0;
}

.food_body .bl_slider {
    /*微軟正黑體微軟正黑體???設定*/
    /* 元微軟正黑體微軟正黑體?? */
}

    .food_body .bl_slider button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
    }

    .food_body .bl_slider .slick-dots {
        margin: 20px 0 0 0;
        text-align: center;
    }

        .food_body .bl_slider .slick-dots li {
            display: inline-block;
            margin: 0 5px;
        }

        .food_body .bl_slider .slick-dots button {
            background: #fff; /*微軟正黑體???色*/
            border: 1px solid #B39C56;
            border-radius: 50%;
            color: transparent;
            display: block;
            height: 8px; /*微軟正黑體微軟正黑體??*/
            outline: none;
            width: 8px; /*微軟正黑體微軟正黑體??*/
        }

        .food_body .bl_slider .slick-dots .slick-active button {
            background: #B39C56; /*微軟正黑體???現在地表示?色*/
        }

.food_body .bl_slider_img div {
    margin-right: 1.875rem;
}

.food_body .bl_slider_img img {
    -o-object-fit: cover;
    aspect-ratio: 1;
    max-width: 357px;
    object-fit: cover;
    width: 100%;
}

.food-sns {
    background-color: #333;
}

.food-sns_inner {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .food-sns_wrap {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
}

.food-sns_unit {
    display: flex;
}

@media screen and (max-width: 767px) {
    .food-sns_unit {
        justify-content: center;
    }
}

@media screen and (min-width: 768px) {
    .food-sns_unit {
        order: 2;
    }
}

.food-sns_unit li {
    border-left: 1px solid #000;
    width: 5.375rem;
}

    .food-sns_unit li:last-child {
        border-right: 1px solid #000;
    }

    .food-sns_unit li a {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 3.875rem;
        justify-content: center;
    }

@media screen and (min-width: 768px) {
    .food-sns_txt {
        order: 1;
    }
}

.food-sns_txt p {
    color: #E9DEBC;
    font-size: 0.6875rem;
    margin: 0;
    padding-bottom: 0.5rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .food-sns_txt p {
        font-size: 1.063rem;
        padding-bottom: 0rem;
        text-align: left;
    }
}

/*-- Foods-Slide --*/

/*-- Foods --*/

/*-- News-最新公告 --*/
.news_body {
    margin-bottom: 5rem;
    margin-top: 20px;
}

@media screen and (min-width: 768px) {
    .news_body {
        margin-bottom: 6.25rem;
        margin-top: 10px;
    }
}

.news_list {
    margin-top: 4.25rem;
    margin-bottom: 120px;
}

.entry-list {
    box-sizing: border-box;
    height: inherit;
    margin: 0 auto;
    max-width: 1366px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .entry-list {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.js-scrl.js-scrl-fade.is--active {
    opacity: 1;
}

.js-scrl.js-scrl-bottom.is--active {
    transform: translateY(0);
}

.s--news .entry-all {
    text-align: center;
    letter-spacing: .06rem;
}

    .s--news .entry-all > a {
        color: #ad002d;
        border-bottom: solid 1px #ad002d;
    }

@media (min-width: 600px) {
    .s--news .entry-item:not(:last-child) {
        margin-bottom: 10px;
    }

    .s--news .entry-all {
        padding-top: 40px;
    }

        .s--news .entry-all > a {
            font-size: 18px;
        }
}

@media (min-width: 1100px) {
    .s--news .entry-item .entry- {
        transition: opacity .3s ease;
        cursor: pointer;
    }

        .s--news .entry-item .entry- > .entry-inner {
            background-color: #e7e4dd;
            display: flex;
            padding: 25px 50px;
        }

            .s--news .entry-item .entry- > .entry-inner:hover {
                background-color: #ececec;
            }

        .s--news .entry-item .entry- .entry-date {
            color: #919191;
            flex: 150px 0 0;
            font-size: 17px;
            font-weight: 900;
            letter-spacing: .1rem;
            line-height: 1.5;
        }

        .s--news .entry-item .entry- .entry-desc {
            flex: 1 0 0;
            font-size: 18px;
            letter-spacing: .06rem;
            line-height: 1.5;
            padding-right: 40px;
            color: #000;
            font-weight: 900;
        }

        .s--news .entry-item .entry- .entry-arrow {
            position: absolute;
            top: 50%;
            right: 30px;
            transform: translate(0, -50%);
            width: 42px;
            height: auto;
        }
}

@media (max-width: 599.98px) {
    .s--news .entry-item:not(:last-child) {
        margin-bottom: 2.6666666667vw;
    }
}

@media (max-width: 1099.98px) and (max-width: 599.98px) {
    .s--news .entry-item .entry- > .entry-inner {
        padding: 2.6666666667vw 5.3333333333vw;
    }

    .home .s--news .entry-item .entry- .entry-date {
        font-size: 2.6666666667vw;
    }

    .s--news .entry-item .entry- .entry-desc {
        padding-top: 1.3333333333vw;
        padding-right: 9.3333333333vw;
        font-size: 2.9333333333vw;
        color: #000;
        font-weight: bold;
    }

    .s--news .entry-item .entry- .entry-arrow {
        right: 2.6666666667vw;
        width: 9.3333333333vw;
    }
}

@media (max-width: 1099.98px) {
    .s--news .entry-item .entry- > .entry-inner {
        background-color: #ebeae7;
    }

    .s--news .entry-item .entry- .entry-date {
        color: #919191;
        flex: 150px 0 0;
        letter-spacing: .1rem;
        line-height: 1.5;
    }

    .s--news .entry-item .entry- .entry-desc {
        flex: 1 0 0;
        letter-spacing: .06rem;
        line-height: 1.5;
    }

    .s--news .entry-item .entry- .entry-arrow {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        height: auto;
    }
}


/*-- News-最新公告 --*/


/*-- Exhi-展覽樣式-02 --*/
.in, .in2 {
    padding: 0 5% 0 5%;
    max-width: 1500px;
    position: relative;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
}

.flx_rev {
    flex-direction: row-reverse;
}

.flx_stt {
    align-items: flex-start;
}


.pc, .on_pc {
    display: block;
}

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


.idx_stol_ttl {
    font-size: 1.6rem;
    line-height: 1em;
    text-align: center;
    margin: 0 0 calc(20px + 5%) 0;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.idx_sto_l {
    width: 42%;
}

.idx_stol_ttl {
    font-size: 1.6rem;
    line-height: 1em;
    text-align: center;
    margin: 0 0 calc(20px + 5%) 0;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.flx_bet_cen {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.idx_stol_txbx {
    border-bottom: 1px solid #444;
    margin: 0 0 20px 0;
}

.idx_stol_li {
    background: url(../../assets/imgs/site/ar_gry.png) right center / 18px no-repeat;
    padding: 0 25px 0 0;
    display: table;
    margin: 0;
    font-size: 1.1rem;
    line-height: 1em;
    font-weight: 600;
}

.goth {
    font-family: acumin-pro, "微軟正黑體", sans-serif;
}

.idx_sto_li li {
    line-height: 1em;
    padding: 3px 0;
}

.idx_sto_img {
    max-width: 380px;
    margin: auto;
    padding: calc(20px + 2%) 0 calc(80px + 15%) 0;
}

    .idx_sto_img img {
        border: 0;
        border-style: none;
        width: 100%;
        image-rendering: -webkit-optimize-contrast;
    }

.idx_sto {
    padding: 60px 0 calc(5% + 50px) 0;
}

.idx_sto_r {
    width: 50%;
    height: 100vh;
    min-height: 400px;
    position: sticky;
    top: 0;
    margin: 0 0 0 0;
    background-size: cover;
    background-position: center;
}

.idx_sto_rin {
    position: absolute;
    left: 6%;
    bottom: 6%;
    color: #fff;
    width: 82%;
}

.idx_sto_rinttl {
    font-size: 1.3rem;
    line-height: 1em;
    padding: 0 0 calc(25px + 2%) 0;
    font-weight: 500;
}

.idx_sto_rintx {
    font-size: 1.5rem;
    padding: 0 0 calc(10px + 1%) 0;
    line-height: 1.3em;
}

    .idx_sto_rintx a {
        font-weight: 900;
        color: #FFF;
    }

.lnk2 {
    background: url(../../assets/imgs/site/ar_wht.png) 91% center/18px no-repeat;
    padding: 0 40px 0 0;
    display: table;
    margin: 0;
    font-size: 1.1rem;
    line-height: 1em;
    font-weight: 600;
    color: #FFF;
}

    .lnk2:hover {
        background: url(../../assets/imgs/site/ar_wht.png) right center/18px no-repeat;
    }

.idx_sto_l {
    width: 42%;
}

.idx_stol_ttl {
    font-size: 1.6rem;
    line-height: 1em;
    text-align: center;
    margin: 0 0 calc(30px + 2%) 0;
    font-weight: 900;
    letter-spacing: 0.05em;
}

.idx_stol_ttl2 {
    margin: 0 0 calc(15px + 3%) 0;
}

.idx_stol_txbx {
    border-bottom: 1px solid #444;
    margin: 0 0 20px 0;
    padding: 20px 0 30px 0;
}

.idx_stol_tx {
    font-size: 1.5rem;
    line-height: 1.35em;
    padding: 0px 0;
    width: calc(100% - 110px);
    color: #000;
}

    .idx_stol_tx a {
        color: #000;
    }

.idx_stol_txbx a {
    color: #000;
}

.idx_stol_li {
    background: url(../../assets/imgs/site/ar_gry.png) right center/18px no-repeat;
    padding: 0 25px 0 0;
    display: table;
    margin: 0;
    font-size: 1.1rem;
    line-height: 1em;
    font-weight: 600;
}

.idx_sto_li li {
    line-height: 1.5em;
    padding: 3px 0;
}

    .idx_sto_li li:last-child {
        padding: 16px 0 3px 0;
    }

    .idx_sto_li li h3 {
        font-size: 1.7rem;
        line-height: 1em;
        font-weight: 900;
        margin-block-start: 0.2em;
        margin-block-end: 0.2em;
    }

.idx_sto_img {
    max-width: 380px;
    margin: auto;
    padding: calc(20px + 2%) 0 calc(10px + 0%) 0;
}

.idx_str {
    margin: 0 0 calc(40px + 3%) 0;
}

.idx_prd {
    margin: 0 0 calc(55px + 4%) 0;
}

/*-- 歷史介紹 --*/
.str_ent_w {
    padding: 90px 0 calc(40px + 4%) 0;
}

    .str_ent_w.floor {
        padding: 0px 0 calc(40px + 4%) 0;
    }

.str_ent_cnttl {
    font-size: 1.6em;
    line-height: 1em;
    padding: calc(40px + 3%) 0;
    font-weight: 500;
}

.str_ent_l {
    width: 640px;
    height: 100vh;
    min-height: 500px;
    background-size: cover;
    background-position: center;
    position: sticky;
    padding: 4% 5% 4% 25%;
    box-sizing: border-box;
    top: 0;
}

.str_entry {
    align-items: flex-start;
}

    .str_entry.floor-guide {
        align-items: flex-start;
        margin-top: 60px;
    }

.sty_entry_li {
    padding: 0 0 calc(30px + 3%) 0;
}

    .sty_entry_li li {
        font-size: 1.1rem;
        line-height: 1.2em;
        margin: 0 30px 0 0;
        letter-spacing: 0.05em;
        display: inline-block;
        color: #fff;
    }

        .sty_entry_li li span {
            display: block;
            font-weight: 700;
            padding: 1px 0 0 0;
        }

.sty_entry_ttl {
    font-size: 2.2rem;
    color: #fff;
    font-weight: 500;
}

.sty_ent_r {
    width: 50%;
}

.sty_ent_bx {
    margin: 0 0 calc(15px + 1%) 0;
}

    .sty_ent_bx img {
        padding: 0 0 calc(15px + 2%) 0;
        width: 100%;
        height: auto;
    }

    .sty_ent_bx,
    .sty_ent_bx p {
        font-size: 1.125rem;
        line-height: 1.4em;
        padding: 0 0 calc(15px + 2%) 0;
        letter-spacing: -0.015em;
        text-align: justify;
    }

.sty_share {
    border-bottom: 1px solid #444;
    padding: 0 0 20px 0;
}

    .sty_share li {
        border: 1px solid #444;
        margin: 0 5px 0 0;
    }

        .sty_share li a {
            padding: 10px 45px 10px 60px;
            font-size: 1.2rem;
            line-height: 1em;
        }

        .sty_share li:first-child {
            background: url(../../assets/imgs/site/sty_face.png) 7px center/16px no-repeat;
        }

        .sty_share li:last-child {
            background: url(../../assets/imgs/site/sty_twt.png) 7px center/16px no-repeat;
        }

.sty_nav_pr {
    background: url(../../assets/imgs/site/ar_gry_r.png) left center/15px no-repeat;
}

.sty_nav_nx {
    background: url(../../assets/imgs/site/ar_gry.png) right center/15px no-repeat;
    text-align: right;
}

.sty_nav {
    border-bottom: 1px solid #444;
}

    .sty_nav li {
        width: 50%;
    }

        .sty_nav li a {
            padding: 55px 30px;
            font-size: 1.2rem;
            line-height: 1em;
        }

.sty_arc_bx {
}

    .sty_arc_bx li {
        width: 22.75%;
        margin: 0 3% 6% 0;
        position: relative;
    }

        .sty_arc_bx li:nth-child(4n) {
            margin: 0 0 6% 0;
        }

        .sty_arc_bx li a {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

.sty_arc_bximg {
    width: 100%;
    padding: 0 0 calc(10px + 2%) 0;
}

.sty_arc_bxli {
    padding: 0;
    margin: 0;
}

    .sty_arc_bxli li {
        font-weight: 500;
        line-height: 1em;
        margin: 0;
        padding: 0 0 8px 0;
    }

.sty_arc_bxttl {
    font-size: 1.5rem;
    line-height: 1.2em;
    padding: calc(15px + 1%) 0;
}

.sty_arc_nav {
    display: table;
    margin: auto;
    padding: calc(50px + 5%) 0 0 0;
}

    .sty_arc_nav li {
        display: inline-block;
        line-height: 40px;
        font-weight: 500;
        padding: 0 5px;
        font-size: 1.2rem;
        margin: 0 2px;
    }

.sty_arc_navnow {
    border-bottom: 1px solid #444;
}

html :where(img[class*=wm-image-]) {
    height: auto;
    max-width: 100%;
}



/*-- 歷史介紹 --*/

@media screen and (max-width: 1400px) {
    .str_ent_l {
        width: 58%;
        height: 100vh;
        min-height: 500px;
        margin: 0 0 0 -6%;
        padding: 4% 5% 4% 6%;
    }
}

@media screen and (max-width: 600px) {
    .on_sp {
        display: block !important;
    }

    .idx_sto_r {
        width: 100%;
        height: 60vh;
        min-height: 400px;
        position: relative;
        margin: 0 0px calc(30px + 2%) 0;
    }

    .idx_sto_rinttl {
        font-size: 1.25rem;
        font-weight: 900;
    }

    .idx_sto_rintx {
        font-size: 1.35rem;
    }

    .idx_sto_l {
        width: 100%;
    }

    .on_pc {
        display: none;
    }

    .idx_stol_txbx {
        margin: 0 16px 12px 0;
    }

    .idx_stol_tx {
        padding: 12px 0;
    }

    .idx_sto_img {
        width: 70%;
        padding: calc(20px + 2%) 0 calc(60px + 5%) 0;
    }

    .str_ent_cnttl {
        text-align: center;
        padding: calc(20px + 3%) 0;
        font-size: 1.3rem;
    }

    .str_ent_l {
        width: 94%;
        height: 50vh;
        position: relative;
        top: auto;
        padding: 8% 4%;
        margin: 0 0 calc(50px + 4%) 0;
    }

    .sty_ent_r {
        width: 94%;
    }
}

/*-- Exhi-展覽樣式-02 --*/







/*-- Add --*/




/*-- Timeline-樣式-02 --*/
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed");

.container {
    padding: 0 0px 0 40px;
}

    .container ul {
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .container ul:before {
            content: "";
            position: absolute;
            top: 0;
            left: -20px;
            height: 100%;
            border: 1px dashed #aaa;
        }

.box {
    margin: 50px 0;
    padding: 10px 20px;
    background: rgb(183 183 183 / 20%);
    width: 100%;
    position: relative;
    letter-spacing: 2px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0px 0px 0px rgba(100, 100, 100, 0.3);
}

    .box > span {
        content: "";
        position: absolute;
        top: 0;
        left: -20px;
        height: 100%;
        border: 1px solid #ccc;
    }

        .box > span:before, .box > span:after {
            content: "";
            position: absolute;
            left: -7px;
            width: 10px;
            height: 10px;
            border: 2px solid #ccc;
            background: #01579B;
            border-radius: 100%;
        }

        .box > span:before {
            top: -12px;
        }

        .box > span:after {
            top: 100%;
        }

    .box .title {
        font-size: 1.25rem;
        font-weight: 900;
        text-transform: uppercase;
        margin-top: 10px;
    }

    .box .sub-title {
        font-size: 0.6rem;
        color: #aaa;
    }

    .box .info {
        margin: 15px 0;
        text-align: justify;
    }

    .box .time span {
        position: absolute;
        font-size: 1.125rem;
        font-weight: 900;
        color: #aaa;
    }

        .box .time span:first-child {
            top: -18px;
            left: -120px;
        }

        .box .time span:last-child {
            top: 98%;
            left: -200px;
        }

@media screen and (max-width: 600px) {
    .box {
        margin: 50px 0;
        padding: 10px 20px;
        background: rgba(0, 0, 0, 0.2);
        width: 90%;
        position: relative;
        letter-spacing: 2px;
        border-radius: 5px;
        box-sizing: border-box;
        box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.3);
    }

    .container {
        margin-left: 90px;
    }

    .box .time span:last-child {
        top: 99%;
        left: -145px;
        font-size: 14px;
    }
}

/*-- Timeline-樣式-02 --*/

/*-- Table 樣式 Start--*/
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    background-color: transparent;
    border-collapse: collapse;
}

    .table:not(.table-dark) {
        color: inherit;
    }

    .table td, .table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

.table-bordered {
    border: 1px solid #dee2e6;
}

    .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6;
    }
/*-- Table 樣式 End--*/