@charset "UTF-8";
/* CSS Document */

.cont_title {font-size:46px;padding-top:60px;}

/*contact*/
.wpcf7-form input,
.wpcf7-form textarea {padding: 0.5em;}
.wpcf7-form > p {margin-bottom: 1.5em;}
.wpcf7-form textarea {width: calc(100% - 2em);}

.wpcf7-form label,
.wpcf7-form input[type="submit"] {font-family:"ABC Ginto Nord";font-weight:lighter;}

.wpcf7-form input[type="submit"] {width: 140px;border:solid 1px #333;background:#fff;margin-top:1em;padding:0.5em 1em;transition: 0.3s;}
.wpcf7-form input[type="submit"]:hover {background:#333;color:#fff;}

.wpcf7-not-valid-tip {color:#1FA939;}
.wpcf7 form .wpcf7-response-output {border-color:#80B7E0;margin:2em 0 1em;}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {border-color:#1FA939;}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {font-family:"Merriweather", serif;font-weight:300;}

@media screen and (max-width:768px){
	.wpcf7-form input[type="submit"] {margin:0 auto;display:block;}
}

/*archive*/
.cat_title {font-size: 1rem;display: block;margin-right: 1em;}
.sub_list {margin-top:60px;}
.sub_list .cont_title {font-size:26px;padding:0;}

.list li a .descript p {line-height: 1.5em;}
.list li .date {display: flex;font-size: 0.8em;margin-top: 0.5em;}
.list li .date time {margin-right: 1em;}
.list li .date .entry-cats {display:flex;line-height: 1.8em;margin-top: 0.1em;}
.list li .date .entry-cats li {width:auto;}
.list li .date .entry-cats li a {border: solid 1px #333;border-radius: 100em;padding: 0 0.8em;width: auto;}

#categories.sub_list {margin-bottom:120px;padding:0;}


.pager {display: flex;justify-content: center;margin:60px 0;flex-wrap: wrap;}
.pager a,
.pager span {display:inline-block;font-size:1.3em;margin:0 1em 0.5em;}
.pager .page-numbers {display:flex;justify-content:center;align-items:center;width: 2em;height: 2em;border: solid 1px #333;border-radius: 100%;margin: 0 0.3em;}
.pager .prev,
.pager .next {width:auto;border:none;}
.pager .prev {margin:0 1em 0 0;}
.pager .next {margin:0 0 0 1em;}
.pager .current {background:#1262A9;border-color:#1262A9;color:#fff;}
.pager a:hover {border-color:#1262A9;color:#1262A9;}

@media screen and (max-width:768px){
	.list li .date .entry-cats li {margin: 0 0 10px 10px;}
	
	.pager a,
	.pager span {font-size:1em;}
}