@charset "utf-8";

/* common */
html{
    font-size: 100%;
}

body{
    font-family: "Bookman Old Style","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",
    "HG明朝E","MS P明朝","MS 明朝", serif;
    color: #555;
    line-height: 1.5;
}

img{
    width:100%;
}

.wrapper{
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 10px;
}



 /* header */
 header{
     border-top: 8px solid #8c6239;
 }
 
 .header_content{
     display: flex;
     align-items: center;
     justify-content: flex-end;
     margin: 10px auto;
 }

 header nav ul {
     display: flex;
     list-style-type: none;
 }

 header nav ul li {
     margin-left: 30px;
 }

 header nav ul li a {
     text-decoration: none;
     color: #555;
 }

 header nav ul li a:hover,
 header nav ul li a:active,
 header nav ul li.current a {
     color: #8c6239;
 }
 
 /* contents */

.section-about {
    text-align:left;
    margin-left: 80px;
}

.about-img {
    text-align: center;
    margin-bottom: 15px;
}

 /* footer */

footer {
     margin-top: 100px;
     padding: 30px;
     text-align: center;
     color: #fff;
     background-color: #8c6239;
 }

 footer ul {
     margin-bottom: 20px;
     font-size: 0.9rem;
 }

 footer ul li {
     display: inline-block;
     margin: 5px;
 }

 footer ul li a {
     color: #fff;
 }

 footer ul li a:link {
     text-decoration: none;
 }

 footer ul li a:hover,
 footer ul li a:active {
     opacity: .7;
 }

 small {
     font-size: 0.7rem;
 }

 /* responsive */

 @media print,screen and (max-width:640px)  {
    html {
        font-size: 0.8rem;
     }

     .header_content {
         font-size: 10px;
     }

     .contents {
         flex-direction: column;
         margin-top: 10px;
     }
     
     .section-about {
        text-align: left;
        margin-left: 30px;
        margin-right: 30px;
     } 

     #main_content,
     #sidebar {
         width: 100%;
     }
 }