/*余白*/
h3,h4,h5{
    margin-top: 2.5rem;
}

/* セクション区切り */
.separate{
    border: dotted 2px gold;
}

/*トップ画像の設定*/
.hero{
    width: 100%;
    height: auto;
    margin-bottom: 1.5em;

    img{
        width: inherit;
        height: inherit;
        object-fit: cover;
    }

    img:hover{
        opacity: 1 !important;
    }
}

.copy{
    font-size: 1.25rem;
    color: tomato;
    text-align: center;
    margin: 1.5em 0;

    span{
        font-size: 1.75rem;
    }

}

.event-about{
    table{
        border-collapse: collapse;
        width: 90%;
        margin: 0.5rem;

        th,td{
            border: 2px solid #666;
        }

        dt{
            font-weight: bold;
            align-items: center;
            text-align: center;
            padding:0.5rem;
        }

        dd{
            padding: 0.5rem;
        }

        .label{
            background-color: mistyrose;
        }
    }
}


/* ページ内移動ボタン */
.id_btn{

    display: flex;
    justify-content: center;
    column-gap:3rem;
    flex-wrap: wrap;

    div{
    background-color: color-mix(in srgb, salmon , red 20%);
    border-radius: 1rem;
    color: whitesmoke !important;
    margin: 1rem;
    padding: 0.75rem 1rem;
    text-align: center;
    width: 10em;
    }

    div:hover{
        background-color: salmon;
    }

    a{
        text-decoration: none;
        font-size: 1.25em;
    }
}

/*チェックリスト*/
.check-list{
    margin: 1rem;
    list-style:"\2714　" ;
    padding-left: 1.5em;

    li{

        span{
            font-weight: bold;
        }
    }

    li::marker{
        color: seagreen;
         font-weight: bolder;

    }

}

/* 汎用リスト */
.list-def{
    margin: 2em;
    text-indent: -1em;
    
    span{
        font-weight: bold;
    }

    ul{
        list-style: "\25FE";
        text-indent: 0;
    }

    ol{
        list-style: decimal-leading-zero;

    }

    li{
        margin-bottom: 1em;
    }
}

/* 追加リスト */
.more-list{
    font-size: 0.812em;
    margin: 0.5em 1em;
    text-indent: 1em;

    ul{
        list-style: "";
    }
    ol{
        list-style: decimal;
    }
}

/* 申込の流れ */
.entry-flow{
    ol{
        list-style: decimal-leading-zero !important;
        margin: 1em;
        padding-left: 1.5rem;

        li{
            margin-bottom: 2em;
        }

        li::first-line{
            font-size: 1.25rem;
            color: darkslateblue;
            font-weight: bold;
        }
    }

    span{
        font-weight: bold;
        color:firebrick;
    }
}

/*　文中リンク　*/
.inner-link{
    margin:0.5em;
    padding: 0.25em;
    border-bottom: dotted 3px;

    a{
        text-decoration: none;
    }
}

/* チラシ掲載 */
.fryer{
    text-align: center;

    img{
        width: 25dvw;
        margin: 3em auto;
    }
}