/* ==========================================================================
   Foundation
   ========================================================================== */
/*.Photofixed
   ----------------------------------------------------------------- */
.Photofixed
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.Photofixed::after
{
    display: block;

    width: 32.5%; 

    content: '';
}

.Photofixed figure
{
    position: relative;

    overflow: hidden; 

    width: 32.5%;
    height: auto;
    margin-bottom: 13px;
}

.Photofixed figure img
{
    width: 390px;
    height: 290px;
}

@media screen and (max-width: 1023px)
{
    .Photofixed figure img
    {
        width: 236.59px;
        height: 177.44px;
    }
}

@media screen and (max-width: 767px)
{
    .Photofixed figure img
    {
        width: 50.66667vw;
        height: 34.66667vw;
    }
}

@media screen and (max-width: 767px)
{
    .Photofixed figure
    {
        width: 49.5%;
        margin-bottom: 10px;
    }
}

.Photofixed figure:before
{
    display: block;

    padding-top: 75%; 

    content: '';
}

@media screen and (max-width: 767px)
{
    .Photofixed figure:before
    {
        padding-top: 80%;
    }
}

.Photofixed figure a
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.Photofixed figcaption
{
    margin-top: 5px;
    margin-bottom: 5px;
}

/* PhotoGallery
   ----------------------------------------------------------------- */
.photo-gallery
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.photo-gallery::after
{
    display: block;

    width: 32.5%; 

    content: '';
}

.photo-gallery figure
{
    position: relative;

    overflow: hidden; 

    width: 32.5%;
    height: auto;
    margin-bottom: 13px;
}

@media screen and (min-width: 1024px)
{
    .photo-gallery figure img
    {
        width: 390px;
        height: 305px;
    }
}

@media screen and (max-width: 1023px)
{
    .photo-gallery figure img
    {
        width: 236.59px;
        height: 177.44px;
    }
}

@media screen and (max-width: 767px)
{
    .photo-gallery figure
    {
        width: 49.5%;
        margin-bottom: 3px;
    }
    .photo-gallery figure img
    {
        width: 50.66667vw;
        height: 35vw;
    }
}

.photo-gallery figure:before
{
    display: block;

    padding-top: 75%; 

    content: '';
}

.photo-gallery figure a
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.photo-gallery figure:nth-child(-n+2)
{
    width: 49.5%;
}

@media screen and (min-width: 1024px)
{
    .photo-gallery figure:nth-child(-n+2) img
    {
        width: 594.445px;
        height: 458.5px;
    }
}

@media screen and (max-width: 1023px)
{
    .photo-gallery figure:nth-child(-n+2) img
    {
        width: 360.36px;
        height: 270.27px;
    }
}

@media screen and (max-width: 767px)
{
    .photo-gallery figure:nth-child(-n+2)
    {
        width: 100%;
    }
    .photo-gallery figure:nth-child(-n+2) img
    {
        width: 133.33333vw;
        height: 70.66667vw;
    }
}

.photo-gallery figcaption
{
    display: none;
}

.photo-gallery figure img.outset
{
    font-family: 'object-fit: cover;'; 

    -o-object-fit: cover; 

       object-fit: cover;
}

.photo-gallery figure img.inset
{
    font-family: 'object-fit: contain;'; 

    -o-object-fit: contain; 

       object-fit: contain;
}

@media screen and (max-width: 1023px)
{
    .p-newsDetail__list
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;

        width: 100%;
        padding: 25px 0;

        -webkit-box-align: baseline;

            -ms-flex-align: baseline;

                align-items: baseline;
    }
}

@media screen and (max-width: 767px)
{
    .p-newsDetail__list
    {
        width: 100%; 
        padding: 25px 0;
    }
}

.p-newsDetail__meta
{
    position: relative;

    display: inline-block;
}

.p-newsDetail__label
{
    font-family: 'Noto Sans JP', sans-serif; 
    font-size: 20px;
    font-size: 2rem;

    margin-bottom: 0;

    color: #aace36;
}

@media screen and (max-width: 767px)
{
    .p-newsDetail__label
    {
        font-size: 17px;
        font-size: 1.7rem;
    }
}

.p-newsDetail__date
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-size: 2rem;

    margin-right: 8px; 

    color: #7d7d7d;
}

