@charset "UTF-8";

/* archive__page deital__page */

/*============================
 archive__page
============================*/
.sub__copy {
    width: 90%;
}

.sub__copy .txt02 {
    display: block;
    width: fit-content;
    text-align: left;
    margin: 30px auto 0;
    white-space: normal;
    max-width: 540px;
}

.arc__ttl {
    position: relative;

    &::before {
        content: "";
        position: absolute;
        width: 1em;
        height: 8px;
        bottom: -.75em;
        left: 0;
        border-top: solid 2px #4d3939;
        border-bottom: solid 2px #4d3939;
    }
}

.arc__search {
    align-items: flex-start;
}

.arc__search .arc__items {
    width: 70%;

    .arc__atc {
        margin-bottom: 50px;
    }
}

.arc__searchbox {
    width: 28%;
    max-width: 315px;
    background: #fff;
    padding: 20px 2%;
}

.arcs__ttl {

    .font-en {
        font-size: 1.6rem;
        top: -1em;
        left: -1.5em;
    }

    .txt {
        font-size: 2.2rem;
    }
}

.arcs__list li span {
    position: relative;
}

.arcs__list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em;
    border-top: dashed 1px #4D3939;
    cursor: pointer;
    position: relative;
    transition: .3s ease-out;
    position: relative;

}

.arcs__list li:last-child a {
    border-bottom: dashed 1px #4D3939;
}

.arcs__list li .active a,
.arcs__list li:hover a {
    color: #1169AB;
}

.arcs__list li a::before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    background: #FFD009;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 0;
    transition: .3s ease-out;
}

.arcs__list li a:hover::before,
.arcs__list li.active a::before {
    opacity: 1;
}

