@charset "UTF-8";
:root {
  --jukenred: #9b2c2c;
  --jukenyellow: #f4e7cb;
  --jukenblack: #363c38;
  --jukenwhite: #f3f0ec;
  --jukengray: #555555;
}

#header{
    background-color:var(--jukenred);
    height:60px;
    width:100%;
    position:fixed;
    top:0px;
    z-index:10000;
}

.header_title{
    text-decoration:none;
    display:block;
}

.header_title1{
    color:var(--jukenwhite);
    font-size:20px;
    position:absolute;
    top:11px;
    left:20px;
    font-family:"Kosugi Maru", serif;
    font-weight:400;
    font-style:normal; 
}

.header_title2{
    font-size:13px;
    color:var(--jukenwhite);
    position:absolute;
    top:36px;
    left:57px;
    font-family:"Kosugi Maru", serif;
    font-weight:400;
    font-style:normal; 
}

.header_search{
    font-size:16px;
    color:var(--jukenblack);
    background-color:var(--jukenwhite);
    width:125px;
    height:36px;
    line-height:36px;
    border-radius:20px;
    position:absolute;
    top:12px;
    right:18px;
    text-decoration:none;
    display:block;
    font-family:"Kosugi Maru", serif;
    font-weight:400;
    font-style:normal; 
    padding-left:32px;
}

.header_search::before{
    content:"";
    width:15px;
    height:15px;
    position:absolute;
    top:11px;
    left:14px;
    display:inline-block;
    background-image:url("https://ikkyosai.com/bbs/img/search.png");
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.header_search::after{
    content:"";
    width:125px;
    height:36px;
    border:1px solid var(--jukenwhite);
    border-radius:20px;
    position:absolute;
    top:2px;
    left:2px;
}

@media screen and (min-width:450px){
    #header{
        margin-right:calc((100% - 450px) / 2);
        margin-left:calc((100% - 450px) / 2);
        max-width:450px;
    }
}

/*@media screen and (min-width:1024px){
    #header{
        height:80px;
    }

    .header_title1{
        font-size:34px;
        top:14px;
        left:20px;
    }

    .header_title2{
        font-size:25px;
        top:25px;
        left:305px;
    }

    .header_search{
        font-size:25px;
        width:230px;
        height:45px;
        line-height:45px;
        top:16px;
        right:40px;
    }

    .header_search::before{
        width:25px;
        height:25px;
        left:15px;
    }

    .header_search::after{
        width:230px;
        height:45px;
    }
}*/