/* =page-details
-------------------------------------------------------------- */

/* -- #bm_img_box　-- */
#bm_img_box {
	position: relative;
	margin: 0 15px 20px;
	border: none;
}
#bm_img_box .slick-slide {
	text-align: center;
}
#bm_img_box .slidein a {
	display: inline-block;
}
/* -- flex-direction-nav -- */
#bm_img_box .bx-controls-direction a {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #333;
	opacity: 1;
	text-align: center;
}
#bm_img_box a.bx-prev,
#bm_img_box a.bx-next {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
#bm_img_box a.bx-prev:before,
#bm_img_box a.bx-next:before {
	color: #fff;
	font-size: 30px;
	font-family: 'FontAwesome';
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
#bm_img_box a.bx-prev,
#bm_img_box a.bx-next {
	z-index: 100;
}
#bm_img_box a.bx-prev {
	left: 0;
}
#bm_img_box a.bx-prev:before {
	content:'\f104';
}
#bm_img_box a.bx-next:before {
	content:'\f105';
}
#bm_img_box a.bx-next {
	right: 0;
}
#bm_img_box .caption {
	font-size: 16px;
	margin-top: 5px;
}

/* -- .item-detail -- */

/* - h1 -*/
.entry-content .item-detail h1.detail-title {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #aaa;
}
/* - .detail-frame1 - */
.detail-frame1 {
	margin-bottom: 30px;
}
.detail-frame1 .head {
	margin-bottom: 15px;
	text-align: center;
}
.detail-frame1 .bottom h2 {
	margin-bottom: 15px;
	padding-bottom: 0;
	border: none;
	text-align: center;
	line-height: 170%;
}
.detail-frame1 .bottom p {
	margin-bottom: 0;
	text-align: center;
	line-height: 170%;
}

/* - .detail-frame2 - */
.entry-content .detail-frame2 h3 {
	font-size: 16px;
	margin-bottom: 20px;
	padding-left: 10px;
	border-color: #333;
	line-height: 130%;
}
.entry-content .detail-frame2 h4 {
	color: #333;
	font-size: 15px;
	margin-bottom: 5px;
	padding: 0;
	background: none;
	text-align: center;
}
.entry-content .detail-frame2 ul {
	margin: 0;
}
.entry-content .detail-frame2 li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	list-style: none;
	border-bottom: 1px solid #ccc;
}
.entry-content .detail-frame2 li:last-child {
	margin-bottom: 0;
}
.material-image {
	margin-bottom: 10px;
	text-align: center;
}
.detail-frame2 p {
	margin-bottom: 0;
	text-align: center;
	line-height: 170%;
}

/**
 * Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {
	
	/* =page-details
	-------------------------------------------------------------- */
	
	/* -- #bm_img_box -- */
	#bm_img_box {
		margin:  0 0 30px;
	}
	
	/* - .detail-frame2 - */
	.entry-content .detail-frame2 h3 {
		margin-bottom: 30px;
	}
	.material-image {
		width: 48%;
		margin-bottom: 0;
		float: left;
	}
	.material-detail {
		width: 48%;
		float: right;
	}
	.entry-content .detail-frame2 h4 {
		margin-bottom: 10px;
		text-align: left;
	}
	.detail-frame2 p {
		text-align: left;
	}

}


/**
 * Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {


	/* =page-details
	-------------------------------------------------------------- */
	
	/* -- #bm_img_box -- */
	#bm_img_box .bx-controls-direction a {
		width: 50px;
		height: 50px;
	}
	#bm_img_box a.bx-prev:before,
	#bm_img_box a.bx-next:before {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
\	
	/* -- .item-detail -- */
	.entry-content .item-detail h1.detail-title {
		margin-bottom: 30px;
	}
	/* - .detail-frame1 - */
	.detail-frame1 .head {
		width: 48%;
		float: left;
	}
	.detail-frame1 .bottom {
		width: 48%;
		float: right;
	}
	.detail-frame1 .bottom h2,
	.detail-frame1 .bottom p {
		text-align: left;
	}
	
	/* - .detail-frame2 - */
	.material-image {
		width: 300px;
		margin-right: 20px;
	}
	.material-detail {
		width: auto;
		float: none;
		margin-left: 320px;
	}
	.entry-content .detail-frame2 h4 {
		clear: none;
	}
	
}


/**
 * Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {


	/* =page-details
	-------------------------------------------------------------- */
	
	/* -- #bm_img_box　-- */
	#bm_img_box {
		margin: 10px 0 40px;
	}

}


/**
 * Desktop 1290px
 */
@media screen and (min-width: 1400px) {


	/* =page-details
	-------------------------------------------------------------- */

	/* -- #bm_img_box　-- */
	#bm_img_box {
		margin: 10px 100px 50px;
	}
	#bm_img_box a.bx-prev {
		left: -100px;
	}
	#bm_img_box a.bx-next {
		right: -100px;
	}
	
	/* -- item-detail　-- */
	
	.entry-content .item-detail h1.detail-title {
		font-size: 24px;
		margin-bottom: 40px;
		padding-bottom: 20px;
	}
	
	/* - .detail-frame1 - */
	.detail-frame1 .head,
	.detail-frame1 .bottom {
		width: 510px;
	}
	.detail-frame1 .bottom h2 {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.detail-frame1 .bottom p {
		font-size: 14px;
		line-height: 180%;
	}

	/* - .detail-frame2 - */
	.entry-content .detail-frame2 h3 {
		font-size: 20px;
		margin-bottom: 40px;
	}
	.entry-content .detail-frame2 h4 {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.entry-content .detail-frame2 li {
		width: 47.5%;
		height: 190px;
		float: left;
		margin: 0 0 5%;
		padding: 0 30px 0 0;
	}
	.entry-content .detail-frame2 li:nth-child(even) {
		padding: 0 0 0 2.5%;
	}
	.entry-content .detail-frame2 li:last-child,
	.entry-content .detail-frame2 li:nth-last-child(2) {
		margin-bottom: 0;
	}
	.entry-content .detail-frame2 li .inner {
		padding: 0 0 30px 0;
	}
	.material-image {
		width: 190px;
	}
	.material-detail {
		margin-left: 210px;
	}
	.detail-frame2 p {
		font-size: 13px;
		line-height: 150%;
	}
	
	
}