.detailsTitle{
	margin: 0 auto;
	padding: 15px;
	width: 100%;
	background: #fff;
}
.detailsTitleBox{
	padding: 30px 23px 30px;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.detailsTitleUpper{
	width: 100%;
}
.detailsTitleText, .detailsTitleSub, .detailsOriginal{
	width: 100%;
}
.detailsTitleSub{
	margin: 5px 0 0;
}
.detailsTitleOriginal{
	margin: 10px 0 0;
}
.detailsTitleOriginal>div{
	margin: 10px 0 0;
}
.detailsTitleBottom{
	margin: 30px 0 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.detailsTitleImg{
	width: 260px;
}
.detailsTitleImg img{
	width: 100%;
}

.detailsTitleSynopsis{
	width: calc(100% - 15px - 260px)
}

.detailsTitleTameshi{
	margin: 5px 0;
	width: 100%;
}
.detailsTitleTameshi>div{
	width: 121px;
	height: 33px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.datailsTitleTameshiActive{
	background: #5dc2d0;
}
.datailsTitleTameshiPassive{
	background: #bbb;
}

.detailsTitleLine{
	margin: 15px auto 20px;
	width: 94%;
	height: 2px;
	background-image: linear-gradient(to right, #B0CD3A, #B0CD3A 2px, transparent 2px, transparent 6px);
	background-size: 6px 2px;
	background-repeat: repeat-x;
}

.datailsInformationItem{
	padding: 0 20px;
}

.detailsInformation{
	margin: 35px 0 0;
	padding: 0 20px;
}


.detailsKanren{
	padding: 100px 0 0;
	width: 100%;
}
.detailsKanrenMidashi{
	padding: 8px 0 5px;
	width: 25%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.detailsKanrenBox{
	margin: 0 auto;
	padding: 30px 23px 0;
	width: 100%;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.detailsKanrenBox:nth-child(1){
	border-top: 1px solid #000;
}
.detailsKanrenImg{
	width: 126px;
}
.detailsKanrenImg img{
	width: 100%;
}
.detailsKanrenRight{
	width: calc(100% - 30px - 126px);
}

.detailsKanrenSub, .detailsKanrenOriginal{
	margin: 10px 0 0;
}
.detailsKanrenSynopsis{
	margin: 20px 0 0 5px;
}
.detailsKanrenLine{
	width: 100%;
	height: 3px;
	background-image: linear-gradient(to right, #E1ECB4, #E1ECB4 3px, transparent 3px, transparent 6px);
	background-size: 6px 3px;
	background-repeat: repeat-x;
}

.datailsKanrensakuhin{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.datailsKanrensakuhin>div{
	margin: 0 1%;
	width: 23%;
}
.datailsKanrensakuhin>div>a{
	width: 100%;
	height: 100%;
}
.datailsKanrensakuhin>div>a>img{
	width: 100%;
}
@media screen and (max-width: 670px){
	.detailsTitle{
		margin: 0 auto;
		padding: 15px 0 0;
		width: 95%;
	}
	.detailsTitleBox{
		margin: 0 auto;
		padding: 30px 0 30px;
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	.detailsTitleBottom{
		margin: 30px 0 0;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.detailsTitleImg{
		width: 100%;
	}
	.detailsTitleSynopsis{
		width: 100%;
	}
	.detailsKanren{
		margin: 0;
		padding: 0;
		width: 100%;
		border-top: solid 30px #E1ECB4;
	}
	.detailsKanrenMidashi{
		padding: 15px 0 5px;
		width: 100%;
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.detailsKanrenBox{
		margin: 0 auto;
		padding: 30px 23px 0;
		width: 100%;
		background: #fff;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	.detailsKanrenBox:nth-child(1){
		border-top: 1px solid #000;
	}
	.detailsKanrenImg{
		width: 100%;
	}
	.detailsKanrenImg img{
		width: 100%;
	}
	.detailsKanrenRight{
		width: 100%;
	}

	.detailsKanrenSub, .detailsKanrenOriginal{
		margin: 10px 0 0;
	}
	.detailsKanrenSynopsis{
		margin: 20px 0 0 5px;
	}
}