@charset "utf-8";

body {
    font-family: "UDDigiKyokasho B";
}

@media screen and (max-width:480px) {
    body {
        font-size:16px;
    }
    .grecaptcha-badge {
        right: 100px !important;
        bottom:50px !important;
    }
    #contents {
        padding-bottom:0px;
        margin-bottom:80px;
    }
}

.list h4 {
    font-size:20px;
    color:#830000;
}

@media screen and (min-width:481px) {
    body.is-fixed-pagetop .nav-fix-pos-pagetop a {
        right:4%;
    }
}

footer {
    z-index:0;
}

form span.required:before {
    content: " ※ ";
    color:#f00;
}

form .msg {
    color:#00f;
}

form .ta1 th {
    width:200px;
}

.notice {
    color: #0000ff;
}

@media screen and (max-width:800px) {
    button.btn, button:disabled.btn {
        width:25vw;
    }
    #menubar_hdr {
        display:none;
    }
}

#contents,#contents .inner {
    padding-top:20px;
}

#contents,#contents .inner {
    padding-top:20px;
}

#footermenu {
    min-height: 150px;
    padding: 50px 0;
    background: url(../images/footer_logo.png) no-repeat center center;
}

button.btn {
    display: block;
    text-decoration: none;
    background: #f5f5dc;    /*背景色（古いブラウザ用）*/
    background: linear-gradient(#f5f5ad, #f5f5dc);    /*グラデーション*/
    color: #2a3439;    /*文字色*/
    font-size: 100%;    /*文字サイズ*/
    text-align: center;    /*文字をセンタリング*/
    padding: 10px;        /*ボタン内の余白*/
    border-radius: 4px;    /*角丸のサイズ*/
    letter-spacing: 0.2em;    /*文字間隔を広くとる設定*/
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);    /*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.3は色が30%ついた状態。*/
    border: 1px solid #2a3439;    /*枠線の幅、線種、色*/
    width:100%;
}
    /*マウスオン時*/
button:hover.btn {
    box-shadow: none;
    background: #fff;    /*背景色*/
    color: #2a3439;        /*文字色*/
}

/* dialog */
dialog {
    padding: 20px;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width:36vw;
}

dialog .button-container {
    text-align:right;
}

dialog button {
    display: block;
    text-decoration: none;
    background: #f5f5dc;    /*背景色（古いブラウザ用）*/
    background: linear-gradient(#f5f5ad, #f5f5dc);    /*グラデーション*/
    color: #2a3439;    /*文字色*/
    font-size: 100%;    /*文字サイズ*/
    text-align: center;    /*文字をセンタリング*/
    padding: 10px;        /*ボタン内の余白*/
    border-radius: 4px;    /*角丸のサイズ*/
    letter-spacing: 0.2em;    /*文字間隔を広くとる設定*/
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);    /*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.3は色が30%ついた状態。*/
    border: 1px solid #2a3439;    /*枠線の幅、線種、色*/
    width:100%;
}
/*マウスオン時*/
dialog button:hover {
    box-shadow: none;
    background: #fff;    /*背景色*/
    color: #2a3439;        /*文字色*/
}

dialog button.close {
    display:inline-block;
    padding: 4px 16px;
    font-size: 20px;
    width:auto;
}

dialog button:hover {
    background-color: #0056b3;
}

dialog .ta1 {
    margin:20px 0 0;
}

.box_shadow {
    box-shadow: 2px 2px 10px rgba(0,0,0,0.15);	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}

.header_button {
    position:absolute;
    top:12px;
    right:15px;
}

.header_button a.btn {
    padding:10px;
    font-size:15px;
}

a.btn_default {
    color:#2a3439;
    background-image:none;
    background-color: #c0c0c0;
    border: 1px solid #000000;
    box-shadow:none;
}

a.btn_default:hover {
    color:#2a3439;
}