@charset "UTF-8";

._prFlSearch{display:none;}
._prFlList{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;}
._prFlList li{width:48%;margin:0 1%;padding:35px 0 25px 0;position:relative;border-bottom:2px solid #DDD;}
._prFlList li.artclInfoBasic{width:100%;}
._prFlList li > div{display:flex;padding-bottom:20px;}
._prFlList li > div .thumbnail{width:150px;position:relative;}
._prFlList li > div .thumbnail img{width:100px;box-shadow:5px 5px 0 #ddd;}
._prFlList li.artclInfoBasic > div .artclInfo{width:calc(100% - 150px);}
._prFlList li > div > .artclInfo{width:calc(100% - 150px);}
._prFlList li > div .artclInfo .artclTitle{font-family:'Noto medium';font-size:22px;padding-bottom:5px;}
._prFlList li > div .artclInfo dl{display:flex;}
._prFlList li > div .artclInfo dl dt{width:130px;padding:5px 0 5px 20px;font-family:'Noto medium';position:relative;}
._prFlList li > div .artclInfo dl dt::before{content:"";border:3px solid #1d398d;width:10px;height:10px;border-radius:100%;position:absolute;top:13px;left:0;}
._prFlList li > div .artclInfo dl dt::after{content:" : ";width:5px;position:absolute;top:3px;right:4px;}
._prFlList li > div .artclInfo dl dd{width:calc(100% - 130px);padding:5px 0 5px 10px;}
._prFlList li .btnWrap{position:absolute;top:25px;right:25px;}
._prFlList li .more{font-size:0;width:35px;height:35px;background:rgba(0,0,0,0.5) url(/sites/style_guide/images/common/plus_2_w.png) no-repeat center;border-radius:35px;cursor:pointer;}
._prFlList li .website{font-size:0;width:35px;height:35px;background:#0049cf url(/sites/style_guide/images/common/icon_home.png) no-repeat center;background-size:16px;border-radius:35px;cursor:pointer;margin-right:5px;}
._prFlList li .modify{font-size:0;width:35px;height:35px;background:#0599D9 url(/sites/style_guide/images/common/icon_proflCfrm.png) no-repeat center;border-radius:35px;cursor:pointer;margin-right:5px;}
/*
._prFlList li .more{position:absolute;top:25px;right:25px;font-size:0;width:35px;height:35px;background:rgba(0,0,0,0.5) url(/sites/style_guide/images/common/plus_2_w.png) no-repeat center;border-radius:35px;cursor:pointer;}
*/
.board-prev{text-align:center;margin-top:30px;}
.board-prev input{display:inline-block;font-size:16px;font-family:'Noto Regular';-webkit-appearance:none;appearance:none;background:#888;color:#FFF;cursor:pointer;padding:5px 30px;border-radius:30px;}
input.board-edit{position:absolute;top:0;right:0;display:inline-block;font-size:18px;font-family:'Noto Regular';-webkit-appearance:none;appearance:none;background:#888;color:#FFF;cursor:pointer;padding:10px;width:100px;border-radius:30px;}

.insert textarea {font-family: 'Noto DemiLight';font-size: 16px;}
.insert input[type=button] {cursor: pointer;height: 35px;color: #FFF;background: #acacac;border-color: #acacac;}
.insert input[type=button]:hover {background: #5e6263;border-color: #5e6263;}
.insert input[type=button].del{background: #acacac;}

._modify{margin:20px auto;text-align:center;}
._modify input[type=submit],
._modify input[type=button]{cursor: pointer;display: inline-block;cursor: pointer;padding: 7px 20px;border-radius: 30px;border: 3px solid transparent;font-family: 'Noto Regular';font-size: 18px;-webkit-appearance: none;appearance: none;transition: all 0.2s cubic-bezier(0.3, 0, 0.3, 1);color: #FFF;background: #858585;}
._modify input[type=submit]{background: #0049cf;}
._modify input[type=submit]:hover{background: #FFF;border-color: #0049cf;color: #0049cf;}
._modify input[type=button]:hover{background: #FFF;border-color: #858585;color: #858585;}

@media only screen and (max-width:1024px) {
	._prFlList li{width:100%;margin:1% 0;}
}
@media only screen and (max-width:600px) {
	._prFlList li{padding:35px 0 0 0;}
	._prFlList li > div .thumbnail{width:130px;}
	._prFlList li > div .artclInfo .artclTitle{font-size:20px;}
	._prFlList li > div .artclInfo{width:calc(100% - 130px);}
	._prFlList li > div .artclInfo.prFlView{width:calc(100% - 10px);}
	._prFlList li > div .artclInfo dl{display:block;}
	._prFlList li > div .artclInfo dl dt,
	._prFlList li > div .artclInfo dl dd{width:100%;padding:0;}
	._prFlList li > div .artclInfo dl dt{padding-top:5px;}
	._prFlList li > div .artclInfo dl dd{padding-bottom:5px;font-size:15px;}
	._prFlList li > div .artclInfo dl dt::after{display:none;}
/*	._prFlList li > div .artclInfo dl dt::before{border:0;width:4px;height:4px;top:5px;left:0;background:#1d398d;}*/
	._prFlList li > div .artclInfo dl dt::before{display:none;}
}


/*HOVER*/
@media only screen and (min-width:1025px) {
	._prFlList li .more:hover,
	input.board-edit:hover,
	.board-prev input:hover,
	._prFlList li .website:hover,
	._prFlList li .modify:hover{background-color:rgba(0,0,0,0.8);}
}