/*-------------------------------------------------
|-  
|-  detailTtlBlock
|-
-------------------------------------------------*/
.detailTtl {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	/*padding: 215px 0;*/
	padding: 60px 0;
	/*background-image: url(/assets/img/bg_fithouse.jpg);*/
	/*background-size: cover;*/
	/*background-position: center;*/
	/*background-repeat: no-repeat;*/
}
.detailTtl_item-event {
	width: 31%;
	min-width: 405px;
	margin: 0 auto 10px;
}
.detailTtl_item-subTxt {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.5em;
}
@media screen and (max-width: 767px){
	.detailTtl {
		padding: 25px 0;
	}
	.detailTtl_item-event {
		width: 64%;
		min-width: auto;
		margin: 0 auto 5px;
	}
	.detailTtl_item-subTxt {
		font-size: 13px;
		text-indent: 0;
		letter-spacing: 0;
	}
}
/*-------------------------------------------------
|-  
|-  rowBlock
|-
-------------------------------------------------*/
.rowBlock {
	margin-bottom: 135px;
	padding-bottom: 205px;
	border-bottom:1px solid #d4d4d4;
}
.rowTopTxt {
	width: 74%;
	max-width: 1040px;
	margin: 90px auto 60px;
	font-size: 15px;
	text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	line-height: 250%;
}

@media screen and (max-width: 767px){
	.rowBlock {
		margin-bottom: 40px;
		padding-bottom: 30px;
	}
	.rowTopTxt {
		width: 90%;
		margin: 25px auto 10px;
		font-size: 14px;
		text-indent: 0;
		letter-spacing: 0;
		line-height: 180%;
	}

}
/*-------------------------------------------------
|-  underLayer
|-  rowBlock
|-
-------------------------------------------------*/
.rowBlock-under {
	border: 0;
}
.rowTopTxt_lowerLayer {
	margin: 100px auto 90px;
	font-size: 28px;
	font-weight: bold;
	line-height: 140%;
}
.rowContWrap {
	width: 100%;
}
.rowContWrap:nth-of-type(odd) {
	background-color: #f0f0f0;
}
.rowContWrap:last-of-type {
	padding-bottom: 20px;
}
.rowContWrap_acv{
	display: block;
	transition: .2s;
	position: relative;
}
.rowContWrap_acv:hover {
	opacity: .8;
	transition: .2s;
}
.rowContWrap_acv:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10%;
	width: 25px;
	height: 25px;
	margin: auto;
	border: 0px;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-radius: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: .2s;
}
.rowContWrap_acv:hover:after {
	right: 7%;
	transition: .2s;
}

.rowContArea {
	width: 98%;
	max-width: 960px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding:50px 0;
}
.cs-img {
	width: 100%;
}
.rowContPhoto {
	width: 36%;
	max-width: 350px;
	position: relative;
}
.rowContPhoto:after {
	content:"イベント";
	position: absolute;
	top:10px;
	right:10px;
	background-color:#7faa93;
	display: inline-block;
	color:#fff;
	border-radius: 15px;
	padding:2px 10px;
}
.rowContPhoto-campaign:after {
	content:"キャンペーン";
	background-color:#7598b4;
}
.rowContPhoto-work:after {
	content:"ワークショップ";
	background-color:#d48f81;
}

