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

/*//////////----- BLOG（ブログ）PAGE -----//////////*/

.page-header{
	background-color:#fafafa;
	height:120px;
}
	
.page-header span.cover{
	display:none;
}

.page-caption-sp{
	display:none!important;
}
	
.page-caption-pc{
	display:none!important;
}

#blog div.content-child{
	box-sizing: border-box;
	padding:30px 15px;
}

@media only screen and (min-width: 960px){
	
	#blog div.content-child{
		padding:80px 15px;
	}
	
}

.category{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content:space-between;
	
	width:100%;
	margin:0 auto;
	max-width:240px;
}

.category li{
	width:100px;
	
	font-size:1.6rem;
	line-height:40px;
	
	box-sizing: border-box;
	border:solid 1px #ff934c;
	
	text-align: center;
	
	margin-bottom:20px;
	
	transform:skewX(-30deg);
	transition:0.25s;
}

.category li.active{
	background-color:#ff934c;
	color:#fff;
}

.category li:hover{
	background-color:#ff934c;
}

/*.category li:nth-last-child(-n + 2){
	margin-bottom:0;
}*/

.category li a{
	display:block;
	
	transform:skewX(30deg);
	color:#ff934c;
	
	transition:0.25s;
}

.category li.active a{
	color:#fff;
}

.category li:hover a{
	color:#fff;
	text-decoration: none;
}

@media only screen and (min-width: 960px){
	
	.category{
		justify-content:flex-start;
		
		max-width: 960px;
		
		box-sizing: border-box;
		padding:0 15px;
	}
	
	.category li{
		font-size:0.9rem;
		line-height:40px;
		
		margin-right:30px;
		margin-bottom:0!important;
	}
	
}

.enrollment{
	box-sizing: border-box;
	padding:30px 0;
	
	width:100%;
	margin:0 auto;
	max-width: 480px;
}

.enrollment article{
	margin-bottom:30px;
}

.enrollment article:last-child{
	margin-bottom:0;
}

@media only screen and (min-width: 960px){
	
	.enrollment{
		max-width: 960px;
	}
	
}

.pager{
	box-sizing: border-box;
	padding:20px 0;
}

.pager ul{
	display:flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	
	width:100%;
}

.pager ul li{
	font-size:1.6rem;
	line-height:38px;
	
	width:40px;
	height:40px;
	
	margin:0 5px;
	color:#ff934c;
}

.pager ul li span.ol{
	display:block;
	
	box-sizing: border-box;
	border:solid 1px #ff934c;
	
	text-align: center;
}

.pager ul li a{
	display:block;
	color:#fff;
	
	background-color:#ff934c;
	
	transition:0.25s;
}

.pager ul li a:hover{
	background-color:#fff;
	color:#ff934c;
	
	text-decoration: none;
}

@media only screen and (min-width: 960px){
	
	.pager ul li{
		font-size:0.9rem;
		line-height:38px;
	}
	
}

/*//////////----- BLOG-ARCHIVE-BOX-CHILD -----//////////*/

.archive-blog-box-child div.inner{
	box-sizing: border-box;
	padding:10px;
	
	background-color:#fff;
	color:#212121;
	
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}

.archive-blog-box-child div.inner > h4{
	width:100%;
	
	font-size:2.2rem;
	line-height:40px;
	
	margin-bottom:10px;
}

.archive-blog-box-child div.inner p.thumbnail{
	display:none;
	
	width:100%;
	margin-bottom:10px;
	
	position: relative;
}

.archive-blog-box-child div.inner p.thumbnail:before{
	display:block;
	content:"";
	
	box-sizing: border-box;
	padding-top:80%;
}

.archive-blog-box-child div.inner p.thumbnail img{
	width:100%;
	height:100%;
	
	position: absolute;
	top:0;
	left:0;
	
	object-fit: cover;
	object-position: center;
}

.archive-blog-box-child div.inner div.text{
	width:100%;
}

.archive-blog-box-child div.inner div.text ul.postdata{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	margin-bottom:20px;
}

.archive-blog-box-child div.inner div.text ul.postdata li.cat{
	font-size:1.6rem;
	line-height:40px;
	
	width:100px;
	
	box-sizing: border-box;
	border:solid 1px #ff934c;
	
	text-align: center;
	color:#ff934c;
	
	transform:skewX(-30deg);
}

.archive-blog-box-child div.inner div.text ul.postdata li.cat span.note{
	display:block;
	transform:skewX(30deg);
}

.archive-blog-box-child div.inner div.text ul.postdata li.cat a{
	display:block;
	transform:skewX(30deg);
}

.archive-blog-box-child div.inner div.text ul.postdata li.update{
	font-size:1.4rem;
	line-height:40px;
	
	box-sizing: border-box;
	padding:0 20px;
}

.archive-blog-box-child div.inner div.text h4{
	display:none;
}

.archive-blog-box-child div.inner div.text div.post-content{
	font-size:1.6rem;
	line-height:30px;
}

@media only screen and (min-width: 960px){
	
	.archive-blog-box-child div.inner{
		padding:20px;
	}
	
	.archive-blog-box-child div.inner > h4{
		display:none;
	}
	
	.archive-blog-box-child div.inner p.thumbnail{
		width:340px;
	}
	
	.archive-blog-box-child div.inner p.thumbnail:before{
		height:280px;
		
		padding-top:0;
	}
	
	.archive-blog-box-child div.inner div.text{
		/*width:calc(100% - 340px);*/
		width:100%;
		
		box-sizing: border-box;
		padding-left:30px;
	}
	
	.archive-blog-box-child div.inner div.text ul.postdata{
		padding-left:10px;
	}
	
	.archive-blog-box-child div.inner div.text ul.postdata li.cat{
		font-size:0.8rem;
		line-height:40px;
	}
	
	.archive-blog-box-child div.inner div.text ul.postdata li.update{
		font-size:0.9rem;
		line-height:40px;
	}
	
	.archive-blog-box-child div.inner div.text h4{
		display:block;
		
		font-size:1.4rem;
		line-height:50px;
		
		margin-bottom:20px;
	}
	
	.archive-blog-box-child div.inner div.text div.post-content{
		font-size:0.8rem;
		line-height:25px;
	}
	
}