@charset "UTF-8";/*文字化け防止*/

body {
    margin: 0 10px;
}

.carousel {
    width: 100%;
    /*min-width: 1200px;*/
    margin: 10px auto;
}

.slick-next {
    right: 25px;
}

.slick-prev {
    left: 25px;
    z-index: 1;
}

.slick-prev:before,
.slick-next:before {
    color: black;
    left: 50px;
    right: 50px;
}

.slick-slide img {
    width: 100%;
}

share_image {
    width: 30px;
}

/*モーダル«*/
#modal_01 {
    display: none;
}

.modaal-content-container img {
    width: 100%;
}

#modal_01 figcaption {
    margin-top: 10px;
}

#share_01 {
    border: solid 1px black;
    width: 70px;
    padding: 5px 0px 5px 20px;
    margin: 10px 0px;
    background-image: url(../img-materials/share.png);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: 1px center;
}

#modal_02 {
    display: none;
}

#modal_02 figcaption {
    margin-top: 10px;
}

#share_02 {
    border: solid 1px black;
    width: 70px;
    padding: 5px 0px 5px 20px;
    margin: 10px 0px;
    background-image: url(../img-materials/share.png);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: 1px center;
}

#modal_03 {
    display: none;
}

#modal_03 figcaption {
    margin-top: 10px;
}

#share_03 {
    border: solid 1px black;
    width: 70px;
    padding: 5px 0px 5px 20px;
    margin: 10px 0px;
    background-image: url(../img-materials/share.png);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: 1px center;
}

#modal_04 {
    display: none;
}

#modal_04 figcaption {
    margin-top: 10px;
}

#share_04 {
    border: solid 1px black;
    width: 70px;
    padding: 5px 0px 5px 20px;
    margin: 10px 0px;
    background-image: url(../img-materials/share.png);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: 1px center;
}

/*#modal_09 {*/
/*    display: none;*/
/*}*/

/*#modal_10 {*/
/*    display: none;*/
/*}*/
/*シェアˆ*/
.alart_01 {
    display: none;
}

.alart_02 {
    display: none;
}

.alart_03 {
    display: none;
}

.alart_04 {
    display: none;
}

body {
    padding: 5px 0px;
}

body h2 {
    padding: 3px 0 3px 20px;
    border-bottom: solid 1px #24140e;
    color: #24140e;
    background-image: url(../img-materials/icon.png);
    background-repeat: no-repeat;
    background-position: 0 center;
}

article img {
    width: 180px;
}

article figure {
    margin: 10px;
}

.thumbnail {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.thumbnail figure {
    text-align: center;
    color: #24140e;
}

footer {
    border-top: solid 1px #24140e;
    margin-top: 10px
}

footer small {
    margin-top: 5px;
    display: block;
    text-align: center;
    color: #24140e;
}