#wp_head p{background-image: url("../img/tit_other.webp");  }

#page_main{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding:0  40px 80px 40px; margin-top: 40px!important; }
#page_main aside{width: 28%; }
#page_main aside .btn a{margin: 5px 0 5px 0;}
#page_main aside p{border-left: 5px solid var(--green); padding-left: 10px; margin-bottom: 20px;}
#page_main aside p.btn{border-left: none; padding-left: 0; margin-bottom: 20px;}
#page_main article{width: 69%;}
#page_main article figure img{width: 100%; margin: 0 auto;}
.content-Body{padding: 0; position: relative; margin: 0; overflow: hidden;}
.content-EyeCatch{width: 100%; max-width: 700px; margin: 0 auto 40px auto; }
.content-EyeCatch img{width: 100%;}
.content-Body p{margin: 40px 0 20px 0;}
h1,h2{font-family: "Shippori Mincho B1", serif; font-weight: 400; font-style: normal; color:var(--green); margin: 0 0 40px 0;  line-height: 1.2em;}
h2{padding-top: 80px;}
#tag{margin-top: 20px;}

#archive_main{display: block; padding: 40px 40px 80px 40px;}
#archive_main ul{width: 100%; max-width: 840px; margin: 0 auto;}
#archive_main ul li{background-image: url("../img/arrow.svg"); background-size: 1em auto; background-repeat: no-repeat; background-position: left 0.5em top 0.8em; padding: 0.4em 0.5em 0.4em 2em; border-bottom: dashed 1px #ccc;}

time{display: block;}

.info-nav{display: flex; justify-content: space-between; align-items: stretch; border-top: 1px solid #ccc;  padding-top: 0.5em; margin-top: 40px; clear: both;}
.info-list li span{display: block;}
.info-list li{border-bottom: 1px dashed #ccc; font-size: 0.8em;}
.archivedate{display: inline-block; margin-right: 1em;}

.pagination{text-align: center; margin-top: 40px;}
.pagination span,.pagination a{margin: 0 10px;}
.pagination a{text-decoration: underline;}

.content-Body p a{text-decoration: underline; margin: 0 0.5em; display: inline-block;}

/*******tablet*******/
@media screen and (orientation: portrait){
#page_main{display: block;} 
#page_main article{width: 100%;}
#page_main aside{width: 100%; margin-top: 80px;}
.content-EyeCatch{float: none; width: 100%; max-width: 540px; margin: 0 auto;}
.content-EyeCatch img{max-width: 100%; margin-left: 0;}
h1{margin-top: 40px;}
h2{margin-left: 0;}
.wp-block-image{float: none; width: 100%; max-width: 540px; margin:0 auto 40px auto;}
}

/*******SP*******/
@media screen and (max-width:600px){
#page_main,#archive_main{padding:0  20px 80px 20px;}
#archive_main{padding-top: 40px;}
.archivedate{display: block; margin-right: 0;}
}

/*******Wide*******/
@media screen and (min-width:1260px){
#page_main,#archive_main{margin: 0 auto; width: 1260px; padding:40px 0 80px 0;}
}