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

#archive {
    width : 900px;
    margin : 0 auto 40px auto;
    text-align : center;
}

select {
    display : inline-block;
    width : 200px;
    margin : 0 10px 0 10px;
    padding : 8px 12px 10px 12px;
    font-size : 94%;
    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 : 1200px;
    margin : 0 auto 25px auto;
    font-size : 110%;
    font-weight : 600;
}

p#natxt {
    width : 1200px;
    margin : 0 auto 100px auto; 
}

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

ul#eList {
    list-style : none;
    overflow : hidden;
    width : 1200px;
    margin : 0 auto 20px auto;
}

ul#eList li {
    float : left;
    position : relative;
    width : 282px;
    margin : 0 24px 24px 0;
}

ul#eList li:nth-child(4n) {
    margin : 0 0 24px 0;
}

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

ul#eList li a:hover {
    padding : 13px 12px 12px 13px;
    border-right : solid 1px #c8c8c8;
    border-bottom : solid 1px #c8c8c8;
}

ul#eList li a:hover p[class^="cname"] {
	opacity : 0.6;
	filter : alpha(opacity=60);
}

ul#eList li h3 {
    margin : 17px 10px 0 10px;
    font-size : 105%;
    font-weight : 600;
    line-height : 1.5em;
}

p.edate {
    position : absolute;
    font-size : 94%;
    font-weight : 600;
    color : #999999;
    letter-spacing : 1px;
    right : 17px;
    bottom : 17px;
}

p[class^="cname"] {
    display : flex;
    flex-direction : column;/*縦並び */
    justify-content : center;/*上下中央*/
    padding-left : 20px;
    height : 100px;
    font-size : 110%;
    font-weight : 600;
    color : #ffffff;
    background : url(icon.svg) no-repeat 180px -15px / 100px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
}

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;
}

p[class^="cname"] span {
    display : block;
}

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

ul#pnavi {
	clear : both;
	width : 1200px;
	margin : 0 auto 80px auto;
}

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

ul#pnavi li a {
	text-decoration : none;
	padding : 4px 12px 7px 12px;
	color : #ffffff;
	background : #009669;
    border-radius : 5px;
}

ul#pnavi li a:hover {
	color : #ffffff;
	padding : 4px 12px 7px 12px;
	background : #0aaf7d;
    border-radius : 5px;
}

ul#pnavi span.current_page {
	padding : 4px 12px 7px 12px;
	color : #282828;
	background-color : #ffffff;
    border-radius : 5px;
}

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

#entry {
    width : 920px !important;
	width /**/: 1000px;
    margin : 20px auto 30px auto;
    padding : 40px;
    background : #ffffff;
    border-radius : 15px;
}

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

p#edate span[class^="cat"] {
    margin-right : 12px;
    padding : 4px 13px 6px 14px;
    font-size : 88%;
    color : #ffffff;
    border-radius : 36px;
    letter-spacing : 0;
    vertical-align : 1px;
}

span.cat01 {
    background-color:#326ef0;
}

span.cat02 {
    background-color:#2dbe69;
}

span.cat03 {
    background-color:#faa005;
}

span.cat04 {
    background-color:#f08291;
}

span.cat05 {
    background-color:#a541f5;
}

span.cat06 {
    background-color:#965522;
}

span.cat07 {
    background-color:#0fbeeb;
}

#entry h3 {
    margin-bottom : 30px;
    padding-bottom : 17px;
    border-bottom : solid 6px #d1d1d1;
    font-weight : 600;
    font-size : 120%;
}

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

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

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

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

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

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

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;
}