@charset "utf-8";
/* @latest 2021.03.10 YHY */

/* gallery123 */
	.gallery123 {width:100%;height:100%;float:left;/* border-top:1px solid #f0f0f0; */box-sizing:border-box;position:relative;background:#fffec8;}
	.gallery123 .innerbox {width:100%;height:100%;padding: 30px;float:left;box-sizing:border-box;position:relative;text-align:center;}

	.gallery123 .innerbox .tit {display: block; font-size:24px; color:#703d07; padding-bottom: 30px;}
	.gallery123 .innerbox ul {padding-top: 30px; background: url(/sample/layout/contents/img_board/gallery123/img/dot_line.png) repeat-x;}
	.gallery123 .innerbox ul li {width:calc(100% / 3 - 1.4%) ;font-size:13px; float:left; position:relative; text-align:left; }
	.gallery123 .innerbox ul li + li{margin-left: 2%;}
	.gallery123 .innerbox ul li a{width:100%; float:left; color:#333; text-align:left;}
	.gallery123 .innerbox ul + a{position:absolute; top: 20px;right: 30px; font-size: 40px; color:#a38018;}

	.gallery123 .innerbox ul li span {float:left;}
	.gallery123 .innerbox ul li div.imgbox {overflow:hidden; background:url(/images/wzwg/site/mngr/no-img.png); background-size:contain;
											background-repeat:no-repeat; background-position:center; position:relative; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box;}
	.gallery123 .innerbox ul li div.imgbox img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px; margin:auto;
												min-height:100%; width:100%;}
  .gallery123 .innerbox ul li div.imgbox img:hover {transform: scale(1.1); transition: transform 1s;}
	.gallery123 .innerbox ul li .gall_tit {width:90%; margin-top:15px; font-weight:600; font-size: 18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#703d07;}
	.gallery123 .innerbox ul li .gall_co {margin-top: 5px; text-overflow:ellipsis; overflow:hidden; width:90%; white-space:nowrap; font-size:14px; color:#a38018;}

	.layout_height_M .gallery123 .innerbox ul li div.imgbox {height: 105px;}
	.layout_height_M .gallery123 .innerbox ul li .gall_co {margin-top:3px; font-size:12px; color:#636363; letter-spacing:-1px; }

	.layout_height_L .gallery123 .innerbox {padding: 15px;}
	.layout_height_L .gallery123 .innerbox ul li {margin-top:0;}
	.layout_height_L .gallery123 .innerbox ul li:first-child {text-align:left;}
	.layout_height_L .gallery123 .innerbox ul li:nth-child(2) a {text-align:center;}
	.layout_height_L .gallery123 .innerbox ul li:last-child img{text-align:right; float:right;}
	.layout_height_L .gallery123 .innerbox ul li div.imgbox {width:100%; height: 80px; float:none;}
	.layout_height_L .gallery123 .innerbox ul li .gall_tit {display:none;}
	.layout_height_L .gallery123 .innerbox ul li .gall_co {display:none;}
	.layout_height_L .gallery123 .innerbox ul + a {top:20px;}

	.layout_01 .gallery123 .innerbox ul li:hover .gall_tit {text-decoration:underline;}
	.layout_03.layout_height_H .gallery123 .innerbox ul li div.imgbox {height:100px;}
	.layout_04.layout_height_H .gallery123 .innerbox ul li div.imgbox {height:100px;}

	.layout_02.layout_height_M .gallery123 .innerbox ul li:nth-child(3),
	.layout_02_36.layout_06.layout_height_M .gallery123 .innerbox ul li:nth-child(3),
	.layout_03.layout_height_M .gallery123 .innerbox ul li:nth-child(3),
	.layout_03.layout_height_H .gallery123 .innerbox ul li:nth-child(3),
	.layout_04.layout_04ml.layout_height_H .gallery123 .innerbox ul li:nth-child(3),
	.layout_04.layout_04mr.layout_height_M .gallery123 .innerbox ul li:nth-child(3),
	.layout_04.layout_height_H .gallery123 .innerbox ul li:nth-child(3),
	.layout_04.layout_height_M .gallery123 .innerbox ul li:nth-child(3){display: none;}

	.layout_02.layout_height_M .gallery123 .innerbox ul li,
	.layout_02_36.layout_06.layout_height_M .gallery123 .innerbox ul li,
	.layout_03.layout_height_M .gallery123 .innerbox ul li,
	.layout_03.layout_height_H .gallery123 .innerbox ul li,
	.layout_04.layout_04ml.layout_height_H .gallery123 .innerbox ul li,
	.layout_04.layout_04mr.layout_height_M .gallery123 .innerbox ul li,
	.layout_04.layout_height_H .gallery123 .innerbox ul li,
	.layout_04.layout_height_M .gallery123 .innerbox ul li{width:calc(100% / 2 - 1%);}

	.layout_02.layout_height_M .gallery123 .innerbox ul li .gall_tit,
	.layout_02_36.layout_06.layout_height_M .gallery123 .innerbox ul li .gall_tit,
	.layout_03.layout_height_M .gallery123 .innerbox ul li .gall_tit,
	.layout_04.layout_04mr.layout_height_M .gallery123 .innerbox ul li .gall_tit,
	.layout_04.layout_height_M .gallery123 .innerbox ul li .gall_tit{display: none;}

	.layout_02.layout_height_M .gallery123 .innerbox ul li .gall_co,
	.layout_02_36.layout_06.layout_height_M .gallery123 .innerbox ul li .gall_co,
	.layout_03.layout_height_M .gallery123 .innerbox ul li .gall_co,
	.layout_04.layout_04mr.layout_height_M .gallery123 .innerbox ul li .gall_co,
	.layout_04.layout_height_M .gallery123 .innerbox ul li .gall_co{display: none;}

	/* no-data */
	.gallery123 .innerbox ul li.no_data {}
	.gallery123 .innerbox ul li.no_data .gall_tit {display:inline !important;}




	@media (min-width:600px){
		.layout_height_L .gallery123 {height:150px;}
		.layout_height_M .gallery123 {height:250px;}
		.layout_height_H .gallery123 {height:350px;}
	}
	@media (min-width:800px){
		.gallery123 .innerbox ul li div.imgbox {height:150px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.gallery123 .innerbox ul li div.imgbox {width:100%; height:150px;}
		.layout_04.layout_height_H .gallery123 .innerbox ul li .gall_co:after {content:""; display:none;}
		.layout_04.layout_height_L .gallery123 .innerbox {padding:20px 15px;}
	}

	@media (max-width:599px){
	 .gallery123 .innerbox ul li div.imgbox {height:100px !important;}
	 .gallery123 .innerbox .tit {font-size:20px;}
	 .gallery123 .innerbox .board_date {font-size:12px; text-indent:-29px !important; width:29px; overflow:hidden;}
	 .gallery123 .innerbox ul + a {font-size: 35px;}
	 .gallery123 .innerbox ul li .gall_tit{font-size: 17px;}
	}

	@media (max-width:450px){
		.gallery123 .innerbox {padding:15px !important;}
		.gallery123 .innerbox ul li div.imgbox {height:70px !important;}

		.layout_height_H .gallery123 .innerbox ul li .gall_tit {margin-top:5px;}
		.layout_height_L .gallery123 .innerbox ul li div.imgbox {width:100%;}
	}