@media screen and (max-width: 767px)
{
    .p-newsDetail__date
    {
        font-size: 17px;
        font-size: 1.7rem;

        margin-bottom: 3px;
    }
}

.p-newsDetail__title
{
    font-size: 35px;
    font-size: 3.5rem; 

    color: #37465f;
}

@media screen and (min-width: 768px)
{
    .p-newsDetail__title
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;
    }
}

@media screen and (max-width: 1719px) and (min-width: 1480px)
{
    .p-newsDetail__title
    {
        font-size: 2.03488vw;
    }
}

@media screen and (max-width: 1479px) and (min-width: 1024px)
{
    .p-newsDetail__title
    {
        font-size: 2.36486vw;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-newsDetail__title
    {
        font-size: 4.44336vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-newsDetail__title
    {
        font-size: 19.74px;
        font-size: 2.57031rem;
    }
}

.p-newsDetail__title .type
{
    position: relative;

    display: inline-block; 

    padding: 0 35px;
}

@media screen and (min-width: 768px)
{
    .p-newsDetail__title .type
    {
        margin-left: 30px;
    }
}

.p-newsDetail__title .type:before,
.p-newsDetail__title .type:after
{
    position: absolute;
    top: 0;
    bottom: 0;

    width: 3px;
    height: 35px;
    margin: auto; 

    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

    background: #37465f;
}

.p-newsDetail__title .type:before
{
    left: 10px;
}

.p-newsDetail__title .type:after
{
    right: 10px;
}

.p-newsDetail__text
{
    margin-top: 13px;
}

@media screen and (max-width: 767px)
{
    .p-newsDetail__text
    {
        font-size: 32px;
        font-size: 4.27vw;
    }
}

.p-newsDetail__text.title
{
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 400; 
    line-height: 1.2;

    margin-bottom: 25px;
}

@media screen and (max-width: 767px)
{
    .p-newsDetail__text.title
    {
        font-size: 50px;
        font-size: 6.67vw;
    }
}

.p-newsDetail__map
{
    height: 30vw;
}

@media screen and (max-width: 1023px)
{
    .p-newsDetail__map
    {
        height: 80vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-newsDetail__map
    {
        height: 130vw;
    }
}

.youtube
{
    position: relative;
}

.youtube::before
{
    display: block;

    padding-top: 56.25%; 

    content: '';
}

.youtube iframe
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.youtubetext
{
    padding-top: 15px;
}

.outlineArea
{
    padding-top: 65.75px;
    padding-bottom: 65.75px; 

    background: #f8f8f8;
}

@media screen and (max-width: 1479px) and (min-width: 1024px)
{
    .outlineArea
    {
        padding-top: 4.44257vw;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .outlineArea
    {
        padding-top: 6.09985vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 600px)
{
    .outlineArea
    {
        padding-top: 8.13314vw;
    }
}

@media screen and (max-width: 599px) and (min-width: 320px)
{
    .outlineArea
    {
        padding-top: 9.8625vw;
    }
}

@media screen and (max-width: 319px)
{
    .outlineArea
    {
        padding-top: 17.46484vw;
    }
}

@media screen and (max-width: 1479px) and (min-width: 1024px)
{
    .outlineArea
    {
        padding-bottom: 4.44257vw;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .outlineArea
    {
        padding-bottom: 6.09985vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 600px)
{
    .outlineArea
    {
        padding-bottom: 8.13314vw;
    }
}

@media screen and (max-width: 599px) and (min-width: 320px)
{
    .outlineArea
    {
        padding-bottom: 9.8625vw;
    }
}

@media screen and (max-width: 319px)
{
    .outlineArea
    {
        padding-bottom: 17.46484vw;
    }
}

.outlineArea .detail
{
    position: relative; 

    display: block;

    max-width: 1080px;
    margin: 0 auto;
    padding: 10px 10px 20px;

    background: white;
}

.outlineArea .detail .note
{
    font-family: 'Noto Sans JP', sans-serif !important;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 49px;

    overflow: hidden;

    margin-right: 20px;
    margin-left: 20px;

    color: black;
    background-image: url(../image/bg_note.gif);
    background-size: 2% 49px;
}