@charset "UTF-8";
.sp,
.sp-close,
.sp-menu {
    display: none;
}

.pc {
    display: block;
}
/* =====================
  Common
===================== */

.u-inner {
    width: 1286px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 100%;
    max-width: 100%;
}

.contents-inner {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 100%;
    max-width: 100%;
}

/* =====================
  Icon
===================== */

.icon::before {
    content: "";
    display: inline-block;
}

/* mail */

.icon.mail::before {
    background-image: url("../img/icon/mail.png");
    width: 38px;
    height: 26px;
}

/* catalog */

.icon.catalog::before {
    background-image: url("../img/icon/catalog.png");
    width: 32px;
    height: 40px;
}

/* search-w */

.icon.search-w::before {
    background-image: url("../img/icon/search-w.png");
    width: 28px;
    height: 28px;
}

/* reload-w */

.icon.reload-w::before {
    background-image: url("../img/icon/reload-w.png");
    width: 19px;
    height: 19px;
}

/* =====================
  Effect
===================== */

.hover-op {
    -webkit-transition: opacity 250ms ease 0s;
    -moz-transition: opacity 250ms ease 0s;
    -ms-transition: opacity 250ms ease 0s;
    -o-transition: opacity 250ms ease 0s;
    transition: opacity 250ms ease 0s;
}

.hover-op:hover {
    opacity: 0.7;
}

/* =====================
  Utility
===================== */

/* Display */

.db {
    display: block;
}

/* Flexbox */

.df {
    display: flex;
}

.jc-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.jc-center {
    -webkit-justify-content: center;
    justify-content: center;
}

.jc-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.ai-center {
    -webkit-align-items: center;
    align-items: center;
}

.fxw {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* font */

.ff-mincho {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
}

.font-b {
    font-weight: bold;
    width: 12%;
 }

/* color */

.c-green {
    color: #79d2d3;
}

.c-deepblue {
    color: #2d3d62;
}

/* position */

.posr {
    position: relative;
}

.vis-hidden {
    visibility: hidden;
}

/* =====================
  Utility button style
===================== */

.u-btn {
    -webkit-border-radius: 50rem;
    border-radius: 50rem;
    font-size: 20px;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 50px;
    font-weight: bold;
}

.u-btn.arrow {
    position: relative;
    padding-right: 44px;
    padding-left: 44px;
}

.u-btn.arrow::after {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    line-height: 1;
    font-size: 17px;
    right: 17px;
    display: inline;
    color: currentColor;
}

.u-btn.arrow.arrow-r::after {
    content: "▶";
}

.u-btn.arrow.arrow-b::after {
    content: "▼";
}

.u-btn.is-open.arrow.arrow-b::after {
        content: "▼";
        transform: rotate(180deg);
        top: 1em;
    }

.u-btn.orange {
    color: #FFF;
    background: #ffb739;
}

.u-btn.blue-o {
    background: #83a2d9;
    color: #fff;
    width: 100%;
    margin-top: 2em;
}

.u-btn.u-btn.blue-o {
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 20px;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 50px;
    font-weight: bold;
}

/* =====================
  Editor style
===================== */

.editor-style strong {
    color: #5b5b5b;
}

.editor-style strong.editor-strong {
    display: inline;
    margin: 0;
    padding: 0;
    color: #5B5B5B;
    font-size: 19.22px;
    font-weight: bold;
    line-height: 1.714;
}

.editor-style table {
    width: 100%;
}

.editor-style table th,
.editor-style table td {
    border: 1px solid #cacaca;
    padding: 1em;
}

.editor-style h1 {
    margin: 0;
    padding: 0;
    color: #5B5B5B;
    font-size: 19.22px;
    font-weight: bold;
    line-height: 1.714;
}

.editor-style h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #5B5B5B;
    font-size: 12px;
}

.editor-style p {
    line-height: 1.714;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #5a5a5a;
}

.editor-style * + p {
    /* margin-top: 0.75em; */
}

.editor-style h1 + p {
    margin-top: 0em !important;
}

