@charset "utf-8";

@media screen and (min-width:767px){
	#bo_gall.member #bo_cate{margin:0 0 2rem;border:0}
	#bo_gall.member #bo_cate ul{margin:0;border:0}
	#bo_gall.member #bo_cate li:nth-child(n){display:inline-block;position:relative;width:calc((100% + 4px) / 5);height:40px;margin:0 -1px 0 0;border:0}
	#bo_gall.member #bo_cate a:focus,#bo_gall.member  #bo_cate li:nth-child(n+6) a:hover,#bo_gall.member #bo_cate li:nth-child(n+6)  a:active{position:absolute;top:0;z-index:99;border:1px solid #448266}
	#bo_gall.member #bo_cate a{padding:13px 0;border:1px solid #448266;margin:0 -1px 0 0}
	#bo_gall.member #bo_cate li:nth-child(n+6){margin-top:-1px}
}
@media screen and (min-width:1200px){
	#bo_gall.member #bo_cate li:nth-child(n+6){margin-top:0}
	#bo_gall.member #bo_cate li:nth-child(1){width:4%}
	#bo_gall.member #bo_cate li:nth-child(2){width:4%}
	#bo_gall.member #bo_cate li:nth-child(3){width:5%}
	#bo_gall.member #bo_cate li:nth-child(4){width:5%}
	#bo_gall.member #bo_cate li:nth-child(5){width:9%}
	#bo_gall.member #bo_cate li:nth-child(6){width:13%}
	#bo_gall.member #bo_cate li:nth-child(7){width:8%}
	#bo_gall.member #bo_cate li:nth-child(8){width:8%}
	#bo_gall.member #bo_cate li:nth-child(9){width:10%}
	#bo_gall.member #bo_cate li:nth-child(10){width:11%}
	#bo_gall.member #bo_cate li:nth-child(11){width:11%}
	#bo_gall.member #bo_cate li:nth-child(12){width:12.8%}
	#bo_gall.member #bo_cate a{padding:18px 0}
}


#bo_gall.member .gall_box{padding:10px 20px;border:1px solid #ddd}
#bo_gall.member .gall_box:hover,#bo_gall.member .gall_box:focus{background-color:#f3ffe9}
#bo_gall.member .gall_con dl{clear:both;display:block;border-top:1px dotted #eee;line-height:150%}
#bo_gall.member .gall_con dl:first-child{border-top:0}
#bo_gall.member .gall_con dt{float:left;display:inline-block;position:relative;width:70px;padding:5px 0;font-size:0.85rem;color:#777}
#bo_gall.member .gall_con dt:before{content:"";display:inline-block;width:3px;height:3px;margin-right:5px;background-color:#448266;vertical-align:middle}
#bo_gall.member .gall_con dt:after{content:":";display:inline-block;position:absolute;right:0}
#bo_gall.member .gall_con dd{float:left;display:inline-block;width:calc(100% - 80px);margin-left:10px;padding:5px 0;font-size:0.9rem;}
#bo_gall.member .gall_con dd b{font-size:1rem;color:#000}
@media screen and (min-width:767px){
	#bo_gall.member .gall_box{padding:20px 30px}
	#bo_gall.member .gall_con dt{width:90px;padding:10px 0}
	#bo_gall.member .gall_con dd{width:calc(100% - 100px);padding:10px 0}
}

#bo_v.member .gall_box{padding:10px 20px;border:1px solid #ddd}
#bo_v.member .gall_box:hover,#bo_v.member .gall_box:focus{background-color:#f3ffe9}
#bo_v.member .gall_box dl{clear:both;display:block;border-top:1px dotted #eee;line-height:150%}
#bo_v.member .gall_box dl:first-child{border-top:0}
#bo_v.member .gall_box dt{float:left;display:inline-block;position:relative;width:70px;padding:5px 0;font-size:0.85rem;color:#777}
#bo_v.member .gall_box dt:before{content:"";display:inline-block;width:3px;height:3px;margin-right:5px;background-color:#448266;vertical-align:middle}
#bo_v.member .gall_box dt:after{content:":";display:inline-block;position:absolute;right:0}
#bo_v.member .gall_box dd{float:left;display:inline-block;width:calc(100% - 80px);margin-left:10px;padding:5px 0;font-size:0.9rem;}
#bo_v.member .gall_box dd b{font-size:1rem;color:#000}
@media screen and (min-width:767px){
	#bo_v.member .gall_box{padding:20px 30px}
	#bo_v.member .gall_box dt{width:90px;padding:10px 0}
	#bo_v.member .gall_box dd{width:calc(100% - 100px);padding:10px 0}
}

#bo_cate ul{justify-content:flex-start}