.sp{display:none!important}.tablet{display:none!important}#blogWrap{margin-bottom:0}#blogMain{float:left;width:700px;padding:30px;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#blogSide{float:right;width:270px;padding:30px;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.blog{border:1px #ddd solid;margin-bottom:20px;position:relative;width:100%;display:table}.blogImg{width:200px;height:200px;display:table-cell}.blogImg img{width:100%;height:100%;object-fit:cover}.blogTitWrap{width:440px;display:table-cell;vertical-align:middle;padding:15px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.blog a{transition:all .3s ease-in-out 0s}.blog a:hover .blogDate{color:#2abc42}.blogDate{font-size:1.3rem;font-weight:500;color:#999;display:inline-block;vertical-align:middle}.blogEventDate{padding-top:10px;font-size:1.3rem;font-weight:500;color:#999;vertical-align:middle;text-align:right;transition:all .3s ease-in-out 0s}.blog a:hover .blogEventDate{color:#2abc42}.blogCat{display:inline-block;font-size:1.3rem;padding-left:10px;vertical-align:middle}.blogCat li,.blogCat ul{display:inline-block;vertical-align:middle}.blogCat li{padding:0 10px;background:#dcdcdc;font-size:1.2rem;margin-right:5px}.blog a:hover .blogCat ul:before{background:#2abc42}.blogTit{line-height:1.2;padding:5px 0 10px;font-size:1.6rem;font-weight:bold}.blogdesc{line-height:1.2;font-size:1.2rem}.new{width:50px;height:50px;line-height:50px;text-align:center;color:#fff;background:#c71818;position:absolute;top:10px;left:10px}.eventDate{font-weight:bold}.eventPlace{font-size:1.2rem;color:#666}.changeBorder{display:block;position:relative}.changeBorderIn{display:table;width:100%}.changeBorder::after,.changeBorder::before,.changeBorderIn::after,.changeBorderIn::before{background-color:#2abc42;content:'';display:block;position:absolute;z-index:10;transition:all .3s ease;-webkit-transition:all .3s ease}.changeBorder::after{height:1px;left:-1px;top:-1px;width:0}.changeBorder::before{bottom:-1px;height:1px;right:-1px;width:0}.changeBorderIn::after{bottom:-1px;height:0;left:-1px;width:1px}.changeBorderIn::before{height:0;right:-1px;top:-1px;width:1px}.changeBorder:hover::after,.changeBorder:hover::before{width:100%;width: calc(100% + 1px)}.changeBorder:hover .changeBorderIn::after,.changeBorder:hover .changeBorderIn::before{height:100%;height: calc(100% + 1px)}.newsName:after{content:"";display:inline-block;height:1px;width:30px;vertical-align:middle;margin-left:10px}.director2019{color:#df4242}.director2019:after{background:#df4242}.staff2019{color:#5498b6}.staff2019:after{background:#5498b6}.committee2019{color:#e3a33d}.committee2019:after{background:#e3a33d}.information2019{color:#6e21ba}.information2019:after{background:#6e21ba}.birthday2019{color:#17b423}.birthday2019:after{background:#17b423}.blog .changeBorder:hover .newsName:after{background:#2abc42}.blog .changeBorder:hover .newsName{color:#2abc42}#blogInfoCat{border-bottom:3px #efefef solid;margin-bottom:30px}.sideIn{padding:20px 0 0;margin:0 0 50px 0;border-top:solid 2px #2abc42;border-bottom:solid 2px #2abc42}.sideParts{margin-bottom:20px!important}.sideTit1{display:inline-block;width:100%;font-size:2.3rem;font-weight:bold;line-height:1;letter-spacing:.050em;text-align:center;padding-bottom:15px;color:#2abc42}.sideTit2{font-size:1.6rem;line-height:1;letter-spacing:0;margin-bottom:5px;font-weight:bold;color:#333}.sideTit3{font-size:1.8rem;font-weight:bold;line-height:1.033;letter-spacing:.050em;text-align:center;display:block;width:100%;padding-bottom:15px;color:#2abc42}.sideTit4{font-size:1.6rem;line-height:1;letter-spacing:0;padding-bottom:5px;margin-bottom:5px;font-weight:bold;color:#333;border-bottom:1px #999 dotted}.sideTit5{font-size:1.6rem;line-height:1;letter-spacing:0;margin-bottom:5px;font-weight:bold;color:#2abc42}.blogNaviPulldown{width:100%}.blogNaviPulldown select{cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;border:none;background:url(https://2019.fukuoka-jc.or.jp/wp-content/themes/jc-fukuoka-2019/img/common/arrow_down_black.png.pagespeed.ce.NbsfNjSIBy.png) no-repeat right 15px center;background-size:10px 6px;font-size:1.7rem;color:#333;height:54px;line-height:52px;padding:0 15px;border:1px solid #dcdcdc}::-ms-expand{display:none}.blogBlock{border:none;margin-bottom:0;padding:10px 0}.newBlog{padding-bottom:5px;margin-bottom:5px;border-bottom:1px #999 dotted;letter-spacing:-.4em}.blogSideImg{display:inline-block;vertical-align:middle;letter-spacing:normal;width:50px;height:50px;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.blogSideImg img{width:100%;height:100%;object-fit:cover}.blogCont{display:inline-block;vertical-align:middle;letter-spacing:normal;width:160px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.blogHead{display:block;border-bottom:1px #999 dotted;margin-bottom:10px}.blogLabel{display:inline-block;color:#403c35;border:none;padding:0;padding-bottom:5px;font-weight:bold;background:none;font-size:1.5rem}.blogCont{line-height:1.3077;padding-left:5px}.sideDate{display:inline-block;padding:0;font-size:1rem;letter-spacing:0;color:#686767;margin-bottom:2px;line-height:1}.blogTitle{font-size:1.2rem;letter-spacing:.0;line-height:1}.blogBlock a:hover,.blogBlock a:hover .sideDate{color:#2abc42}.blogNopost{color:#999}#blogSide .gradationBtn{margin-bottom:0}#blogSide .gradationBtn a{letter-spacing:0}#blogSide .gradBar{width:100%;margin:0 0 5px 0}#blogSide .gradBar:last-child{margin-bottom:0}.upcoming-event{padding:3px 10px;position:absolute;top:10px;left:10px;background:#c71818;color:#fff}.end-event{padding:3px 10px;position:absolute;top:10px;left:10px;background:#666;color:#fff}#popularblog{width:100%;padding-top:65px;padding-bottom:50px}#popularblogHead{font-size:1.8rem;line-height:1;letter-spacing:.050em;margin-bottom:15px}#popularblogList{letter-spacing:-.4em;margin-left:-8px;margin-right:-8px}#popularblogList li{letter-spacing:normal;display:inline-block;vertical-align:top;margin:0 8px;width: calc(25% - 8px*2);border:1px #ddd solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}#popularblogList li a{transition:all .3s ease-in-out 0s;display:block;position:relative}.popularblogImg img{width:100%;height:auto}.popularblogBody{padding:10px;color:#333}#popularblogList li a:hover .popularblogBody{color:#2abc42}.popularblogDate{font-size:1.0rem;line-height:1;letter-spacing:.050em;margin-bottom:5px}.popularblogTit{font-size:1.2rem;line-height:1.05;letter-spacing:.050em;margin-bottom:15px}.popularblogName{font-size:1.0rem;line-height:1;letter-spacing:.050em;text-align:right;position:absolute;bottom:10px;right:10px;color:#999}#movieList{letter-spacing:-.4em;margin-left:-5px;margin-right:-5px}#movieList li{letter-spacing:normal;display:inline-block;vertical-align:top;margin:0 5px 10px;width: calc(50% - 5px*2)}.movieListTxt{font-size:1.2rem}