@charset "utf-8";



@media(max-width: 767px){

	#footer .bnr {display:none;}
}


.flex2clm{
  display: flex;
  justify-content: space-between;
}
.flex2clm .column{
  width: 65%;
}
.flex2clm #sidebar{
  width: 30%;
}
@media(max-width: 767px){

.flex2clm{
  display:block;
}
.flex2clm .column{
  width: 100%;
}
.flex2clm #sidebar{
  width: 100%;
}
}
.ttl1{
  font-weight: 700;
  font-size: 2.5em;
  text-align: center;
  line-height: 1.3;
  padding-bottom:1em;
}

.clist{
  padding-bottom:1.5em;
}
.clist li{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding:1em 0;
}
.clist li .pic{
  width: 30%;
}
.clist li .pic img{
  border-radius: 1em 1em 0 0;
}
.clist li .txt{
  width: 65%;
}
.clist li .day{
  font-size: 0.9em;
  color:#999;
  padding:0.5em 0 0.2em;
  line-height: 1;
}

.clist li p a{
  font-weight: 700;
  text-decoration: underline;

}
.clist li p.description{
  font-size: 0.8em;
  color:#777;
  padding-top:1em;
}
@media(max-width: 767px){
.clist{
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
}
.clist li{
  width: 100%;
  margin:0 0 2.5em;
}
.clist li p.description{
  display: none;
}
}

#sidebar h3{
  font-weight: bold;
  font-size: 1.2em;
  padding-bottom:0.5em;
  border-bottom: solid 1px #000;
  margin-bottom:1em;
}
#sidebar .slist{
  padding-bottom:2em;
}
#sidebar .slist li{
  position: relative;
  display: flex;
  justify-content: space-between;
  padding:1em 0;
  border-bottom:dotted 1px #ccc;
}
#sidebar .slist li .num{
  position: absolute;
  left:0;
  top:1em;
  width: 1.5em;
  height: 1.5em;
  border-radius: 0.5em;
  background: #EE6566;
  color:#fff;
  text-align: center;
  line-height: 1.5;
}
#sidebar .slist li .pic{
  width: 30%;
}
#sidebar .slist li .pic img{
  border-radius: 0.5em;
}
#sidebar .slist li .txt{
  width: 65%;
}
#sidebar .slist li .txt .day{
  font-size: 0.8em;
  color:#999;
  padding:0 0 0.5em;
  line-height: 1;
}
#sidebar .scatlist{
  padding-bottom:2em;
}
#sidebar .scatlist li{
  padding:0.3em 0;
}
#sidebar .scatlist li a{
  position: relative;
  padding-left: 1em;
}
#sidebar .scatlist li a::before{
  content: "";
  position: absolute;
  left:0;
  top:0.4em;
	width: 4px;
	height: 4px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ttl2{
  text-align: left;
  font-weight: bold;
  font-size: 1.7em;
  line-height: 1.4;
  padding-bottom:1em;
}
#cpost{
  font-size: 1.1em;
}
#cpost p{
  padding-bottom:1.5em;
}
#cpost .thumb{
  padding-bottom:1.5em;
}
#cpost .thumb img{
	width:100%;
}
#cpost em{
  background:linear-gradient(transparent 60%, #ff6 60%);
}
#cpost h2{
  font-size: 1.5em;
  font-weight: bold;
  padding:0.7em 0;
  border-top:solid 2px #000;
  border-bottom:solid 2px #000;
  margin:1em 0;
}
#cpost h3{
  font-size: 1.4em;
  font-weight: bold;
  padding:0.5em 0;
  border-bottom:solid 1px #000;
  margin:1em 0;
}
#cpost h4{
  font-size: 1.3em;
  font-weight: bold;
  padding:0 0 0 1.2em;
  border-left:solid 4px #d7614f;
  margin:1em 0;
}
#cpost ul{
  padding:1em;
  border:solid 1px #ddd;
  margin-bottom:1.5em;
}
#cpost ul li{
  padding:0.3em 0 0.3em 1.2em;
  position: relative;
}
#cpost ul li::before{
  content: "●";
  color:#d7614f;
  position: absolute;
  left:0;
  top:0.8em;
  font-size: 0.7em;
}
#cpost ol {
  padding-bottom:1.5em;
}
#cpost ol li{
  padding:0.3em 0 0.3em;
  position: relative;
  font-weight: bold;
}
#cpost table{
  width: 100%;
  border-top:solid 1px #ddd;
  border-left: solid 1px #ddd;
  margin-bottom:1.5em;
}
#cpost table th{
  width: 25%;
  background: #fafafa;
  font-weight: bold;
  padding:1em;
  border-right:solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}
#cpost table td{
  padding:1em;
  border-right:solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

.kanren{
  padding:40px 0;
}