/*PC*/
@media (min-width: 1050px) {

body { background: #eeeeef;}


/*------------------*/

.single_wrap { padding: 240px 0 150px;}
.single_wrap .cont01 { max-width: 800px; margin: auto;}
.single_wrap .cont01 article {}
.single_wrap .cont01 article .head{}
.single_wrap .cont01 article .head .day { font-size: 16px; margin-bottom: 40px;}
.single_wrap .cont01 article .head .ttl { font-size: 20px; margin-bottom: 50px; font-weight: 700;}

.single_wrap .cont01 article .cont { padding: 100px 0; border-top: solid 1px #000; font-size: 14px; line-height: 1.4;}
.single_wrap .cont01 article .cont p { margin: 1em 0;}
.single_wrap .cont01 article .cont p:nth-of-type(1) { margin-top: 0;}

.single_wrap .cont01 .btn { text-align: center;}
.single_wrap .cont01 .btn a { display: inline-block; width: 140px; height: 30px; align-content: center; border: solid 1px #000; border-radius: 50px; background: #FFF; font-size: 14px;}
.single_wrap .cont01 .btn a:hover { background: #000; color: #FFF;}



/*------------------*/



.archive_wrap { padding: 240px 0 300px;}

.archive_wrap .head { max-width: 800px; margin: auto;}
.archive_wrap .head h2 { text-align: center; font-size: 60px;}

.archive_wrap .cont01 { max-width: 800px; margin: auto; padding-top: 220px;}
.archive_wrap .cont01 .box {}
.archive_wrap .cont01 .box ul {}
.archive_wrap .cont01 .box ul li { border-bottom: solid 1px #000;}
.archive_wrap .cont01 .box ul li:nth-of-type(1) { border-top: solid 1px #000;}
.archive_wrap .cont01 .box ul li a { padding: 85px 0; font-size: 16px; font-weight: 500; display: flex; position: relative;}
.archive_wrap .cont01 .box ul li a::after { content: ""; width: 20px; height: 20px; border-top: solid 1px #000; border-right: solid 1px #000; transform: rotate(45deg); position: absolute; top: 0; bottom: 0; right: 20px; margin: auto;}
.archive_wrap .cont01 .box ul li a:hover { color: #000;}
.archive_wrap .cont01 .box ul li a .time { width: 120px; margin-right: 50px; font-size: 16px; font-weight: 500;}
.archive_wrap .cont01 .box ul li a .ttl { font-size: 16px; font-weight: 500;}


.wp-pagenavi {
  clear: both;
  text-align: center;
  padding-top: 70px;
  font-size: 16px;
}
.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-block;
  color: #005eae;
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  margin: 0 5px;
  white-space: nowrap;
  transition: 0.2s ease-in-out;
  text-align: center;
  align-content: center;
  text-decoration: none;
  border: thin solid #005eae;
  padding: 0;
}
.wp-pagenavi a:hover {
  color: #fff !important;
  background-color: #005eae;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #005eae;
}
.wp-pagenavi span.current {
  color: #fff !important;
  background-color: #005eae;
}

.nextpostslink,
.previouspostslink { border: none !important; background: none !important;}



}

/*SP*/
@media (max-width: 1049px) {

body { background: #eeeeef;}


/*------------------*/

.single_wrap { padding: 240px 0 150px;}
.single_wrap .cont01 { max-width: 800px; margin: auto; padding: 0 30px;}
.single_wrap .cont01 article {}
.single_wrap .cont01 article .head{}
.single_wrap .cont01 article .head .day { font-size: 16px; margin-bottom: 40px;}
.single_wrap .cont01 article .head .ttl { font-size: 20px; margin-bottom: 50px; font-weight: 700;}

.single_wrap .cont01 article .cont { padding: 100px 0; border-top: solid 1px #000; font-size: 14px; line-height: 1.4;}
.single_wrap .cont01 article .cont p { margin: 1em 0;}
.single_wrap .cont01 article .cont p:nth-of-type(1) { margin-top: 0;}

.single_wrap .cont01 .btn { text-align: center;}
.single_wrap .cont01 .btn a { display: inline-block; width: 140px; height: 30px; align-content: center; border: solid 1px #000; border-radius: 50px; background: #FFF; font-size: 14px;}
.single_wrap .cont01 .btn a:hover { background: #000; color: #FFF;}



/*------------------*/

.archive_wrap { padding: 240px 0 300px;}

.archive_wrap .head { max-width: 800px; margin: auto;}
.archive_wrap .head h2 { text-align: center; font-size: 36px;}

.archive_wrap .cont01 { max-width: 800px; margin: auto; padding-top: 150px;}
.archive_wrap .cont01 .box { padding: 0 40px;}
.archive_wrap .cont01 .box ul {}
.archive_wrap .cont01 .box ul li {}
.archive_wrap .cont01 .box ul li a { padding: 20px 40px 20px 10px; font-size: 16px; font-weight: 500; display: flex; position: relative;}
.archive_wrap .cont01 .box ul li a::after { content: ""; width: 20px; height: 20px; border-top: solid 1px #000; border-right: solid 1px #000; transform: rotate(45deg); position: absolute; top: 0; bottom: 0; right: 20px; margin: auto;}
.archive_wrap .cont01 .box ul li a:hover { color: #000;}
.archive_wrap .cont01 .box ul li a .time { width: 100px; margin-right: 30px; font-size: 16px; font-weight: 500;}
.archive_wrap .cont01 .box ul li a .ttl { font-size: 16px; font-weight: 500;}


.wp-pagenavi {
  clear: both;
  text-align: center;
  padding-top: 70px;
  font-size: 16px;
}
.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-block;
  color: #005eae;
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  margin: 0 5px;
  white-space: nowrap;
  transition: 0.2s ease-in-out;
  text-align: center;
  align-content: center;
  text-decoration: none;
  border: thin solid #005eae;
  padding: 0;
}
.wp-pagenavi a:hover {
  color: #fff !important;
  background-color: #005eae;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #005eae;
}
.wp-pagenavi span.current {
  color: #fff !important;
  background-color: #005eae;
}

.nextpostslink,
.previouspostslink { border: none !important; background: none !important;}




}