@charset "utf-8";
/***************************************************************************************************
	gallery_detail.css
***************************************************************************************************/
#page_gallery_detail {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 140px 0 0 0;
}
/*
*/
#page_gallery_detail .blk_1 {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0 8%;
}
#page_gallery_detail .blk_1 h2 {
	position: relative;
	order: 2;
	padding: 40px 0 20px 0;
	font-size: 24px;
	line-height: 150%;
	border-bottom: 1px solid #bfbfbf;
}
#page_gallery_detail .blk_1 p {
	position: relative;
	order: 1;
}
#page_gallery_detail .blk_1 p span {
	font-size: 14px;
	line-height: 100%;
	font-weight: 700;
	letter-spacing: 2px;
	display: inline-block;
}
#page_gallery_detail .blk_1 p span:nth-of-type(1) {
	padding: 1px 15px 1px 0 ;
}
#page_gallery_detail .blk_1 p span:nth-of-type(2) {
	padding: 1px 0 1px 17px;
	border-left: 2px solid #000000;
}
/*
*/
#page_gallery_detail .blk_2 {
	position: relative;
	padding: 40px 8% 60px 8%;
}
#page_gallery_detail .blk_2 p {
	position: relative;
}
#page_gallery_detail .blk_2 p img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
#page_gallery_detail .blk_2 * {
	font-size: 14px;
	line-height: 175%;
}
/*
*/
#page_gallery_detail .blk_3 {
	position: relative;
	width: 100%;
	padding: 0 8% 0 8%;
}
#page_gallery_detail .blk_3_content {
	position: relative;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	display: table;
	width: 100%;
	padding: 0;
}
/*  */
#page_gallery_detail .blk_3_1 {
	width: 50%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
#page_gallery_detail .blk_3_1 a {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0;
}
#page_gallery_detail .blk_3_1.page_none a {
	pointer-events: none;
	opacity: 0;
}
#page_gallery_detail .blk_3_1 a div {
	position: relative;
	width:100%;
	padding: 20px 70px 20px 50px;
}
#page_gallery_detail .blk_3_1 a div p:nth-of-type(1) {
	display:inline-block;
	position: relative;
	text-align: left;
	font-size: 15px;
	line-height: 150%;
	transition: color .2s ease-out 0s;
}
#page_gallery_detail .blk_3_1 a.btn_over div p:nth-of-type(1) {
	color: #0C3388;
}
#page_gallery_detail .blk_3_1 a div p:nth-of-type(2) {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	left:0;
	top:50%;
	transform: translateX(-10px) translateY(-50%) scaleX(-.6) scaleY(.6);
}
/*  */
#page_gallery_detail .blk_3_2 {
	width: 50%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
#page_gallery_detail .blk_3_2 a {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0;
}
#page_gallery_detail .blk_3_2.page_none a {
	pointer-events: none;
	opacity: 0;
}
#page_gallery_detail .blk_3_2 a div {
	position: relative;
	padding: 20px 50px 20px 70px;
	width: 100%;
}
#page_gallery_detail .blk_3_2 a div p:nth-of-type(1) {
	display:inline-block;
	position: relative;
	text-align: left;
	font-size: 15px;
	line-height: 150%;
	transition: color .2s ease-out 0s;
}
#page_gallery_detail .blk_3_2 a.btn_over div p:nth-of-type(1) {
	color: #0C3388;
}
#page_gallery_detail .blk_3_2 a div p:nth-of-type(2) {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	left:calc(100% + 10px);
	top:50%;
	transform: translateX(-100%) translateY(-50%) scaleX(.6) scaleY(.6);
}

/*
*/
#page_gallery_detail .blk_4 {
	padding: 80px 0 0 0;
}
/***************************************************************************************************
  responsive
***************************************************************************************************/
@media screen and (max-width: 1000px) {

#page_gallery_detail {
	padding: 60px 0 0 0;
}
/*
*/
#page_gallery_detail .blk_1 {
		padding: 0 5%;
}
#page_gallery_detail .blk_1 h2 {
	padding: 20px 0 15px 0;
	font-size: 18px;
}
#page_gallery_detail .blk_1 p {
}
#page_gallery_detail .blk_1 p span {
	font-size: 12px;
	display: inline-block;
}
#page_gallery_detail .blk_1 p span:nth-of-type(1) {
	padding: 1px 10px 1px 0 ;
}
#page_gallery_detail .blk_1 p span:nth-of-type(2) {
	padding: 1px 0 1px 12px;
}
/*
*/
#page_gallery_detail .blk_2 {
	position: relative;
	padding: 20px 5% 20px 5%;
}
#page_gallery_detail .blk_2 p {
}
#page_gallery_detail .blk_2 * {
}
#page_gallery_detail .blk_2 a {
}
/*
*/
#page_gallery_detail .blk_3 {
	padding: 0 5% 0 5%;
}
#page_gallery_detail .blk_3_content {
}
/*  */
#page_gallery_detail .blk_3_1 {
}
#page_gallery_detail .blk_3_1 a {
}
#page_gallery_detail .blk_3_1 a div {
	padding: 15px 15px 15px 45px;
}
#page_gallery_detail .blk_3_1 a div p:nth-of-type(1) {
	font-size: 13px;
	/* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden; */
}
#page_gallery_detail .blk_3_1 a.btn_over div p:nth-of-type(1) {
}
#page_gallery_detail .blk_3_1 a div p:nth-of-type(2) {
}

/*  */
#page_gallery_detail .blk_3_2 {
}
#page_gallery_detail .blk_3_2 a {
}
#page_gallery_detail .blk_3_2 a div {
	padding: 15px 45px 15px 15px;
}
#page_gallery_detail .blk_3_2 a div p:nth-of-type(1) {
	font-size: 13px;
	/* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden; */
}
#page_gallery_detail .blk_3_2 a.btn_over div p:nth-of-type(1) {
}
#page_gallery_detail .blk_3_2 a div p:nth-of-type(2) {
}

/*
*/
#page_gallery_detail .blk_4 {
	padding: 60px 0 0 0;
}
}