/*----------ARCHIVE----------*/

#archive {
    width : 80%;
    margin : 0 auto 5% auto;
    text-align : center;
}

select {
    width : 43%;
    margin : 0 1% 0 1%;
    padding : 8px 10px 10px 10px;
    font-size : 92%;
    font-family : "Noto Sans JP","sans-serif";
	font-style : normal;
	font-weight : 400;
    border : none;
    border-radius : 8px;
    background : #ffffff;
    outline : none;
    cursor : pointer;
}

form {
    display : inline-block;
}

h2#atitle {
    width : 80%;
    margin : 0 auto 4% auto;
    font-size : 110%;
    font-weight : 600;
    text-align : center;
}

p#natxt {
    width : 80%;
    margin : 0 auto 10% auto; 
}

/*----------LIST----------*/

ul#eList {
    list-style : none;
    overflow : hidden;
    width : 80%;
	margin : 1% auto 3% auto;
}

ul#eList li {
    overflow : hidden;
    margin-bottom : 4%;   
}

ul#eList li a {
    display : block;
    padding : 10px 10px 15px 10px;
    color : #3c3c3c;
    background : #ffffff;
    text-decoration : none;
    border-radius : 10px;
}

ul#eList li h3 {
    margin : 15px 10px 5px 10px;
    font-size : 105%;
    font-weight : 600;
    line-height : 1.4em;
}

p.edate {
    margin-right : 10px;
    font-size : 94%;
    font-weight : 600;
    color : #999999;
    letter-spacing : 1px;
    text-align : right;
}

p[class^="cname"] {
    display : flex;
    align-items : center;
    padding-left : 20px;
    height : 64px;
    font-size : 110%;
    font-weight : 600;
    color : #ffffff;
    background : url(icon.svg) no-repeat right 5% top 50%;
    background-size : 100px;
    border-top-left-radius : 7px;
    border-top-right-radius : 7px;
}

p.cname1 {
    background-color:#326ef0;
}

p.cname2 {
    background-color:#2dbe69;
}

p.cname3 {
    background-color:#faa005;
}

p.cname4 {
    background-color:#f08291;
}

p.cname5 {
    background-color:#a541f5;
}

p.cname6 {
    background-color:#965522;
}

p.cname7 {
    background-color:#0fbeeb;
}

/*----------PAGE_NAVI----------*/

ul#pnavi {
	clear : both;
    width : 80%;
    margin : 0 auto 9% auto;
}

ul#pnavi li {
	list-style : none;
	display : inline;
	margin : 0 1px 0 0;
}

ul#pnavi li a {
	text-decoration : none;
	padding : 3px 11px 6px 11px;
	color : #ffffff;
	background : #009669;
    border-radius : 5px;
}

ul#pnavi span.current_page {
	padding : 3px 11px 6px 11px;
	color : #282828;
	background-color : #ffffff;
    border-radius : 5px;
}

/*----------ENTRY----------*/

#entry {
    overflow : hidden;
    width : 78%;
    margin : 1% 0 5% 0;
    padding : 6% 10% 7% 11%;
    background : #ffffff;
}

p#edate {
    margin-bottom : 5px;
    letter-spacing : 1px;
}

p#edate span.cat02 {
    display : block;
    width : 58%;
    margin : 0 auto 10px auto;
    padding : 4px 0 6px 0;
    font-size : 90%;
    color : #ffffff;
    background : #2dbe69;
    border-radius : 36px;
    letter-spacing : 0;
    vertical-align : 1px;
    text-align : center;
}

#entry h3 {
    margin-bottom : 7%;
    padding-bottom : 3.5%;
    border-bottom : solid 6px #d1d1d1;
    font-weight : 600;
    font-size : 110%;
    line-height : 1.35em;
}

#entry ul {
	margin : 0 0 25px 22px;
}

#entry ul li {
	margin-bottom : 7px;
}

#entry a {
	color : #0066cc;
	text-decoration : underline;
}

ul.pnavi {
    list-style : none;
    margin-bottom : 8%;
    text-align : center;
}

ul.pnavi li {
    display : inline-block;
}

ul.pnavi li span {
    display : none
}

ul.pnavi li:last-child {
    border-right : solid 1px #b9b9b9;
}

ul.pnavi li a {
    padding : 0 15px 3px 15px;
    color : #0066cc;
    border-left : solid 1px #b9b9b9;
    text-decoration: underline;
}