@media screen and (max-width:1024px) {
    .sub__copy .txt02 {
        margin: 30px auto 0;
    }

    .arc__ttl {

        &::before {
            height: 8px;
            bottom: -.75em;
        }
    }

    .col__info {
        flex-wrap: wrap;
    }

    .arc__search .arc__items {
        width: 70%;

        .arc__atc {
            margin-bottom: 40px;
        }
    }

    .arc__searchbox {
        width: 28%;
        padding: 20px 2%;
    }

    .arcs__ttl {

        .font-en {
            font-size: 1.4rem;
            top: -1em;
            left: -1.5em;
        }

        .txt {
            font-size: 1.8rem;
        }
    }

    .arcs__list li a {
        padding: 1em .5em;

    }

    .arcs__list li a::before {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-width:767px) {
    .sub__copy .txt02 {
        margin: 20px auto 0;
        width: 100%;
        font-size: 1.2rem;
        z-index: 99;
        position: relative;

    }

    .arc__ttl {

        &::before {
            height: 6px;
            border-width: 1px;
            bottom: -1em;
        }
    }

    .arc__search .arc__items {
        width: 100%;

        .arc__atc {
            margin-bottom: 30px;
        }
    }

    .arc__searchbox {
        width: 100%;
        margin-bottom: 30px;
        max-width: none;
        display: flex;
        justify-content: space-between;
        padding: 20px 4%;
    }

    .arcs__item {
        width: 48%;
    }

    .arcs__ttl {

        .font-en {
            font-size: 1.2rem;
            top: -1em;
            left: -1.5em;
        }

        .txt {
            font-size: 1.6rem;
        }
    }

    .arcs__list li a {
        padding: 1em .5em;

    }

    .arcs__list li a::before {
        width: 30px;
        height: 30px;
    }
}

/*  detail__page */

/*============================
    deital__page
============================*/
.kv.detail-kv .inner {
    border: none;
}

.detail__catwrap .col__cat {
    margin: 0;
}

.detail-kv .breadcrumb {
    margin-bottom: 0;
}

.detail__ttl {
    padding-bottom: .5em;
    border-bottom: dashed 1.5px #4D3939;
}

.dtc__flex {
    align-items: flex-start;
}

.dtc__flex .dtc__contents{
    width: 70%;
}

.dtc__flex .dtc__contents p{
    font-weight: normal;
    letter-spacing: 0.2rem;
}

.dtc__flex .dtc__contents strong{
    font-weight: bold;
}

.dtr__btn {
    margin: 0 auto;
}

.dtc__box {
    background: #fff;
    padding: 30px 4%;
}

.dtc__sub--ttl {
    .font-en {
        top: -1em;
        font-size: 1.6rem;
    }

    .txt {
        font-size: 2.2rem;
    }
}


.dtc__ul li {
    display: flex;
    margin-bottom: 1em;

    &:last-child {
        margin-bottom: 0;
    }

    span {
        font-weight: bold;
    }
}

.detail__h2 {
    position: relative;

    &::before {
        content: "";
        position: absolute;
        width: 1em;
        height: 8px;
        bottom: -.75em;
        left: 0;
        border-top: solid 2px #4d3939;
        border-bottom: solid 2px #4d3939;
    }
}

.detail__h3 {
    position: relative;

    &::before {
        content: "";
        position: absolute;
        width: 1em;
        height: 2px;
        bottom: -.5em;
        left: 0;
        background: #ffd009;
    }
}

.dtc__share {
    padding: 20px 5%;
    border: dashed 1.5px #4D3939;
    border-left: none;
    border-right: none;
}

.dtc__sns li {
    margin-left: 15px;
    width: 50px;
}

.dtc__btn {
    display: block;
    width: 48%;
    max-width: 400px;
}

.dtc__info li {
    padding: 1em;
    border-top: dashed 1.5px #4D3939;

    display: flex;

    &:last-child {
        border-bottom: dashed 1.5px #4D3939;
    }
}

.dtc__info--ttl {
    font-weight: bold;
    width: 12em;
}

.dtc__info--txt {
    width: calc(100% - 12em);
    padding-left: 1em;
}

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


    .dtc__flex .dtc__contents {
        width: 70%;
    }


    .dtc__box {
        padding: 30px 4%;
    }

    .dtc__sub--ttl {
        .font-en {
            top: -1em;
            font-size: 1.4rem;
        }

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


    .detail__h2 {

        &::before {
            width: 1em;
            height: 6px;
            bottom: -.75em;
            border-width: 1px;
        }
    }

    .detail__h3 {

        &::before {
            width: 1em;
            height: 2px;
            bottom: -.5em;
        }
    }

    .dtc__share {
        padding: 15px 5%;
    }

    .dtc__sns li {
        margin-left: 10px;
        width: 40px;
    }

    .dtc__btn {
        width: 48%;
        max-width: 350px;
    }

}

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

    .dtc__flex .dtc__contents {
        width: 100%;
        margin-bottom: 60px;
    }


    .dtc__box {
        padding: 30px 5%;
    }

    .dtc__sub--ttl {
        .font-en {
            top: -1em;
            font-size: 1.2rem;
        }

        .txt {
            font-size: 1.6rem;
        }
    }


    .detail__h2 {

        &::before {
            width: 1em;
            height: 6px;
            bottom: -.75em;
            border-width: 1px;
        }
    }

    .detail__h3 {

        &::before {
            width: 1em;
            height: 2px;
            bottom: -.5em;
        }
    }

    .dtc__share {
        padding: 15px 5%;

        .dtc__sub--ttl {
            margin-bottom: 1em;
        }
    }

    .dtc__sns {
        display: flex;
        justify-content: flex-start;

        li {
            margin-left: 10px;
            width: 40px;
        }
    }

    .dtc__btn {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 15px;

        &:last-child {
            margin-bottom: 0;
        }
    }

    .dtc__info li {
        padding: 1em .5em;

        display: block;
    }

    .dtc__info--ttl {
        font-weight: bold;
        width: 100%;
    }

    .dtc__info--txt {
        width: 100%;
        padding-left: 0;
    }
}

/*============================
    column__page
============================*/

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

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

/*============================
    event__page
============================*/
.e-archive .sub__pagelink li {
    width: 16.66%;
}

.e-archive .arc__atc {
    margin-bottom: 50px;
}

.detail__catwrap .event__cat {
    margin: 0;
}

.dtc__back-btn {
    margin: 0 auto;
}

@media screen and (max-width:1024px) {
    .e-archive .sub__pagelink li {
        width: 16.66%;
    }

    .e-archive .arc__atc {
        margin-bottom: 40px;
    }
}

@media screen and (max-width:767px) {
    .e-archive .sub__pagelink li {
        width: 33.33%;
        font-size: 1.2rem;

        &:nth-child(3) {
            border-right: dashed 1px #4D3939;
        }
    }

    .e-archive .arc__atc {
        margin-bottom: 30px;
    }
}

/*============================
    news__page
============================*/
.detail__catwrap .news__cat {
    margin: 0;

}

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

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


/*============================
    Easy Table of Contents
============================*/

div#ez-toc-container {
  border: 1px solid #ffffff;
  background: #fff;
  padding: 30px 4%;
  margin-bottom: 50px;
  border-radius: 0;
  box-shadow: none;
}
.ez-toc-link{
  font-weight:bold;
}

.ez-toc-counter nav ul li a::before {
  content: counter(item, decimal-leading-zero) '. '!important;
  color: #1169AB;
}