/*============================
	Foundation
==============================*/

main .block_link::before {
	box-sizing: content-box;
	padding: 3px;
	border: rgba(20,20,20,0.2) 3px solid;
	top: -6px;
	left: -6px;
	width: 100%;
	height: 100%;
	margin-right: -6px;
	margin-bottom: -6px;
	transition: opacity 0.2s;
}
main .block_link:hover::before{
	border-width: 3px;
}

/*============================
	Layout
==============================*/


/*============================
	Object
==============================*/

/*---------------
	component
----------------*/
.c-icon--new{
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1;
	width: 3.5em;
	text-align: center;
	background-color: #e6002d;
	color: #fff;
	border-radius: 4px;
	padding: 0.5em 0;
	margin: 0.5em auto;
}

/*---------------
	project
----------------*/
.p-archiCommentIndex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.p-archiCommentIndex li{
	flex: 0 0 auto;
	padding: 0.75rem 0;
	border-bottom: #e6e6e6 1px solid;
	width: 48.5%;
}

.p-archiCommentIndex li:nth-of-type(1),
.p-archiCommentIndex li:nth-of-type(2){
	border-top: #e6e6e6 1px solid;
}

.p-contentBox{
	background-color: #fff;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
}

.p-archiComment__txt{
	padding: 0 0rem 0.5rem 1rem;
}
.p-archiComment__txt .c-card__name{
	font-size: 1rem;
	font-feature-settings : "palt" 0;
	letter-spacing: 0.01em;
}
.p-archiComment__txt .c-card__position{
	letter-spacing: 0.02em;
	margin-bottom: 0;
	font-size: 0.8125rem;
	color: #333;
}
.p-archiComment__txt .c-card__project{
	font-size: 0.8125rem;
	border-bottom: #e6e6e6 1px solid;
	padding-bottom: 0.2em;
	margin-bottom: 1em;
	letter-spacing: 0;
	
/*	font-family:"Roboto","Hiragino UD Sans W5 JIS2004", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ ゴシック", sans-serif;*/
	font-family:"Roboto","Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: 500;
	color: #212121;
}
.p-archiComment__txt .c-card__project::before{
	font-size: 0.6875rem;
	font-weight: 500;
	margin-right: 0.5em;
}
.p-archiComment__img{
	height: auto;
	width: 75px;
	padding: 0;
}
.p-archiComment__img img{
	width: 100%;
	height: auto;
}

/*-------------------
	Utility
--------------------*/


@media print{
	.p-archiCommentIndex{
		display: block;
		overflow: hidden;
	}

	.p-archiCommentIndex li{
		float: left;
		width: 48.5%;
		margin-right: 3%;
		page-break-inside: avoid;
		page-break-after: auto;
	}
	.p-archiCommentIndex li:nth-of-type(2n){
		margin-right: 0;
	}
}

/*============================
	sp
==============================*/

.sp .p-cornerLede {
	padding: 0 1.25rem;
	text-align: justify;
	margin-bottom: 2.5rem;
}

.sp .p-archiCommentIndex {
	display: block;
	margin-bottom: 2.5rem;
}
.sp .p-archiCommentIndex li {
	padding: 0;
	width: 100%;
}
.sp .p-archiCommentIndex li:nth-of-type(2) {
	border-top: none;
}
.sp .p-contentBox {
	padding: 1rem 1.25rem 1rem 0;
}

.sp .p-archiComment__img{
	padding-left: 1.25rem;
	background-color: inherit;
}
.sp .p-archiComment__txt {
	padding: 0 0 0 1.25rem;
	flex: 1 1 auto;
	line-height: 1.5;
}

.sp .p-archiComment__txt .c-card__project{
	font-size:0.9285rem;
}
.sp .p-archiComment__txt .c-card__project::before{
	display: block;
	margin-top: 1rem;
	margin-bottom: 0.2rem;
	line-height: 1;
}

@media screen and (max-width:360px){
	.sp .p-archiComment__txt .c-card__project{
		font-size:0.875rem;
	}
}

/*for iPad*/

.is-ipad .p-archiCommentIndex li.active {
	background-color: #f0f0f0;
}