.editor-style img {
    line-height: 1.714;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.editor-style * + img {
    margin-top: 1em;
}

.editor-style img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.editor-style a {
    color: #0074c1;
    line-height: 1.714;
    text-decoration: none !important;
}

.editor-style a:hover {
    text-decoration: underline;
}

.editor-style ul {
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
    height: auto !important;
    line-height: 1.714;
    margin-top: 0.25em;
    list-style-type: none !important;
    margin-bottom: 0 !important;
}

.editor-style ul li {
    padding-left: 0em;
    color: #5a5a5a;
    font-size: 12px;
    display: list-item !important;
    height: auto !important;
    line-height: 1.714;
    padding-left: 0;
    list-style-type: none !important;
}

.editor-style ol {
    margin-left: 1.25em !important;
    display: block !important;
    margin-top: 1em !important;
    margin-left: 0 !important;
    margin-bottom: 1em !important;
    list-style: decimal !important;
    padding-left: 0;
}

.editor-style ol li {
    margin-left: 1.25em;
    font-size: 12px;
    display: list-item !important;
    height: auto !important;
    line-height: 1.714;
    list-style-type: decimal !important;
}

.editor-style blockquote {
    line-height: 1.714;
    padding: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
    background: #efefef;
    margin-left: 0;
    margin-right: 0;
    border-left: 2px solid #c3c3c3;
}

.editor-style hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.editor-style h1 + h1 {
    margin-top: 0;
}

.editor-style .editor-pc {
    position: relative;
}

.editor-style .editor-sp {
    display: none;
}

.editor-style .editor-paragraph {
    line-height: 1.714;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #5a5a5a;
    display: inline;
}

.editor-style .editor-paragraph * {
    display: inline;
}

.editor-style .editor-paragraph + p {
    display: inline;
}

.editor-attention,
.editor-attention * {
    display: inline;
    color: #5a5a5a;
    font-size: 12px;
    line-height: 1.714;
}

/* =====================
  Set head text
===================== */

.set-text-h2 {
    color: #2d3d62;
    font-size: 27px;
}

.set-text-p {
    font-size: 15px;
    line-height: 1.779;
    font-weight: normal;
    margin-top: 0.2em;
    color: #5A5A5A;
}

/* =====================
  Item loop
===================== */

.u-item-loop {
    position: relative;
}

.u-item .label {
    background: #faf153;
    font-size: 16px;
    display: inline-block;
    color: #0d69aa;
    padding: 3px 23.2px;
}

.u-item-loop .label {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 200px;
}

.u-item .type > span {
    display: inline-block;
    background: #fff;
    text-align: center;
    padding: 1px 15px;
}

.u-item .type > span:empty {
    display: none;
}

.u-item .type-separator span:last-child::after {
    display: none;
}

.u-item .type.type1 > span {
    border: 1px solid #0d69aa;
    color: #0D69AA;
}

.u-item .body {
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.678);
}

.u-item-loop .body {
    padding: 32px 0 0 0;
}

.u-item-loop .body > .head {
    padding-top: 2px;
    /* padding-right: 202px; */
}

