@charset "utf-8";
/* CSS Document */
@media screen and (max-width : 1024px) {
/***max-width : 1024px************************************/
 /***********************************************************/
    body {
        font-size: 16px;
    }
    a {
        color: #fff;
}
/* ------------------------------
MV
------------------------------ */
.mv-box {
                display: block;
                padding-left: 0;
                position: relative;
        }
        .img-mv {
                display: block;
                width: 100%;
                height: auto;
                object-fit: cover;
                padding: 0;
                margin: 0;
        }
        .img-mv-text {
                width: 60%;
                position: absolute;
                top: 46%;
                left: 50%;
                -ms-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                margin: 0;
                padding: 0;
        }
/* ------------------------------
BOX
------------------------------ */
 .section-big-box {
                width: 100%;
                padding-top: 60px;
                padding-bottom: 60px;
                padding-left: 0;
                padding-right: 0;
        }
        .id-img {
                height: auto;
                width: 50%;
                margin: auto;
                margin-top: 60px;
                margin-bottom: 38px;
        }
/* ------------------------------
MENU
------------------------------ */
.menu {
                display: none;
        }
/* ------------------------------
NEWS
------------------------------ */
 #news .charity-info-box {
                color: #F1E07B;
                display: block;
                width: 90%;
                margin: auto;
        }
.section-news-box {
    display: block;
                width: 90%;
                margin: 0 auto;
                padding: 0;
        }
        #news .line-leaf {
                width: 20%;
                padding: 0;
                margin: 0;
        }
/* ------------------------------
ABOUT
------------------------------ */
#about p {
                width: 90%;
                margin: 0 auto;
        }
/* ------------------------------
GALLERY
------------------------------ */
 .gallery-one-out {
                width: 90%;
                background: #00489A;
                background: -moz-linear-gradient(#00234A 0%, #00489A 100%);
                background: -webkit-gradient(linear, left top, left bottom, from(#00234A), to(#00489A));
                background: -webkit-linear-gradient(#00234A 0%, #00489A 100%);
                background: -o-linear-gradient(#00234A 0%, #00489A 100%);
                background: -ms-linear-gradient(#00234A 0%, #00489A 100%);
                background: linear-gradient(#00234A 0%, #00489A 100%);
                padding: 16px;
                margin-right: 0;
                margin: 60px auto;
        }
    #gallery .img-gallery-one-main {
        width: 270px;
        height: auto;
        margin: 0;
        padding: 0;
}
#gallery .img-gallery-one-mini {
        width: 100px;
        height: 100px;
        object-fit: cover;
}
    /***/
    #gallery .grid-container-5 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
}
#gallery .grid-container-5 .grid_item {
        width: 16%;
        padding: 0;
        margin-right: 0;
        margin-bottom: 20px;
}
#gallery .grid-container-5 .grid_item:last-child {
        width: 16%;
        padding: 0;
        margin-right: 0;
        margin-bottom: 0;
}
#gallery .grid-container-3 {
        display: flex;
        flex-wrap: wrap;
}
#gallery .grid_item img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        padding-right: 16px;
        padding-bottom: 16px;
}
/* ------------------------------
.ONE-FLEX
------------------------------ */
 .one-flex {
                width: 100%;
                display: block;/**/
                flex-wrap: wrap;
                border: 1px solid #fff;
                padding: 30px;
                margin-left: auto;
        }
        .img-gallery-one-main {
                width: 300px;
                height: auto;
                margin: 0;
                padding: 0;
        }
        .one-right {
                display: block;
                width: 100%;/**/
                border-left: 1px dashed #fff;/**/
                padding-left: 20px;
                font-size: 11px;
            margin-top: 30px;/**/
        }
/* ------------------------------
He is ...
------------------------------ */
    .width-90box {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .img-heis-mv {
                height: auto;
                width: 90%;/**/
                margin: auto;
                margin-top: 0;/**/
                margin-bottom: 0;/**/
        }
/* ------------------------------
LINK
------------------------------ */
  #link .flex-between {
                width: 90%;
                margin-right: 0;
                margin: 60px auto;
        }
        #link .section-left-box {
                width: 100%;
                font-size: 0.8rem;
        }
        #link .section-left-box p {
            width: 80%;
                font-size: 11px;
            margin: 0 auto;
        }
        #link .section-right-box {
                width: 100%;
                flex-wrap: wrap;
                justify-content: space-between;/**/
                margin: 0;
                padding: 0;
        }
        #link .id-img {
                height: auto;
                width: 100px;
                margin: auto;
        }
        .link-one {
                background-color: #fff;
                color: #002E62;
                width: 80%;
            height: auto;
                border-top-right-radius: 20px;
            margin: 16px auto;
        }
/* ------------------------------
CONTACT
------------------------------ */
#contact .flex-start {
                width: 90%;
                margin: auto;
        }
/* ------------------------------
EXHIBITION
------------------------------ */
.exhibition-slider {
                width: 90%;
                margin: auto;
        }
        .slider img {
                width: 60vw; /*スライダー内の画像を60vwにしてレスポンシブ化*/
                height: auto;
        }
/* ------------------------------
KAKOMI
------------------------------ */
 .kakomi {
                color: #002E62;
                font-size: 9px;
                padding: 4px 10px;
                border-radius: 10px;
                background-color: #F1E07B;
        }
/* ------------------------------
SALE
/* ------------------------------ */
    #online-shop .section-mini-box {
        width: 90%;
        margin: 0 auto;
    }
.sales-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;/**/
    margin: 0 auto;/**/
}
.sale-item-img {
    width: 200px;
                height: 200px;
                box-sizing: border-box;
                margin: 0;
                padding: 0;
}
.dl-sale {
    width: 100%;/**/
    display: block;/**/
    margin-top: 32px;
    margin-bottom: 32px;
    margin-right: 0;/**/
    color: #000;
    background-color: #fff;/*#927E47*/
    padding: 20px;
}
.dl-sale dt {
    width: 100%;/**/
    margin-right: 0;/**/
    }
.dl-sale dd {
    width: 100%;
    padding-left: 0;/**/
    margin-top: 32px;
}
.sale-button {
    width: 50%;
    font-size: 18px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    display: block;
    color: #fff;
    background-color: #5E5990;
    text-align: center;
    padding: 8px 0;
    border-radius: 10px;
    margin-top: 20px;
}
/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */
/***********************************************************/
/***********************************************************/
}