/********************
board_detail_sty01
*********************/

.board_detail_sty01 {width:100%; overflow:hidden;}
.board_detail_sty01 > .tit {width:100%; border-bottom:1px solid #b4b4b4; display:flex; justify-content:space-between; align-items:end; padding:0 0 20px;}
.board_detail_sty01 > .tit ul {width:100%; overflow:hidden;}
.board_detail_sty01 > .tit ul li {float:left; padding:0 10px; box-sizing:border-box; position:relative; color:#555;}
.board_detail_sty01 > .tit ul li:first-child {padding-left:0; color:#222;}
.board_detail_sty01 > .tit ul li:not(:last-child)::before {position:Absolute; content:''; right:0; top:53%; transform:translateY(-50%); width:1px; height:10px; background:#dddddd;}

.board_detail_sty01 > .tit > h2 {display:block; font-size:35px; color:#222222;  font-weight:600; width:calc(100% - 100px);}
.board_detail_sty01 > .tit > span {font-size:18px; color:#444444; width:100px; text-align:right;}

.board_detail_sty01 > .wrap_con {width:100%; overflow:hidden; border-bottom:1px solid #d8d8d8;}
.board_detail_sty01 > .wrap_con > .con {padding:50px 0 70px 0; font-size:16px; color:#333;}

.board_detail_sty01 > .wrap_con > .con_file {position:relative; width:100%; overflow:hidden; border-top:1px solid #ddd; padding:18px 0;}
.board_detail_sty01 > .wrap_con > .con_file > h3 {position:absolute; left:0; width:80px; text-align:center; top:50%; transform:translateY(-50%); color:#444; font-weight:500;}
.board_detail_sty01 > .wrap_con > .con_file > ul {float:right; width:calc(100% - 100px);}
.board_detail_sty01 > .wrap_con > .con_file > ul li {float:left; width:100%; margin:2px 0;}
.board_detail_sty01 > .wrap_con > .con_file > ul li a {background:url(/images/board_ico/ico_file.png) no-repeat 0 center; color:#555; padding-left:30px; box-sizing:border-box;}
.board_detail_sty01 > .wrap_con > .con_file > ul li a:hover {border-bottom:1px solid #555;}


.prve_next_list {position:relative; border-top:1px solid #d8d8d8; padding:30px 0;}
.prve_next_list::before {position:Absolute; left:50%; width:1px; height:100%; background:#d8d8d8; content:''; top:0;}
.prve_next_list ul {display:flex;}
.prve_next_list ul li {width:100%; padding-left:30px; position:relative; font-size:20px; color:#555555; font-weight:500;}
.prve_next_list ul li a {font-size:20px; color:#444444; display:block; font-weight:600;
   display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
overflow: hidden;
    height: 30px;
}
.prve_next_list ul li.none_con {color:#888888; font-weight:300;}
.prve_next_list ul li.next {text-align:right; padding-right:68px;}
.prve_next_list ul li.prev { padding-left:68px;}
.prve_next_list ul li > span {display:block; font-size:16px; color:#444444; margin-bottom:5px;}


.prve_next_list ul li.next::before,
.prve_next_list ul li.prev::before {position:absolute; content:''; width:18px; height:32px; top:50%; transform:translateY(-50%);}


.prve_next_list ul li.next::before {background:url(../images/next_arrow.png) no-repeat 0 0; right:20px;}
.prve_next_list ul li.prev::before {background:url(../images/prev_arrow.png) no-repeat 0 0; left:20px;}


/********************
//board_detail_sty01
*********************/



/********************
board_gallery_img_type01
*********************/
.board_gallery_img_type01 {margin-bottom:40px; margin-top:-49px;}
.board_gallery_img_type01::after {display:block; clear:both; content:'';}
.board_gallery_img_type01 > ul {margin:0 -24.5px;}
.board_gallery_img_type01 > ul > li {float:left; width:calc(100%/3); padding:0 24.5px; box-sizing:Border-box; margin-top:49px;}
.board_gallery_img_type01 > ul > li.data_none {width:100%; text-align:center;}
.board_gallery_img_type01 > ul > li > a {width:100%; border:1px solid #b8b8b8; padding:19px 20px 0; position:relative; display:block; box-sizing:Border-box; transition:box-shadow ease 0.3s;}
.board_gallery_img_type01 > ul > li > a:hover {box-shadow:4px 4px 0 #9d9d9d;}

.board_gallery_img_type01 > ul > li > a div.img { position:relative; width:100%; padding-bottom:50.67%; overflow:hidden; background:#111;}
.board_gallery_img_type01 > ul > li > a div.img img {position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); transition:all ease 0.3s; opacity:1;}
.board_gallery_img_type01 > ul > li:hover > a div.img img {opacity:0.4; transform:translateY(-50%) scale(1.1);}

.board_gallery_img_type01 > ul > li > a > h3 {
	font-size:26px; 
    font-weight: 600;
    display: block;
    text-align: center;
    color: #e72e59;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	margin-top:20px;
}

.board_gallery_img_type01 > ul > li:hover > a > h3 {color:#444;}
.board_gallery_img_type01 > ul > li > a > span {display:block; margin-top:20px; color:#444444; font-size:20px; margin-top:15px; font-weight:400; text-align:center; line-height:1.5;
display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
overflow: hidden;
    height: 65px;
	margin-bottom: 30px;
    padding: 0 5px;
    box-sizing: border-box;
}
/********************
//board_gallery_img_type01
*********************/


@media screen and (min-width:1411px){
.board_gallery_img_type01 > ul > li > a {width:417px;}
}



@media screen and (max-width:767px){

/********************
board_detail_sty01
*********************/
.board_detail_sty01 > .tit > h2 {font-size:4.2vw; width:calc(100% - 23vw);}
.board_detail_sty01 > .tit > span {font-size:3.6vw; width:23vw;}
.board_detail_sty01 > .wrap_con > .con {padding:6vw 0 18vw 0; font-size:3.2vw;}

.board_detail_sty01 > .wrap_con > .con_file > h3 {width:16vw;}
.board_detail_sty01 > .wrap_con > .con_file > ul {width:calc(100% - 20vw);}
.board_detail_sty01 > .wrap_con > .con_file > ul li a {background-size:3.6vw auto; padding-left:6vw;}
.board_detail_sty01 > .wrap_con > .con_file {padding:3.6vw 0;}





/********************
//board_detail_sty01
*********************/




/********************
board_gallery_img_type01
*********************/
.board_gallery_img_type01 {margin-bottom:8vw;}
.board_gallery_img_type01 > ul {margin:0 -3vw;}
.board_gallery_img_type01 > ul > li {width:50%; padding:0 3vw; margin-top:8vw;}
/*.board_gallery_img_type01 > ul > li > a {padding-bottom:0; border-bottom:0;}*/
.board_gallery_img_type01 > ul > li:hover > div:before,.board_gallery_img_type01 > ul > li:hover > a:before {display:none;}
.board_gallery_img_type01 > ul > li > a > h3  {font-size:4vw; margin-top:4vw;}
.board_gallery_img_type01 > ul > li > a > span {margin-top:2.8vw;}
/********************
//board_gallery_img_type01
*********************/

.board_gallery_img_type01 > ul > li > a > span {font-size:3.6vw; height:11vw; margin-bottom:6vw;}


.board_gallery_img_type01 > ul > li > a {padding:3.9vw 4vw 0;}

.prve_next_list ul li { padding-left:1vw;}
.prve_next_list ul li.next {font-size:4vw; padding-right:7vw;}
.prve_next_list ul li.prev {font-size:4vw; padding-left:7vw;}
.prve_next_list ul li.next::before, .prve_next_list ul li.prev::before {background-size:100% auto; width:3vw; height:5.6vw;}
.prve_next_list ul li.next::before {right:0;}
.prve_next_list ul li.prev::before {left:0;}
.prve_next_list ul li > span {font-size:3.6vw; margin-bottom:1vw;}
.prve_next_list ul li a {font-size:4vw; height:6vw;}
.prve_next_list {padding:6vw 0;}



.board_gallery_img_type01 {margin-top:-8vw;}
}