.u-item .address {
    color: #4d4e4e;
    padding-top: 2px;
    padding-left: 0.5em;
    font-size: 16px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.u-item .title {
    font-weight: bold;
    color: #4e4741;
    font-size: 24px;
    margin-top: 0.05em;
}

.u-item .info {
    margin-top: 6px;
}

.u-item span + .u-item--bunjyo-price {
    padding-top: 1em;
}

.u-item .u-item--bunjyo-square {
    display: flex !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.u-item .u-item--bunjyo-square--body {
    padding-top: 1em;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
}

.u-item--bunjyo-square-body--item {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.u-item--bunjyo-square-body--item--head {
    padding-right: 1em;
}

.u-item--bunjyo-square-body--item--body {
    /* -webkit-flex: 1; */
    /* -ms-flex: 1; */
    /* flex: 1; */
}


.u-item .img {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    width: 266px;
    height: 199px;
}

.u-item .text {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1em;
    font-size: 13px;
    color: #4d4e4e;
    position: relative;
    padding-bottom: 4em;
}

.u-item .text > span {
    display: block;
}

.u-item .text > span.in-address {
    margin-top: 1em;
}

.u-item .text > .anchor {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    background: #0d69aa;
    padding: 1px 7px;
}

.u-item .text > .anchor::after {
    content: "▶";
    padding-left: 3px;
}

.u-item .desc {
    margin-top: 13px;
    border: 1px solid #9fa0a4;
    color: #4D4E4E;
    background: #e5f0f4;
    font-size: 13px;
    padding: 11px;
}

.u-item .contact {
    margin-top: 9px;
    width: 100%;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    background-color: #fff;
    padding: 0;
}

.u-item .contact .head {
    position: relative;
    top: 6px;
}

.u-item .contact .head > div:first-child {
    font-size: 13px;
    line-height: 1;
    color: #4d4e4e;
}

.u-item .contact .contact-info {
    font-size: 16px;
    color: #4D4E4E;
    font-weight: bold;
}

.u-item .contact .contact-info .division {
    margin-right: 0.25em;
}

.u-item .contact .anchor {
    text-align: right;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.u-item .contact .anchor a {
    background: #fff;
    border: 1px solid #0d69aa;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    height: 45px;
    white-space: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    color: #0d69aa;
    font-size: 16px;
    padding: 2em 1em 1.8em 1em;
}

.u-item-loop .btn a {
    color: #fff;
}

.u-item-loop .contact {
    padding: 0;
    background: #fff;
}


/* =====================
  Aside
===================== */

.aside {
    padding-top: 43px;
    padding-bottom: 39px;
    background: #e5e9eb;
}

.aside li {
    margin: 0 13px;
}

.aside li a {
    display: block;
}

/* =====================
  top
==================== */

.to-top {
    background-image: url("data:image/png;base64,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");
    width: 94px;
    height: 92px;
    position: fixed;
    right: 20px;
    bottom: 80px;
    -webkit-transition: all 250ms ease 0s;
    -o-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 7;
    display: block;
    opacity: 0;
}

.to-top.on {
    opacity: 1;
}

.input-birthyear {
    min-width: 120px !important;
    width: 120px !important;
}

.input-birthmonth {
    min-width: 80px !important;
    width: 80px !important;
}

.input-birthday {
    min-width: 80px !important;
    width: 80px !important;
}


.fl {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.fl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.fl-ju-end {
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}

.fl-bt {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fl-sa {
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
}

.fl-wr {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.fl-ju-st {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}

.fl-st {
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

.fl-c {
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.fl-ju-c {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

#bunjyoOutlineTable.hide {
    display: none;
}

#tochiOutlineTable.hide {
    display: none;
}

.js-pseudoAnchor {
    cursor: pointer;
}

.js-pseudoAnchor:hover .js-pseudoAnchorElement {
    opacity: 0.7;
}

#map-prop-list {
    height: 600px;
    max-width: 100%;
}

.header-controls {
    display: flex;
    margin-top: 20px;
}

.favorites {
    margin: 5em 0;
}

.favorites li {
    width: 50%;
}


.know {
    width: 100%;
    max-width: 1100px;
    margin: 5em auto 5em auto;
}

.know h2{
    text-align: center;
    font-size: 36px;
    margin-bottom: 1em;
}

.know h2 span{
    display: block;
    font-size: 20px;
}

.know li{
    margin-bottom: 1em;
}

.know li:hover{
    opacity: 0.7;
}

.pickup h3 {
    text-align: center;
    display: block;
    margin-bottom: 1em;
    font-weight: bold;
    font-size: 30px;
}

.pickup li:hover{
    opacity: 0.7;
}

.pickup li {
    width: 32%;
    background-color: #fff;
}

.pickup li .img {
    display: block;
}

.pickup li .img img{
    width: 100%;
}

.pickup li .box {
    padding: 1em;
}

.pickup li .title {
    font-size: 16px;
    line-height: 1.6;
    font-weight: bold;
    display: block;
}

ul.feature-icon-list li {
    display: inline-block;
}

.feature-icon .btn {
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    background: #0d69aa;
    padding: 1px 1px;
    width: 150px;
    display: table;
    text-align: center;
}

.feature-icon .btn a {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}

.feature-icon .btn a::after {
    content: "▶";
    padding-left: 3px;
}

.feature-icon {
    margin-top: 1em;
    bottom: 0;
    width: 100%;
}

.feature-icon img {
    width: 100%;
}

.feature-icon .icon-m {
    width: 46px;
    margin-right: 6px;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}





@charset "UTF-8";
/* ***************
 * エフェクト 
 * *************** */
/*.hover-op{-webkit-transition: opacity 250ms ease 0s;-o-transition: opacity 250ms ease 0s;transition: opacity 250ms ease 0s;}*/
.hover-op:hover{opacity: 0.7;}

/* ***************
 * 背景色
 * *************** */
.bgc-grey{background: #606060;}
.bgc-cream{background: #ede7da;}

/* ***************
 * 位置
 * *************** */
.posr{position: relative;}
.posa{position: absolute;}


/* ***************
 * レベル
 * *************** */
.db{display: block;}
a.db{width: 100%;height: 100%;}
.df{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.dif{display: -webkit-inline-flex;display: -moz-inline-flex;display: -ms-inline-flex;display: -o-inline-flex;display: inline-flex;}

.jc-center{justify-content: center;}
.jc-between{justify-content: space-between;}
.ai-center{-ms-align-items: center;align-items: center;}
.fxw{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}

/* ***************
 * 文字
 * *************** */
.c-deepblue{color: #41495b;}
.c-blue{color: #3f5a8f;}
.c-grey{color: #606060;}
.c-grey01{color: #5a5a5a;}

.tac{text-align: center;}
.fwb{font-weight: bold;}


.contents-wrapper {
    margin-top: 40px;
    padding-bottom: 80px;
}

.contents-wrapper > .inner {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.event-contents .unit02-01 {
    display: table;
    height: 64px;
    width: 100%;
    margin-top: 20px;
}

.event-contents .unit02-01 > h4 {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    background: #d7dfe7;
    width: 296px;
    text-align: center;
    font-size: 23px;
    color: #606060;
    line-height: 1;
    height: 64px;
}

.event-contents .unit02-01 > ul {
    text-align: center;
    display: table-cell;
    width: calc(100% - 296px);
    height: 64px;
    background: #b6c4d2;
    vertical-align: middle;
}

.event-contents .unit02-01 > ul li {
    display: inline-block;
    background: #fff;
    border-radius: 21px;
    margin: 0 14.5px;
}

.event-contents .unit02-01 > ul li a {
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    color: #888a8f;
    font-size: 18px;
    font-weight: bold;
    padding: 7px 31.5px;
    letter-spacing: 0.25em;
}

.event-contents .unit02-02 {
    margin-top: 28px;
}

.event-contents .unit02-02 li {
    margin-bottom: 24px;
    width: calc(50% - 18px);
    background: #efeae2;
    padding: 24px 26px;
    min-height: 896px;
    text-align: left;
}

.eventpage-loop {}

.eventpage-loop .head {
    padding-left: 114px;
}

.eventpage-loop .head {
    position: relative;
    min-height: 97px;
}

.eventpage-loop .head .type-text {
    font-size: 18px;
    color: #8d8d8d;
    display: inline-block;
    text-align: center;
    line-height: 1;
    padding: 6px 0.5em;
    background: #fff;
    min-width: 161px;
}

.eventpage-loop .head .place,
.eventpage-loop .head .dates {
    color: #5a5a5a;
    font-size: 18px;
    margin-top: 5px;
}

/* イベントアイコン */
.eventpage-loop .head.type1 {
    background-image: url(../img/icon/type1.png);
    background-repeat: no-repeat;
}
.eventpage-loop .head.type2 {
    background-image: url(../img/icon/type2.png);
    background-repeat: no-repeat;
}
.eventpage-loop .head.type3 {
    background-image: url(../img/icon/type3.png);
    background-repeat: no-repeat;
}
.eventpage-loop .head.type4 {
    background-image: url(../img/icon/type4.png);
    background-repeat: no-repeat;
}

.eventpage-loop .title h5 a {
    display: block;
    color: #5b5b5b;
    letter-spacing: -0.075em;
    line-height: 1.303;
    font-size: 28px;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 15px;
}

.eventpage-loop .title h5 a:hover {
    text-decoration: none;
    opacity: 0.7;
}

.eventpage-loop .body {
    margin-top: 32px;
}

.eventpage-loop .body .img {
    min-height: 452px;
    display: table;
    text-align: center;
    width: 100%;
    table-layout: fixed;
}

.eventpage-loop .body .img span {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    min-height: 452px;
    width: 100%;
}

.eventpage-loop .body .img img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 452px;
}

.eventpage-loop .body .comment {
    text-align: center;
    position: relative;
    color: #5a5a5a;
    font-size: 16px;
    line-height: 1.375;
    background: #fff;
    padding: 0.75em 1em;
    margin-top: 36px;
}

.eventpage-loop .body .comment:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 21px 13px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: -21px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.eventpage-loop .body .anchor {
    margin-top: 26px;
}

.eventpage-loop .body .anchor a {
    display: block;
    font-size: 21.6px;
    color: #fff;
    font-weight: bold;
    width: calc(50% - 3.5px);
    text-align: center;
    padding: 3.5px 1em;
}

.eventpage-loop .body .anchor a.detail {
    background: #a4bbc8;
}

.eventpage-loop .body .anchor a.reserve {
    background: #a9d1d5;
}

.event-contents .unit02-02 .eventpage-loop li.no-data {
    width: 100%;
    min-height: auto;
    text-align: center;
}

.event-contents .unit02-02 .eventpage-loop li.no-data a {
    display: inline-block;
    margin-top: 1em;
    background: #a9d1d5;
    border-radius: 23px;
    color: #fff;
    text-align: center;
    padding: 5px 1em 5px 1em;
    font-size: 23px;
}

.event-contents .unit02-02 .eventpage-loop li.no-data a:after {
    content: '▲';
    font-size: 14px;
    vertical-align: 3px;
    margin-left: 5px;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.event-contents .unit03 h3 {
    font-size: 28px;
    font-weight: bold;
    color: #5a5a5a;
}

.event-contents .unit03 h3 br {
    display: none;
}

.event-contents .unit03-01 img {
    display: block;
    margin: 50px auto 0;
}

.event-contents .unit04 {
    margin-top: 54px;
}

.event-contents .unit04 a {
    display: block;
    width: calc(50% - 13px);
    text-align: center;
    color: #fff;
    font-weight: bold;
    position: relative;
    font-size: 21px;
    padding: 13.5px 1em;
    background: #a9d1d5;
}

.event-contents .unit04 a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 12px;
    border-color: transparent transparent transparent #ffffff;
}

.event-contents .unit04 a i.mail-w {
    vertical-align: -5px;
}

.event-contents .unit05 {
    margin-top: 48px;
}

.event-contents .unit05 table {
    width: 100%;
}

.event-contents .unit05 table th {
    white-space: nowrap;
    width: 148px;
    text-align: left;
    font-weight: bold;
    padding: 0.5em 1em;
}

.event-contents .unit05 table th,
.event-contents .unit05 table td {
    color: #5a5a5a;
    border-top: 1px dotted #6c6c6c;
}

.event-contents .unit05 table tr:last-child th,
.event-contents .unit05 table tr:last-child td {
    border-bottom: 1px dotted #6c6c6c;
}

.event-contents .data-point {
    padding: 0 178px;
}

.event-contents .data-point h4 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #5a5a5a;
    line-height: 1;
    margin-bottom: 18px;
    margin-top: 70px;
}

.event-contents .data-point dl {
    display: table;
    color: #5a5a5a;
    margin-bottom: 22px;
}

.event-contents .data-point dt span {
    color: #fff;
    font-size: 12px;
    background: #bcc3d6;
    font-weight: bold;
    padding: 4.5px 26px;
    min-width: 107px;
    display: inline-block;
    vertical-align: middle;
}

.event-contents .data-point dd {
    font-size: 18px;
    padding-left: 1em;
    font-weight: bold;
}

.event-contents .data-point dt,
.event-contents .data-point dd {
    vertical-align: top;
    display: table-cell;
}

.event-contents .data-infomation {
    margin-top: 80px;
    padding: 20px 20px 40px;
    background: #f3f0eb;
}

.event-contents .data-infomation h4 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #5a5a5a;
    line-height: 1;
}

.event-detail-info {
    text-align: center;
    font-size: 24px;
    line-height: 1.8 !important;
}

.event-contents .data-infomation h4 + div {
    margin-top: 20px;
}

.event-contents .data-infomation h4 + div > * {
    line-height: 1.303;
}

.event-contents .data-access {
    margin-top: 80px;
}

.event-contents .data-access h4 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #5a5a5a;
    line-height: 1;
}

.event-contents .data-access #map_canvas {
    height: 421px;
    margin-top: 24px;
}

/* * 追加分 */
.event-contents .unit02-01 {
    background-color: #b6c4d2;
}

.event-contents .unit02-01 .area-sub-btn {
    width: 65%;
    display: table-cell;
    padding-top: 6px;
    padding-right: 6px;
}

.event-contents .unit02-01 .box01 .hover-op02 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #6f94b6;
    padding: 0.5em 0 0.5em 0.8em;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-left: 10px;
    width: 90px;
}

.event-contents .unit02-01 .box01 .hover-op02 a {
    color: #fff;
}


.event-contents .unit02-01 .box01 .hover-op {
    width: 140px;
    display: table;
    background-color: #6f94b6;
    padding: 0.5em;
}

.event-contents .unit02-01 .box01 .hover-op a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
}

.event-contents .unit02-01 .box01 .hover-op:last-child {
    width: 120px;
    display: table;
    background-color: #6fb69f;
    padding: 0.5em;
}

.title-con{
    width: 100%;
    max-width: 640px;
    margin-top: 2em;
    background-color: #e6e9ec;
    padding: 1em 1em 1em 7em;
    background-image: url("../img/exhibition/parts/room-tour.png");
    background-repeat: no-repeat;
    background-position: left 15px top 15px;
    min-height: 110px;
}

.title-con .title{
    font-weight: bold;
    font-size: 18px;
}

@media screen and (max-width: 1000px) {
    .event-contents .unit02-01 > h4 {
        width: 20%;
        padding-left: 2%;
        padding-right: 2%;
        font-size: 18px;
    }

    .event-contents .unit02-01 .box01 .hover-op02 {
        font-size: 16px;
    }

    .event-contents .unit02-01 .box01 .hover-op a {
        font-size: 16px;
    }

    i.search-g {
        width: 25px;
        height: 25px;
    }

    .event-contents .unit02-01 .box01 .hover-op {
        width: 20%;
    }

    .event-contents .unit02-01 > h4 {
        height: auto;
    }

    .event-contents .unit02-01 {
        height: auto;
    }

    .event-contents .unit02-01 .area-sub-btn {
        padding-bottom: 6px;
    }
}

@media screen and (max-width: 768px) {
    .event-contents .unit02-01.fl-h {
        display: block;
    }
    
    .event-contents .unit02-01 h4{
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .event-contents .unit02-01 .area-sub-btn {
        width: 100%;
        display: block;
    }
}


/* * 追加分 */

.fl-h {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.fl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.fl-end {
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}

.fl-bt {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fl-wr {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.fl-al-ce {
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.fl-jc-ce {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}


/* =====================
  お気に入り
===================== */
#button-toggle-fav {
    width: 51px;
    height: 51px;

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    border: none;
    background-color: transparent;
    cursor: pointer;
}

#button-toggle-fav[data-fav-action="add"] {
    background-image: url("../img/icon/fav-icon.png");
    margin-top: 1em;
}

#button-toggle-fav[data-fav-action="remove"] {
    background-image: url("../img/icon/fav-icon-b.png");
    margin-top: 1em;
}