@charset "utf-8";
 /* css reset */
*{
margin: 0;
padding: 0;
}
body{
line-height:1;
font-family:sans-serif;
}
ul{
list-style: none;
}
a{
text-decoration: none;
display: block;
color: inherit;
}
img{
max-width:100%;
vertical-align: bottom;
}
/* container共通 */
.container{
    width:960px;
    margin: 0 auto;
    margin-bottom: 50px;
}

/* ヘッダー */
header
{margin-bottom: 40px;}

header h1{
    line-height: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* ナビゲーション */
ul{
    display: flex;
    justify-content: space-between;
}
ul li{
    width:20%;

    border-bottom: solid 1px #000;
    border-left:1px solid #000;
}
ul li a{
    display:block;
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    line-height: 50px;
    height: 50px;
   
}
nav li.open a{
    border-bottom:8px solid #a18b0f;}
ul li:last-child a{
    border-right:1px solid #000;
} 
nav li a:hover{
    border-bottom: 8px solid #a18b0f;} 

main h2{
    text-align: center;
    margin-bottom: 30px;
    font-size:1.25em;}

main p{
    width: 60%;
    margin: 0 auto;
    line-height: 1.5;
    font: size 1em;}


footer{
background: #a18b0f;
color: #000;
padding: 10px 0;
text-align: center;
color: #fff;
}

/* 季節ページ用の設定 */
body .contents main h2{
 text-align: left;
 border-left: 10px solid #000;
 padding:6px 10px 4px;
}
h2{
    padding:0 20px;
    margin-bottom:20px;}

body.contents main p{
    width: 100%;
    text-align: left;
    overflow: hidden;
    }
body.contents main img{
    float:left;
    padding-right:20px;
}    
/* 季節専用設定 */
/* 春 */
body.spring nav li.open a{
        border-bottom:8px solid #e69dd3;}

body.spring main h2{
    text-align: left;
    border-left: 10px solid #e69dd3;
    padding:6px 10px 4px;
   }
body.spring footer{
    background-color:#e69dd3;
}
/* 夏 */
body.summer nav li.open a{
        border-bottom:8px solid #8593d1;}

body.summer main h2{
    text-align: left;
    border-left: 10px solid #8593d1;
    padding:6px 10px 4px;
   }
body.summer footer{
    background-color:#8593d1;
}
/* 秋 */
body.autumn{
    nav li.open a{
        border-bottom:8px solid #ddc24b;}
}
body.autumn main h2{
    text-align: left;
    border-left: 10px solid #ddc24b;
    padding:6px 10px 4px;
   }
body.autumn footer{
    background-color:#ddc24b;
}
/* 冬 */
body.winter{
    nav li.open a{
        border-bottom:8px solid #84887e;}
}
body.winter main h2{
    text-align: left;
    border-left: 10px solid #84887e;
    padding:6px 10px 4px;
   }
body.winter footer{
    background-color:#84887e;
}