/* div */
body {
    margin: 0;
    background-color: #eee4e4;
    background-image: url(./image/ki.jpg);
    background-size: 100%;
    font-family: serif;
    text-align: center;
}
div.fl_cus {
    padding: 0.5em 0em 0em 0em;
}
/* header */
header {
    color: #f7f6f5;
    font-size: 0.5em;
    margin: 0px;
    padding: 0.25em;
    background-color: #dbbfcc;
    /* background-image: radial-gradient(circle, #dbbfcc, #dbccbf); */
    background-image: url(./image/flower_rgba.png);
    background-position: center;
    /* border-image: url(./image/gakubuchi_waku.png) 33% / 10px / 5px 0px stretch; */
}
header h1 img{
    width: 10em;
}
/* img */
.waku {
    width: 44%;
    height: auto;
    border-radius: 2%;
    object-fit: contain;
    margin: 0.25% 1.5%;
    padding: 2% 2%;
}
#abelia_home {
    /* position: absolute; */
    width: 80%;
    height: auto;
    border-radius: 20px;
    object-fit: contain;
    margin: 2.5% 3%;
    padding: 2% 2%;
    background: url(./image/gakubuchi.png) center / contain no-repeat;
    /* background-origin: content-box; */
    /* border: solid 5px #dbbfcc; */
    /* animation: abh_ani 10s ease 0s infinite normal; */
}
/* @keyframes abh_ani {
    0% { opacity: 0; }
    1% { opacity: 0; }
    7% { opacity: 100; }
    93% { opacity: 100; }
    99% { opacity: 0; }
    100% { opacity: 0; }
} */
/* table #dbcebf*/
table.t_c {
    margin: 0 auto;
    background-color: #e1d4d4bb;
    /* border: solid 10px #dbbfcc; */
    border-image: url(./image/gakubuchi_waku.png) 33% / 20px / 5px 0px stretch;
    padding: 2% 2%;
    border-radius: 20px;
    width: 80%;
}
table.ab_pho_slide {
    margin: 0 auto;
    
}
caption#ab {
    height: 4em;
    font-size: 30px;
    text-decoration: underline solid #6b1338 2px;
    text-underline-position: under;
    margin: 2.5% 0%;
}
/* tr {
    
} */
th {
    height: 2em;
    font-size: 40px;
}
td {
    font-size: 20px;
}
/* id */
.abr {
    text-align: right;
}
.abl {
    text-align: left;
}
.ab_write{
    color: #6b1338;
}
/* button */
button {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    margin: 0;
    outline: none;
    padding: 0;
}
.ab_b_tmp {
    background-color: #dbbfccbb;
    color: #6b1338;
    border-radius: 10px;
    padding: 0.4em 1em;
    margin: 5px;
    font-size: 0.8em;
    cursor: pointer;
    transition: 0.3s;
}
.ab_b_tmp:hover {
    background-color: #cba3b6bb;
}
.ga_go {
    object-fit: contain;
    width: 80%;
    padding: 2% 2%;
}
/* obj */
/* object#ab_txt {
    
} */
/* screen custom */
@media (orientation: landscape) and (min-aspect-ratio: 10/9) {
    .fl_cus {
        display: flex;
    }
    .br_cus {
        display: none;
    }
    table.t_c {
        height: 50%;
        width: 40%;
    }
    img#abelia_home {
        width: 40%;
    }
    .ga_go {
        width: 50%;
    }
}
.tst3 {
    margin: 0 0 0 60%;
    width: 30%;
    height: 30%;
    border: solid 2px #000000;
}