@charset "UTF-8";



body{
    border:solid 3px black;
    background-color:white;
    max-width:1024px;
    height:2024px;
    margin-left:auto ;
    margin-right:auto;

}

.header{
   /* border:solid 3px black;*/
   padding:0px 0px 0px 0px;
   /*background-color :rgba(255,255,255,0%);*/
   display:flex; 
    background-color:white;
    background-image: url("/img/p_new0360_m_new03600.jpg");
    background-repeat: repeat;
    background-color: rgba(255,255,255,0.5);
    background-blend-mode: lighten;

}
.main{
    /*background-color:aqua ;*/
    /*border:solid 3px black;*/
    display:flex;
  /*  background-image: url("/img/p_new0360_m_new03600.jpg");
    background-repeat: repeat;
    background-color: rgba(255,255,255,0.5);
    background-blend-mode: lighten;*/
}

.main_left{

    background-color: antiquewhite;
    /*border:solid 3px black;*/
    margin: 20px;
    padding:20px;
    width:66%;
    height:auto;
}

.sub_right{
   /* border:solid 3px black;*/
    margin:20px;
    width:34%;
    height:auto;

}

h1{
    text-indent: 15px;
    font-size: 2.0em;
}

h2{
    font-size: 1.8em;
    color: red;
}

h3{
    font-size: 1.6em;
    color:red;
}

p{
    font-size:1.0em;
    padding-bottom: 20px;
}

article{
    font-size: 1.0em;
}

a:link{
    color:blue;
}
a:visited{
    color: purple;
}
a:hover{
    color:aqua;
}
a:active{
    color:green;
}

/*
article.abstract{
    display:flex;
}
article .abstract .image{
    width:100px;
    margin:0;
    padding:0;
    overflow:hidden;
    position:relative;
}

article .text{
    margin:0 0 0 20px;
    padding:0;
}
*/

.list_test{
    padding-bottom: 20px;
    color:aqua;
}

.list_test ul li{
    padding :10px 0;
    list-style: inside;
    margin-left:1rem;
    text-indent:1rem;
}
p.indent_test{
    margin-left:1rem;
    text-indent: -1rem;

}

p.ads_plan{
    background-color:rgb(229, 231, 168);
    margin:auto;
    width:100%;
    height:200px;
    font-size: 1.0em;
    color: black;
    object-fit: none;
}

div.news{
    width:100%;
    height:auto;
    display:flex;
}

news img{
    width:120px;
    height:80px;
}

div.ads_plan{
    background-color: rgb(221, 221, 221);
    margin:auto;
    width:100%;
    height:300px;
    

}

.top_banner{
    width:100%;
    height:auto;
    background-color: lightcyan;
    justify-content: center;
    align-items:center;
    display: flex;
    opacity: 1;
    
}

.top_banner img{
    width:640px;
    height:480px;
    object-fit: none;
}


@media screen and (min-width: 767px){
    .top_banner img{
        width:100％x;
        height:auto;
        object-fit: cover;
    }   
}


@media screen and (max-width: 767px){
    .top_banner img{
        width:100%;
        height:auto;
        object-fit: cover;
    }  
}