body{
padding:0 0 0 0;
margin:0 0 0 0;
}



.container {
    display: flex;
    flex-wrap: wrap;
}

.block {
    width: calc(33.333% - 20px); /* 3 blocks in a row with 20px gap */
    margin: 20px 0px 0px 20px; /* Adjust margin as needed */
    background-color: #ffffff; /* Background color for blocks */
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
    overflow: hidden; /* Prevents block headers from overflowing */
}

.block-header {
    background-color: #000000; /* Background color for block headers */
    padding: 10px; /* Padding for block headers */
    /*border-top-left-radius: 8px;*/ /* Rounded corners for top left of headers */
    /*border-top-right-radius: 8px;*/ /* Rounded corners for top right of headers */
}

.block-heading {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    color: white; /* Text color for block headers */
}

ul {
    list-style-type: disc; /* Display a filled circle as list item marker */
    padding: 20px 0px 20px 40px;
    margin: 0px 0px 0px 0px; /* Remove default margin */
	font-size: 12px;
}

li {
    margin-bottom: 10px; /* Adjust spacing between list items */
}

ul li a {
    text-decoration: none; /* 通常時は下線を非表示 */
    color: #007bff; /* 通常時のリンクの色 */
    transition: background-color 0.3s, border-bottom-color 0.3s; /* アニメーションの設定 */
}

ul li a:hover,
ul li a:active,
ul li a:focus {
    background-color: #f0f0f0; /* マウスオーバー、クリック時の背景色 */
    border-bottom: 1px solid #007bff; /* マウスオーバー、クリック時の下線 */
}

p.free_bun{
    font-size:14px;
    color:#ffffff;
    margin:30px 0px 20px 30px;
    padding:0px 0px 0px 0px;
    background-color:#000000;
    line-height:0px;
    max-height:100%;
    }

p a {
        text-decoration: none; /* 通常時は下線を非表示 */
        color: #007bff; /* 通常時のリンクの色 */
        transition: background-color 0.3s, border-bottom-color 0.3s; /* アニメーションの設定 */
    }

p a:hover,
p :active,
p :focus {
        background-color: #f0f0f0; /* マウスオーバー、クリック時の背景色 */
        border-bottom: 1px solid #007bff; /* マウスオーバー、クリック時の下線 */
    }

footer {
        position: fixed; /* 固定位置に配置 */
        bottom: 0; /* ページの一番下に配置 */
        background-color: #000; /* 背景色を黒に設定 */
        height: 50px; /* 高さを50pxに設定 */
        width: 100%; /* 幅を100%に設定 */
        text-align: center; /* 文字のアラインメントをセンターに設定 */
        font-size: 12px;
        color: #fff; /* テキストの色を白に設定 */
        line-height: 50px; /* フッター内の行の高さを50pxに設定 */
    }

footer a {
        text-decoration: none; /* 通常時は下線を非表示 */
        color: #fff; /* 通常時のリンクの色 */
        transition: background-color 0.3s, border-bottom-color 0.3s; /* アニメーションの設定 */
    }

footer a:hover,
footer a:active,
footer a:focus {
        background-color: #ef3a0c; /* マウスオーバー、クリック時の背景色 */
        border-bottom: 1px solid #ef3a0c; /* マウスオーバー、クリック時の下線 */
    }