/*--- rowContTxtArea ----------------*/
.rowContTxtArea {
	width: 61%;
}
.rowContTxt_txt {
	font-size: 20px;
	font-weight: bold;
	box-sizing: border-box;
	color:#333;
	text-decoration:underline;
}
.rowContCompletion_tit {
	margin-top:20px;
	color:#333;
	font-weight:bold;
	font-size: 16px;
}
.rowContCompletion_txt {
	line-height: 170%;
	margin-top:20px;
	color:#333;
}
.rowContCompletion_icon {
	padding:2px 10px;
	box-sizing: border-box;
	background-color:#d46672;
	color:#fff;
	width:100px;
	text-align: center;
	margin-top:20px;
}
.pageCountArea {
	text-align: center;
	margin: 50px auto 0;
	width: 92%;
	max-width: 960px;
}
.pageCount {
	display: inline-flex;
	text-align: center;
	flex-wrap: wrap;
}
.pageCount_list {
	margin:0 10px 15px 0;
}
	.pageCount_list_acv,
	.pageCount_list-now {
		width:31px;
		height:31px;
		padding:5px;
		text-align: center;
		color:#fff;
		background-color: #000;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		transition: 0.4s;
	}
	.pageCount_list_acv-arrow {
		background-color: #fff;
		position:relative;
		color:#fff;
	}
	.pageCount_list_acv-arrow:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 10%;
		width: 18px;
		height: 18px;
		margin: auto;
		border: 0px;
		border-top: solid 1px #999;
		border-right: solid 1px #999;
		border-radius: 1px;
	}
	.pageCount_list_acv-arrowL:after {
		-ms-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	.pageCount_list_acv-arrowR:after {
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

.pageCount_list:last-chikd {
	margin-right:0;
}
.pageCount_list_acv:hover,
.pageCount_list-now {
	background-color:#a08d70;
}
.pageCount_list_acv-arrow:hover {
	background-color:#fff;
	opacity: 0.6;
}

@media screen and (max-width: 767px){
	.rowContWrap {
		margin-bottom:20px;
	}
	.rowContWrap_acv:after {
		border:none;
	}
	.rowContArea {
		width:92%;
		display: block;
		background-color:#fff;
		padding:0;
		border:1px solid #d4d4d4;
		/*box-shadow: 1px 1px 3px #ccc;*/
		-moz-border-bottom-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-o-border-bottom-left-radius: 10px;
		-ms-border-bottom-left-radius: 10px;
		-moz-border-bottom-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-o-border-bottom-right-radius: 10px;
		-ms-border-bottom-right-radius: 10px;
	}
	.rowBlock-under {
		border-bottom: 1px solid #d4d4d4;
	}
	.rowTopTxt_lowerLayer {
		margin: 40px auto 20px;
		font-size: 20px;
		text-indent: 0.1em;
		letter-spacing: 0.1em;
	}
	/*--- rowContTxtArea ----------------*/
	.rowContWrap:nth-child(odd) {
		background: none;
	}
	.rowContWrap:last-of-type {
		padding-bottom: 0;
		border: 0;
	}
	.rowContPhoto {
		width: 100%;
		max-width: 100%;
		margin:0 auto;
	}
	.rowContTxtArea {
		width: 92%;
		margin:20px auto;
	}
	.rowContTxt_inspection {
		width: 33%;
	}
	.rowContTxt_txt {
		margin-top: 10px;
		font-size: 18px;
		text-decoration: none;
	}
	.rowContCompletion_tit {
		margin-top: 10px;
		font-size: 14px;
	}
	.rowContCompletion_txt {
		margin-top: 10px;
		font-size: 13px;

	}
}

/*-------------------------------------------------
|- detail
|-
|-
-------------------------------------------------*/
.detailTop_ttl {
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	background-color: #f0f0f0;
}
.detailTop_date {
	width: 57%;
	max-width: 800px;
	margin: 0 auto 10px;
	font-size: 13px;
	letter-spacing: 0.1em;
}
.cs-newsTtl {
	font-size: 22px;
	font-weight: bold;
	word-break: break-all;
	display: block;
}
.detailTop_date {
	font-size: 20px;
	margin-top:10px;
}
.detailTop_cate {
	width: 57%;
	max-width: 800px;
	margin: 0 auto 10px;
}
.detailTopCate_icon{
	background-color:#7faa93;
	display: inline-block;
	color:#fff;
	border-radius: 15px;
	padding:2px 10px;
}
	.detailTopCate_icon-campaign {
		background-color:#7598b4;
	}
	.detailTopCate_icon-work {
		background-color:#d48f81;
	}
.detailTxt {
	width: 57%;
	max-width: 800px;
	margin: 50px auto;
}
.detailTxt img {
	max-width: 100% !important;
	height: auto !important;
}
.detailBtn {
	width: 365px;
	margin: 100px auto 0;
	display: flex;
	/*justify-content: space-between;*/
	justify-content: center;
}
.detailBtn_item {
	position: relative;
	width: 120px;
	text-align: center;
}
.detailBtn_item-prev, .detailBtn_item-next {
	background-color: #a08d70;
}
.detailBtn_item-prev {
	margin-right: 1%;
}
.detailBtn_item-next {
	margin-left: 1%;
}
.detailBtn_item-top {
	background-color: #f0f0f0;
}
.detailBtn_item-prev:before {
	content: '';
	position: absolute;
	top: 35%;
	left: 10%;
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-radius: 1px;
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.detailBtn_item-top:after {
	content: '';
	position: absolute;
	top: 45%;
	right: 6%;
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #a08d70;
	border-right: solid 2px #a08d70;
	border-radius: 1px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.detailBtn_item-next:after {
	content: '';
	position: absolute;
	top: 35%;
	right: 10%;
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-radius: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.detailBtn_item-prev .cs-newsBtnLink, .detailBtn_item-next .cs-newsBtnLink {
	color: #fff;
}
.detailBtn_item-top .cs-newsBtnLink {
	color: #a08d70;
}
.cs-newsBtnLink {
	/*padding: 10px 5% 10px 0;*/
	padding: 10px 10% 10px 0;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: bold;
	display: block;
	transition: .2s;
}
.cs-newsBtnLink-prev {
	padding: 10px 0 10px 5%;
}
.cs-newsBtnLink:hover {
	opacity: .8;
	transition: .2s;
}
.detailBtnArea {
	width: 46%;
	max-width:600px;
	margin:30px auto;
}
	.detailBtnArea_item {
		margin-bottom:10px;
	}
	.detailBtnArea_item:last-child {
		margin-bottom:0;
	}
	.detailBtnAreaItem_acv {
		width:100%;
		display: inline-block;
		padding:10px;
		box-sizing: border-box;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		background-color:#a08d70;
		color:#fff;
		transition: .2s;
		position: relative;

	}
	.detailBtnAreaItem_acv:hover {
		opacity: .8;
		transition: .2s;
	}
	.detailBtnAreaItem_acv:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 5%;
		width: 10px;
		height: 10px;
		margin: auto;
		border: 0px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		border-radius: 1px;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transition: .2s;
	}
	.detailBtnAreaItem_acv:hover:after {
		right: 3%;
		transition: .2s;
	}

@media screen and (max-width: 321px){
	.cs-newsBtnLink {
		font-size: 14px;
	}
	.detailBtn_item-prev:before {
		top: 38%;
		width: 8px;
		height: 8px;
	}
	.detailBtn_item-top:after {
		width: 8px;
		height: 8px;
	}
	.detailBtn_item-next:after {
		top: 38%;
		width: 8px;
		height: 8px;
	}
}
@media screen and (max-width: 767px){
	.detailTop {
		width: 100%;
		margin: 0 auto 10px;
	}
	.detailTop_date {
		width: 93%;
		margin: 0 auto 5px;
		font-size:15px;
	}
	.detailTop_cate{
		width:92%;
		font-size:13px;
	}
	.detailTop_ttl {
		padding: 10px 0;
	}
	.cs-newsTtl {
		width: 93%;
		margin:0 auto;
		font-size: 19px;
		text-align: left;
	}
	.detailTxt {
		width: 93%;
		margin: 20px auto 30px;
	}
	.detailBtn {
		width: 93%;
	}
	.detailBtn_item {
		width: 33%;
	}
	.detailBtnArea {
		width:93%;
	}
		.detailBtnAreaItem_acv {
			font-size:14px;
		}
}

.btnHover {
	transition: 0.6s;
}
.btnHover:hover {
	opacity: 0.6;
}