@charset "utf-8";

/* board_gallery001 */
.board_gallery001 {width:100%; float:left; text-align:center; background:#fff;}
.board_gallery001 > h2, 
.board_gallery001 .title {padding:20px 0; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;box-sizing:border-box;}

.board_gallery001 .innerbox {width:100%; height:284px; padding:15px; border:1px solid #e6e6e6; background:#f9f9f9; float:left; text-align:left; box-sizing:border-box; position:relative;}
.board_gallery001 .innerbox ul {width:100%; float:left;}
.board_gallery001 .innerbox ul li {width:49.5%; float:left; margin-right:1%; overflow:hidden;}
.board_gallery001 .innerbox ul li:nth-child(2n) {margin-right:0;}

.board_gallery001 .innerbox .gallimg {float:left; width:100%;overflow:hidden;text-align:center;position: relative;box-sizing: border-box;}
.board_gallery001 .innerbox .gallimg:focus {border:1px dashed #000; box-sizing: border-box;}
.board_gallery001 .innerbox .gallimg .imgbox {width:100%; height:100%;}
.board_gallery001 .innerbox .gallimg .imgbox img {position:absolute; left:-999px; right:-999px; top:-999px; bottom:-999px; margin:auto; min-width:100%; min-height:100%; max-height:100%; transition:transform 1s;}
.board_gallery001 .innerbox .gallimg:hover .imgbox img {transform:scale(1.1);}

.board_gallery001 .innerbox .tit {font-size:18px; width:100%;float:left;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;}
.board_gallery001 .innerbox .date {font-size: 15px;padding:10px 0 40px;float:left;width:100%;white-space:nowrap;box-sizing: border-box;}
.board_gallery001 .innerbox .date + a {max-width:45%; width:auto;}
.board_gallery001 .innerbox .date + a:focus .more_btn {outline: auto;}
.board_gallery001 .innerbox  .more_btn {padding:9px 10px; max-width:90%; position:relative; display: inline-block; overflow:hidden; box-sizing:border-box;
										border:1px solid rgba(0,0,0,0.15); background-color:white;
										font-size: 16px; white-space: nowrap; text-overflow:ellipsis;}
.board_gallery001 .innerbox  .more_btn:after {content:"\276d"; display:inline-block; margin-left:15px; vertical-align:middle;}


/* no-data */
.board_gallery001 .innerbox ul li.no_data {width:100%;}
.board_gallery001 .innerbox ul li.no_data h3 {display:inline !important; text-align:left; font-size:14px; font-weight:400;}


/*layer height - different styling */
.layout_height_L .board_gallery001 .innerbox .tit,
.layout_height_L .board_gallery001 .innerbox .date,
.layout_height_L .board_gallery001 .innerbox .more_btn {display:none;}

.layout_04.layout_height_H .board_gallery001 .innerbox ul li:nth-child(2)~li,
.layout_04.layout_height_M .board_gallery001 .innerbox ul li:nth-child(2)~li {display:none;}

.board_gallery001 .innerbox ul li:nth-child(2) ~ li {margin-bottom:0;}



/* option */
.borderbox .board_gallery001 .innerbox {border-width:1px 0 0;}
.borderbox.border-radius .board_gallery001 .innerbox {border-radius:0 0 15px 15px;}
.border-radius .board_gallery001 .innerbox {border-radius:15px;}
.border-radius .board_gallery001 .innerbox .gallimg,
.border-radius .board_gallery001 .innerbox .more_btn {border-radius:10px;}




@media (min-width:800px){
	.layout_height_A .board_gallery001 .innerbox,
	.layout_height_H .board_gallery001 .innerbox {height: 300px;}
	.layout_height_M .board_gallery001 .innerbox {height:187px;}
	.layout_height_L .board_gallery001 .innerbox {height:108px;}

	.layout_height_A .board_gallery001 .innerbox .gallimg,
	.layout_height_H .board_gallery001 .innerbox .gallimg {height:118px;width: 40%;}
	.layout_height_M .board_gallery001 .innerbox .gallimg {height:69px;width: 40%;}
	.layout_height_L .board_gallery001 .innerbox .gallimg {height:75px; width:100%;}
	.layout_height_A .board_gallery001 .innerbox .gallimg ~ *:not(a),
	.layout_height_H .board_gallery001 .innerbox .gallimg ~ *:not(a) {padding:0 15px;width: 60%;}
	.layout_height_M .board_gallery001 .innerbox .gallimg ~ *:not(a) {padding:0 15px 6px;width: 60%;}

    .layout_height_A .board_gallery001 .innerbox ul li {margin-bottom:30px;}
	.layout_height_H .board_gallery001 .innerbox ul li {margin-bottom:20px;}
    .layout_height_M .board_gallery001 .innerbox ul li {margin-bottom: 11px;}

	.layout_height_A .board_gallery001 .innerbox .date,
	.layout_height_H .board_gallery001 .innerbox .date {margin:10px 0 24px;}
	.layout_height_M .board_gallery001 .innerbox .date {display:none;}
	
	.layout_height_L .board_gallery001 > h2, 
	.layout_height_L .board_gallery001 .title {padding:10px 0;}
	.layout_height_L .board_gallery001 .innerbox ul li {width:23.5%; float:left; margin-right:2%;}
	.layout_height_L .board_gallery001 .innerbox ul li:nth-child(4) {margin-right:0 !important;}


	.layout_04.layout_height_H .board_gallery001 .innerbox ul li,
	.layout_04.layout_height_M .board_gallery001 .innerbox ul li {width:100%;}

    .layout_01 .board_gallery001 .innerbox {height:auto;}
	.layout_01 .board_gallery001 .innerbox ul li {width:23.5%; margin-right:2%;}
	.layout_01 .board_gallery001 .innerbox ul li:nth-child(4) {margin-right:0;}
	.layout_01 .board_gallery001 .innerbox .gallimg {height: 160px;width: 100%;}
	.layout_01 .board_gallery001 .innerbox .gallimg ~ * {width:100%;padding-left: 0 !important;}
	.layout_01 .board_gallery001 .innerbox .tit {margin-top:20px; padding:0 30px; letter-spacing:-0.5px;}
	.layout_01 .board_gallery001 .innerbox .date {padding:10px 0 22px;}
}

@media (min-width:800px) and (max-width:1299px){
	.layout_03 .board_gallery001 .innerbox ul li {width:47%; margin-right: 6%;}
	.layout_03 .board_gallery001 .innerbox ul li:nth-child(2n) {margin-right:0;}
	.layout_03.layout_height_L .board_gallery001 .innerbox ul li:nth-child(2) ~ li {display:none;}
	.layout_03 .board_gallery001 .innerbox .tit,
	.layout_03 .board_gallery001 .innerbox .date,
	.layout_03 .board_gallery001 .innerbox .more_btn {display:none;}
	.layout_03 .board_gallery001 .innerbox .gallimg {width:100% !important;}
}

@media (min-width:800px) and (max-width:990px){
	.layout_02 .board_gallery001 .innerbox ul li {width: 49%;margin-right: 2%;}
	.layout_02 .board_gallery001 .innerbox ul li:nth-child(2n) {margin-right:0;}
	.layout_02.layout_height_L .board_gallery001 .innerbox ul li:nth-child(2) ~ li {display:none;}
	.layout_02 .board_gallery001 .innerbox .tit,
	.layout_02 .board_gallery001 .innerbox .date,
	.layout_02 .board_gallery001 .innerbox .more_btn {display:none;}
	.layout_02 .board_gallery001 .innerbox .gallimg {width:100% !important;}
	.layout_02 .board_gallery001 .innerbox .gallimg img {max-height:none;}
}


@media (max-width: 799px){
	.board_gallery001 > h2, 
	.board_gallery001 .title {padding:10px;font-size: 17px;line-height: 150%;}
	.board_gallery001 .innerbox {height:auto;}
	.board_gallery001 .innerbox ul li {width:49%;margin-right:2%;margin-bottom: 20px;}
	.board_gallery001 .innerbox .date {padding-bottom: 0;}
	.board_gallery001 .innerbox .date + a {padding-left: 0;display: none;}

	.layout_height_A .board_gallery001 .innerbox .gallimg,
	.layout_height_H .board_gallery001 .innerbox .gallimg,
	.layout_height_M .board_gallery001 .innerbox .gallimg,
	.layout_height_L .board_gallery001 .innerbox .gallimg {height: 150px;}
	.board_gallery001 .innerbox .gallimg .imgbox img {max-height:none;}

	.board_gallery001 .innerbox .gallimg {width:100%;height: 110px;margin-bottom: 10px;}
}

@media (min-width:600px) and (max-width:799px){
	.layout_block4 .layout_height_A .board_gallery001 .innerbox,
	.layout_block4 .layout_height_H .board_gallery001 .innerbox {height:305px;}
	.layout_block4 .layout_height_M .board_gallery001 .innerbox {height:205px;}
	.layout_block4 .layout_height_L .board_gallery001 .innerbox {height:105px;}
	.layout_block4 .layout_height_A .board_gallery001 .innerbox .gallimg,
	.layout_block4 .layout_height_H .board_gallery001 .innerbox .gallimg {height:129px;width: 40%;margin-bottom: 0;}
	.layout_block4 .layout_height_M .board_gallery001 .innerbox .gallimg {height:79px;width: 40%;margin-bottom: 0;}
	.layout_block4 .layout_height_L .board_gallery001 .innerbox .gallimg {height:68px;}
    
    .layout_block4 div:not(.layout_height_L) .board_gallery001 .innerbox ul li {width:100%; margin-right:0;}
	.layout_block4 .board_gallery001 .innerbox .tit,
	.layout_block4 .board_gallery001 .innerbox .date {width: 60%;padding-left: 15px;}
	.layout_block4 .board_gallery001 .innerbox .date + a {display:inline-block;padding: 36px 0 0 15px;max-width: none;min-width: 50%;}
	.layout_block4 .layout_height_M .board_gallery001 .innerbox .date + a {display:none;}
}

@media (max-width:599px){
    .board_gallery001 .innerbox .gallimg {margin-bottom:0;}
    .board_gallery001 .innerbox .tit {margin-top:15px;}
}