@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul, ol { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { color: #000; text-decoration: none; }

mark { color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; }

i { display: inline-block; vertical-align: top; background: url(/labostatic/img/icon.png?201803021144); background-size: 150px 2300px; font-size: 0rem; color: transparent; }

i.w, #user-header .btns a:hover i, #user-header .pull:hover i, a:hover .size19.plus, a:hover .size19.tick, #user-nav li:hover .size18, #user-nav li:hover a:hover .size18, #athlete #user-nav .size18, #user-nav li:hover a .size18.setting, .pull:hover .more2, #message_tab :checked + label .size14.team, #message_tab :checked + label .size14.unread, a:hover .size14.simple, a.selected .size14.simple, a:hover .size14.detail, a.selected .size14.detail, .detail_search_open:hover i.edit3, .selected .size14.simple2, .selected .size14.detail2, a:hover .size12.tag2, a:hover .size36.cheer, .selected .size36.cheer, .selected .size14.left { background-image: url(/labostatic/img/icon_white.png?2018030211441236); }

#notify-nav a:hover .size12.search, #notify-nav a:hover .size12.notify, #notify-nav a:hover .size12.message, #user-nav li:hover a .size18 { background-image: url(/labostatic/img/icon.png?201803021144); }

i.m0 { margin: 0 !important; }

.size8 { width: 8px; height: 8px; margin-right: 4px; }

.size8.tick { background-position: -64px -294px; }

.size8.plus { background-position: -64px -302px; }

.size12 { width: 12px; height: 12px; margin-right: 4px; }

.size12.date { background-position: left top; }

.size12.spot { background-position: left -12px; }

.size12.edit { background-position: left -24px; }

.size12.end { background-position: left -36px; }

.size12.stop { background-position: left -48px; }

.size12.copy { background-position: left -60px; }

.size12.report { background-position: left -72px; }

a:hover .size12.report { background-position: left -84px; }

.size12.category { background-position: left -96px; }

.size12.plus { background-position: left -108px; }

.size12.tick { background-position: left -120px; }

.size12.mail, .size12.message2 { background-position: left -132px; }

.size12.more { background-position: left -144px; }

.size12.reply { background-position: left -156px; }

.size12.facebook { background-position: left -168px; }

.size12.twitter { background-position: left -180px; }

.size12.edit.gray { background-position: left -192px; }

.size12.end.gray { background-position: left -204px; }

.size12.stop.gray { background-position: left -216px; }

.size12.comment { background-position: left -228px; }

.size12.search { background-position: left -240px; }

.size12.notify { background-position: left -252px; }

.size12.message { background-position: left -264px; }

.size12.blog { background-position: left -276px; }

.size12.forum { background-position: left -288px; }

.size12.want { background-position: left -300px; }

.size12.column { background-position: left -312px; }

.size12.more2 { background-position: left -324px; }

.size12.edit2 { background-position: left -336px; }

.size12.plus2 { background-position: left -348px; }

.size12.plus3 { width: 11px; height: 11px; background-position: left -360px; }

.size12.close { width: 11px; height: 11px; background-position: left -372px; }

.size12.sime { background-position: left -384px; }

.size12.o { background-position: left -396px; }

.size12.x { background-position: left -408px; }

.size12.t { background-position: left -420px; }

.size12.setting { background-position: left -432px; }

.size12.back { background-position: left -444px; }

.size12.comment2 { background-position: left -456px; }

.size12.like { background-position: left -468px; }

.size12.sports { background-position: left -480px; }

.size12.tag { background-position: left -492px; }

.size12.tag2 { background-position: left -504px; }

.size14 { width: 14px; height: 14px; margin-right: 4px; }

.size14.comment { background-position: -12px top; }

.size14.favorite, .size14.favorite.plus { background-position: -12px -14px; }

.selected .size14.favorite, .selected .size14.favorite.tick { background-position: -12px -28px; }

.size14.facebook { background-position: -12px -42px; }

.size14.twitter { background-position: -12px -56px; }

.size14.report, .popup-min-block a:hover .size14.report { background-position: -12px -70px; }

.size14.block { background-position: -12px -84px; }

.size14.tag { background-position: -12px -98px; }

.size14.arrow-left { width: 6px; margin: 0 12px 0 0; background-position: -16px -112px; }

.size14.arrow-right { width: 6px; margin: 0 0 0 12px; background-position: -16px -126px; }

.size14.close { background-position: -12px -140px; }

.size14.close2 { background-position: -12px -154px; }

.size14.change { background-position: -12px -168px; }

.size14.search { background-position: -12px -182px; }

.size14.order { background-position: -12px -196px; }

.size14.keyword { background-position: -12px -210px; }

.size14.area { background-position: -12px -224px; }

.size14.other { background-position: -12px -238px; }

.size14.good { background-position: -12px -252px; }

.size14.bad { background-position: -12px -266px; }

.size14.mail { background-position: -12px -280px; }

.size14.schedule, nav a.disabled:hover .size14.schedule, nav a.disabled.selected .size14.schedule { background-position: -12px -294px; }

.size14.schedule2, nav a.selected .size14.schedule { background-position: -12px -308px; }

.size14.poll, nav a.disabled:hover .size14.poll, nav a.disabled.selected .size14.poll { background-position: -12px -322px; }

.size14.poll2, nav a.selected .size14.poll { background-position: -12px -336px; }

.size14.recruit, nav a.disabled:hover .size14.recruit, nav a.disabled.selected .size14.recruit { background-position: -12px -350px; }

.size14.recruit2, nav a.selected .size14.recruit { background-position: -12px -364px; }

.size14.member { background-position: -12px -378px; }

nav a.selected .size14.member { background-position: -12px -392px; }

.size14.team_profile { background-position: -12px -406px; }

nav a.selected .size14.team_profile, .size14.category { background-position: -12px -420px; }

.size14.vote, nav a.disabled:hover .size14.vote, nav a.disabled.selected .size14.vote { background-position: -12px -434px; }

.size14.edit { background-position: -12px -462px; }

nav a.selected .size14.edit { background-position: -12px -476px; }

.size14.pict { background-position: -12px -490px; }

.size14.plus { background-position: -12px -504px; }

.size14.pen { background-position: -12px -518px; }

.size14.edit2 { background-position: -12px -532px; }

.size14.friend { background-position: -12px -546px; }

.size14.vote2 { background-position: -12px -560px; }

.size14.done { background-position: -12px -574px; }

.size14.like { margin-top: -1px; background-position: -12px -588px; }

.size14.reply { background-position: -12px -602px; }

.size14.delete { background-position: -12px -616px; }

.delete_comment_btn:hover .size14.delete, #post .delete_btn:hover .size14.delete { background-position: -12px -630px; }

.size14.o { background-position: -12px -644px; }

.size14.x { background-position: -12px -658px; }

.size14.t { background-position: -12px -672px; }

.size14.close3 { background-position: -12px -686px; }

.size14.comment2 { background-position: -12px -700px; }

.size14.pen2 { background-position: -12px -714px; }

.size14.follower { width: 20px; margin: 1px 6px -1px 0; background-position: -44px -644px; }

.size14.team { background-position: -12px -728px; }

.size14.comment3 { background-position: -12px -742px; }

.size14.share { background-position: -12px -756px; }

.size14.profile { background-position: -12px -770px; }

.voted .size14.like, #action-btn .voted .size14.like { background-position: -12px -784px; }

.size14.view { background-position: -12px -798px; }

.size14.menu, #tab-menu.blue #tab-menu-btn.close .size14.menu { background-position: -12px -812px; }

.size14.close4 { background-position: -12px -826px; }

.size14.out { margin: 0 0 0 4px; background-position: -12px -840px; }

a:hover .size14.out, .size14.out2 { margin: 0 0 0 4px; background-position: -12px -854px; }

.size14.blog2 { background-position: -12px -868px; }

.size14.profile2, .selected .size14.profile { background-position: -12px -882px; }

.size14.edit3 { background-position: -12px -896px; }

.size14.team2 { background-position: -12px -910px; }

.size14.pen3 { background-position: -12px -924px; }

.size14.menu { background-position: -12px -938px; }

.size14.rss { background-position: -12px -952px; }

.size14.home { background-position: -12px -966px; }

.size14.blog { background-position: -12px -980px; }

.size14.profile3 { background-position: -12px -994px; }

.size14.friend2 { background-position: -12px -1008px; }

.size14.like2 { background-position: -12px -1022px; }

.size14.google { background-position: -12px -1036px; }

a:hover .size14.report { background-position: -12px -1050px; }

.size14.watch { background-position: -12px -1064px; }

.size14.like3, #action-btn .size14.like.dummy, .owner .size14.like.dummy { background-position: -12px -1078px; }

.size14.menu2 { background-position: -12px -1092px; }

.size14.password { background-position: -12px -1106px; }

.size14.block2 { background-position: -12px -1120px; }

.size14.notify { background-position: -12px -1134px; }

.size14.share2 { background-position: -12px -1148px; }

.size14.mail2 { background-position: -12px -1162px; }

.selected .size14.password { background-position: -12px -1176px; }

.selected .size14.block2, .size14.block3 { background-position: -12px -1190px; }

.selected .size14.notify { background-position: -12px -1204px; }

.selected .size14.share2, .size14.share3 { background-position: -12px -1218px; }

.selected .size14.mail2 { background-position: -12px -1232px; }

.size14.account { background-position: -12px -1246px; }

.selected .size14.account, .size14.account2 { background-position: -12px -1260px; }

.size14.feed { background-position: -12px -1274px; }

.selected .size14.feed { background-position: -12px -1288px; }

.size14.o2 { background-position: -12px -1302px; }

.size14.t2 { background-position: -12px -1316px; }

.size14.x2 { background-position: -12px -1330px; }

.size14.un { background-position: -12px -1344px; }

.size14.team3 { background-position: -12px -1358px; }

.size14.message { background-position: -12px -1372px; }

.size14.end2 { background-position: -12px -1386px; }

.size14.stop2 { background-position: -12px -1400px; }

.size14.copy { background-position: -12px -1414px; }

.size14.team4 { background-position: -12px -1428px; }

.selected .size14.team4 { background-position: -12px -1442px; }

.size14.blog3 { background-position: -12px -1456px; }

.selected .size14.blog3 { background-position: -12px -1470px; }

.size14.recruit3 { background-position: -12px -1484px; }

.selected .size14.recruit3 { background-position: -12px -1498px; }

.size14.pen4 { background-position: -12px -1512px; }

.selected .size14.pen4 { background-position: -12px -1526; }

.size14.wanted { background-position: -12px -1540px; }

.size14.stop { background-position: -12px -1554px; }

.size14.end, .size14.approved { background-position: -12px -1568px; }

.size14.waiting { background-position: -12px -1582px; }

.size14.refused { background-position: -12px -1596px; }

.size14.home2 { background-position: -12px -1610px; }

.size14.sports { background-position: -12px -1624px; }

.size14.message2, a:hover .size14.message7 { background-position: -12px -1638px; }

.size14.comment4 { background-position: -12px -1652px; }

#action-btn .size14.like { background-position: -12px -1666px; }

.size14.copy2 { background-position: -12px -1680px; }

.size14.message3 { background-position: -12px -1694px; }

.size14.message4 { background-position: -12px -1708px; }

.size14.message5 { background-position: -12px -1722px; }

.size14.message6 { background-position: -12px -1736px; }

.size14.link { background-position: -12px -1750px; }

.size14.tag2 { background-position: -12px -1764px; }

.size14.leave { background-position: -12px -1778px; }

.size14.message7 { background-position: -12px -1792px; }

.size14.cat { background-position: -12px -1806px; }

.size14.unread { background-position: -12px -1820px; }

.size14.simple { background-position: -12px -1834px; }

.size14.detail { background-position: -12px -1848px; }

.size14.info { background-position: -12px -1890px; }

.size14.facebook2 { background-position: -12px -1946px; }

.size14.edit.red { background-position: -12px -1960px; }

.size14.plus2 { background-position: -12px -1862px; }

.size14.save { background-position: -12px -1876px; }

.size14.save { background-position: -12px -1876px; }

.size14.simple2 { background-position: -12px -1904px; }

.size14.detail2 { background-position: -12px -1918px; }

.size14.range { background-position: -12px -1932px; }

.size14.groups { background-position: -12px -1974px; }

.size14.neutral { background-position: -12px -1988px; }

.size14.pen.left { background-position: -12px -2002px; }

.size14.recruit_add.left { background-position: -12px -2016px; }

.size14.recruit.left { background-position: -12px -2030px; }

.size14.team.left { background-position: -12px -2044px; }

.size14.feed.left { background-position: -12px -2058px; }

.size14.blog.left { background-position: -12px -2072px; }

.size14.profile.left { background-position: -12px -2086px; }

.size14.edit.left { background-position: -12px -2100px; }

.size14.schedule.left { background-position: -12px -2114px; }

.size14.poll.left { background-position: -12px -2128px; }

.size14.team_profile.left { background-position: -12px -2142px; }

.size14.vote.left { background-position: -12px -2156px; }

.size14.message.left { background-position: -12px -2170px; }

.size14.leave.left { background-position: -12px -2184px; }

.size14.vote.red { background-position: -12px -2198px; }

.size14.wanted2 { background-position: -12px -2226px; }

.size14.info.red { background-position: -12px -2212px; }

.size14.alert { background-position: -12px -2240px; }

.size16 { width: 16px; height: 16px; }

.size16.setting { background-position: -64px -157px; }

.size16.vote { background-position: -64px -173px; }

.size16.end { background-position: -64px -189px; }

.size16.friend { width: 24px; background-position: -86px -344px; }

.size16.search { background-position: -64px -205px; }

.size16.info { margin-right: 4px; background-position: -64px -221px; }

.size18 { width: 18px; height: 18px; margin-right: 6px; }

.size18.share { margin-top: -1px; margin-bottom: 1px; background-position: -26px top; }

.size18.favorite, .btns.selected:hover .size18.favorite { background-position: -26px -18px; }

.btns:hover .size18.favorite, .selected .size18.favorite { background-position: -26px -36px; }

.size18.more { background-position: -26px -54px; }

.size18.comment { background-position: -26px -72px; }

.size18.edit { background-position: -26px -90px; }

.size18.search { background-position: -26px -108px; }

.size18.notify { background-position: -26px -126px; }

.size18.message { background-position: -26px -144px; }

.size18.menu { background-position: -26px -162px; }

.size18.regist { background-position: -26px -180px; }

.size18.login { background-position: -26px -198px; }

.size18.setting, #detail-sub a:hover .size18.edit { background-position: -26px -216px; }

#detail-sub div:hover .size18.share, .user-action li div:hover .size18.share { background-position: -26px -234px; }

#detail-sub .popup-min-block:hover .size18.more, .user-action li div:hover .size18.more { background-position: -26px -252px; }

#detail-sub a:hover .size18.comment, .size18.comment2 { background-position: -26px -270px; }

.size18.like { background-position: -26px -288px; }

.size18.vote { background-position: -26px -306px; }

.size18.end { background-position: -26px -324px; }

.size18.info { background-position: -26px -342px; }

.size18.alert2 { background-position: -26px -360px; }

.size19 { width: 19px; height: 14px; margin-right: 6px; }

.size20 { width: 20px; height: 20px; margin-right: 6px; }

.size20.facebook { background-position: -44px top; }

.size20.twitter { background-position: -44px -20px; }

.size20.blog { background-position: -44px -40px; }

.size20.recruit { background-position: -44px -60px; }

.size20.team { background-position: -44px -80px; }

.size20.search { background-position: -44px -100px; }

.size20.setting { background-position: -44px -120px; }

.size20.pickup { background-position: -44px -140px; }

.size20.spot { background-position: -44px -160px; }

.size20.check { background-position: -44px -180px; }

:checked + .size20.check { background-position: -44px -200px; }

.size20.facebook2 { background-position: -44px -220px; }

.size20.twitter2 { background-position: -44px -240px; }

.size20.like { background-position: -44px -260px; }

.voted .size20.like { background-position: -44px -280px; }

.size20.favorite { background-position: -44px -300px; }

.selected .size20.favorite { background-position: -44px -320px; }

.size20.profile { background-position: -44px -340px; }

.size20.member { background-position: -44px -360px; }

.size20.facility { background-position: -44px -380px; }

.size20.feed { background-position: -44px -400px; }

.size20.schedule { background-position: -44px -420px; }

.size20.poll { background-position: -44px -440px; }

.size20.profile2 { background-position: -44px -460px; }

.size20.friend { background-position: -44px -480px; }

.size20.facebook_en { background-position: -44px -500px; }

.size20.twitter_en { background-position: -44px -520px; }

.size20.pen { background-position: -44px -540px; }

.size20.comment { background-position: -44px -560px; }

.size20.alert { background-position: -44px -580px; }

.size20.message { background-position: -44px -600px; }

.size20.club { background-position: -44px -620px; }

.size20.follow { background-position: -44px -640px; }

.size20.vote { background-position: -44px -660px; }

.size20.good { background-position: -44px -680px; }

.size20.bad { background-position: -44px -700px; }

.size20.facebook3 { background-position: -44px -720px; }

.size20.twitter3 { background-position: -44px -740px; }

.size20.history { width: 23px; margin-left: -3px; background-position: -41px -760px; }

.size20.recruit-done { background-position: -44px -780px; }

.size20.recruit-refused { background-position: -44px -800px; }

.size20.recruit-apply { background-position: -44px -820px; }

.size20.forum { background-position: -44px -840px; }

.size20.tag { background-position: -44px -860px; }

.size20.photo { background-position: -44px -880px; }

.size20.column { background-position: -44px -900px; }

.size20.columnist { background-position: -44px -920px; }

.size20.list { background-position: -44px -940px; }

.size20.notify { background-position: -44px -960px; }

.size20.access { background-position: -44px -980px; }

.size20.line { background-position: -44px -1000px; }

.size20.recruit_add { background-position: -44px -1020px; }

.size20.following { background-position: -44px -1040px; }

.size20.unregist { background-position: -44px -1060px; }

.size20.athlete { background-position: -44px -1080px; }

.size20.blog2 { background-position: -44px -1100px; }

.size20.profile3 { background-position: -44px -1120px; }

.size20.friend2 { background-position: -44px -1140px; }

.size20.following2 { background-position: -44px -1160px; }

.size20.follower2 { background-position: -44px -1180px; }

.size20.athlete2 { background-position: -44px -1200px; }

.size20.info { background-position: -44px -1220px; }

.size20.report { background-position: -44px -1240px; }

.size20.google { width: 28px; background-position: -44px -1260px; }

.size20.google2 { background-position: -44px -1280px; }

.size20.watch { background-position: -44px -1300px; }

.size20.link { background-position: -44px -1320px; }

.size20.password { background-position: -44px -1340px; }

.size20.block { background-position: -44px -1360px; }

.size20.notify2 { background-position: -44px -1380px; }

.size20.share2 { background-position: -44px -1400px; }

.size20.mail { background-position: -44px -1420px; }

.size20.account { background-position: -44px -1440px; }

.size20.mail2 { background-position: -44px -1460px; }

.size20.team2 { background-position: -44px -1480px; }

.size20.message2 { background-position: -44px -1500px; }

.size20.wanted { background-position: -44px -1520px; }

.size20.stop { background-position: -44px -1540px; }

.size20.end { background-position: -44px -1560px; }

.size20.waiting { background-position: -44px -1580px; }

.size20.refused { background-position: -44px -1600px; }

.size20.like.dummy { background-position: -44px -1620px; }

.size20.delete { background-position: -44px -1640px; }

.size20.leave { background-position: -44px -1660px; }

.size20.pin { background-position: -44px -1680px; }

.size20.pin, a:hover.pinned .size20.pin { background-position: -44px -1680px; }

a:hover .size20.pin, .pinned .size20.pin, #room_list_simple .size20.pin.selected { background-position: -44px -1700px; }

.size20.blog.gray { background-position: -44px -1720px; }

.size20.forum.gray { background-position: -44px -1740px; }

.size20.recruit.gray { background-position: -44px -1760px; }

.size20.poll.gray { background-position: -44px -1780px; }

.size20.schedule.gray { background-position: -44px -1800px; }

.size20.member_post.gray { background-position: -44px -1820px; }

.size20.search.red { background-position: -44px -1840px; }

.size20.locked { background-position: -44px -1860px; }

.size20.neutral { background-position: -44px -1880px; }

.size20.recruit.red { background-position: -44px -1900px; }

.size22 { width: 22px; height: 22px; }

.size22.refresh { background-position: -64px top; }

.size22.follow { background-position: -64px -22px; }

.size22.following { background-position: -64px -44px; }

.size22.owner { background-position: -64px -66px; }

.size22.mutual { background-position: -64px -88px; }

.size22.tick { height: 20px; background-position: -64px -274px; }

.size22.cheer { margin: 0 0 4px; height: 12px; background-position: -64px -238px; }

a:hover .size22.cheer { background-position: -64px -250px; }

.selected .size22.cheer, a.selected:hover .size22.cheer { background-position: -64px -262px; }

.size19 { width: 19px; height: 14px; }

.size19.plus { width: 19px; height: 14px; background-position: -64px -114px; }

.size19.tick { width: 19px; height: 14px; background-position: -64px -136px; }

.size24 { width: 24px; height: 24px; }

.size24.home { background-position: -86px top; }

.size24.regist { background-position: -86px -24px; }

.size24.login { background-position: -86px -48px; }

.size24.pc { background-position: -86px -72px; }

.size24.mypage { background-position: -86px -96px; }

.size24.good { background-position: -86px -120px; }

.size24.bad { background-position: -86px -144px; }

.size24.not { background-position: -86px -168px; }

.size24.menu { background-position: -86px -192px; }

.size24.wanted { background-position: -86px -220px; }

.size24.stop { background-position: -86px -244px; }

.size24.end { background-position: -86px -268px; }

.size24.waiting { background-position: -86px -292px; }

.size24.refused { background-position: -86px -316px; }

.size24.notify { background-position: -86px -364px; }

.size24.message { background-position: -86px -388px; }

.size24.neutral { background-position: -86px -412px; }

.size25 { width: 25px; height: 14px; margin-right: 4px; }

.size25.cheer { background-position: -110px -398px; }

.size26 { width: 26px; height: 6px; }

.size26.dot { background-position: -110px -426px; }

.size36 { width: 36px; height: 36px; }

.size30 { width: 30px; height: 30px; }

.size36.not-good { background-position: -110px top; }

.btns a:hover .size36.not-good, .size36.good { background-position: -110px -36px; }

.size36.not-bad { background-position: -110px -72px; }

.btns a:hover .size36.not-bad, .size36.bad { background-position: -110px -108px; }

.size36.line { background-position: -110px -144px; }

.size36.facebook { background-position: -110px -180px; }

.size36.twitter { background-position: -110px -216px; }

.size30.line { background-position: -110px -252px; }

.size30.facebook { background-position: -110px -282px; }

.size36.google { background-position: -110px -312px; }

.size30.google { background-position: -110px -348px; }

.size36.cheer { height: 20px; margin-right: 6px; background-position: -110px -378px; }

.size36.not-neutral { background-position: -110px -432px; }

.btns a:hover .size36.not-neutral, .size36.neutral { background-position: -110px -468px; }

.jGrowl { z-index: 9999; color: #fff; font-size: 12px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; position: fixed; }

.jGrowl.top-left { left: 0; top: 0; }

.jGrowl.top-right { right: 0; top: 0; }

.jGrowl.bottom-left { left: 0; bottom: 0; }

.jGrowl.bottom-right { right: 0; bottom: 0; }

.jGrowl.center { top: 0; width: 50%; left: 25%; }

.jGrowl.center .jGrowl-closer, .jGrowl.center .jGrowl-notification { margin-left: auto; margin-right: auto; }

.jGrowl-notification { background-color: #000; opacity: .9; filter: progid:DXImageTransform.Microsoft.Alpha Opacity=90; -ms-filter: progid:DXImageTransform.Microsoft.Alpha Opacity=90; zoom: 1; width: 250px; padding: 10px; margin: 10px; text-align: left; display: none; border-radius: 5px; min-height: 40px; }

.jGrowl-notification .ui-state-highlight, .jGrowl-notification .ui-widget-content .ui-state-highlight, .jGrowl-notification .ui-widget-header .ui-state-highlight { border: 1px solid #000; background: #000; color: #fff; }

.jGrowl-notification .jGrowl-header { font-weight: 700; font-size: .85em; }

.jGrowl-notification .jGrowl-close { background-color: transparent; color: inherit; border: none; z-index: 99; float: right; font-weight: 700; font-size: 1em; cursor: pointer; }

.jGrowl-closer { background-color: #000; opacity: .9; filter: progid:DXImageTransform.Microsoft.Alpha Opacity=90; -ms-filter: progid:DXImageTransform.Microsoft.Alpha Opacity=90; zoom: 1; width: 250px; padding: 10px; margin: 10px; display: none; border-radius: 5px; padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: .9em; font-weight: 700; text-align: center; }

.jGrowl-closer .ui-state-highlight, .jGrowl-closer .ui-widget-content .ui-state-highlight, .jGrowl-closer .ui-widget-header .ui-state-highlight { border: 1px solid #000; background: #000; color: #fff; }

@media print { .jGrowl { display: none; } }

/* common */
html { height: 100%; font-size: 62.5%; word-break: break-all; }

body { height: 100%; padding: 0 !important; font-family: "Open Sans", "Hiragino Sans', ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1; overflow-y: scroll; -webkit-text-size-adjust: 100%; }

body.noscroll { overflow-y: hidden; padding-right: 15px !important; }

input[type=text], input[type=password], input[type=date], select { font-family: "Open Sans", "Hiragino Sans', ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#wrapper { min-height: 100%; }

pre { white-space: pre-line; }

a { color: #1C6CC1; text-decoration: none; }

a:hover { color: #1C6CC1; text-decoration: underline; }

a.orange { color: #F6A623; }

a.red { color: #FE595F; }

a.green { color: #1E994F; }

a.gray { color: #888; }

.w-normal { width: 1100px; margin-left: auto; margin-right: auto; }

.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }

.mb12 { margin-bottom: 12px; }

.mb24 { margin-bottom: 24px; }

.mb48 { margin-bottom: 48px; }

.pre { white-space: pre-line; }

hr { margin: 24px auto; height: 0; border-top: solid 1px #DDD; }

/* header */
header { background: #FFF; }

#path { position: relative; min-width: 1100px; margin: 0 0 36px; padding: 12px 0; background: #F3F7FC; font-size: 1rem; font-weight: normal; }

#path ul { float: left; display: table; }

#path li { display: table-cell; padding-right: 6px; }

#path li + li { padding-left: 8px; background: url(/labostatic/img/arrow.png) no-repeat left; background-size: 3px 5px; }

#path li .ten:last-child { display: none; }

#path h1 { float: right; font-size: 1rem; font-weight: normal; }

/* content */
#content { margin-bottom: 60px; font-size: 1.4rem; }

#main { float: left; width: 764px; }

#main:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }

#left { float: left; width: 160px; }

#center { float: right; width: 568px; }

#header { position: relative; z-index: 50; }

#header.fixed #move-header { position: fixed; left: 0; top: 0; width: 100%; background: #FFF; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); }

#logo { padding: 50px 0; text-align: center; }

#logo a.labola { display: inline-block; width: 184px; height: 38px; margin: 0 auto; background: url(/labostatic/img/logo/logo.png) no-repeat; background-size: cover; font-size: 0; vertical-align: top; }

#logo .slash { margin: 0 18px; height: 38px; vertical-align: top; }

#logo .sport { display: inline-block; margin: -8px 0 -6px; font-size: 5.2rem; font-family: 'Source Code Pro', monospace; font-weight: 700; text-decoration: none; vertical-align: top; letter-spacing: 3px; }

#logo .sport.soccer { width: 264px; height: 38px; margin: 0; background: url(/labostatic/img/logo/soccer_single.png) no-repeat; background-size: cover; font-size: 0; color: transparent; }

#logo .sport.futsal { width: 195px; height: 38px; margin: 0; background: url(/labostatic/img/logo/futsal_single.png) no-repeat; background-size: cover; font-size: 0; color: transparent; }

#logo .sport.baseball { width: 265px; height: 38px; margin: 0; background: url(/labostatic/img/logo/baseball_single.png) no-repeat; background-size: cover; font-size: 0; color: transparent; }

#logo .sport.golf { width: 129px; height: 38px; margin: 0; background: url(/labostatic/img/logo/golf_single.png) no-repeat; background-size: cover; font-size: 0; color: transparent; }

#logo .sport.tennis { width: 199px; height: 38px; margin: 0; background: url(/labostatic/img/logo/tennis_single.png) no-repeat; background-size: cover; font-size: 0; color: transparent; }

#logo .sport.basketball { width: 333px; height: 38px; margin: 0; background: url(/labostatic/img/logo/basketball_single.png) no-repeat; background-size: cover; font-size: 0; color: transparent; }

#logo .sport.jog { width: 231px; height: 38px; margin: 0; background: url(/labostatic/img/logo/jog_single.png) no-repeat; background-size: cover; font-size: 0; color: transparent; }

#logo .sport.rugby { width: 165px; height: 38px; margin: 0; background: url(/labostatic/img/logo/rugby_single.png) no-repeat; background-size: cover; font-size: 0; color: transparent; }

#logo .sport.volleyball { width: 336px; height: 38px; margin: 0; background: url(/labostatic/img/logo/volleyball_single.png) no-repeat; background-size: cover; font-size: 0; color: transparent; }

/*#logo.soccer a{width:499px;background-image:url(/labostatic/img/logo/soccer.png);}
#logo.futsal a{width:430px;background-image:url(/labostatic/img/logo/futsal.png);}
#logo.baseball a{width:499px;background-image:url(/labostatic/img/logo/baseball.png);}
#logo.golf a{width:361px;background-image:url(/labostatic/img/logo/golf.png);}
#logo.tennis a{width:430px;background-image:url(/labostatic/img/logo/tennis.png);}
#logo.basketball a{width:567px;background-image:url(/labostatic/img/logo/basketball.png);}
#logo.athlete a{width:463px;background-image:url(/labostatic/img/logo/athlete.png);}
#logo.jog a{width:327px;background-image:url(/labostatic/img/logo/jog.png);}
#logo.rugby a{width:398px;background-image:url(/labostatic/img/logo/rugby.png);}
#logo.volleyball a{width:567px;background-image:url(/labostatic/img/logo/volleyball.png);}
#logo.sport a{display:inline-block;width:auto;height:38px;margin:0 auto;background:none;font-size:0;vertical-align:top;}
#logo.sport a .labola{display:inline-block;width:234px;height:38px;margin:0 auto;background:url(/labostatic/img/logo/soccer.png) no-repeat;background-size:cover;vertical-align:top;}
#logo.sport a .title{display:inline-block;margin-top:-6px;font-size:4.6rem;font-weight:bold;text-decoration:none;vertical-align:top;letter-spacing:3px;}*/
#header #logo.athlete { float: left; padding: 10px 0; }

#header #logo.athlete a.labola { display: inline-block; width: 88px; height: 18px; margin: 0 auto; background: url(/labostatic/img/logo/logo_w.png) no-repeat; background-size: cover; font-size: 0; vertical-align: top; }

#header #logo.athlete .slash { margin: 0 6px; height: 16px; vertical-align: top; }

#header #logo.athlete .athlete { display: inline-block; width: 111px; height: 18px; margin: 0; background: url(/labostatic/img/logo/athlete_single_w.png) no-repeat; background-size: cover; font-size: 0; vertical-align: top; }

#nav { float: left; display: table; font-size: 1.4rem; }

#nav > li { display: table-cell; }

#nav > li + li { padding-left: 24px; }

#nav a { position: relative; display: block; padding: 12px 0; color: #000; }

#nav a:hover, #nav .selected a { color: #1C6CC1; text-decoration: none; }

#nav a:after { position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; content: ''; background: #1C6CC1; opacity: 0; transition: all ease 0.3s; }

#nav a:hover:after, #nav .selected a:after { left: 0; width: 100%; opacity: 1; }

#user-nav { float: right; display: table; font-size: 1.2rem; line-height: 1.5; }

#user-nav > li > a { display: block; padding: 10px 9px; color: #000; }

#user-nav > li > a:hover { text-decoration: none; }

#user-nav > li { position: relative; display: table-cell; vertical-align: top; }

#user-nav > li:hover > a { background: #1C6CC1; color: #FFF; }

#user-nav > li:hover > a.notification { background: #FFF; }

#user-nav > li:hover > a.notification:hover { background: #1C6CC1; }

#user-nav > li.user { line-height: 1.6666666; }

#user-nav > li.user > a { padding: 9px 9px; }

#user-nav > li.user > a img { width: 20px; height: 20px; margin-right: 4px; border-radius: 10px; }

#user-nav > li > ol { display: none; position: absolute; right: 0; top: 38px; min-width: 100%; white-space: nowrap; background: #1C6CC1; font-size: 1.1rem; }

#user-nav > li:hover > ol { display: block; }

#user-nav > li > ol > li > a { display: block; padding: 9px 12px; color: #FFF; text-decoration: none; }

#user-nav > li > ol > li > a:hover { background: rgba(255, 255, 255, 0.1); }

#user-nav > li > ol > li { border-top: solid 1px rgba(255, 255, 255, 0.15); }

#user-nav > li.search form { display: none; position: absolute; right: 0; top: 0; background: #FFF; white-space: nowrap; }

#user-nav > li.search input[type=submit] { width: 36px; height: 38px; border: none; background: #1C6CC1 url(/labostatic/img/search-w.png) no-repeat center; background-size: 18px 18px; font-size: 0; color: transparent; cursor: pointer; outline: none; }

#user-nav > li.search input[type=text] { height: 18px; padding: 10px 12px; border: none; background: #E8F0F8; font-size: 1.2rem; line-height: 1.5; }

#new-msg-count { position: absolute; left: 17px; top: 3px; display: none; min-width: 10px; padding: 3px; border-radius: 8px; background: #FE595F; font-size: 1rem; color: #FFF; text-align: center; white-space: nowrap; line-height: 1; }

#header_sports { display: table; z-index: 99; position: absolute; right: 50%; top: 51px; margin-right: -550px; }

#header_sports > li > a { position: relative; z-index: 1; display: block; padding: 12px 9px; font-size: 12px; font-size: 1.2rem; font-weight: bold; }

#header_sports > li.sports:hover > a { border: solid 1px #E8F0F8; border-bottom: solid 1px #FFF; padding: 11px 8px; text-decoration: none; }

#header_sports > li { display: table-cell; }

#header_sports ol { position: absolute; z-index: 0; right: 0; top: 35px; display: none; border: solid 1px #E8F0F8; white-space: nowrap; }

#header_sports li:hover ol { display: block; }

#header_sports ol a { display: block; padding: 12px; background: rgba(255, 255, 255, 0.94); font-size: 11px; font-size: 1.1rem; }

#header_sports ol a:hover { background: rgba(243, 247, 252, 0.94); text-decoration: none; }

#header_sports ol > li + li { border-top: solid 1px #E8F0F8; }

#edit-logo { float: left; }

#edit-logo a { display: block; width: 87px; height: 18px; margin: 0 auto; padding: 10px 0; background: url(/labostatic/img/logo/logo.png) no-repeat center; background-size: 87px 18px; font-size: 0; }

/* side */
#side { float: right; width: 300px; }

#side > * { margin: 0 auto 24px; }

#bounce_mail { border: solid 6px #FF4B50; text-align: center; }

#bounce_mail a { display: block; padding: 24px; color: #000; text-decoration: none; }

#bounce_mail img { width: 72px; height: 60px; margin: 0 0 12px; }

#bounce_mail p { font-size: 16px; font-size: 1.6rem; line-height: 1.5; font-weight: bold; }

/* footer */
#push { width: 100%; }

#footer-list { min-width: 1100px; padding: 36px 0; border-top: solid 3px #E8F0F8; }

#footer-list .dl4 dl { width: 257px; }

#footer-list .dl5 dl { width: 201px; }

#footer-list .dl5 dl:last-child { width: 200px; }

#footer-list dl { float: left; }

#footer-list dl + dl { margin-left: 24px; }

#footer-list dt { margin: 0 0 12px; padding: 0 0 12px; border-bottom: solid 1px #D2E2F3; font-weight: bold; color: #1C6CC1; letter-spacing: 2px; }

#footer-list dd { font-size: 1.1rem; }

#footer-list dd + dd { margin-top: 6px; }

#footer-list dd.sub { color: #D2E2F3; }

#copy { min-width: 1100px; padding: 24px 0; background: #1C6CC1; font-size: 1rem; color: #FFF; text-align: center; letter-spacing: 2px; }

/*==================================================
- Ad
==================================================*/
#ads_leader { position: relative; margin-top: -36px; background: #FFF; }

#ads_leader.min { margin-top: -36px; }

#ads_leader .block { background: #FFF; }

#ads_leader.fixed .block { position: fixed; left: 0; top: 38px; z-index: 49; width: 100%; transition: all .5s ease; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); }

#ads_leader.fixed.min .block { position: fixed; left: 0; top: 0; z-index: 49; width: 100%; transition: all .5s ease; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); }

#ads_leader.fixed.off .block { top: -286px; }

#ads_leader.stop .block { position: relative !important; left: auto !important; top: auto !important; }

#ads_leader .ads { margin: 0 auto; padding: 18px; text-align: center; }

#ads_leader .ads > *, #ads_leader .ads > * > * { margin: 0 auto; }

/* dummy */
.ad-left .dummy { position: relative; display: block; width: 160px; height: 600px; margin: auto; }

.ad-left .dummy > span { display: block; line-height: 600px; background: #DDD; text-align: center; }

.ad-side .dummy { position: relative; display: block; width: 300px; height: 250px; margin: auto; }

.ad-side .dummy > span { display: block; line-height: 250px; background: #DDD; text-align: center; }

.ad-header .dummy { position: relative; display: block; width: 728px; height: 90px; margin: auto; }

.ad-header .dummy > span { display: block; line-height: 90px; background: #DDD; text-align: center; }

.ad-bottom { margin-bottom: 24px; text-align: center !important; }

.ad-bottom > * { margin: 0 auto; }

.ad-bottom + .ad-bottom { margin-top: -18px; }

.ad-bottom-tb { display: table; margin: 0 auto 24px; }

.ad-bottom-tb > li { display: table-cell; padding: 0 6px 0 0; }

.ad-bottom-tb > li + li { display: table-cell; padding: 0 0 0 6px; }

.ad-bottom .dummy, .ad-bottom-tb .dummy { position: relative; display: block; width: 336px; height: 280px; margin: auto; }

.ad-bottom .dummy > span, .ad-bottom-tb .dummy > span { display: block; line-height: 280px; background: #DDD; text-align: center; }

.dummy.white > span { background: #E8F0F8 !important; color: #1C6CC1 !important; }

/* jGrowl */
#jGrowl { left: 50%; top: 30%; width: 500px; margin-left: -250px; text-align: center; }

#jGrowl .jGrowl-notification { width: auto; padding: 0; font-size: 14px; font-size: 1.4rem; background: #333; text-align: center; }

#jGrowl .jGrowl-notification + .jGrowl-notification { margin-top: 12px; }

#jGrowl .jGrowl-message { padding: 24px; text-shadow: 1px 1px 0 #000; }

#jGrowl .jGrowl-close { outline: none; }

#jGrowl .jGrowl-notification.ui-state-highlight { border: none; color: #FFF; }

#jGrowl .jGrowl-notification.ui-state-highlight .jGrowl-message { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }

/* notify */
textarea { font-family: sans-serif; }

img { max-width: 100%; }

#test-container { position: fixed; right: 50%; top: 188px; z-index: 999; width: 320px; margin-right: -550px; background: #FFF; box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); }

#notify { position: relative; }

#notify .notification-close { position: absolute; right: 0; top: 0; display: block; width: 44px; height: 44px; border-left: solid 1px rgba(0, 0, 0, 0.1); background: #4BA66F url(/labostatic/img/close.2.png) no-repeat center; background-size: 14px 14px; }

#notify .title { width: 251px; padding: 11px 12px; background: #4BA66F; font-size: 14px; font-size: 1.4rem; color: #FFF; line-height: 1.6; cursor: move; }

#notify .list li > a { display: table; width: 100%; text-decoration: none; transition: background-color .3s ease; }

#notify .list li > a:hover { background: #F3F7FC; text-decoration: none; }

#notify .list li.unread > a, #notify .list li.unread > a:hover { background: #F9F6DC; }

#notify .list li + li { border-top: solid 1px #DDD; }

#notify .list li.none { display: block; width: auto; padding: 12px; color: #CCC; }

#notify .list li > a > div { display: table-cell; padding: 12px; vertical-align: middle; }

#notify .list .pict { width: 48px; padding-right: 0; vertical-align: top; }

#notify .list .pict img { width: 48px; height: 48px; border-radius: 24px; }

#notify .list .body { font-size: 0; color: #000; }

#notify .list .main { font-size: 0; }

#notify .list .main > span { font-size: 12px; font-size: 1.2rem; line-height: 1.3; }

#notify .list .date { padding-top: 1px; font-size: 11px; font-size: 1.1rem; color: #888; }

.notification-close { font-size: 0; }

#test-count { position: absolute; left: 17px; top: 3px; display: none; min-width: 10px; padding: 3px; border-radius: 8px; background: #FE595F; font-size: 10px; font-size: 1rem; color: #FFF; text-align: center; white-space: nowrap; line-height: 1; }

#notify-tab { display: table; width: 100%; font-size: 12px; font-size: 1.2rem; }

#notify-tab > li { display: table-cell; width: 50%; text-align: center; }

#notify-tab a { display: block; padding: 12px; background: #EEE; color: #666; text-decoration: none; }

#notify-tab .selected { background: #FFF; color: #000; }

#notify-tab .count { display: inline-block; min-width: 11px; margin: 1px 0 0 6px; padding: 2px; border-radius: 3px; background: #FE595F; font-size: 10px; font-size: 1rem; color: #FFF; text-align: center; white-space: nowrap; line-height: 1; vertical-align: top; }

#notify .off-title { font-size: 14px; font-size: 1.4rem; font-weight: bold; line-height: 1.43; }

#notify p { margin: 4px 0; font-size: 12px; font-size: 1.2rem; line-height: 1.6; white-space: pre-line; }

#notify .notification_list { max-height: 480px; overflow-y: auto; }

#notify .list.official li { padding: 12px; }

#notify .list.official li + li { border-top: solid 1px #DDD; }

/* common */
.pre { white-space: pre-line; }

.f10 { font-size: 10px; font-size: 1.0rem; }

.f11 { font-size: 11px; font-size: 1.1rem; }

.f12 { font-size: 12px; font-size: 1.2rem; }

.f14 { font-size: 14px; font-size: 1.4rem; }

.f16 { font-size: 16px; font-size: 1.6rem; }

.f18 { font-size: 18px; font-size: 1.8rem; }

.b { font-weight: bold; }

a.h1 { display: inline-block; }

a.h1 h1 { display: inline-block; color: #000; }

a.h1:hover h1 { text-decoration: underline; }

.flashmessage { position: fixed; z-index: 99; left: 0; top: 0; width: 100%; }

.flashmessage > li { padding: 12px; background: rgba(75, 166, 111, 0.8); font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #FFF; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); cursor: pointer; }

.flashmessage > li.error { background: rgba(254, 89, 95, 0.8); }

.errors, .error-msg li { margin: 0 0 24px; padding: 13px 12px 12px; border-radius: 4px; background: #FFE6E7; font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #FE595F; line-height: 1; }

.errors li + li { margin-top: 6px; }

.d-none { display: none; }

.btn { display: block; margin: 0 auto; padding: 12px 24px; border: none; border-radius: 4px; background: #1C6CC1; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #FFF !important; line-height: 1; text-align: center; outline: none; cursor: pointer; }

a.btn:hover, input.btn:hover, button.btn:hover { opacity: .8; color: #FFF; text-decoration: none; }

span.btn { cursor: default; }

.btn.medium { padding: 16px; font-size: 14px; font-size: 1.4rem; }

.btn.big { padding: 16px; font-size: 18px; font-size: 1.8rem; }

.btn.w50 { width: 50%; font-weight: normal; }

.btn.min { display: inline-block; padding: 8px; font-size: 10px; font-size: 1rem; }

.btn.red { background: #FE595F; }

.btn.orange { background: #F6A623; }

.btn.green { background: #4BA66F; }

.btn.cancel { background: #999; }

.btn.cancel2 { background: #DDD; color: #4A4A4A !important; text-shadow: none !important; }

.btn.cancel2:hover { background: #CCC; opacity: 1; }

.btn.done { opacity: 1 !important; background: #999; cursor: default; }

.btn.white { padding: 11px; border: solid 1px #1C6CC1; background: #FFF; color: #1C6CC1 !important; text-shadow: none !important; }

.btn.white:hover { opacity: 1; background: #F1F6FC; }

.btn.white2 { padding: 11px; border: solid 1px #DDD; background: #FFF; color: #000 !important; text-shadow: none !important; }

.btn.white2:hover { opacity: 1; border-color: #4BA66F; background: #4BA66F; color: #FFF !important; }

.btn.back { padding: 8px; border: solid 1px #DDD; background: #FFF; color: #333 !important; font-weight: normal; text-shadow: none !important; }

.btn.back:hover { opacity: 1; background: #F6F6F6; }

.btn.none, .btn.none:hover { background: #FFF; color: #CCC !important; text-shadow: none !important; font-weight: normal; cursor: default; }

.btn.wanted { background: #FEF2DE; color: #F6A623 !important; text-shadow: 1px 1px 0 #FFF !important; }

.btn.waiting { background: #FFE6E7; color: #FE595F !important; text-shadow: 1px 1px 0 #FFF !important; }

.btn.approved { background: #ECF6F0; color: #4BA66F !important; text-shadow: 1px 1px 0 #FFF !important; }

.btn.refused { background: #EEE; color: #888 !important; text-shadow: 1px 1px 0 #FFF !important; }

.popup-min-block { display: inline-block; position: relative; margin-bottom: -6px; padding-bottom: 6px; }

.popup-min-block .popup-min { display: none; z-index: 20; position: absolute; top: 42px; right: 0; font-size: 11px; font-size: 1.1rem; line-height: 1.28; white-space: nowrap; text-align: left; }

.popup-min-block .popup-min.left { left: 0; right: auto; }

.popup-min-block .popup-min.report { top: 36px; }

.popup-min-block .popup-min.feed { top: 21px; }

.popup-min-block .popup-min .arrow { position: absolute; right: 12px; top: -6px; width: 11px; height: 7px; }

.popup-min-block .popup-min.report .arrow { right: 9px; }

.popup-min-block .popup-min.left .arrow { left: 12px; right: auto; }

.popup-min-block .popup-min.feed.left .arrow { left: 9px; }

.popup-min-block .popup-min li + li { margin-top: 8px; }

.popup-min-block .popup-min a { display: block; color: #000; }

.popup-min-block .popup-min { padding: 8px; border: solid 1px #DDD; border-radius: 4px; background: #FFF; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }

.popup-min-block .popup-min #cr-btn-report { border: none !important; padding: 0; background: none; font-weight: 0; color: #000; font-size: 11px; font-size: 1.1rem; font-weight: normal; line-height: 1.28; }

.popup-min-block .popup-min #cr-btn-report:hover { text-decoration: underline; }

.popup-min-block .popup-min hr { margin: 8px 0; }

.list_posts .popup-min-block { position: absolute; right: 6px; top: 2px; }

.list_posts .popup-min-block .btns { display: inline-block; width: auto; padding: 4px; opacity: .6; }

.list_posts .popup-min-block:hover .popup-min { display: block; }

.list_posts .popup-min-block .popup-min { top: 26px; }

.list_posts .popup-min-block .popup-min .arrow { top: -6px; left: auto; right: 6px; }

#overlay, .overlay { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; min-height: 100%; height: 100%; margin: 0 !important; background: rgba(0, 0, 0, 0.4); }

#overlay > .cell, .overlay > .cell { display: table-cell; vertical-align: middle; text-align: center; }

#overlay .overlay-body, .overlay .overlay-body { width: 400px; margin: 0 auto; padding: 40px; border-radius: 12px; background: #FFF; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); font-size: 14px; font-size: 1.4rem; }

#overlay .overlay-body.min { padding: 12px 40px; font-size: 12px; font-size: 1.2rem; }

#overlay .overlay-body + .overlay-body { margin-top: 12px; }

#overlay .overlay-body .closes, .overlay .overlay-body .closes { margin: -28px -28px 12px 0; text-align: right; }

#overlay .overlay-body p, .overlay .overlay-body p { margin: 0 0 24px; }

#overlay .w100, .overlay .w100 { padding-right: 20px; }

#overlay h3, .overlay h3 { margin: 0 0 12px; font-size: 18px; font-size: 1.8rem; }

#overlay select, .overlay select { width: 100%; padding: 10px 30px 10px 10px; border: none; border-radius: 4px; background: #EEE url(/labostatic/img/select.png) no-repeat right; background-size: 20px 14px; }

#overlay select:disabled, .overlay select:disabled { margin: 0 0 12px; opacity: .5; }

#overlay textarea, .overlay textarea { width: 100%; padding: 10px; border: none; border-radius: 4px; background: #EEE; font-size: 14px; font-size: 1.4rem; line-height: 1.5; vertical-align: top; }

#overlay-close, .overlay .overlay-close { display: inline-block; padding: 11px; border-radius: 18px; background: #EEE; font-size: 0; }

#overlay-close:hover, .overlay .overlay-close { background: #DDD; }

#overlay.min select, .overlay.min select { padding: 9px; border: solid 1px #1C6CC1; background: #FFF url(/labostatic/img/select2.png) no-repeat right; background-size: 22px 10px; color: #1C6CC1; line-height: 1.5; }

#overlay.min .overlay-body, .overlay.min .overlay-body { width: 280px; padding: 20px; }

#overlay.min .overlay-body .closes, .overlay.min .overlay-body .closes { margin: -8px -8px 12px 0; }

#overlay.min hr, .overlay.min hr { margin: 20px -20px; border-color: #1C6CC1; }

#overlay.min #overlay-close, .overlay.min .overlay-close { background: #E8F0F8; }

#overlay.min #overlay-close:hover, .overlay.min .overlay-close { background: #D8E6F4; }

#overlay.min dl, .overlay.min dl { text-align: left; }

#overlay.min dt, .overlay.min dt { margin: 0 0 6px; font-size: 12px; font-size: 1.2rem; line-height: 1.3; color: #1C6CC1; font-weight: bold; }

#overlay.min dd + dt, .overlay.min dd + dt { margin-top: 12px; }

#overlay.min input[type=submit], .overlay.min input[type=submit] { width: 100%; }

#overlay.min input[type=text], .overlay.min [type=text] { width: 100%; padding: 8px 9px; border: solid 1px #1C6CC1; border-radius: 4px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; color: #1C6CC1; }

#overlay.min label, .overlay.min label { font-size: 11px; font-size: 1.1rem; }

#overlay.min input[type=checkbox], .overlay.min input[type=checkbox] { margin: 2px 4px 0 0; vertical-align: top; }

#overlay.min h4, .overlay.min h4 { margin: 0 0 12px; font-size: 18px; font-size: 1.8rem; }

#overlay.min p, .overlay.min p { text-align: left; line-height: 1.5; }

#overlay .count, .overlay .count { font-size: 14px; font-size: 1.4rem; }

#overlay .count .orange, .overlay .orange { color: #F6AD13; }

#overlay .count .green, .overlay .green { color: #59B382; }

#overlay .count .red, .overlay .red { color: #FE595F; }

#overlay .count .hold, .overlay .hold { font-size: 12px; font-size: 1.2rem; font-weight: normal; color: #888; }

#overlay .owner-data, .overlay .owner-data { background: #E8F0F8; border-radius: 4px; }

#overlay .owner-data li + li, .overlay .owner-data li + li { border-top: solid 1px #FFF; }

#overlay .owner-data a, .overlay .owner-data a { display: table; width: 100%; color: #000; text-decoration: none; }

#overlay .owner-data a > div, .overlay .owner-data a > div { display: table-cell; padding: 12px; vertical-align: middle; text-align: left; }

#overlay .owner-data .pict, .overlay .owner-data .pict { width: 36px; padding-right: 0; }

#overlay .owner-data .pict img, .overlay .owner-data .pict img { width: 36px; height: 36px; border-radius: 18px; }

#overlay .owner-data .text, .overlay .owner-data .text { padding: 12px 30px 12px 6px; background: url(/labostatic/img/arrow-text-link2.png) no-repeat right; background-size: 18px 10px; }

#overlay .owner-data .text div, .overlay .owner-data .text div { margin-top: 4px; font-size: 11px; font-size: 1.1rem; color: #888; }

#overlay .url, .overlay .url { display: table; width: 100%; margin: 0 0 12px; }

#overlay .url > li, .overlay .url > li { display: table-cell; vertical-align: top; }

#overlay .url > li:first-child, .overlay .url > li:first-child { padding-right: 26px; }

#overlay .url > li:last-child, .overlay .url > li:last-child { width: 1%; }

#overlay .btn-block .btn, .overlay .btn-block .btn { width: 50%; }

#overlay .btn-block .btn + .btn, .overlay .btn-block .btn + .btn { margin-top: 12px; }

#overlay .overlay-body.apply h3, .overlay .ovelay-body.apply h3 { font-size: 14px; font-size: 1.4rem; line-height: 1.43; text-align: left; }

#overlay .yesno, .overlay .yesno { display: table; width: 100%; }

#overlay .yesno > li, .overlay .yesno { display: table-cell; width: 50%; padding: 0 6px 0 0; }

#overlay .yesno > li + li, .overlay .yesno > li + li { padding: 0 0 0 6px; }

#overlay2 { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; min-height: 100%; height: 100%; margin: 0 !important; background: rgba(0, 0, 0, 0.4); }

#overlay2 > .cell { display: table-cell; vertical-align: middle; text-align: center; }

#overlay2 .overlay-body { width: 400px; margin: 0 auto; padding: 40px; border-radius: 12px; background: #FFF; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); font-size: 14px; font-size: 1.4rem; }

#overlay2 .overlay-body.min { padding: 12px 40px; font-size: 12px; font-size: 1.2rem; }

#overlay2 .overlay-body + .overlay-body { margin-top: 12px; }

#overlay2 .overlay-body .closes { margin: -28px -28px 12px 0; text-align: right; }

#overlay2 .overlay-body p { margin: 0 0 24px; }

#overlay2 .w100 { padding-right: 20px; }

#overlay2 h3 { margin: 0 0 12px; font-size: 18px; font-size: 1.8rem; }

#overlay-close2 { display: inline-block; padding: 11px; border-radius: 18px; background: #EEE; font-size: 0; }

#overlay-close2:hover { background: #DDD; }

#overlay2 .url { display: table; width: 100%; margin: 0 0 12px; }

#overlay2 .url > li { display: table-cell; vertical-align: top; }

#overlay2 .url > li:first-child { padding-right: 26px; }

#overlay2 .url > li:last-child { width: 1%; }

#txtUrlInvite, #input_shared_url { width: 100%; padding: 8px 9px; border: solid 1px #DDD; border-radius: 4px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#btnInviteRefresh { display: inline-block; padding: 7px; border-radius: 4px; background: #CCC; transition: background-color 0.3s ease; }

#btnInviteRefresh:hover { background: #1C6CC1; }

.copy-btn { transition: background-color 0.3s ease; }

.copy-btn.copy { background: #999; }

#prefecture-list { display: table; font-size: 0; }

#prefecture-list > li { display: table-row; }

#prefecture-list .region { display: table-cell; width: 1%; font-weight: normal; text-align: right; padding-right: 12px; font-size: 12px; font-size: 1.2rem; line-height: 1.4; white-space: nowrap; }

#prefecture-list > li + li .region { padding-top: 12px; }

#prefecture-list > li > ul { display: table-cell; font-size: 0; }

#prefecture-list > li + li > ul { padding-top: 6px; }

#prefecture-list > li > ul > li { display: inline-block; margin: 0 6px 0 0; padding-right: 6px; border-right: solid 1px #DDD; }

#prefecture-list > li + li > ul > li { margin: 6px 6px 0 0; }

#prefecture-list > li > ul > li:last-child { margin-right: 0; padding-right: 0; border: none; }

#prefecture-list > li > ul > li > * { display: inline-block; font-size: 12px; font-size: 1.2rem; }

#prefecture-list .area_count { display: inline-block; padding: 0 0 0 4px; font-size: 10px; font-size: 10rem; vertical-align: top; }

.mores { text-align: right; padding: 12px 0 0; }

.mores a { font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #000; }

.tag-list + .mores { margin-top: -12px; padding: 0; }

#side h4.eng { font-size: 18px; font-size: 1.8rem; line-height: 1.1111; }

#side h4.eng span { margin-left: 6px; font-size: 12px; font-size: 1.2rem; }

/* content */
#main > section > h2, #center > section > h2, #main > section > h3, #center > section > h3, .page-title { margin: 0 auto 12px; font-size: 18px; font-size: 1.8rem; line-height: 1.15; }

.page-title.mb24 { margin: 0 auto 24px; }

#main > section, #center > section { margin-bottom: 24px; }

#tab-menu { display: table; width: 100%; margin: 0 0 24px; border-top: solid 1px #DDD; text-decoration: none; }

#tab-menu.tab2 > li { width: 50%; }

#tab-menu.tab3 > li { width: 33.4%; }

#tab-menu.tab4 > li { width: 25%; }

#tab-menu.tab5 > li { width: 20%; }

#tab-menu.tab6 > li { width: 16.7%; }

#tab-menu li { display: table-cell; width: 10%; }

#tab-menu li + li { padding-left: 2px; }

#tab-menu a, #tab-menu > li > span { display: block; padding: 12px 0; border-bottom: solid 3px #DDD; font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #444; text-align: center; }

#tab-menu > li > span { color: #CCC; }

#tab-menu a:hover, #tab-menu .selected a { border-color: #1C6CC1; color: #1C6CC1; text-decoration: none; }

#tab-menu a span { margin-left: 6px; }

#tab-menu .disabled a { color: #CCC; border-color: #EEE; cursor: default; }

.shadow { padding: 24px; border: solid 1px #DDD; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

.sort { display: table; width: 100%; }

.sort > li { display: table-cell; width: 50%; font-size: 0; vertical-align: top; }

.sort > li.right { text-align: right; }

.sort select { height: 36px; padding: 0 32px 0 10px; border: solid 1px #1C6CC1; background: url(/labostatic/img/select2.png) no-repeat right; background-size: 22px 10px; font-size: 12px; font-size: 1.2rem; color: #1C6CC1; }

.sort form { font-size: 1.2; text-align: right; }

.sort .search input[type=text] { padding: 10px 10px 8px; border: none; border-right: solid 1px #FFF; border-radius: 4px 0 0 4px; background: #F3F7FC; font-size: 12px; font-size: 1.2rem; line-height: 1.5; color: #1C6CC1; }

.sort .search input[type=submit] { width: 36px; height: 36px; border: none; border-radius: 0 4px 4px 0; background: #F3F7FC url(/labostatic/img/search.png) no-repeat center 11px; background-size: 16px 16px; font-size: 0; cursor: pointer; outline: none; }

.sort .search input[type=submit]:hover { background-color: #E8F0F8; }

.sort > li > * + * { margin-left: 6px; }

.sort .btns { display: inline-block; padding: 11px; border-radius: 4px; background: #E8F0F8; }

.sort .tab { float: left; display: table; }

.sort .tab > li { display: table-cell; }

.sort .tab > li + li { padding-left: 2px; }

.sort .tab a { display: block; padding: 12px; background: #EEE; color: #4A4A4A; font-size: 12px; font-size: 1.2rem; font-weight: bold; text-align: center; text-decoration: none; }

.sort .tab a:hover, .sort .tab a.selected { background: #1C6CC1; color: #FFF; }

.sort .tab > li:first-child a { border-radius: 4px 0 0 4px; }

.sort .tab > li:last-child a { border-radius: 0 4px 4px 0; }

.sort .btns.detail_search_open { font-size: 12px; font-size: 1.2rem; line-height: 1.3; padding-bottom: 10px; text-decoration: none; }

.sort .btns.detail_search_open:hover { background: #D2E2F3; }

.sort .checkbox { display: inline-block; vertical-align: top; }

.sort .checkbox + .checkbox { margin-left: 12px; padding-left: 12px; border-left: solid 1px #DDD; }

.sort .checkbox input { width: 18px; height: 18px; margin: 1px 0; vertical-align: top; opacity: 0; cursor: pointer; }

.sort .checkbox label { display: inline-block; margin: 0 0 0 -18px; padding: 0 0 0 24px; background: url(/labostatic/img/check2.png) no-repeat left; background-size: 18px 18px; font-size: 13px; font-size: 1.3rem; line-height: 1.54; vertical-align: top; cursor: pointer; }

.sort .checkbox :hover + label { background-image: url(/labostatic/img/check2_hover.png); }

.sort .checkbox :checked + label { background-image: url(/labostatic/img/checked2.png); }

.sort .checkbox label + input { margin-left: 12px; }

.text-sort { position: relative; border-top: solid 1px #DDD; padding: 12px 0; font-size: 12px; font-size: 1.2rem; }

.text-sort.big { font-size: 13px; font-size: 1.3rem; line-height: 1.54; }

.text-sort a.selected { color: #000; font-weight: bold; }

.text-sort span { margin: 0 2px; color: #CCC; }

.text-sort .checkbox { position: absolute; right: 0; top: 12px; }

.text-sort .checkbox input { width: 18px; height: 18px; margin: 1px 0; vertical-align: top; opacity: 0; cursor: pointer; }

.text-sort .checkbox label { display: inline-block; margin: 0 0 0 -18px; padding: 0 0 0 24px; background: url(/labostatic/img/check2.png) no-repeat left; background-size: 18px 18px; font-size: 13px; font-size: 1.3rem; line-height: 1.54; vertical-align: top; cursor: pointer; }

.text-sort .checkbox :hover + label { background-image: url(/labostatic/img/check2_hover.png); }

.text-sort .checkbox :checked + label { background-image: url(/labostatic/img/checked2.png); }

.text-sort .checkbox label + input { margin-left: 12px; }

.user-block { width: 50%; margin: 0 auto 24px; text-align: center; }

.user-block p { font-size: 12px; font-size: 1.2rem; margin: 0 0 12px; }

.user-block ul { display: table; width: 100%; margin: 12px 0 0; }

.user-block ul > li { display: table-cell; width: 50%; }

.user-block ul > li + li { display: table-cell; padding-left: 6px; }

.user-block .btn { padding-left: 12px; padding-right: 12px; white-space: nowrap; }

#search-area h3 { margin: 0 0 12px; padding: 0 0 12px; border-bottom: solid 1px #DDD; font-size: 14px !important; font-size: 1.4rem !important; line-height: 1.43 !important; }

#page ul, #topic .pager ul { margin: -10px auto 0; font-size: 0; text-align: center; }

#page li, #topic .pager li { display: inline-block; padding: 10px 5px 0; }

#page li:first-child, #topic .pager li:first-child { padding-left: 0; }

#page li:last-child, #topic .pager li:last-child { padding-right: 0; }

#page li a, #page li span, #topic .pager a, #topic .pager span { display: block; min-width: 12px; padding: 10px; border-radius: 16px; background: #1C6CC1; font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 1; color: #FFF; text-align: center; text-decoration: none; }

#page li a:hover, #topic .pager a:hover { opacity: .8; }

#page li span, #topic .pager li span { border: solid 2px #1C6CC1; padding: 8px; background: #FFF; color: #1C6CC1; }

#page .page { margin: 12px 0 0; font-size: 10px; font-size: 1rem; line-height: 1; text-align: center; }

#page li.center { font-size: 14px; font-size: 1.4rem; }

#notify-pager { display: table; width: 100%; font-size: 13px; font-size: 1.3rem; line-height: 1.1; }

#notify-pager > li { display: table-cell; width: 33.33333333%; background: #EEE; vertical-align: middle; white-space: nowrap; }

#notify-pager li:nth-child(2) { padding: 10px 0; text-align: center; }

#notify-pager li:nth-child(last-child) { text-align: right; }

#notify-pager a { display: block; padding: 15px; color: #666; text-decoration: none; }

#notify-pager a:hover { background: #F6F6F6; }

#notify-pager .next span, #notify-pager .prev span { display: block; padding: 15px; color: #666; opacity: .2; }

#notify-pager .page { width: 20%; color: #888; }

#notify-pager .prev { text-align: left; }

#notify-pager .next { text-align: right; }

#notify-pager .next a { text-align: right; }

#notify-pager.min .page { width: 33.3333%; padding: 0; text-align: center; }

#notify-pager.min select { padding: 6px 26px 6px 10px; border: none; border-radius: 4px; background: #FFF url(/labostatic/img/select.png) no-repeat right; background-size: 20px 14px; font-size: 12px; font-size: 1.2rem; text-align: center; }

.report-btn a, .report-btn a:focus, .report-btn a:active { display: inline-block; padding: 6px; border: none !important; border-radius: 4px; background: #EEE; color: #888 !important; font-size: 10px; font-size: 1rem; font-weight: normal !important; line-height: 1.2; text-decoration: none; outline: 0 !important; }

.report-btn a:hover { background: #FFE2E4 !important; color: #FE595F !important; }

#banner { position: relative; margin: -36px 0 36px; height: 300px; }

#banner .bg { position: absolute; left: 0; top: 0; width: 100%; height: 300px; background: #F1F6FC no-repeat center; background-size: cover; color: transparent; }

#banner .text { position: absolute; left: 50%; top: 50%; margin-left: -550px; color: #FFF; }

#banner h2 { font-size: 42px; font-size: 4.2rem; font-weight: normal; text-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }

#banner p { margin: 12px 0 24px; text-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }

#banner a { display: inline-block; padding: 12px; background: rgba(254, 89, 95, 0.8); color: #FFF; text-decoration: none; }

#banner.center .text { width: 1100px; text-align: center; }

#banner.center h2 { letter-spacing: 1px; text-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }

#banner.center p { margin: 18px 0 0; font-size: 18px; font-size: 1.8rem; letter-spacing: 1px; text-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }

/* side */
#side h4 { margin-bottom: 12px; font-size: 14px; font-size: 1.4rem; font-weight: bold; line-height: 1.43; }

/* left */
#left-menu ul { margin: 0 0 12px; border: solid 1px #DDD; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#left-menu li + li { border-top: solid 1px #DDD; }

#left-menu li > a { display: block; padding: 12px; font-size: 13px; font-size: 1.3rem; color: #333; line-height: 1.1; text-decoration: none; }

#left-menu li > span { display: block; padding: 12px; font-size: 13px; font-size: 1.3rem; color: #333; line-height: 1.1; text-decoration: none; opacity: .25; }

#left-menu i { margin-right: 12px; }

#left-menu a.selected, #left-menu .selected > a:hover { color: #1C6CC1; }

#left-menu li > a:hover { background-color: #F6F6F6; }

#left-menu .sum { font-weight: bold; }

#left-menu .user { padding: 18px; text-align: center; }

#left-menu .user .pict img { width: 60px; height: 60px; margin: 0 0 12px; border-radius: 30px; }

#left-menu .user .name a { font-weight: bold; color: #000; }

#left-menu .user .status { margin-top: 6px; font-size: 11px; font-size: 1.1rem; color: #CCC; }

#left-menu li > a.disabled { color: #CCC; background: #FFF; cursor: default; }

#left-menu li > a.disabled i { opacity: .5; }

/* list */
.photo-list { border-top: solid 1px #DDD; }

.photo-list a { color: #000; }

.photo-list > li { display: table; width: 100%; }

.photo-list > li.none { display: block; padding: 18px 0; border-bottom: solid 1px #DDD; color: #CCC; }

#side .photo-list > li.none { padding: 12px 0; }

.photo-list > li > div { display: table-cell; padding: 18px 0; border-bottom: solid 1px #DDD; vertical-align: middle; }

#side .photo-list > li > div { padding: 12px 0; }

.photo-list .title { margin: 0 !important; font-size: 15px; font-size: 1.5rem; font-weight: bold; line-height: 1.43; }

#side .photo-list .title { font-size: 14px; font-size: 1.4rem; }

.photo-list .sub { margin-top: 4px; font-size: 11px; font-size: 1.1rem; color: #888; }

.photo-list .sub i { margin-top: -1px; vertical-align: top; }

.photo-list .sub i.like2 { margin-top: -2px; }

.photo-list .sub a { color: #888; }

#side .photo-list .sub { font-size: 10px; font-size: 1.0rem; }

.photo-list .sub > span { color: #CCC; }

.photo-list .sub .green { color: #4BA66F; }

.photo-list .sub .win { color: #666; }

.photo-list .sub a { color: #888; }

.photo-list .img:first-child { padding-right: 12px; }

.photo-list .img:last-child { padding-left: 12px; }

.photo-list .btns { width: 1%; padding-left: 12px; white-space: nowrap; font-size: 0; }

.photo-list .btns a { display: inline-block; padding: 11px; border-radius: 18px; background: #EEE; }

.photo-list .btns a:hover { background: #DDD; }

.photo-list .btns a + a { margin-left: 6px; }

.photo-list .pict:last-child, #side .photo-list .pict:last-child { padding-left: 12px; }

.photo-list .pict { vertical-align: top; }

#side .photo-list .img { width: 36px; }

.photo-list .vote { width: 1%; white-space: nowrap; }

.photo-list .vote span { display: inline-block; width: 60px; padding: 8px 0; border-radius: 4px; background: #FAE9EB; color: #D0011B; font-size: 12px; font-size: 1.2rem; text-align: center; }

.photo-list .vote span.o { background: #E4F2EA; color: #4BA66F; }

.photo-list .vote span.t { background: #FEF2DE; color: #F6A623; }

.photo-list .vote span.x { background: #EEE; color: #666; }

.photo-list.min > li > div { padding: 12px 0; }

.photo-list.min .pict img { width: auto !important; height: 36px !important; }

.photo-list.min .pict { width: 36px !important; }

.photo-list.min .pict.member { width: 60px !important; }

.text-link { border-top: solid 1px #DDD; }

.text-link.harf { border: none; }

.text-link + .text-link.more { display: none; }

.text-link li { border-bottom: solid 1px #DDD; }

.text-link li a { display: block; padding: 18px 0; background: url(/labostatic/img/arrow-text-link.png) no-repeat right; background-size: 19px 12px; font-size: 13px; font-size: 1.3rem; font-weight: bold; color: #000; }

.text-link li a .count { font-size: 1.1rem; font-weight: normal; color: #888; }

.text-link.harf li { float: left; width: 370px; }

.text-link.harf li:nth-child(1), .text-link.harf li:nth-child(2) { border-top: solid 1px #DDD; }

.text-link.harf li:nth-child(2n) { margin-left: 24px; }

.text-link.harf li:nth-child(2n-1) { clear: both; }

.text-link.harf + .text-link.harf li:nth-child(1), .text-link.harf + .text-link.harf li:nth-child(2) { border-top: none; }

.text-link + .text-link { border-top: none; }

.text-link.list3 { border: none; }

.text-link.list3 li { float: left; width: 246px; border-top: solid 1px #DDD; }

.text-link.list3 li + li { margin-left: 13px; }

.text-link.list3 li a { padding: 18px 0; }

.text-link.list4 { border: none; }

.text-link.list4 li { float: left; width: 182px; border-top: solid 1px #DDD; }

.text-link.list4 li + li { margin-left: 12px; }

.text-link.list4 li a { padding: 18px 0; }

#side .text-link.harf li { width: 144px; }

#side .text-link.harf li:nth-child(2n) { margin-left: 12px; }

#side .text-link li a, #left .text-link li a { padding: 12px 0; font-size: 12px; font-size: 1.2rem; }

.text-count.more { display: none; }

h2 + #more-text { border-top: solid 1px #DDD; }

.text-count li { border-bottom: solid 1px #DDD; }

.text-count + .more-open { border-top: solid 1px #DDD; }

.text-count a { display: block; padding: 9px 19px 9px 12px; background: url(/labostatic/img/arrow-text-link.png) no-repeat right; background-size: 19px 12px; font-size: 12px; font-size: 1.2rem; color: #000; line-height: 1.5; font-weight: bold; }

.text-count .count { display: inline-block; margin-left: 4px; font-size: 11px; font-size: 1.1rem; color: #999; font-weight: normal; }

.text-count .selected { background-color: #E8F0F8; background-image: url(/labostatic/img/arrow-text-link2.png); color: #1C6CC1; }

.text-count .selected .count { color: #1C6CC1; }

.photo-link { border-top: solid 1px #DDD; }

.photo-link .team > a { display: table; width: 100%; border-bottom: solid 1px #DDD; background: url(/labostatic/img/arrow-text-link.png) no-repeat right; background-size: 19px 12px; color: #000; }

.photo-link .team > a > div { display: table-cell; padding: 12px 29px 12px 0; vertical-align: middle; line-height: 1.4; word-break: break-all; }

.photo-link .team > a > .img { width: 20px; padding: 12px 6px 12px 0; vertical-align: middle; }

.photo-link .none p { padding: 12px 0; border-bottom: solid 1px #DDD; color: #CCC; }

.photo-link .none a { margin-top: 12px; }

.more-open, .more-btn { display: block; margin: 12px auto 24px; padding: 12px 0; font-size: 14px; font-size: 1.4rem; font-weight: bold; color: #000; text-align: center; }

.more-open:hover, .more-btn:hover { color: #000; }

#left .more-open { margin: 0; font-size: 12px; font-size: 1.2rem; }

.recruit-list { border-top: solid 1px #DDD; }

.recruit-list > li { position: relative; padding: 18px 0; border-bottom: solid 1px #DDD; }

.recruit-list > li.none { color: #CCC; }

.recruit-list .new { display: none; }

.recruit-list > li.new_rec .new { display: inline-block; margin: 4px 4px 0 0; padding: 3px; border-radius: 3px; background: #F44A4F; font-size: 10px; font-size: 1rem; color: #FFF; line-height: 1; vertical-align: top; font-weight: normal; }

.recruit-list .admin { display: table; width: 100%; padding: 0; border: none; }

.recruit-list .admin > div { display: table-cell; vertical-align: top; padding: 18px 0; border-bottom: solid 1px #DDD; }

.recruit-list .admin > div.action { width: 1%; padding: 0 0 0 12px; text-align: right; white-space: nowrap; vertical-align: middle; }

.recruit-list .btns { position: absolute; right: 0; bottom: 18px; display: table; width: 166px; }

.recruit-list .btns > li { display: table-cell; width: 80px; }

.recruit-list .btns > li + li { padding-left: 6px; }

.recruit-list .btns a { padding: 9px 0; font-weight: normal; text-shadow: none; }

.recruit-list .tip { display: inline-block; padding: 4px 0; font-size: 13px; font-size: 1.3rem; font-weight: bold; line-height: 1.1; color: #F6A623; }

.recruit-list .tip.approved, .recruit-list .tip.end { color: #4BA66F; }

.recruit-list .tip.stop, .recruit-list .tip.refused { color: #666; }

.recruit-list .tip.red { color: #F44A4F; }

.recruit-list h4 { margin: -4px 0 4px; font-size: 16px; font-size: 1.6rem; line-height: 1.5; }

.recruit-list h4 a { color: #000 !important; }

.recruit-list .author { margin: 0 0 8px; font-size: 14px; font-size: 1.4rem; color: #CCC; line-height: 1.43; }

.recruit-list .author img { width: 20px; height: 20px; margin-right: 6px; border-radius: 10px; }

.recruit-list .author .vote { font-size: 12px; font-size: 1.2rem; color: #888; }

.recruit-list .sub { margin: 0 0 12px; font-size: 11px; font-size: 1.1rem; color: #888; line-height: 1.19; }

.recruit-list .sub li + li { margin-top: 4px; }

.arrow-area { display: inline-block; margin-left: 6px; padding-left: 9px; background: url(/labostatic/img/arrow-area.png) no-repeat left; background-size: 3px 5px; }

.recruit-list .status { position: absolute; right: 0; bottom: 16px; display: table; font-size: 10px; font-size: 1rem; line-height: 1.4; font-weight: bold; }

.recruit-list .status > li { display: table-cell; vertical-align: middle; }

.recruit-list .status > li + li { padding-left: 12px; }

.recruit-list .status a { font-size: 10px; font-size: 1rem; font-weight: bold; color: #000 !important; line-height: 1.4; vertical-align: top; }

.recruit-list .tags { overflow: hidden; max-height: 31px; padding-right: 100px; }

.recruit-list .admin .tags { padding-right: 0; }

.recruit-list .other_link { display: inline-block; color: #34945A; line-height: 1; }

.tags { margin: 0 -6px -6px 0; }

.tags.mb24 { margin-bottom: 18px; }

.tags li { float: left; margin: 0 6px 6px 0; }

.tags a { display: block; padding: 6px; border: solid 1px #D2E2F3; border-radius: 4px; font-size: 11px; font-size: 1.1rem; text-decoration: none; }

.tags a:hover, .tags a.selected { border-color: #1C6CC1; background: #1C6CC1; color: #FFF; }

.tags.gray a { border-color: #DDD; color: #4A4A4A; }

.tags.gray a:hover { border-color: #999; background: #999; color: #FFF; }

#side .forum-list .tags a { padding: 5px 6px; font-size: 10px; font-size: 1rem; }

.tag-list { margin: 0 -6px 18px 0; }

.tag-list li { float: left; margin: 0 6px 6px 0; }

.tag-list a { display: block; padding: 7px 8px; background: #E8F0F8; border-radius: 4px; font-size: 12px; font-size: 1.2rem; text-decoration: none; }

.tag-list a:hover { background: #1C6CC1; color: #FFF; }

.tag-list + hr { margin-top: 18px; }

.tag-list .none { float: none; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; padding: 12px 0; color: #CCC; }

.tag-list.big a { padding-right: 12px; font-size: 14px; font-size: 1.4rem; }

.tag-list.big a span { font-size: 11px; font-size: 1.1rem; }

.column-list { border-top: solid 1px #DDD; }

.column-list > li { display: table; width: 100%; }

.column-list > li.none { display: block; padding: 18px 0; color: #CCC; border-bottom: solid 1px #DDD; }

.column-list > li > div { display: table-cell; vertical-align: middle; padding: 18px 0; border-bottom: solid 1px #DDD; }

.column-list img { width: 72px; height: 72px; }

.column-list .pict { width: 72px; padding-right: 12px; }

.column-list .title { font-size: 16px; font-size: 1.6rem; line-height: 1.4; }

.column-list .title a { color: #000; }

.column-list .sub { margin-top: 4px; font-size: 11px; font-size: 1.1rem; color: #888; }

.column-list .sub a { color: #888; }

.column-list.min { border: none; }

.column-list.min > li > div { padding: 0; border: none; }

.column-list.min .pict { padding-right: 12px; }

.column-list.min > li + li { margin-top: 12px; }

#side .column-list > li.none { padding: 12px 0; }

#side .column-list > li > div { padding: 12px 0; }

#side .column-list img { width: 60px !important; height: 60px !important; }

#side .column-list .pict { width: 60px; padding-right: 12px; }

#side .column-list .title { font-size: 14px; font-size: 1.4rem; line-height: 1.4; }

/* login */
#login { width: 360px; margin: 0 auto; padding: 48px; border: solid 1px #DDD; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#login h2 { margin: 0 0 48px; font-size: 20px; font-size: 2.0rem; text-align: center; }

#login p { margin: -12px 0 24px; text-align: center; line-height: 1.5; }

#login form ul { margin: 0 0 24px; }

#login form ul input { width: 340px; padding: 10px; border: none; border-radius: 4px; background: #EEE; font-size: 16px; font-size: 1.6rem; }

#login .regist input { width: 316px; padding-right: 34px; }

#login .regist li { position: relative; }

#login .regist i { position: absolute; right: 10px; top: 50%; margin-top: -7px; }

#login form li + li { margin: 12px 0 0; }

#login .link { margin: 0 0 24px; font-size: 12px; font-size: 1.2rem; font-weight: bold; text-align: center; }

#login .link input { vertical-align: top; margin: 0 6px 0 0; }

#login .btn { width: 100%; padding: 12px 0; }

#login .sns { display: table; width: 100%; }

#login .sns li { display: table-cell; width: 50%; padding: 0 6px 0 0; }

#login .sns li + li { padding: 0 0 0 6px; }

#login .sns a { display: block; padding: 12px 0; border-radius: 4px; font-size: 12px; font-size: 1.2rem; color: #FFF; line-height: 1.66666; text-align: center; text-decoration: none; }

#login .sns a:hover { opacity: .8; }

#login a.facebook { background: #4560A6; }

#login a.twitter { background: #50A2E3; }

#login .other { font-size: 12px; font-size: 1.2rem; text-align: center; }

/* edit */
#edit-body .btn { width: 200px; padding: 17px 0; font-size: 14px; font-size: 1.4rem; }

#edit-body dt { position: relative; margin: 0 0 12px; font-size: 13px; font-size: 1.3rem; font-weight: bold; }

#edit-body dt span { font-size: 11px; font-size: 1.1rem; }

#edit-body dd { margin: 0 0 24px; }

#edit-body dd.text { margin-top: -3px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#edit-body dd > div + div { margin-top: 6px; }

.required { color: #FE595F; }

#edit-body .pic-container > li { margin: 0 0 24px; }

#edit-body .empty { display: block; border: solid 1px #A4C4E6; border-radius: 4px; padding: 10px; background: #E8F0F8; font-size: 14px; font-size: 1.4rem; color: #1C6CC1; }

#edit-body dl select, #edit-body dl textarea, #edit-body dl input[type=text], #edit-body dl input[type=date], #edit-body dl input[type=password] { margin: 0 6px 0 0; padding: 8px 10px 9px; border: none; border-radius: 4px; background: #EEE; font-size: 14px; font-size: 1.4rem; line-height: 1.4; }

#edit-body dl select { height: 36px; padding-right: 30px; background: #EEE url(/labostatic/img/select.png) no-repeat right; background-size: 20px 14px; }

#edit-body dl select:last-child, #edit-body dl input:last-child { margin-right: 0; }

#edit-body input[type=checkbox] { position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; }

#edit-body label { line-height: 1.6; cursor: pointer; }

#edit-body .w100 { padding-right: 20px; }

#edit-body .w100 select, #edit-body .w100 textarea, #edit-body .w100 input { width: 100%; }

#edit-body .selectize-input { min-height: 36px; border: none; border-radius: 4px; padding: 6px 0px 0px 6px; background: #EEE; box-shadow: none; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#edit-body .selectize-input .item { position: relative; display: table; margin: 0 6px 6px 0; padding: 6px 0 !important; vertical-align: middle; border-radius: 4px; background: #1C6CC1; font-size: 12px; font-size: 1.2rem; color: #FFF; line-height: 1.5; }

#edit-body .selectize-input .item:before { display: table-cell; content: 'a'; color: transparent; width: 10px; }

#edit-body .selectize-input .item:after { display: table-cell; content: ' '; width: 41px; height: 10px; }

#edit-body .selectize-input .remove { display: table-cell; width: 30px; border-left: solid 1px rgba(255, 255, 255, 0.2); background: url(/labostatic/img/close-w.png) no-repeat center; background-size: 10px 10px; colro: transparent; font-size: 0; }

#edit-body .selectize-input input[type=text] { margin: 0 6px 6px 0 !important; padding: 7px 0 !important; font-size: 14px; font-size: 1.4rem !important; line-height: 1.2 !important; }

#edit-body dl p { margin: 6px 0 0; font-size: 11px; font-size: 1.1rem; color: #888; }

#edit-body .sns { display: table; width: 100%; }

#edit-body .sns > li { display: table-row; }

#edit-body .sns > li + li > div { padding-top: 6px; }

#edit-body .sns > li > div { display: table-cell; vertical-align: middle; }

#edit-body .sns > li > div.name { width: 1%; padding-right: 12px; font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 1.666666; white-space: nowrap; }

#edit-body .sns > li > div.name i { margin-right: 4px; }

#edit-body .sns-link { display: table; }

#edit-body .sns-link > li { display: table-cell; vertical-align: middle; }

#edit-body .sns-link > li + li { padding-left: 24px; }

#edit-body .sns-link .btn { width: auto; padding: 8px; font-size: 10px; font-size: 1rem; }

#edit-body .sns-link div + div { margin-top: 4px; }

#edit-body .dummy-block { position: relative; }

#edit-body .dummy-form .dummy { position: relative; display: block; padding: 11px 10px; border-radius: 4px; background: #EEE; }

#edit-body .password-form { position: absolute; left: -12px; top: -12px; display: table; width: 540px; height: 275px; border: solid 1px #DDD; border-radius: 4px; background: rgba(238, 238, 238, 0.9); box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#edit-body .password-form > .cell { display: table-cell; padding: 60px; vertical-align: middle; }

#edit-body .password-form .title { position: relative; }

#edit-body .password-form h2 { position: relative; margin: 0 0 12px; font-size: 13px; font-size: 1.3rem; font-weight: bold; }

#edit-body .password-form h2 span { font-size: 11px; font-size: 1.1rem; }

#edit-body .password-error { position: absolute; right: 0; top: 0; font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #FE595F; }

#edit-body .password-form input { width: 100%; padding: 7px 9px 8px; border: none; border-radius: 4px; border: solid 1px #DDD; background: #FFF; font-size: 14px; font-size: 1.4rem; line-height: 1.4; }

#edit-body .password-form p { margin-top: 12px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; text-align: center; }

#clear_birthday { display: inline-block; width: 24px; height: 24px; border-radius: 12px; background: #EEE url(/labostatic/img/close.png) no-repeat center; background-size: 10px 10px; font-size: 0; vertical-align: middle; }

#clear_birthday:hover { background-color: #DDD; }

#connection h3 { position: relative; margin: 0 auto 12px; font-size: 18px; font-size: 1.8rem; line-height: 1.15; }

#connection h3 .text { position: absolute; right: 0; top: 0; display: inline-block; padding: 6px; border-radius: 4px; background: #ECF6F0; font-size: 12px; font-size: 1.2rem; line-height: 1.25; font-weight: normal; color: #4BA66F; }

#connection p { line-height: 1.5; margin: 0 0 12px; }

#connection ul { width: 50%; margin: 0 auto; }

#connection li + li { margin-top: 12px; text-align: center; }

.block-list { border-top: solid 1px #DDD; }

.block-list > li { display: table; width: 100%; }

.block-list > li > div { display: table-cell; padding: 18px 12px 18px 0; border-bottom: solid 1px #DDD; vertical-align: middle; }

.block-list .num { width: 1%; }

.block-list .num input { width: 48px; padding: 6px 10px; border: none; border-radius: 4px; background: #EEE; font-size: 12px; font-size: 1.2rem; line-height: 1.5; text-align: right; }

.block-list .pict { width: 30px; padding-right: 6px; }

.block-list .pict img { border-radius: 15px; }

.block-list .name a { color: #000; font-weight: bold; }

.block-list .delete { width: 1%; padding-right: 0; }

.block-list .delete a { display: inline-block; padding: 6px; border-radius: 4px; background: #999; font-size: 10px; font-size: 1rem; color: #FFF; white-space: nowrap; text-decoration: none; }

.block-list .delete a:hover { opacity: .8; }

.add-block { margin: 12px 0 24px; }

.add-block a { display: block; padding: 12px; border: solid 1px #ddd; border-radius: 4px; color: #666; font-size: 12px; font-size: 1.2rem; text-decoration: none; text-align: center; }

.add-block a:hover { background: #F6F6F6; }

#edit-body .onoff { position: relative; border-top: solid 1px #DDD; }

#edit-body .onoff .position { position: absolute; top: -26px; display: inline-block; width: 62px; font-weight: bold; text-align: center; }

#edit-body .onoff .position.mail { right: 0; }

#edit-body .onoff .position.notify { right: 87px; }

#edit-body .onoff li.normal { display: table; width: 100%; border-bottom: solid 1px #DDD; }

#edit-body .onoff li.normal > * { display: table-cell; width: 1%; padding: 12px 0; white-space: nowrap; vertical-align: middle; }

#edit-body .onoff li.normal > h2 { width: auto; }

#edit-body .onoff li.normal > h2 span { font-size: 11px; font-size: 1.1rem; font-weight: normal; color: #888; }

#edit-body .onoff li.group { border-bottom: solid 1px #DDD; }

#edit-body .onoff li.group > div { display: table; width: 100%; }

#edit-body .onoff li.group > div > * { display: table-cell; width: 1%; padding: 3px 0; white-space: nowrap; vertical-align: middle; }

#edit-body .onoff li.group > div:last-child > * { padding-bottom: 12px; }

#edit-body .onoff li.group > div > h2 { width: auto; padding: 18px 0 9px; }

#edit-body .onoff li.group > div > h3 { width: auto; }

#edit-body .onoff .hr { display: inline-block; width: 1px; height: 26px; margin: 0 12px; background: #DDD; vertical-align: top; }

#edit-body .switch { position: relative; display: inline-block; width: 54px; height: 18px; border: solid 2px #9B9B9B; border-radius: 13px; padding: 2px; vertical-align: top; transition: all .2s ease; }

#edit-body .switch .slide { position: absolute; left: 2px; width: 36px; padding: 4px 0; border-radius: 9px; background: #9B9B9B; color: #FFF; text-align: center; transition: all .2s ease; }

#edit-body .switch .slide .on { display: none; }

#edit-body .switch span { font-size: 10px; font-size: 1rem; line-height: 1; }

#edit-body input:checked + .switch { border-color: #1C6CC1; }

#edit-body input:checked + .switch .slide { left: 20px; background: #1C6CC1; }

#edit-body input:checked + .switch .on { display: inline-block; }

#edit-body input:checked + .switch .off { display: none; }

#edit-body .switch.disabled { border-color: #DDD; cursor: default; }

#edit-body .switch.disabled .slide { left: 20px; background: #DDD; }

#edit-body .switch.disabled .on { display: inline-block; }

#edit-body .description { padding: 12px; border-radius: 4px; background: #EEE; font-size: 11px; font-size: 1.1rem; line-height: 1.5; color: #888; text-align: center; }

/* recruitment */
#save_search_terms { position: absolute; right: 0; top: 3px; font-size: 13px; font-size: 1.3rem; line-height: 1.1; }

#recruit_simple_search { margin: 0 0 24px; padding: 12px; background: #F3F7FC; }

#recruit_simple_search select { padding: 8px 48px 8px 10px; border: none; border-radius: 0; background: #FFF url(/labostatic/img/new_arrow_pc.png) no-repeat right; background-size: 38px 60px; font-family: sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1.43; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.06); }

#recruit_simple_search select { width: 100%; cursor: pointer; }

#recruit_simple_search select + select { margin-top: 6px; }

#recruit_simple_search .tables { display: table; width: 100%; }

#recruit_simple_search .tables > li { display: table-cell; vertical-align: middle; text-align: center; }

#recruit_simple_search .tables > li.selector { width: 280px; padding-right: 12px; border-right: solid 1px #DDE8F5; }

#recruit_simple_search .tables > li.btns { padding: 26px 0 0 12px; }

#recruit_simple_search .tables > li.btns input { width: 180px; padding: 11px 0; font-size: 14px; font-size: 1.4rem; font-weight: normal; cursor: pointer; }

#recruit_simple_search .tables a { display: inline-block; margin-top: 12px; font-size: 13px; font-size: 1.3rem; line-height: 1.1; }

#recruit_simple_search .in_table { display: table; width: 100%; }

#recruit_simple_search .in_table .tr { display: table-row; }

#recruit_simple_search .in_table .tr > div { display: table-cell; }

#recruit_simple_search .in_table .tr + .tr > div { padding-top: 6px; }

#recruit_simple_search .in_table .tit { width: 1%; padding-right: 12px; font-size: 12px; font-size: 1.2rem; color: #4F4F4F; line-height: 3; text-align: left; white-space: nowrap; font-weight: bold; }

#recruit_terms { margin: -24px 0 24px; padding: 12px; background: #F3F7FC; border-top: solid 1px #DDE8F5; }

#recruit_terms dt { margin: 0 0 12px; font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 1.2; }

#recruit_terms dd { display: table; width: 100%; background: #FFF; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.06); }

#recruit_terms dd + dd { border-top: solid 1px #DDE8F5; }

#recruit_terms dd > div { display: table-cell; padding: 12px; vertical-align: middle; }

#recruit_terms dd > div + div { width: 1%; padding-left: 0; }

#recruit_terms .terms { font-size: 0; }

#recruit_terms .terms > span { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 1.25; }

#recruit_terms .terms > span:last-child span.ten { display: none; }

#recruit_terms .terms #recruit_terms .btns { width: 1%; white-space: nowrap; }

#recruit_terms .btns .btn { padding: 9px 12px; font-weight: normal; white-space: nowrap; }

#recruit_terms .btns .delete_btn { display: inline-block; padding: 8px; border-radius: 4px; background: #DDD; }

#recruit_terms .btns .delete_btn:hover { opacity: .8; }

#now_terms { display: table; margin: 0 0 12px; border-radius: 4px; background: #F3F7FC; font-size: 0; }

#now_terms > div { display: table-cell; vertical-align: middle; padding: 12px; }

#now_terms > div + div { padding-left: 0; }

#now_terms .terms > span { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 1.25; }

#now_terms .terms > span:last-child span.ten { display: none; }

#now_terms .btns { width: 1%; white-space: nowrap; }

#now_terms .btns a { display: block; padding: 7px 11px; border: solid 1px #C2D7ED; border-radius: 4px; background: #FFF; font-size: 13px; font-size: 1.3rem; color: #1C6CC1; font-weight: normal; text-decoration: none; line-height: 1.1; }

#now_terms .btns a:hover { border-color: #1C6CC1; background: #1C6CC1; color: #FFF; }

#recruit_detail_search { position: relative; margin: 0 0 24px; padding: 24px; background: #F3F7FC; }

#recruit_detail_search #back_simple, #recruit_detail_search #close_detail { position: absolute; right: 24px; top: 24px; font-size: 13px; font-size: 1.3rem; line-height: 1.1; }

#recruit_detail_search select { width: 50%; padding: 8px 48px 8px 10px; border: none; border-radius: 0; background: #FFF url(/labostatic/img/new_arrow_pc.png) no-repeat right; background-size: 38px 60px; font-family: sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1.43; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.06); cursor: pointer; }

#recruit_detail_search .w100 { padding-right: 20px; }

#recruit_detail_search input[type=text] { width: 100%; padding: 8px 10px; border: none; border-radius: 0; background: #FFF; font-family: sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1.43; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.06); }

#recruit_detail_search table { width: 100%; margin: 0 0 24px; }

#recruit_detail_search th { width: 1%; padding-right: 12px; font-size: 12px; font-size: 1.2rem; color: #4A4A4A; line-height: 3; text-align: left; white-space: nowrap; }

#recruit_detail_search tr + tr th, #recruit_detail_search tr + tr td { padding-top: 12px; }

#recruit_detail_search .submit input { width: 200px; padding: 11px 0; font-size: 14px; font-size: 1.4rem; font-weight: normal; }

#recruit_detail_search .checkbox { padding: 12px 0 6px; }

#recruit_detail_search .checkbox input { width: 18px; height: 18px; margin: 1px 0; vertical-align: top; opacity: 0; cursor: pointer; }

#recruit_detail_search .checkbox label { display: inline-block; margin: 0 0 0 -18px; padding: 0 0 0 24px; background: url(/labostatic/img/check2.png) no-repeat left; background-size: 18px 18px; line-height: 1.48; vertical-align: top; cursor: pointer; }

#recruit_detail_search .checkbox :hover + label { background-image: url(/labostatic/img/check2_hover.png); }

#recruit_detail_search .checkbox :checked + label { background-image: url(/labostatic/img/checked2.png); }

#recruit_detail_search .checkbox label + input { margin-left: 12px; }

#recruit_simple_up_search .sort form { text-align: left; }

#recruit_simple_up_search .sort form select + select { margin-left: 6px; }

#area_tags_dom { padding: 12px 0 0; font-size: 0; }

#area_tags_dom li { display: inline-block; margin: 0 6px 6px 0; border: solid 1px #C9DCEE; border-radius: 4px; background: #FFF; font-size: 12px; font-size: 1.2rem; color: #1C6CC1; cursor: pointer; vertical-align: top; }

#area_tags_dom li.selected { border: none; background: #1C6CC1; }

#area_tags_dom .auto_tag_input { display: inline-block; padding: 7px; vertical-align: top; font-weight: normal; }

#area_tags_dom li.selected .auto_tag_input { padding: 8px; color: #FFF; }

#area_tags_dom .area_count { margin-left: 4px; font-size: 10px; font-size: 1rem; }

#area_tags_dom .auto_tag_input_cancel { display: inline-block; width: 28px; height: 28px; content: ''; border-left: solid 1px rgba(255, 255, 255, 0.2); background: url(/labostatic/img/close-w.png) no-repeat center; background-size: 10px 10px; vertical-align: top; font-size: 0; color: transparent; }

#area_tags_dom .none { display: inline-block; margin: 0 6px 6px 0; font-size: 12px; font-size: 1.2rem; color: #999; line-height: 2.4; }

#recruit_detail_search #tags_more { display: inline-block; margin: 4px 0; padding: 4px 0; font-size: 12px; font-size: 1.2rem; vertical-align: top; }

#popular_area_tags { border-top: solid 1px #DDD; padding: 12px 0; }

#popular_area_tags .title { padding: 5px 0; font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 1.2; }

#recruit { position: relative; }

#recruit .h1 { display: inline-block; margin: 0 0 18px; }

#recruit h1 { font-size: 20px; font-size: 2.0rem; line-height: 1.3; }

.close-label { position: absolute; right: -44px; top: -44px; width: 0; height: 0; border: solid 44px transparent; border-bottom: solid 44px rgba(254, 89, 95, 0.8); transform: rotate(45deg); }

.close-label span { position: absolute; left: -22px; top: 24px; width: 44px; color: #FFF; text-align: center; font-weight: bold; font-size: 12px; font-size: 1.2rem; }

.close-label.stop { border-bottom-color: rgba(221, 221, 221, 0.9); }

.close-label.stop span { color: #888; text-shadow: 1px 1px 0 #FFF; }

#recruit .author { margin: 0 0 12px; font-size: 14px; font-size: 1.4rem; line-height: 1.43; }

#recruit .author img { width: 20px; height: 20px; margin: 0 6px 0 0; border-radius: 10px; }

#recruit .author span { font-size: 11px; font-size: 1.1rem; color: #CCC; }

#recruit .author .points { color: #888; }

#recruit .sub { margin: 0 0 24px; font-size: 11px; font-size: 1.1rem; color: #888; line-height: 1.11; }

#recruit .sub li + li { margin-top: 6px; }

#recruit .user-action { display: table; width: 100%; margin: 0 auto 24px; font-size: 0; }

#recruit .user-action > li { display: table-cell; width: 164px; vertical-align: top; }

#recruit .user-action > li:nth-child(2) { width: 240px; }

#recruit .user-action > li:last-child { text-align: right; }

#recruit .user-action > li > * + * { margin-left: 6px; }

#recruit .user-action .btns { display: inline-block; border: solid 1px #DDD; background: #FFF; padding: 8px; border-radius: 4px; vertical-align: top; }

#recruit .user-action .btns.cheer_popup { padding: 11px 8px; text-decoration: none; color: #888; }

#recruit .user-action .btns.cheer_popup .count { margin-left: 4px; font-size: 12px; font-size: 1.2rem; font-weight: bold; }

#recruit .user-action .btns.cheer_popup.selected { border-color: #DBEDE2; background: #DBEDE2; color: #4BA66F; }

#recruit .user-action li a.btns:hover, #recruit .user-action li div:hover .btns { border-color: #E8F0F8; background: #E8F0F8; color: #1C6CC1; }

#recruit .user-action li .btns.cf_link_btn:hover, #recruit .user-action li .btns.favo_btns:hover { border-color: #FEF2DE; background: #FEF2DE; }

#recruit .user-action .btns.cf_link_btn.selected, #recruit .user-action .btns.favo_btns.selected { background: #FEF2DE; border-color: #FEF2DE; }

#recruit .user-action .btns.cf_link_btn.selected:hover, #recruit .user-action .btns.favo_btns.selected:hover { background: #FFF; border-color: #DDD; }

#recruit .user-action .btns .followed { display: none; }

#recruit .user-action .btns.selected .follow { display: none; }

#recruit .user-action .btns.selected .followed { display: inline-block; }

#recruit .user-action .btns.cheer_popup { padding: 11px 8px; text-decoration: none; color: #888; }

#recruit .user-action .btns.cheer_popup .count { margin-left: 4px; font-size: 12px; font-size: 1.2rem; font-weight: bold; }

#recruit .user-action .btns.cheer_popup.selected { border-color: #DBEDE2; background: #DBEDE2; color: #4BA66F; }

#recruit .detail { margin: 0 0 24px; border-top: solid 1px #DDD; line-height: 1.5; }

#recruit .detail tr > * { border-bottom: solid 1px #DDD; }

#recruit .detail th { width: 1%; padding: 12px 12px 12px 0; font-size: 12px; font-size: 1.2rem; color: #4A4A4A; text-align: left; white-space: nowrap; }

#recruit .detail td { padding: 12px 0; }

#recruit .detail td.date { font-size: 14px; font-size: 1.4rem; }

#recruit .detail td.date strong { font-size: 14px; font-size: 1.4rem; }

#recruit .detail td.date b { font-size: 16px; font-size: 1.6rem; font-weight: 600; }

#recruit .detail td.date span { margin: 0 9px 0 4px; color: #333; font-weight: normal; }

#recruit .detail td.date span > span { margin: 0; font-weight: bold; }

#recruit .detail td span.土 { color: #1C6CC1; }

#recruit .detail td span.日 { color: #FF7272; }

#recruit .limits { font-size: 0; }

#recruit .limits .count_down { font-size: 14px; font-size: 1.4rem; }

#recruit .limits .sum { font-size: 18px; font-size: 1.8rem; font-weight: 600; }

#recruit .limits .day { font-size: 12px; font-size: 1.2rem; color: #888; }

#recruit table .points { display: inline-block; font-size: 12px; font-size: 1.2rem; color: #CCC; }

#recruit table .points .vote { display: inline-block; margin: 1px 0; font-size: 13px; font-size: 1.3rem; color: #000; line-height: 1.1; vertical-align: top; }

#recruit table img { width: 20px; height: 20px; margin-right: 6px; }

#recruit table .user img { border-radius: 10px; }

#recruit table strong { font-size: 18px; font-size: 1.8rem; line-height: 1.1; }

#recruit table .count { font-size: 11px; font-size: 1.1rem; }

#recruit table .count .sum { margin-left: 2px; font-size: 14px; font-size: 1.4rem; }

#recruit table .orange { color: #F6A623; }

#recruit table .green { color: #1DA662; }

#recruit table .red { color: #FF7272; }

/*#recruit p{margin:0 0 20px;line-height:1.43;white-space:pre-line;}*/
/*#recruit .management{margin:0 0 24px;padding:12px;border-radius:4px;}
#recruit .management.wait,#recruit .management.wanted{background:#FEF2DE;}
#recruit .management.approved,#recruit .management.end{background:#ECF6F0;}
#recruit .management.refused,#recruit .management.stop{background:#EEE;}
#recruit .management p{margin:0 0 12px;padding:6px;background:#FFF;border-radius:4px;font-size:11px;font-size:1.1rem;font-weight:600;text-align:center;}
#recruit .management.wait p{color:#F6A623;}
#recruit .management.approved p{color:#4BA66F;}
#recruit .management.refused p{color:#888;}
#recruit .management .main{display:table;margin:0 auto 12px;}
#recruit .management .main li{display:table-cell;width:269px;}
#recruit .management .main li+li{padding-left:6px;}
#recruit .management .main .btn{}
#recruit .management .menu{display:table;}
#recruit .management .menu>li{display:table-cell;width:132px;padding-right:6px;}
#recruit .management .menu>li:last-child{width:131px;padding:0;}
#recruit .management .menu a{display:block;padding:9px;border-radius:4px;background:#FFF;color:#000 !important;font-size:11px;font-size:1.1rem;text-align:center;text-decoration:none;line-height:1.1;}
#recruit .management .menu a:hover{background:#F1F6FC;}
#recruit .management .menu a.none,
#recruit .management .menu a.none:hover{background:#FFF;color:#CCC !important;cursor:default;}
#recruit .management .menu2{display:table;margin:0 auto;}
#recruit .management .menu2 li{display:table-cell;width:266px;}
#recruit .management .menu2 li+li{padding-left:12px;}*/
#recruit .photos { margin: 0 0 24px; }

#recruit .photos a { display: inline-block; }

#recruit .photos img { width: 184px; height: 184px; vertical-align: top; }

#recruit .photos a + a { margin-left: 8px; }

#recruit .sub-data { position: relative; margin: 0 0 18px; }

#recruit .sub-data .tags { padding-right: 60px; }

#recruit .sub-data .report-btn { position: absolute; right: 0; bottom: 6px; }

#recruit .limit { margin: 0 0 24px; padding: 16px 12px 12px; border-radius: 4px; background: #FFE6E7; text-align: center; }

#recruit .limit p { font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #FE595F; line-height: 1; }

#recruit .limit p strong { display: inline-block; padding-top: 4px; font-size: 16px; font-size: 1.6rem; }

#recruit .limit p strong span { font-size: 20px; font-size: 2.0rem; }

#recruit .limit .count { margin: 12px 0 0; padding: 12px 12px 14px; border-radius: 4px; background: #FFF; }

#recruit .limit .sum { margin-left: 4px; font-size: 18px; font-size: 1.8rem; font-weight: bold; }

#recruit .limit .orange { color: #F6AD13; }

#recruit .limit .green { color: #59B382; }

#recruit .limit .red { color: #FE595F; }

#recruit .limit .hold { font-size: 11px; font-size: 1.1rem; color: #888; }

#recruit .limit .hold .sums { margin-left: 2px; font-size: 14px; font-size: 1.4rem; font-weight: bold; }

#recruit .apply { margin: 0 auto 24px; }

#recruit ul.apply { display: table; }

#recruit ul.apply > li { display: table-cell; width: 278px; }

#recruit ul.apply > li + li { padding-left: 12px; }

#recruit #more-btn.btns { margin-top: 0; }

#recruit .join-member { position: relative; margin: 0 0 24px; padding: 24px; border: solid 1px #DDD; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#recruit .join-member ol { display: table; width: 100%; margin: 0 0 12px; }

#recruit .join-member ol > * { display: table-cell; vertical-align: middle; }

#recruit .join-member ol > li { width: 1%; padding-left: 12px; white-space: nowrap; }

#recruit .join-member h3 { font-weight: bold; padding: 0 0 11px; border-bottom: solid 1px #DDD; }

#recruit .join-member ul li { display: table; width: 100%; }

#recruit .join-member ul li + li { margin-top: 12px; }

#recruit .join-member ul li > div { display: table-cell; vertical-align: middle; }

#recruit .join-member .pict { width: 36px; padding-right: 6px; }

#recruit .join-member .pict img { width: 36px; height: 36px; border-radius: 18px; }

#recruit .join-member .name { font-weight: bold; }

#recruit .join-member .vote { margin-top: 3px; font-size: 11px; font-size: 1.1rem; color: #888; }

#recruit .join-member .vote a { color: #888; }

#recruit .link-back { display: block; margin: 0 0 12px; padding: 0 0 24px; border-bottom: dotted 1px #1C6CC1; font-size: 1.3rem; line-height: 1.1; }

#management { position: relative; }

#management h2 { font-size: 18px; font-size: 1.8rem; line-height: 1.333; text-align: center; }

#management h2.wanted { color: #F6A623; }

#management h2.stop { color: #666; }

#management h2.end { color: #4BA66F; }

#management h2 i { margin-right: 6px; }

#management .title { position: relative; padding: 5px 0; text-align: center; }

#management #title-popup { display: inline-block; padding: 1px 0; }

#management #title-popup.popup { cursor: pointer; }

#management .title .menu { top: 34px; left: 50%; margin-left: -52px; text-align: center; }

#management .title .menu .arrow { position: absolute; top: -6px; left: 50%; margin-left: -5px; }

#management .menu { display: none; z-index: 99; position: absolute; border: solid 1px #DDD; border-radius: 4px; background: #FFF; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); white-space: nowrap; }

#management .menu li a { display: block; padding: 10px 12px; font-size: 12px; font-size: 1.2rem; line-height: 1.2; text-align: left; }

#management .menu li + li { border-top: solid 1px #DDD; }

#management #popup-menu { position: absolute; right: 0; top: 0; }

#management #popup-menu:hover { padding-bottom: 6px; }

#management #popup-menu > a { display: inline-block; padding: 9px; border: solid 1px #DDD; border-radius: 4px; }

#management #popup-menu .menu { top: 41px; right: 0; }

#management #popup-menu .menu .arrow { position: absolute; top: -6px; right: 12px; }

#management-status { display: table; width: 100%; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; }

#management-status li { display: table-cell; width: 20%; vertical-align: middle; border-right: solid 1px #DDD; }

#management-status li:first-child { border-right: double #DDD; }

#management-status li:nth-last-child(2) { border-right: solid 2px #CCC; }

#management-status li:last-child { border: none; }

#management-status .status { display: block; padding: 6px 0; text-align: center; text-decoration: none; font-size: 16px; font-size: 1.6rem; font-weight: 600; color: #000; }

#management-status .status.applyer { color: #F6A623; }

#management-status .status.waiting { color: #FF7272; }

#management-status .status.approved { color: #4BA66F; }

#management-status .status.refused { background: #F6F6F6; color: #999; }

#management-status .status > span { display: block; }

#management-status .sum { padding: 2px 0; }

#management-status .text { padding: 2px 0 1px; font-size: 11px; font-size: 1.1rem; }

#management-status .limits { font-size: 12px; font-size: 1.2rem; font-weight: normal; }

#management-status.feed { margin: 0 0 10px; }

#management-status2 { margin: 0 0 12px; background: #FFF; border: solid 1px #DDD; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#management-status2 li > a, #management-status2 li > span { position: relative; display: block; padding: 12px; font-size: 14px; font-size: 1.4rem; }

#management-status2 li > a .count, #management-status2 li > span .count { position: absolute; top: 10px; right: 10px; }

#management-status2 li > a .sum, #management-status2 li > span .sum { padding-left: 10px; font-size: 16px; font-size: 1.6rem; font-weight: bold; }

#management-status2 .limit > a { margin: 0 0 1px; border-bottom: solid 1px #DDD; color: #000; }

#management-status2 .waiting a { color: #FE595F; }

#management-status2 .approved a { color: #4BA66F; }

#management-status2 .refused a { color: #999; background-color: #F6F6F6; }

#management-status2 li + li { border-top: solid 1px #DDD; }

#management-status2 li + li.remainder { border-top: solid 2px #CCC; }

#apply-list { margin: 0 0 12px; border-bottom: solid 1px #DDD; }

#apply-list li { display: table; width: 100%; border-top: solid 1px #DDD; }

#apply-list li > div { display: table-cell; padding: 12px 0; vertical-align: middle; }

#apply-list .name { font-size: 13px; font-size: 1.3rem; }

#apply-list .name span { font-size: 11px; font-size: 1.1rem; }

#apply-list .name span span { color: #CCC; }

#apply-list .team { margin-top: 4px; font-size: 11px; font-size: 1.1rem; color: #888; }

#apply-list .pict { width: 36px; padding-right: 6px; }

#apply-list .pict img { width: 36px; height: 36px; border-radius: 18px; }

#apply-list .messages { width: 1%; }

#apply-list .messages a { display: inline-block; border: solid 1px #DDD; border-radius: 4px; padding: 10px 11px; font-size: 12px; font-size: 1.2rem; line-height: 1.2; white-space: nowrap; text-decoration: none; }

#apply-list .messages a:hover { padding: 11px 12px; border: none; background: #E8F0F8; }

#apply-list .status { width: 80px; padding-left: 6px; }

#apply-list .status.span { width: 1%; white-space: nowrap; }

#apply-list .status select { padding: 8px 26px 8px 10px; border: solid 1px #DDD; border-radius: 4px; background: #FFF url(/labostatic/img/select.png) no-repeat right; background-size: 20px 14px; font-size: 12px; font-size: 1.2rem; font-weight: bold; text-align: center; }

#apply-list .status .select { padding: 9px 11px; border-radius: 4px; font-size: 12px; font-size: 1.2rem; font-weight: bold; text-align: center; }

#apply-list .status .waiting { color: #FE595F; }

#apply-list .status .approved { color: #4BA66F; }

#apply-list .status .refused { color: #888; }

#apply-list .status .select.waiting { background: #FAE9EB; color: #FE595F; }

#apply-list .status .select.approved { background: #ECF6F0; color: #4BA66F; }

#apply-list .status .select.refused { background: #EEE; color: #888; }

#apply-list .check { width: 1%; }

#apply-list label { display: block; padding: 12px; }

#apply-list input[type=checkbox] { margin: 0; padding: 0; vertical-align: top; }

.check-button { display: table; margin: 0 auto; }

.check-button li { display: table-cell; }

.check-button li + li { padding-left: 12px; }

.evo-user li { float: left; display: table; width: 278px; margin-top: -1px; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; }

.evo-user li.user:nth-child(1), .evo-user li.team:nth-child(2) { margin-top: 0; }

.evo-user li.team { margin-left: 12px; }

.evo-user li.user { clear: both; }

.evo-user li > div { display: table-cell; padding: 18px 0; vertical-align: middle; }

.evo-user .pict { width: 36px; padding-right: 6px; }

.evo-user .pict img { width: 36px; height: 36px; border-radius: 18px; }

.evo-user .team .pict img { border-radius: 4px; }

.evo-user .name a { font-weight: bold; color: #000; line-height: 1.5; }

.evo-user .status { width: 24px; padding-left: 12px; }

.evo-form > li { padding: 12px; border: solid 1px #DDD; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

.evo-form > li + li { margin-top: 12px; }

.evo-form .target { font-weight: bold; line-height: 2.57; }

.evo-form .target img { width: 36px; height: 36px; margin-right: 6px; }

.evo-form .target span { font-size: 12px; font-size: 1.2rem; }

.evo-form .user .target img { border-radius: 18px; }

.evo-form .team .target img { border-radius: 4px; }

.evo-form ul { display: table; margin: 0 auto 12px; }

.evo-form ul > li { display: table-cell; }

.evo-form ul > li + li { padding-left: 24px; }

.evo-form .btns a { display: block; color: #000; text-decoration: none; cursor: pointer; }

.evo-form .text { display: block; margin-top: 6px; font-size: 12px; font-size: 1.2rem; text-align: center; }

.evo-form textarea { width: 456px; padding: 9px 10px; border: none; border-radius: 4px; background: #EEE; font-size: 14x; font-size: 1.4rem; line-height: 1.3; vertical-align: top; }

.evo-form input { width: 60px; margin-left: 6px; padding: 9px 0; border: none; border-radius: 4px; background: #1C6CC1; color: #FFF; font-size: 12px; font-size: 1.2rem; line-height: 1.5; vertical-align: top; cursor: pointer; outline: none; }

.evo-form input.green { background: #4BA66F; }

.evo-form input:hover { opacity: .8; }

.evo-form input[disabled=disabled], .evo-form input[disabled=disabled]:hover { background: #DDD; cursor: default; opacity: 1; }

#evaluation h1 { margin: 0 auto 12px; font-size: 18px; font-size: 1.8rem; line-height: 1.15; }

#evaluation .tab { display: table; width: 100%; margin: 0 0 12px; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; }

#evaluation .tab > li { display: table-cell; width: 33.333%; }

#evaluation .tab a { display: block; padding: 12px 0; font-weight: bold; color: #4BA66F; text-align: center; text-decoration: none; }

#evaluation .tab #neutral { color: #F6A623; }

#evaluation .tab #bad { color: #888; }

#evaluation .tab a span { display: block; }

#evaluation .tab li + li span { border-left: solid 1px #DDD; }

#evaluation .tab a.selected { color: #1C6CC1 !important; }

#evaluation .status-tab { margin: 0 0 12px; padding: 12px; border-radius: 4px; background: #F6F6F6; font-size: 12px; font-size: 1.2rem; }

#evaluation .status-tab ul { display: table; margin: 0 auto; }

#evaluation .status-tab ul > li { display: table-cell; padding: 0 12px; }

#evaluation .status-tab ul > li + li { border-left: solid 1px #DDD; }

#evaluation .status-tab a { color: #888; }

#evaluation .status-tab a.selected { color: #1C6CC1; font-weight: bold; }

.evo-list { margin: 0 0 24px; }

.evo-list li { display: table; width: 100%; }

.evo-list li.none { display: block; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; padding: 12px 0; color: #CCC; }

.evo-list li > div { display: table-cell; vertical-align: top; }

.evo-list li + li { margin-top: 12px; }

.evo-list .pict { width: 36px; padding-right: 10px; }

.evo-list .pict img { width: 36px; height: 36px; border-radius: 18px; }

.evo-list .text { position: relative; border: solid 1px #DDD; border-radius: 4px; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

.evo-list .text img { position: absolute; left: -11px; top: 18px; width: 12px; height: 15px; }

.evo-list .text .link { display: block; padding: 12px 33px 12px 12px; background: url(/labostatic/img/eva_arrow.png) no-repeat right; background-size: 21px 16px; color: #000; text-decoration: none; }

.evo-list .text div.link { padding: 12px; background: none; }

.evo-list .text .right { margin: 12px; padding-top: 12px; border-top: solid 1px #DDD; text-align: right; }

.evo-list .text .right a { font-size: 12px; font-size: 1.2; line-height: 1.2; color: #999; }

.evo-list .text .user { display: inline-block; margin: 4px 0; font-size: 12px; font-size: 1.2rem; vertical-align: top; }

.evo-list .text .user .min { font-size: 11px; font-size: 1.1rem; color: #999; }

.evo-list .vote { font-size: 19px; font-size: 1.6rem; line-height: 1.25; margin-right: 10px; }

.evo-list .vote.good { color: #4BA66F; }

.evo-list .vote.neutral { color: #F6A623; }

.evo-list .vote.bad { color: #888; }

.evo-list p { margin: 6px 0 0; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#recruit-photo-list li { position: relative; float: left; width: 246px; margin: 13px 13px 0 0; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#recruit-photo-list .close-label { right: -49px; top: -49px; }

#recruit-photo-list li:nth-child(1), #recruit-photo-list li:nth-child(2), #recruit-photo-list li:nth-child(3) { margin-top: 0; }

#recruit-photo-list li:nth-child(3n) { margin-right: 0; }

#recruit-photo-list li:nth-child(3n-2) { clear: both; }

#recruit-photo-list li.none { float: none; width: 100%; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; padding: 18px 0; color: #CCC; box-shadow: none; }

#recruit-photo-list .pict { position: relative; display: block; width: 244px; height: 158px; border: solid 1px #DDD; border-bottom: none; background: #F6F6F6 url(/labostatic/img/loading/loadinfo.net.gif) no-repeat center; background-size: 24px 24px; color: #FFF; }

#recruit-photo-list .pict .bg { width: 244px; height: 158px; background: no-repeat center; background-size: cover; color: transparent; }

#recruit-photo-list .pict span { position: absolute; left: 0; top: 12px; display: block; padding: 6px 8px; background: rgba(28, 108, 193, 0.8); font-size: 11px; font-size: 1.1rem; font-weight: 600; }

#recruit-photo-list .body { border: solid 1px #DDD; padding: 9px 12px 12px; }

#recruit-photo-list h3 { margin: 0 0 6px; font-size: 15px; font-size: 1.5rem; line-height: 1.4; }

#recruit-photo-list h3 a { color: #000; }

#recruit-photo-list .user { margin: 0 0 9px; line-height: 1.43; }

#recruit-photo-list .user span { font-size: 12px; font-size: 1.2rem; color: #CCC; }

#recruit-photo-list .user .eva { color: #444; }

#recruit-photo-list .user img { width: 20px; height: 20px; margin-right: 6px; border-radius: 10px; }

#recruit-photo-list .sub { margin-top: 6px; font-size: 11px; font-size: 1.1rem; color: #888; line-height: 1.1; }

#top-category { display: table; width: 100%; margin: 0 0 12px; border-top: solid 1px #DDD; }

#top-category > li { display: table-row; }

#top-category > li > div { display: table-cell; padding: 12px 0; border-bottom: solid 1px #DDD; font-size: 0; }

#top-category > li > div:first-child { width: 1%; font-weight: bold; white-space: nowrap; }

#top-category > li > div + div { padding-left: 12px; color: #CCC; }

#top-category a { color: #000; font-size: 14px; font-size: 1.4rem; }

#top-category span { margin: 0 6px; font-size: 14px; font-size: 1.4rem; }

#top-category + .more { text-align: center; }

#top-category + .more a { display: block; padding: 12px; color: #000; font-weight: bold; }

/* blog */
#blog-timeline { margin: 0 0 12px; padding: 12px; border: solid 1px #DDD; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#blog-timeline h3 { margin: 0 0 12px; padding: 0 0 12px; border-bottom: solid 1px #DDD; font-size: 14px; font-size: 1.4rem; line-height: 1; }

#blog-timeline h4 { font-size: 14px; font-size: 1.4rem; font-weight: normal; cursor: pointer; }

#blog-timeline h4 i { margin: 1px 0 0 6px; vertical-align: top; }

#blog-timeline .years + .years { margin-top: 12px; }

#blog-timeline .month { display: none; }

#blog-timeline .month.selected { display: block; }

#blog-timeline .month > div { padding: 6px 0 0 14px; }

#blog-timeline .month a { display: block; }

#blog-tags { margin: 0 0 12px; padding: 12px; border: solid 1px #DDD; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#blog-tags h3 { margin: 0 0 12px; padding: 0 0 12px; border-bottom: solid 1px #DDD; font-size: 14px; font-size: 1.4rem; line-height: 1; }

#blog-tags ul { position: relative; }

#blog-tags li { font-size: 13px; font-size: 1.3rem; line-height: 1.2; }

#blog-tags li + li { margin-top: 6px; }

#blog-tags div.hidden { display: none; }

#blog-tags div li { margin: 0; padding-top: 6px; }

#blog-tags .more { margin: 12px 0 0; padding: 12px 0 0; border-top: solid 1px #DDD; text-align: center; }

#blog-tags li.none { color: #CCC; }

#blog-tags li.hidden { display: none; }

#blog-tags .selected { font-weight: bold; }

#blog-tags span { font-size: 11px; font-size: 1.1rem; }

#my-timeline { padding: 12px; background: #F6F6F6; }

a + #my-timeline { padding: 12px; }

#my-timeline dl { padding: 12px; border-radius: 4px; background: #FFF; }

#my-timeline dt { font-size: 14px; font-size: 1.4rem; font-weight: normal; cursor: pointer; }

#my-timeline dt i { margin: 1px 0 0 6px; vertical-align: top; }

#my-timeline dd + dt { margin-top: 12px; }

#my-timeline .month { display: none; }

#my-timeline .month.selected { display: block; }

#my-timeline .month > div { padding: 6px 0 0 14px; }

#my-timeline .month a { display: block; }

#my-tags { padding: 0 12px 12px 12px; background: #F6F6F6; }

a + #my-tags { padding: 12px; }

#my-tags dl { padding: 12px; border-radius: 4px; background: #FFF; }

#my-tags dt { font-size: 14px; font-size: 1.4rem; font-weight: normal; cursor: pointer; }

#my-tags dd { padding-top: 6px; font-size: 12px; font-size: 1.2rem; line-height: 1.2; }

#my-tags .hidden { display: none; }

#my-tags .more { margin-top: 12px; padding-top: 12px; border-top: solid 1px #DDD; text-align: center; }

#my-tags .selected { font-weight: bold; }

#my-tags span { font-size: 11px; font-size: 1.1rem; }

#my-tags a { position: relative; display: inline-block; padding-left: 20px; }

#my-tags a i { position: absolute; left: 0; top: 0; }

#my-tags.team dd:first-child { padding-top: 0; }

#blog-detail { position: relative; }

#blog-detail h1 { display: inline-block; margin: 0 0 6px; font-size: 24px; font-size: 2.4rem; line-height: 1.25; }

#blog-detail h1 a { color: #000; }

#detail-sub { display: table; width: 100%; margin: 0 auto 24px; font-size: 12px; font-size: 1.2rem; line-height: 1.3; }

#detail-sub > li { display: table-cell; vertical-align: middle; }

#detail-sub > li:last-child { font-size: 0; text-align: right; vertical-align: top; white-space: nowrap; }

#detail-sub .pict { width: 38px; padding-right: 6px; vertical-align: top; }

#detail-sub .pict img { width: 36px; height: 36px; border-radius: 18px; }

#detail-sub .pict.team img { border-radius: 0; }

#detail-sub .text { color: #888; }

#detail-sub .author { font-weight: bold; }

#detail-sub .author a { color: #888; }

#detail-sub .date { font-size: 11px; font-size: 1.1rem; }

#detail-sub .date > span { color: #CCC; }

#detail-sub .btns { display: inline-block; background: #FFF; padding: 8px; border: solid 1px #DDD; border-radius: 4px; font-size: 12px; font-size: 1.2rem; color: #888; line-height: 1.5; font-weight: bold; text-decoration: none; }

#detail-sub .btns.links { padding: 10px 10px 9px; line-height: 1.3; color: #1C6CC1; font-weight: normal; vertical-align: top; }

#detail-sub .btns.comment { color: #1C6CC1; }

#detail-sub #more-btn.btns { margin-top: 0; }

#detail-sub .btns:hover, #detail-sub .popup-min-block:hover > a { padding: 9px; border: none; background: #E8F0F8; color: #1C6CC1; }

#detail-sub .btns.links:hover { padding: 11px 11px 10px; }

#detail-sub > li:last-child > * + * { margin-left: 6px; }

#vote-list .btns { color: #1C6CC1; }

#detail-sub .vote_user { line-height: 14px; color: #888; }

#detail-sub .vote_user a { color: #1C6CC1; }

#detail-sub .vote_user span { display: inline-block; width: 14px; height: 14px; margin-right: 4px; }

#detail-sub .vote_user img { display: inline-block; width: 14px; height: 14px; border-radius: 7px; }

#blog-description { margin: 0 0 24px; line-height: 1.5; }

#blog-description img { max-width: 100%; margin-left: auto; margin-right: auto; }

#blog-description i { font-size: 14px; font-size: 1.4rem; background: none; color: #000; font-style: normal; }

#blog-description b { font-weight: normal; }

#blog-detail .tag-title { margin: 0 0 12px; font-size: 12px; font-size: 1.2rem; color: #4A4A4A; line-height: 1.11; }

#blog-detail .tags { margin: 0 76px -6px 0; }

#blog-detail .views { position: absolute; right: 0; bottom: 6px; color: #CCC; font-size: 20px; font-size: 2rem; }

#blog-detail .views span { margin-left: 4px; font-size: 14px; font-size: 1.4rem; }

#blog-detail .tags + .report-btn { position: absolute; right: 0; bottom: 6px; }

#blog-detail .ad-bottom + .report-btn { text-align: right; }

#simple-pager { display: table; margin: 0 auto 24px; }

#simple-pager > li { display: table-cell; width: 120px; }

#simple-pager > li + li { padding-left: 12px; }

#simple-pager a { display: block; padding: 12px 0; border: solid 1px #DDD; background: #FFF; color: #666; text-decoration: none; text-align: center; }

#simple-pager a:hover { background: #EEE; }

#action-tab { display: table; width: 100%; margin: 0 0 24px; border-top: solid 1px #DDD; }

#action-tab > li { display: table-cell; vertical-align: middle; width: 20%; }

#action-tab > li + li { padding-left: 2px; }

#action-tab > li > a { display: block; padding: 12px 0; border-bottom: solid 3px #999; font-size: 16px; font-size: 1.6rem; color: #666; text-align: center; line-height: 1.25; text-decoration: none; }

#action-tab > li > a.voted { border-color: #3E9D62; color: #3E9D62; }

#action-tab > li > a.owner { border-color: #1C6CC1; color: #1C6CC1; }

#action-tab > li > a.favo span { font-size: 0; }

#action-tab > li > a.favo .total { font-size: 16px; font-size: 1.6rem; line-height: 1.25; }

#action-tab > li > a.favo .followed { display: none; }

#action-tab > li > a.favo.selected .follow { display: none; }

#action-tab > li > a.favo.selected .followed { display: inline; }

#action-tab > li > a.favo.selected { border-color: #F6A623; color: #F6A623; }

#action-tab > li > a .follow { font-size: 0; }

#action-tab > li > a .vote { font-size: 14px; font-size: 1.4rem; }

#action-tab > li > a .vote { margin-right: 4px; }

#action-tab > li.facebook_share > a { border-color: #3B579D; }

#action-tab > li.facebook_share > a > .sum { color: #3B579D; }

#action-tab > li.twitter > a { border-color: #00B0ED; }

#action-tab > li.google > a { border-color: #DB4437; }

#action-tab > li.line > a { border-color: #50CA00; }

#action-tab > li.labola_like { border-bottom: solid 3px #3B579D; text-align: center; }

#action-tab > li.labola_like p { margin: 2px 0 0; font-size: 10px; font-size: 1rem; }

/* team */
#team h1, #team h2 { margin: 0 auto 12px; font-size: 18px; font-size: 1.8rem; line-height: 1.2; }

#team .h1 { display: table; width: 100%; margin: 0 0 12px; }

#team .h1 h1, #team .h1 h2 { margin: 0; }

#team .h1 > li { display: table-cell; vertical-align: middle; }

#team .h1 > li:last-child { width: 1%; padding-left: 12px; white-space: nowrap; font-size: 0; }

#team .h1 > li:last-child:first-child { width: auto; padding: 0; white-space: normal; }

#team .h1 > li:last-child a { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 1.3; color: #333; }

#team .h1 > li:last-child a + a { margin-left: 12px; }

#team-post { margin: 0 0 12px; border: solid 1px #DDD; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#team-post ol { display: table; margin: 12px 0; }

#team-post ol > li { position: relative; display: table-cell; padding: 0 12px; font-size: 12px; font-size: 1.2rem; line-height: 1.2; }

#team-post ol > li + li { border-left: solid 1px #DDD; }

#team-post ul { display: table; width: 100%; background: #E8F0F8; }

#team-post ul > li { display: table-cell; vertical-align: top; }

#team-post ul > li.pict { width: 48px; padding: 12px 0 12px 12px; vertical-align: top; }

#team-post ul > li.pict img { border-radius: 24px; }

#team-post .w100 { padding-right: 20px; }

#team-post textarea { width: 100%; height: 16px; margin: 0; padding: 28px 10px; border: none; background: none; font-size: 16px; font-size: 1.6rem; line-height: 1; outline: none; vertical-align: top; }

#team-post textarea:focus, #team-post textarea.have { height: 52px; padding: 10px; font-size: 14px; font-size: 1.4rem; line-height: 1.5; }

#team-post .submit { padding: 12px; text-align: right; }

#team-post .new-submit { display: inline-block; padding: 8px 36px; font-size: 10px; font-size: 1rem; }

#team-post .arrow { position: absolute; left: 50%; bottom: -12px; width: 10px; height: 6px; margin-left: 5px; }

#team-post #add-photo img, #team-post #add-photo div { display: none; }

#team-post #btn-pic-upload { display: inline-block; width: 26px; height: 26px; padding: 0; margin: 0; background: #E8F0F8 url(/labostatic/img/add-photo.png) no-repeat center; background-size: 14px 14px; }

#team-post #pic-files { background: none; }

#team-post #pic-files > li { margin: 0; width: 120px; height: 120px; }

#team-post #pic-files > li canvas { margin: 0; width: 120px; height: 120px; }

#team-post .tag_area { padding: 12px 12px 0; }

#team-post .tag_area .selectize-input { border: none; background: #E8F0F8; box-shadow: none; }

#team-post .selectize-input { min-height: 36px; border: none; border-radius: 4px; padding: 6px 0px 0px 6px; background: #EEE; box-shadow: none; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#team-post .selectize-input .item { position: relative; display: table; margin: 0 6px 6px 0; padding: 0 !important; vertical-align: middle; border-radius: 4px; background: #1C6CC1; font-size: 12px; font-size: 1.2rem; color: #FFF; line-height: 1.5; }

#team-post .selectize-input .item:before { display: table-cell; content: 'a'; color: transparent; width: 10px; }

#team-post .selectize-input .item:before { padding: 6px 0; }

#team-post .selectize-input .item:after { display: table-cell; content: ' '; width: 41px; height: 10px; }

#team-post .selectize-input .remove { display: table-cell; width: 30px; border-left: solid 1px rgba(255, 255, 255, 0.2); background: url(/labostatic/img/close-w.png) no-repeat center; background-size: 10px 10px; colro: transparent; font-size: 0; }

#team-post .selectize-input input[type=text] { margin: 0 6px 6px 0 !important; padding: 7px 0 !important; font-size: 14px !important; font-size: 1.4rem !important; line-height: 1.2 !important; }

.team-list li { float: left; display: table; width: 376px; }

.team-list li:nth-last-child(1), .team-list li:nth-last-child(2) { border-bottom: solid 1px #DDD; }

.team-list li:nth-child(2n) { margin-left: 12px; }

.team-list li:nth-child(2n-1) { clear: both; }

.team-list li > div { display: table-cell; padding: 18px 0; vertical-align: middle; border-top: solid 1px #DDD; }

.team-list li.none { float: inherit; display: block; width: auto; height: auto !important; min-height: inherit !important; border-top: solid 1px #DDD; padding: 18px 0; border-bottom: solid 1px #DDD; color: #CCC; }

.team-list .pict { padding-right: 12px; }

.team-list .title { margin-bottom: 3px; font-size: 14px; font-size: 1.4rem; line-height: 1.5; }

.team-list .title a { color: #000; }

.team-list .sub { font-size: 11px; font-size: 1.1rem; color: #888; }

.team-list .sub + .sub { margin-top: 4px; }

.team-list .sub span { font-size: 10px; font-size: 1rem; color: #CCC; }

#side-profile { margin: 0 0 12px; border: solid 1px #DDD; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#side-profile .main { padding: 18px; text-align: center; font-size: 11px; font-size: 1.1rem; color: #333; }

#side-profile .main div { margin-top: 6px; font-size: 24px; font-size: 2.4rem; font-weight: bold; }

#side-profile .sub { padding: 6px; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; background: #F6F6F6; font-size: 10px; font-size: 1rem; color: #666; text-align: center; }

#side-profile .sub span { font-size: 13px; font-size: 1.3rem; font-weight: bold; }

#side-profile ul { display: table; width: 100%; white-space: nowrap; }

#side-profile ul > li { display: table-cell; width: 33.3333%; padding: 8px 4px; font-size: 13px; font-size: 1.3rem; font-weight: bold; color: #888; line-height: 1.2; text-align: center; }

#side-profile ul > li .icon14 { margin-right: 3px; }

#side-profile ul > li.good { color: #4BA66F; }

#side-profile ul > li.neutral { color: #F6A623; }

#side-profile ul > li + li { border-left: solid 1px #DDD; }

#team-header { position: relative; margin: 0 0 24px; }

#team-header .bg { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 120px; background: no-repeat center; background-size: cover; color: transparent; }

#team-header .board { position: relative; z-index: 1; width: 100%; padding: 34px 0; background: rgba(28, 108, 193, 0.5); color: #FFF; text-shadow: 1px 1px 0 #0C4078; font-weight: 600; }

#team-header .board a { color: #FFF; }

#team-header .name { margin: 0 60px 10px; font-size: 24px; font-size: 2.4rem; line-height: 1.2; text-align: center; }

#team-header .sub { font-size: 11px; font-size: 1.1rem; line-height: 1.3; text-align: center; }

#team-header .users { position: relative; z-index: 2; display: table; margin: -17px auto 0; }

#team-header .users li { display: table-cell; vertical-align: top; }

#team-header .users li + li { padding-left: 6px; }

#team-header .users li img { width: 34px; height: 34px; border-radius: 17px; }

#team-header .users .more { display: block; min-width: 26px; padding: 11px 4px; border-radius: 17px; background: #1C6CC1; font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #FFF; text-decoration: none; text-align: center; }

#team-header .mail-btn, #team-header .cover-btn { position: absolute; right: 12px; top: 12px; padding: 8px; border: solid 2px #1C6CC1; border-radius: 17px; background: #FFF; }

#line-table { width: 100%; margin: 0 0 24px; border-top: solid 1px #DDD; }

#line-table th { width: 1%; white-space: nowrap; padding: 17px 12px 12px 0; border-bottom: solid 1px #DDD; vertical-align: top; font-size: 12px; font-size: 1.2rem; font-weight: bold; text-align: left; }

#line-table td { padding: 12px 0; border-bottom: solid 1px #DDD; font-size: 14px; font-size: 1.4rem; line-height: 1.57; }

#line-table td.sns { font-size: 0; }

#line-table p { margin-bottom: 12px; }

#line-table.profile p { margin: 0; }

#line-table .team { line-height: 1.43; }

#line-table .team + .team { margin-top: 6px; }

#line-table .team img { width: 20px; height: 20px; margin-right: 6px; border-radius: 2px; }

#line-table .team #line-table .sns a { display: inline-block; }

#line-table .sns a + a { margin-left: 6px; }

#line-table #team-more { margin: 6px 0; }

#line-table #team-more > .block { display: none; }

#line-table #team-btn { display: block; padding: 4px; border: solid 1px #EEE; border-radius: 4px; font-size: 11px; font-size: 1.1rem; color: #000; text-align: center; text-decoration: none; }

.user-list li { float: left; display: table; width: 272px; border-bottom: solid 1px #DDD; }

.user-list li:nth-child(1), .user-list li:nth-child(2) { border-top: solid 1px #DDD; }

.user-list li:nth-child(2n) { margin-left: 24px; }

.user-list li:nth-child(2n-1) { clear: both; }

.user-list li > div { display: table-cell; width: 1%; padding: 18px 0 18px 6px; vertical-align: middle; }

.user-list .pict { width: 36px; padding: 18px 0; }

.user-list .pict img { width: 36px; height: 36px; border-radius: 18px; }

.user-list .text { width: auto; }

.user-list .name { font-weight: 600; }

.user-list .sub { margin-top: 2px; font-size: 11px; font-size: 1.1rem; color: #888; }

.user-list .owner span { display: block; border-radius: 4px; padding: 9px; background: #E8F0F8; font-size: 12px; font-size: 1.2rem; font-weight: 600; color: #1C6CC1; white-space: nowrap; }

.user-list .mail a { display: block; padding: 8px; border-radius: 18px; background: #1C6CC1; }

.user-edit-list { border-top: solid 1px #DDD; }

.user-edit-list li { padding: 18px 0; border-bottom: solid 1px #DDD; }

.user-edit-list .tables { display: table; width: 100%; }

.user-edit-list .tables > * { display: table-cell; vertical-align: middle; }

.user-edit-list form:nth-last-child(2) { padding-right: 12px; }

.user-edit-list form > div { display: table; width: 100%; }

.user-edit-list form > div > div { display: table-cell; vertical-align: middle; padding: 0 6px 6px 0; }

.user-edit-list form > div.bottom > div { padding: 0 6px 0 0; }

.user-edit-list form > div > div:last-child { padding-right: 0; }

.user-edit-list .pict { width: 36px; }

.user-edit-list .pict img { width: 36px; height: 36px; border-radius: 18px; }

.user-edit-list .name { font-weight: 600; }

.user-edit-list .select { width: 1%; }

.user-edit-list form > div.bottom > div.text { padding-right: 22px; }

.user-edit-list select { width: 120px; height: 30px; padding-right: 30px; padding: 0 10px; border: solid 1px #DDD; border-radius: 4px; background: #FFF url(/labostatic/img/select.png) no-repeat right; background-size: 20px 14px; font-size: 12px; font-size: 1.2rem; }

.user-edit-list input[type=text] { width: 100%; padding: 6px 8px; border: none; border-radius: 4px; background: #EEE; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

.user-edit-list .btn { width: 120px; padding: 9px 0; text-align: center; }

.user-edit-list div.submit { width: 1%; white-space: nowrap; }

.user-edit-list div.delete { width: 1%; border-left: solid 1px #DDD; padding-left: 12px; text-align: center; }

.user-edit-list div.delete a { display: inline-block; padding: 8px; border-radius: 4px; background: #999; color: #FFF; font-size: 10px; font-size: 1rem; text-decoration: none; white-space: nowrap; }

.user-edit-list div.delete a:hover { opacity: .8; }

.schedule-list { margin: 0 0 24px; border: solid 1px #DDD; padding: 24px 24px 24px; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

.schedule-list.latest { border: none; border-top: solid 1px #DDD; padding: 0; box-shadow: none; }

.schedule-list + .schedule-list { margin-top: -12px; }

.schedule-list dt { padding: 0 0 12px; border-bottom: solid 1px #DDD; font-size: 20px; font-size: 2.0rem; font-weight: bold; }

.schedule-list dd { position: relative; display: table; width: 100%; border-bottom: solid 1px #DDD; }

.schedule-list dd > div { display: table-cell; padding: 18px 0; vertical-align: middle; }

.schedule-list .day { width: 40px; padding-right: 12px; }

.schedule-list .day.member { width: 50px; }

.schedule-list .day span { display: inline-block; min-width: 40px; padding: 11px 0; font-size: 18px; font-size: 1.8rem; font-weight: bold; text-align: center; }

.schedule-list .day.member span { min-width: 50px; padding: 16px 0; }

.schedule-list .day.manage span { min-width: 50px; padding: 23px 0; }

.schedule-list .day .blue { background: #E8F0F8; color: #1C6CC1; }

.schedule-list .day .red { background: #FAE9EB; color: #D0011B; }

.schedule-list .day .grey { background: #EEE; color: #4A4A4A; }

.schedule-list .title { display: inline-block; height: 14px; overflow: hidden; }

.schedule-list .title a { display: inline-block; color: #000; font-weight: bold; word-break: break-all; }

.schedule-list .title img { display: none; float: right; margin-top: 10px; }

.schedule-list .title .show img { display: block; }

.schedule-list .date { margin-top: 8px; font-size: 12px; font-size: 1.2rem; color: #333; }

.schedule-list .date span { color: #CCC; }

.schedule-list .none { display: block; padding: 0; border: none; color: #CCC; }

.schedule-list.latest .none { padding: 18px 0; border-bottom: solid 1px #DDD; }

.schedule-list .date .red { color: #D0011B; }

.schedule-list .date .gray { color: #888; }

.schedule-list .date .o { color: #4BA66F; }

.schedule-list .date span.limits { font-size: 10px; font-size: 1rem; color: #4BA66F; }

.schedule-list .date .t { color: #F6A623; }

.schedule-list .date .x { color: #666; }

.schedule-list .date .un { color: #D0011B; }

.schedule-list .vote { width: 1%; padding-left: 12px; white-space: nowrap; }

.schedule-list .manage .vote { vertical-align: top; }

.schedule-list .vote * { display: inline-block; width: 60px; padding: 8px 0; border-radius: 4px; background: #FAE9EB; color: #D0011B; font-size: 12px; font-size: 1.2rem; text-align: center; }

.schedule-list .manage .vote * { padding: 6px 0; }

.schedule-list .vote .o, .schedule-list .vote .end { background: #E4F2EA; color: #4BA66F; }

.schedule-list .vote .t, .schedule-list .vote .wanted { background: #FEF2DE; color: #F6A623; }

.schedule-list .vote .x, .schedule-list .vote .stop { background: #EEE; color: #666; }

.schedule-list .kugiri:last-child { display: none; }

.schedule-list.now .stop, .schedule-list.now .end { background: #F6F6F6; }

.schedule-list.now .stop > div:nth-child(1), .schedule-list.now .end > div:nth-child(1), .schedule-list.now .stop > .day + div, .schedule-list.now .end > .day + div { opacity: .5; }

.schedule-list .clip { position: absolute; right: 0; bottom: 18px; font-size: 11px; line-height: 1.2; }

/* facility */
#facility h1 { margin: 0 auto 12px; font-size: 18px; font-size: 1.8rem; line-height: 1.15; }

#facility-header { display: table; width: 100%; margin: 0 0 12px; }

#facility-header > li { display: table-cell; vertical-align: middle; }

#facility-header > li + li { padding-left: 12px; }

#facility-header > li.pict { width: 48px; }

#facility-header > li.pict img { width: 48px; height: 48px; }

#facility-header .title { display: inline-block; color: #000; }

#facility-header .title h2 { font-size: 18px; font-size: 1.8rem; }

#facility-header .address { margin-top: 6px; font-size: 11px; font-size: 1.1rem; color: #888; }

#facility-header .btns { width: 1%; font-size: 0; }

#facility-header .btns a { display: inline-block; padding: 8px; border: solid 1px #DDD; border-radius: 4px; }

#description { margin: 0 0 24px; padding: 24px 0; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; }

#description ul { display: table; margin: 0 auto 24px; }

#description ul > li { display: table-cell; }

#description ul > li + li { padding-left: 12px; }

#description p { font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#facility .pics { margin: 0 0 12px; font-size: 0; }

#facility .pics a { display: inline-block; }

#facility .pics a + a { margin-left: 5px; }

#facility .pics img { width: 186px; }

#facility .description { margin: 1em 0; padding: 1em 0; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; line-height: 1.5; white-space: pre-line; }

#more-text, .more-text2 { margin: 0 0 24px; }

#left #more-text { margin: 0 0 12px; }

#more-text .text, .more-text2 .text { overflow-y: hidden; }

#more-text p, .more-text2 p { font-size: 14px; font-size: 1.4rem; line-height: 1.5; white-space: pre-line; }

#more-btn { display: none; margin-top: 12px; padding: 10px 12px; border: solid 1px #EEE; border-radius: 4px; font-size: 12px; font-size: 1.2rem; text-align: center; color: #000; text-decoration: none; }

.more-btn2 { display: none; }

#left #more-btn { margin: 12px 0 0; padding: 0; border: none; }

.table { width: 100%; margin: 0 0 20px; border-left: solid 1px #DDD; border-top: solid 1px #DDD; }

.table th { width: 1%; padding: 12px; white-space: nowrap; border-right: solid 1px #DDD; border-bottom: solid 1px #DDD; background: #EEE; vertical-align: top; font-size: 12px; font-size: 1.2rem; line-height: 1.67; text-align: left; }

.table td { padding: 12px; border-right: solid 1px #DDD; border-bottom: solid 1px #DDD; vertical-align: top; line-height: 1.43; }

#facility .map-report { display: table; width: 100%; margin: 0 0 12px; background: #EEE; font-size: 12px; font-size: 1.2rem; color: #888; }

#facility .map-report > li { display: table-cell; padding: 12px; vertical-align: middle; }

#facility .map-report > li:last-child { width: 1%; padding: 6px 6px 6px 0; }

#facility .map-report a { display: block; padding: 5px; border: solid 1px #DDD; border-radius: 4px; background: #F6F6F6; outline: none; }

#facility .map-report a:hover { border-color: #FDB6B9; background: #FFDEDF; }

/* user */
#user-header { position: relative; margin: 0 0 24px; }

#user-header .pict { margin: 0 0 12px; text-align: center; }

#user-header .pict img { width: 84px; height: 84px; border-radius: 42px; }

#user-header .name { margin: 0 0 12px; font-size: 1.6; font-weight: bold; text-align: center; }

#user-header .name a { color: #000; }

#user-header .status { margin: 0 auto; font-size: 0; text-align: center; }

#user-header .status > li { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 1.3; }

#user-header .status > li + li { margin-left: 6px; padding-left: 6px; border-left: solid 1px #DDD; }

#user-header .status a span { font-weight: 600; }

#user-header .btns { position: absolute; right: 0; top: 0; display: table; }

#user-header .btns > li { display: table-cell; }

#user-header .btns > li + li { padding-left: 6px; font-size: 0; }

#user-header .btns a { display: block; padding: 8px; border: solid 1px #1C6CC1; border-radius: 4px; background: #FFF; font-size: 10px; font-size: 1rem; line-height: 1.2; color: #1C6CC1; text-decoration: none; }

#user-header .btns a:hover, #user-header .btns .pull:hover a { background: #1C6CC1; color: #FFF; }

#user-header .btns a .total { display: none; }

#user-header .btns a .followed, #user-header .btns a.selected .follow { display: none; }

#user-header .btns a.selected .followed { display: inline-block; }

#user-header .pull { position: relative; width: 30px; }

#user-header .pull:hover > a { padding-bottom: 14px; border-radius: 4px 4px 0 0; }

#user-header .pull ul { display: none; position: absolute; right: 0; top: 36px; white-space: nowrap; z-index: 99; }

#user-header .pull:hover ul { display: block; }

#user-header .pull ul a { border-radius: 0; background: #1C6CC1; color: #FFF; }

#user-header .pull ul a:hover { text-decoration: underline; }

#user-header .pull ul li:first-child a { border-radius: 4px 0 0 0; }

#user-header .pull ul li + li { border-top: solid 1px #FFF; }

#user-header .pull ul li:last-child a { border-radius: 0 0 4px 4px; }

#user { position: relative; }

#user h1 { margin: 0 auto 12px; font-size: 18px; font-size: 1.8rem; line-height: 1.15; }

#user h1 > .min { font-size: 12px; font-size: 1.2rem; font-weight: normal; color: #CCC; }

#user .edit-btn { position: absolute; right: 0; top: -2px; display: inline-block; padding: 6px; border-radius: 4px; background: #E8F0F8; font-size: 11px; font-size: 1.1rem; line-height: 1.1; text-decoration: none; }

#user .edit-btn:hover { opacity: .8; }

#tab-menu2 { display: table; width: 100%; margin: 0 0 12px; }

#tab-menu2 > li { display: table-cell; width: 10%; }

#tab-menu2.tab3 > li { width: 33.33333%; }

#tab-menu2.tab4 > li { width: 25%; }

#tab-menu2 > li + li { padding-left: 2px; }

#tab-menu2 a { display: block; padding: 10px 12px; background: #EEE; color: #4A4A4A; font-size: 12px; font-size: 1.2rem; font-weight: bold; text-align: center; text-decoration: none; }

#tab-menu2 a:hover, #tab-menu2 a.selected { background: #E8F0F8; color: #1C6CC1; }

#tab-menu2 > li:first-child a { border-radius: 4px 0 0 4px; }

#tab-menu2 > li:last-child a { border-radius: 0 4px 4px 0; }

#tab-menu2.big { margin: 0 0 24px; }

#tab-menu2.big a { position: relative; padding: 12px; font-size: 14px; font-size: 1.4rem; }

#tab-menu2.big img { position: absolute; display: none; left: 50%; bottom: -6px; transform: rotate(180deg); }

#tab-menu2.big .selected img { display: inline-block; }

#tab-menu2 .disabled a, #tab-menu2 .disabled a:hover { background: #EEE; color: #CCC; cursor: default; }

.friend-list { margin: 0 0 24px; }

.friend-list li { float: left; display: table; width: 272px; border-bottom: solid 1px #DDD; }

.friend-list li.none { float: none; display: block; width: auto; padding: 12px 0; color: #CCC; }

.friend-list li:nth-child(1), .friend-list li:nth-child(2) { border-top: solid 1px #DDD; }

.friend-list li:nth-child(2n-1) { clear: both; }

.friend-list li:nth-child(2n) { margin-left: 24px; }

.friend-list li > div { display: table-cell; padding: 18px 0; vertical-align: middle; }

.friend-list .pict { width: 36px; padding-right: 6px; }

.friend-list img { width: 36px; height: 36px; border-radius: 18px; }

.friend-list .status { width: 1%; padding-left: 12px; white-space: nowrap; }

.friend-list .status a { display: inline-block; padding: 3px 10px; border: solid 1px #1C6CC1; border-radius: 4px; }

.friend-list .status.owner a { border-color: #4BA66F; background: #4BA66F; cursor: default; }

.friend-list .status.following a, .friend-list .status.mutual a { background: #1C6CC1; }

.friend-list .text a { color: #000; }

/* post */
#post { position: relative; width: 742px; margin: 0 auto; padding: 48px; border: solid 1px #DDD; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#post.inline { width: auto; padding: 0; border: none; box-shadow: none; }

#post.recruit .required { margin-left: 6px; }

#post > h1 { margin: 0 0 24px; font-size: 18px; font-size: 1.8rem; line-height: 1.1111; }

#post .pickup { position: absolute; right: 48px; top: 46px; padding: 10px 12px; border-radius: 4px; background: #F6F6F6; font-size: 12px; font-size: 1.2rem; }

#post .pickup input { margin: 0 6px 0 0; padding: 0; vertical-align: top; }

#post dl { margin: 0 0 48px; }

#post dt { margin: 0 0 6px; font-weight: bold; }

#post th span { font-size: 11px; font-size: 1.1rem; }

#post dd.w100 { padding-right: 20px; }

#post dd input[type=text] { width: 100%; padding: 10px; border: none; border-radius: 4px; background: #EEE; font-size: 14px; font-size: 1.4rem; line-height: 1; }

#post dd textarea { width: 100%; padding: 10px; border: none; border-radius: 4px; background: #EEE; font-size: 14px; font-size: 1.4rem; line-height: 1; }

#post dd + dt { margin-top: 24px; }

#post .selectize-input { min-height: 36px; border: none; border-radius: 4px; padding: 6px 0px 0px 6px; background: #EEE; box-shadow: none; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#post .selectize-input .item { position: relative; display: table; margin: 0 6px 6px 0; padding: 6px 0 !important; vertical-align: middle; border-radius: 4px; background: #1C6CC1; font-size: 12px; font-size: 1.2rem; color: #FFF; line-height: 1.5; }

#post .selectize-input .item:before { display: table-cell; content: 'a'; color: transparent; width: 10px; }

#post td .selectize-input .item:before { padding: 6px 0; }

#post .selectize-input .item:after { display: table-cell; content: ' '; width: 41px; height: 10px; }

#post .selectize-input .remove { display: table-cell; width: 30px; border-left: solid 1px rgba(255, 255, 255, 0.2); background: url(/labostatic/img/close-w.png) no-repeat center; background-size: 10px 10px; colro: transparent; font-size: 0; }

#post .selectize-input input[type=text] { margin: 0 6px 6px 0 !important; padding: 7px 0 !important; font-size: 14px !important; font-size: 1.4rem !important; line-height: 1.2 !important; }

#post .submit { display: table; margin: 0 auto; }

#post .submit > li { display: table-cell; }

#post .submit > li + li { padding-left: 12px; }

#post .submit .btn { padding: 15px 60px !important; font-size: 14px; font-size: 1.4rem; }

#post .submit .btn.back { position: absolute; left: 48px; bottom: 50px; padding: 10px 12px !important; font-size: 10px; font-size: 1rem; }

#post table { width: 100%; }

#post .mceToolbar { width: auto; }

#post th { width: 1%; white-space: nowrap; padding: 11px 12px 0 0; font-size: 14px; font-size: 1.4rem; vertical-align: top; text-align: left; }

#post th span { font-size: 11px; font-size: 1.1rem; }

#post tr + tr th, #post .more-detail th { padding-top: 35px; }

#post tr + tr td, #post .more-detail td { padding-top: 24px; }

#post .mceLayout tr + tr td { padding: 0; }

#post td input + span, #post td select + span { margin-right: 6px; }

#post td select, #post dd select, #post td textarea, #post td input[type=text], #post td input[type=date], #post td input[type=password], #post td input[type=time], #post td input[type=number], #post td input[type=url] { margin: 0 6px 0 0; padding: 8px 10px 9px; border: none; border-radius: 4px; background: #EEE; font-size: 14px; font-size: 1.4rem; line-height: 1.4; }

#post td .jq-datepicker { width: 160px; }

#post td input[type=time] { width: 64px; }

#post td select, #post dd select { max-width: 360px; height: 36px; padding-right: 30px; background: #EEE url(/labostatic/img/select.png) no-repeat right; background-size: 20px 14px; }

#post td select:last-child, #post td dl input:last-child { margin-right: 0; }

#post td select[disabled=True] { border: solid 1px #DDD; background-color: #FFF; opacity: .5; }

#post td input[type=checkbox] { position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; }

#post td label { line-height: 1.6; cursor: pointer; }

#post td .time { width: 57px; }

#post .more-detail { display: none; }

#post .w100 { padding-right: 20px; }

#post .w100 select, #post .w100 textarea, #post .w100 input { width: 100%; }

#post td > div + div { margin-top: 6px; }

#post td.selectize > div + div { margin-top: 4px; }

#post .event_level + .event_level { margin-top: 6px; }

#post .sub { font-size: 11px; font-size: 1.1rem; color: #888; line-height: 1.5; }

#post .text { font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#post .text.big { font-size: 14px; font-size: 1.4rem; }

#post .radio th { padding-top: 26px; }

#post .radio input[type=radio] { margin: -1px 4px 0 0; vertical-align: top; }

#post .radio label { font-size: 13px; font-size: 1.3rem; line-height: 1.5; vertical-align: top; }

#post .radio label + label { margin-left: 12px; }

#post .add-link { font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 1.3; }

#post .fixed { display: inline-block; padding: 11px 9px; border-radius: 4px; border: solid 1px #A4C4E6; background: #E8F0F8; font-size: 12px; font-size: 1.2rem; color: #666; }

#post td .reset { padding: 10px; background: #EEE; font-size: 12px; font-size: 1.2rem; text-align: right; }

#post td .reset a { color: #888; }

#post .agree { padding: 12px; border-radius: 4px; background: #E8F0F8; font-size: 12px; font-size: 1.2rem; font-weight: bold; text-align: center; }

#post .agree label { vertical-align: top; }

#post .agree input { margin: 0 6px 0 0; vertical-align: top; }

#post .agree a { margin-right: 6px; }

#post h4 span { font-size: 11px; font-size: 1.1rem; }

#post #pickup_image img { width: 50%; }

#detail-more-btn { margin: 0 0 48px; }

#detail-more-btn a { display: block; padding: 12px; border: solid 1px #DDD; border-radius: 4px; font-size: 12px; font-size: 1.2rem; text-align: center; }

#post .tables { display: table; }

#post .tables > li { display: table-row; }

#post .tables > li > * { display: table-cell; vertical-align: middle; }

#post .tables > li + li > * { padding-top: 6px; }

#post .tables > li > * + * { padding-left: 10px; }

#post .tables span { font-size: 11px; font-size: 1.1rem; color: #888; }

#post .delete_btn { position: absolute; right: 48px; top: 48px; display: inline-block; padding: 11px; border-radius: 4px; background: #EEE; font-size: 12px; font-size: 1.2rem; color: #666; line-height: 1.2; text-decoration: none; }

#post .alert { position: absolute; right: 48px; top: 48px; display: block; padding: 3px 0; color: #FE595F; font-weight: bold; }

#post .delete_btn:hover { background: #FFE6E7; color: #FE595F; }

#post table.confirm th, #post table.confirm td { border-top: solid 1px #DDD; vertical-align: top; }

#post table.confirm { border-bottom: solid 1px #DDD; }

#post table.confirm th { width: 1%; padding: 22px 12px 22px 0; font-size: 12px; font-size: 1.2rem; vertical-align: top; white-space: nowrap; }

#post table.confirm td { padding: 18px 0; line-height: 1.43; }

#post table.confirm input[type=checkbox] { position: relative; width: 18px; height: 18px; margin: 1px -18px 1px 0; top: 0; }

#post table.confirm label { padding-left: 24px; background: url(/labostatic/img/check2.png) no-repeat left; background-size: 18px 18px; line-height: 1.43; }

#post table.confirm label:hover, #post table.confirm input:hover + label { background-image: url(/labostatic/img/check2_hover.png); }

#post table.confirm input:checked + label, #post table.confirm input:checked:hover + label { background-image: url(/labostatic/img/checked2.png); }

#post .suggested_facilities { margin: 12px 0 0; border: solid 1px #FFDEDF; border-radius: 4px; padding: 12px; background: #FFF5F6; }

#post .suggested_facilities h2 { margin: 0 0 12px; color: #FE595F; line-height: 1.43; }

#post .suggested_facilities p { margin: 0 0 12px; font-size: 12px; font-size: 1.2rem; }

#post .suggested_facilities ul { border-radius: 4px; background: #FFF; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); }

#post .suggested_facilities li { display: table; width: 100%; }

#post .suggested_facilities li > div { display: table-cell; }

#post .suggested_facilities li + li { border-top: solid 1px #DDD; }

#post .suggested_facilities .name { padding: 12px 0 12px 12px; }

#post .suggested_facilities .name .sub { display: inline-block; font-size: 12px; font-size: 1.2rem; }

#post .suggested_facilities .btns { width: 1%; padding: 12px; white-space: nowrap; }

#post .suggested_facilities .btns a { display: inline-block; padding: 7px 8px; border-radius: 4px; background: #1C6CC1; font-size: 10px; font-size: 1rem; color: #FFF; text-decoration: none; line-height: 1; }

#post .suggested_facilities .btns a:hover { opacity: .8; }

#post .suggested_facilities .btns a.selected { background: #34945A; }

#post .suggested_facilities i.size8 { margin: 1px 4px 1px 0; }

#post .suggested_facilities i.tick { display: none; }

#post .suggested_facilities .btns a.selected i.plus { display: none; }

#post .suggested_facilities .btns a.selected i.tick { display: inline-block; }

#post_step { display: table; margin: 0 auto 24px; }

#post_step > li { display: table-cell; width: 134px; text-align: center; vertical-align: top; }

#post_step > li.dot { width: 26px; padding-top: 27px; }

#post_step .step { display: inline-block; width: 56px; margin: 0 0 12px; padding: 18px 0; border: solid 2px #DDD; border-radius: 30px; font-size: 20px; font-size: 2rem; color: #CCC; font-weight: bold; }

#post_step .now .step { border-color: #1C6CC1; color: #1C6CC1; }

#post_step .end .step { border-color: #4BA66F; }

#post_step p { color: #CCC; font-weight: bold; }

#post_step .now p { color: #1C6CC1; }

#post_step .end p { color: #4BA66F; }

#post .under_rule { margin: 0 0 48px; padding: 18px; border: solid 2px #D2E2F3; border-radius: 4px; text-align: center; line-height: 1.43; font-weight: bold; }

#post .input_back { position: absolute; left: 48px; bottom: 63px; }

/* comment */
.comments_wrapper { text-align: center; }

.comments_wrapper > * { text-align: left; }

.comments_wrapper h2 { margin: 0 !important; padding: 0 0 12px; border-bottom: solid 1px #DDD; font-size: 18px; font-size: 1.8rem; line-height: 1.1111; }

.comments_wrapper h2 > span { font-size: 14px; font-size: 1.4rem; font-weight: normal; color: #888; }

.comments_wrapper .loading_icon { margin: 10px auto; }

.comments_wrapper .load_more { display: block; padding: 12px; border-bottom: solid 1px #DDD; font-size: 12px; font-size: 1.2rem; text-align: center; color: #000; cursor: pointer; text-decoration: none; }

.comments_wrapper .load_more:hover { background: #F6F6F6; }

.list_comments > li { position: relative; padding: 18px 0; border-bottom: solid 1px #DDD; }

.list_comments > li:last-child { border-bottom: 0; }

.list_comments > li.none { text-align: center; color: #CCC; }

.list_comments > li.enlighted { background: #FFE6E7; }

.list_comments .user { display: table; width: 100%; margin: 0 0 12px; }

.list_comments .user > div { display: table-cell; vertical-align: middle; }

.list_comments .pict { width: 36px; padding-right: 6px; }

.list_comments .pict img { width: 36px; height: 36px; border-radius: 18px; }

.list_comments .name { font-weight: bold; }

.list_comments .date { margin-top: 3px; font-size: 11px; font-size: 1.1rem; color: #888; }

.list_comments .date span { color: #CCC; }

.list_comments p { margin: 0 !important; padding-right: 70px; line-height: 1.6; }

.reply_re_icon { display: inline-block; margin: 0; padding: 4px 6px; border-radius: 3px; background: #4BA66F; color: #FFF; font-size: 10px; font-size: 1rem; line-height: 1.2; text-decoration: none; outline: 0; vertical-align: top; }

.reply_re_icon:hover { text-decoration: none; background: #6FB88C; color: #FFF; }

.reply_user_profile_image { display: inline-block; vertical-align: top; outline: none; }

.reply_user_profile_image img { width: 20px; height: 20px; margin: 0 1px 0 3px; border-radius: 10px; }

.list_comments ol { margin: 12px 0 0; display: table; width: 100%; }

.list_comments .action { margin-top: 12px; font-size: 0; }

.list_comments .action a { display: inline-block; min-width: 36px; padding: 5px 6px 5px; border: solid 1px #DDD; border-radius: 4px; background: #FFF; font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #888; line-height: 1.2; text-align: center; text-decoration: none; }

.list_comments .action a:hover { background: #F6F6F6; }

.list_comments .action a + a { margin-left: 6px; }

.list_comments .action a.voted { border-color: #ECF6F0; background: #ECF6F0; color: #3E9D62; }

.list_comments .action span.dummy { display: inline-block; min-width: 36px; padding: 5px 6px 5px; border: solid 1px #ECF6F0; border-radius: 4px; background: #E8F0F8; font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #1C6CC1; line-height: 1.2; text-align: center; text-decoration: none; }

.list_comments .right { position: absolute; right: 0; bottom: 18px; font-size: 0; }

.list_comments .right a { display: inline-block; margin: 0; padding: 6px; background: #EEE; border-radius: 4px; font-weight: bold; color: #333; text-align: center; text-decoration: none; vertical-align: top; }

.list_comments .right a:hover { background: #FFE2E4; }

.list_comments .right a + a { margin-left: 6px; outline: none; }

.list_comments .right a.report_comment { padding: 7px; }

#topic .list_comments { margin: 0 0 24px; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; }

.ui-widget-overlay { position: fixed; left: 0; top: 0; }

.reply_comment_popup_dialog { position: absolute; padding: 12px; border: solid 1px #DDD; border-radius: 8px; background: #FFF; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }

.reply_comment_popup_dialog a { outline: none; }

.reply_comment_popup_dialog .user { display: table; width: 100%; margin: 0 0 12px; }

.reply_comment_popup_dialog .user > div { display: table-cell; vertical-align: middle; }

.reply_comment_popup_dialog .pict { width: 24px; padding-right: 6px; }

.reply_comment_popup_dialog .pict img { width: 24px; height: 24px; border-radius: 12px; }

.reply_comment_popup_dialog .name { font-size: 11px; font-size: 1.1rem; font-weight: bold; }

.reply_comment_popup_dialog .date { margin-top: 2px; font-size: 10px; font-size: 1rem; color: #888; }

.reply_comment_popup_dialog p { margin: 0 0 3px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

.reply_comment_popup_dialog .ui-dialog-buttonset { text-align: center; }

.reply_comment_popup_dialog .ui-dialog-buttonset button { padding: 8px 24px; border: none; border-radius: 4px; background: #EEE; font-size: 12px; font-size: 1.2rem; color: #000; line-height: 1; outline: none; cursor: pointer; }

.reply_comment_popup_dialog .ui-dialog-buttonset button:hover { padding: 7px 23px; border: solid 1px #DDD; background: #FFF; }

.comment_create .user { border-top: solid 1px #DDD; padding: 18px 0 12px; }

.comment_create .user img { width: 36px; height: 36px; border-radius: 18px; }

.comment_create .user .name { margin-left: 6px; line-height: 2.57; font-weight: bold; }

.comment_create .w100 { margin: 0 0 12px; padding-right: 20px; }

.comment_create textarea { width: 100%; padding: 6px 10px; border: none; border-radius: 4px; background: #EEE; font-size: 14px; font-size: 1.4rem; line-height: 1.5; }

.comment_create .btn { display: inline-block; margin-left: 12px; }

.comment_create .right { font-size: 12px; font-size: 1.2rem; text-align: right; color: #888; }

#topic .comment_create .user { border: none; padding-top: 0; }

/* schedule */
#schedule .title { display: table; width: 100%; margin: 0 0 12px; }

#schedule .title > li { display: table-cell; vertical-align: middle; }

#schedule .h1 { display: inline; margin: 0; }

#schedule .h1 h1 { display: inline; font-size: 20px; font-size: 2rem; }

#schedule li.btns { width: 1%; font-size: 0; white-space: nowrap; vertical-align: top; }

#schedule li.btns > * + * { margin-left: 6px; }

#schedule a.btns { display: inline-block; padding: 8px; border: solid 1px #DDD; border-radius: 4px; }

#schedule a.btns.links { padding: 10px 10px 9px; font-size: 12px; font-size: 1.2rem; color: #1C6CC1; line-height: 1.3; vertical-align: top; }

#schedule a.btns.links:hover { border-color: #E8F0F8; background: #E8F0F8; text-decoration: none; }

#schedule .detail { margin: 0 0 24px; border-top: solid 1px #DDD; line-height: 1.5; }

#schedule .detail tr > * { border-bottom: solid 1px #DDD; }

#schedule .detail th { width: 1%; padding: 12px 12px 12px 0; font-size: 12px; font-size: 1.2rem; color: #4A4A4A; text-align: left; white-space: nowrap; }

#schedule .detail td { padding: 12px 0; }

#schedule .detail td.date { font-size: 14px; font-size: 1.4rem; }

#schedule .detail td.date strong { font-size: 14px; font-size: 1.4rem; }

#schedule .detail td.date b { font-size: 16px; font-size: 1.6rem; font-weight: 600; }

#schedule .detail td.date span { margin: 0 9px 0 4px; color: #333; font-weight: normal; }

#schedule .detail td.date span > span { margin: 0; font-weight: bold; }

#schedule .detail td span.土 { color: #1C6CC1; }

#schedule .detail td span.日 { color: #FF7272; }

#schedule .detail .votes { color: #CCC; }

#schedule .detail .votes .o { color: #4BA66F; }

#schedule .detail .votes .t { color: #F6A623; }

#schedule .detail .votes .x { color: #888; }

#schedule .detail .votes .un { color: #FE595F; }

#schedule .jump-link { display: table; width: 100%; margin: 0 0 24px; }

#schedule .jump-link > li { display: table-cell; font-size: 12px; font-size: 1.2rem; text-align: right; vertical-align: middle; }

#schedule .jump-link li:first-child { width: 180px; padding-left: 194px; }

#schedule_voter h2 { margin: 0 0 12px; line-height: 1.43; }

#schedule_voter .list > li { position: relative; padding: 12px; background: #E4F2EA; }

#schedule_voter .list > li.t { background: #FEF2DE; }

#schedule_voter .list > li.x { background: #EEE; }

#schedule_voter .list > li.un { background: #FEEEEF; }

#schedule_voter .list > li + li { margin-top: 6px; }

#schedule_voter .list h3 { margin: 0 0 12px; color: #4BA66F; }

#schedule_voter .list .t h3 { color: #F6A623; }

#schedule_voter .list .x h3 { color: #888; }

#schedule_voter .list .un h3 { color: #FE595F; }

#schedule_voter .list .message { position: absolute; right: 12px; top: 12px; font-size: 12px; font-size: 1.2rem; color: #4BA66F; line-height: 1.3; }

#schedule_voter .list .t .message { color: #F6A623; }

#schedule_voter .list .x .message { color: #888; }

#schedule_voter .list .un .message { color: #FE595F; }

#schedule_voter .voters-table { width: 100%; }

#schedule_voter .voters-table td { padding: 10px 12px 10px 0; background: #FFF; line-height: 1.43; vertical-align: middle; }

#schedule_voter .o .voters-table tr + tr td { border-top: solid 1px #E4F2EA; }

#schedule_voter .t .voters-table tr + tr td { border-top: solid 1px #FEF2DE; }

#schedule_voter .x .voters-table tr + tr td { border-top: solid 1px #EEE; }

#schedule_voter .un .voters-table tr + tr td { border-top: solid 1px #FEEEEF; }

#schedule_voter .voters-table .pict { width: 24px; padding: 8px 6px 8px 12px; }

#schedule_voter .voters-table .pict img { border-radius: 12px; }

#schedule_voter .voters-table .name { width: 160px; font-weight: bold; }

#schedule_voter .voters-table .text { font-size: 1.2rem; }

#schedule_voter .voters-table .none { padding: 10px 12px; color: #CCC; }

#schedule_voter .voters-table span { font-size: 12px; font-size: 1.2rem; font-weight: normal; color: #888; }

#voteform { padding: 24px; border: solid 1px #DDD; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#schedule .jump-link2 { position: relative; margin-top: 24px; padding: 5px 0; text-align: center; }

#schedule .jump-link2 .report-btn { position: absolute; right: 0; top: 0; }

#list-pager { margin: 12px 0 0; text-align: center; }

#list-pager ul { font-size: 0; line-height: 1; }

#list-pager li { display: inline-block; }

#list-pager li + li { margin-left: 6px; }

#list-pager li > * { display: inline-block; padding: 6px 8px; border-radius: 12px; background: #4BA66F; font-size: 11px; font-size: 1.1rem; color: #FFF; text-decoration: none; }

#list-pager li > span { border: solid 2px #4BA66F; padding: 4px 6px; background: #FFF; font-weight: bold; color: #4BA66F; }

#list-pager .page { margin-top: 6px; font-size: 11px; font-size: 1.1rem; }

.t #list-pager li > a { background: #F6A623; }

.t #list-pager li > span { border-color: #F6A623; color: #F6A623; }

.x #list-pager li > a { background: #888; }

.x #list-pager li > span { border-color: #888; color: #888; }

.un #list-pager li > a { background: #FE595F; }

.un #list-pager li > span { border-color: #FE595F; color: #FE595F; }

/* poll */
#poll .h1 { display: inline; }

#poll .h1 h1 { display: inline; font-size: 20px; font-size: 2rem; line-height: 1.2; }

#poll #detail-sub { margin-top: 12px; }

#poll .jump-link { margin: 0 0 24px; }

#poll .jump-link a { width: 30%; padding: 8px 0 9px; font-size: 11px; font-size: 1.1rem; }

#poll p { margin: 0 0 18px; line-height: 1.4; }

#poll table { width: 100%; border: solid 6px #EEE; }

#poll table th, #poll table td { width: 7.5%; border-left: solid 1px #EEE; border-top: solid 1px #EEE; font-size: 18px; font-size: 1.8rem; text-align: center; vertical-align: middle; }

#poll table th:first-child, #poll table td.user { width: 25%; border-left: none; }

#poll table th { padding: 12px 0; font-size: 12px; font-size: 1.2rem; word-break: break-all; line-height: 1.2; }

#poll table .user { padding: 6px 12px; font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 2; text-align: left; }

#poll table .user img { width: 24px; height: 24px; margin-right: 4px; border-radius: 12px; }

#poll table .user span { font-size: 10px; font-size: 1rem; font-weight: normal; color: #888; }

#poll th.top, #poll td.top { background: #DBEDE2; color: #4BA66F; }

#poll td i { margin: 3px !important; mavertical-align: top; }

#poll table .total td { padding: 12px 0; font-size: 13px; font-size: 1.3rem; font-weight: bold; }

#poll table .total td i { margin: 0 4px 0 0 !important; }

#poll table .total_o td { border-top: solid 2px #CCC; }

#poll table .total_x td { font-weight: normal; color: #888; }

#poll table .total_x i { opacity: .6; }

#poller-form { position: relative; margin: 0 0 16px; border: solid 1px #DDD; padding: 24px; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#poller-form h2 { margin: 0 0 12px; padding: 0 0 12px; border-bottom: solid 1px #DDD; font-size: 14px; font-size: 1.4rem; line-height: 1.43; }

#poller-form .voteRemove { position: absolute; right: 24px; top: 28px; font-size: 12px; font-size: 1.2rem; border-radius: 4px; line-height: 1.2; font-weight: normal; color: #666; text-decoration: none; }

#poller-form dl { display: table; width: 100%; }

#poller-form dl > * { display: table-cell; vertical-align: top; }

#poller-form dt { position: relative; width: 35%; padding-right: 12px; }

#poller-form dd { padding-left: 12px; border-left: solid 1px #DDD; }

#poller-form h4 { margin: 0 0 12px; font-size: 12px; font-size: 1.2rem; }

#poller-form hr { margin: 12px 0 24px; }

#poller-form .user { display: table; font-size: 14px; font-size: 1.4rem; font-weight: bold; }

#poller-form .user > li { display: table-cell; vertical-align: middle; }

#poller-form .user img { border-radius: 18px; }

#poller-form .user .pict { padding-right: 6px; }

#poller-form .w100 { padding-right: 20px; }

#poller-form .w100 input { width: 100%; padding: 8px 10px 9px; border: none; border-radius: 4px; background: #EEE; font-size: 14px; font-size: 1.4rem; line-height: 1.4; }

#poller-form .changeGuest, #poller-form .change-user { position: absolute; right: 12px; font-size: 12px; font-size: 1.2rem; top: 0; color: #999; }

#poller-form table { width: 100%; border-top: solid 1px #DDD; }

#poller-form th { padding: 12px 0; text-align: left; vertical-align: middle; }

#poller-form td { position: relative; width: 44px; padding: 6px 0 6px 6px; vertical-align: middle; }

#poller-form table input { position: absolute; width: 36px; height: 36px; opacity: 0; cursor: pointer; }

#poller-form table label { display: block; width: 36px; height: 36px; border-radius: 18px; background: #EEE; }

#poller-form table input:checked + label { background: #4BA66F; }

#poller-form table label i { display: inline-block; width: 36px; height: 36px; background: no-repeat center; background-size: 20px 20px; }

#poller-form table i.o { background-image: url(/labostatic/img/o.png); }

#poller-form table i.t { background-image: url(/labostatic/img/t.png); }

#poller-form table i.x { background-image: url(/labostatic/img/x.png); }

#poller-form table input:checked + label i.o { background-image: url(/labostatic/img/o_w.png); }

#poller-form table input:checked + label i.t { background-image: url(/labostatic/img/t_w.png); }

#poller-form table input:checked + label i.x { background-image: url(/labostatic/img/x_w.png); }

#poller-form input.btn { width: 50%; }

#poller-form select { width: 100%; margin: 0 0 6px; padding: 8px 10px; border: solid 1px #DDD; border-radius: 4px; background: url(/labostatic/img/select.png) no-repeat right; background-size: 20px 14px; font-size: 1.4rem; font-weight: bold; color: #4BA66F; line-height: 1.43; }

#poller-form select.t { color: #F6A623; }

#poller-form select.x { color: #888; }

#poller-form dd textarea { width: 304px; padding: 8px 10px; border: none; border-radius: 4px; background: #EEE; font-size: 1.4rem; line-height: 1.43; }

.jump-link .btn.green { border: solid 1px #4BA66F; background: #FFF; color: #4BA66F !important; text-shadow: none; }

#poll-report { position: relative; margin: 12px 0 12px; text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 1.71; }

#poll-report a.report_poll { position: absolute; right: 0; top: 0; display: inline-block; padding: 6px; border-radius: 4px; background: #EEE; color: #888; font-size: 11px; font-size: 1.1rem; line-height: 1.1; text-decoration: none; }

#poll-report a.report_poll:hover { background: #FFDEDF; color: #FE595F; }

/* team */
.club-list { border-top: solid 1px #DDD; }

.club-list li { display: table; width: 100%; border-bottom: solid 1px #DDD; }

.club-list li > div { display: table-cell; padding: 18px 0; vertical-align: middle; }

.club-list .count { width: 1%; }

.club-list .count span { display: block; padding: 6px 8px; border-radius: 4px; background: #F3F7FC; color: #1C6CC1; font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 1.3; white-space: nowrap; }

.club-list h3 a { color: #000; }

.club-list .eng { margin-top: 4px; font-size: 11px; font-size: 1.1rem; color: #888; }

.club-list .none { float: none; display: block; width: auto; padding: 12px 0; color: #CCC; }

#side .club-list li { float: none; width: 100%; }

#side .club-list li:nth-child(2n) { margin-left: 0; }

#side .club-list li:nth-child(2) { border-top: none; }

#club h1 { margin: 0 auto 12px; font-size: 18px; font-size: 1.8rem; line-height: 1.15; }

#club-header { display: table; width: 100%; margin: 0 0 12px; }

#club-header > li { display: table-cell; vertical-align: middle; }

#club-header > li + li { padding-left: 12px; }

#club-header > li.pict { width: 48px; }

#club-header > li.pict img { width: 48px; height: 48px; }

#club-header .title { display: inline-block; color: #000; }

#club-header .title h2 { font-size: 18px; font-size: 1.8rem; }

#club-header .address { margin-top: 6px; font-size: 11px; font-size: 1.1rem; color: #888; }

#club-header .btns { width: 1%; padding-left: 12px; font-size: 0; white-space: nowrap; }

#club-header .btns a { display: inline-block; padding: 8px; border: solid 1px #DDD; border-radius: 4px; font-size: 11px; font-size: 1.1rem; font-weight: bold; color: #1C6CC1; line-height: 1.3; }

#club-header .btns a + a { margin-left: 6px; }

#club-header .btns a .followed, #club-header .btns a.selected .follow { display: none; }

#club-header .btns a.selected .followed { display: inline-block; }

#club-header .btns a.count { text-decoration: none; }

/* mypage */
#h1, #mypage h1 { margin: 0 auto 12px; font-size: 18px; font-size: 1.8rem; line-height: 1.15; }

#h1, #mypage h1, #recruit > .title > h2 { margin: 0 auto 12px; font-size: 18px; font-size: 1.8rem; line-height: 1.15; }

#mypage h1 > .min { font-size: 12px; font-size: 1.2rem; font-weight: normal; color: #CCC; }

#mypage > .title, #recruit > .title { display: table; width: 100%; margin: 0 auto 12px; }

#mypage > .title > *, #recruit > .title > * { display: table-cell; }

#mypage > .title > .btns, #recruit > .title > .btns { width: 1%; font-size: 0; white-space: nowrap; }

#mypage > .title > .btns a, #recruit > .title > .btns a { display: inline-block; font-size: 12px; font-size: 1.2rem; color: #000; line-height: 1.3; }

#recruit-notify { margin: 0 0 24px; border: solid 6px #EEE; }

#recruit-notify li + li { border-top: solid 1px #EEE; }

#recruit-notify a { display: block; padding: 10px 29px 10px 10px; background: url(/labostatic/img/arrow-text-link.png) no-repeat right; background-size: 19px 12px; font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 1.43; color: #555; }

#jump-recruit a { display: block; padding: 12px; border-radius: 4px; background: #E8F0F8 url(/labostatic/img/arrow-text-link2.png) no-repeat right; background-size: 18px 10px; font-weight: bold; color: #1C6CC1; line-height: 1.43; text-decoration: none; }

#save-recruit { padding: 12px; border-radius: 4px; background: #E8F0F8; }

#save-recruit h4 { color: #1C6CC1; }

#save-recruit .text { margin: 0 0 12px; padding: 9px 12px; border-radius: 4px; background: #FFF; }

#save-recruit table { width: 100%; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#save-recruit th { width: 1%; white-space: nowrap; font-weight: normal; text-align: left; }

#save-recruit td:nth-child(2) { width: 1%; }

/* forum */
.forum-list { border-top: solid 1px #DDD; }

.forum-list > li { display: table; width: 100%; border-bottom: solid 1px #DDD; }

.forum-list > li > div { position: relative; display: table-cell; padding: 18px 0; vertical-align: top; }

.forum-list .status { width: 1%; white-space: nowrap; text-align: right; }

.forum-list .count { position: absolute; right: 0; bottom: 18px; display: inline-block; border: solid 1px #D2E2F3; border-radius: 4px; padding: 6px 10px; background: #FFF; font-size: 11px; font-size: 1.1rem; font-weight: bold; color: #1C6CC1; text-decoration: none; line-height: 1.272727; }

.forum-list .date { font-size: 12px; font-size: 1.2rem; margin: 4px 0 30px; }

.forum-list h3 { font-size: 16px; font-size: 1.6rem; -line-height: 1.4; }

.forum-list h3 a { color: #000; }

.forum-list p { margin: 6px 0 0; font-size: 12px; font-size: 1.2rem; color: #888; line-height: 1.5; }

.forum-list .tags { margin-top: 6px; }

.forum-list li.none { padding: 18px 0; color: #CCC; }

#side .forum-list .status { min-width: 50px; }

#side .forum-list > li > div { padding: 12px 0; }

#side .forum-list .count { bottom: 12px; padding: 4px 6px; background: #FFF; font-size: 10px; font-size: 1rem; font-weight: bold; color: #1C6CC1; text-decoration: none; line-height: 1.2; }

#side .forum-list .date { font-size: 10px; font-size: 1rem; }

#side .forum-list h3 { font-size: 14px; font-size: 1.4rem; line-height: 1.4; }

#side .forum-list li.none { padding: 12px 0; color: #CCC; }

#topic .title { display: table; width: 100%; }

#topic .title > * { display: table-cell; vertical-align: top; }

#topic .title a { color: #000; }

#topic h1 { display: inline-block; font-size: 20px; font-size: 2rem; line-height: 1.4; }

.h2 { margin: 0 auto 12px; font-size: 18px; font-size: 1.8rem; line-height: 1.15; }

#topic .title .btns { width: 1%; padding-left: 12px; white-space: nowrap; font-size: 0; }

#topic .title .count { display: inline-block; border: solid 1px #D2E2F3; border-radius: 4px; padding: 6px 10px; background: #FFF; font-size: 11px; font-size: 1.1rem; font-weight: bold; color: #1C6CCC; text-decoration: none; line-height: 1.272727; white-space: nowrap; }

#topic .title .btns a { display: inline-block; border: solid 1px #D2E2F3; border-radius: 4px; padding: 7px 10px; background: #FFF; font-size: 10px; font-size: 1rem; text-decoration: none; line-height: 1.2; white-space: nowrap; vertical-align: top; }

#topic .title .btns a.count { padding: 6px 10px; }

#topic .title .btns .report a { border: none; padding: 8px 10px; background: #EEE; }

#topic .title .btns .report a:hover { background: #FFE2E4; color: #FE595F; }

#topic .title .btns > * + * { margin-left: 6px; }

#topic .status { margin: 6px 0 0; font-size: 12px; font-size: 1.2rem; color: #888; line-height: 2; }

#topic .status + .ad-header { margin-top: 24px; }

#topic .status span { color: #CCC; }

#topic .status img { width: 24px; height: 24px; border-radius: 12px; margin-right: 6px; }

#topic .pager { position: relative; margin: 0 0 24px; }

#topic .pager .page { position: absolute; left: 0; top: 6px; margin: 0; font-size: 12px; font-size: 1.2rem; color: #888; }

#topic .pager ul { display: table; margin: 0 auto; }

#topic .pager ul > li { display: table-cell; padding: 0; }

#topic .pager ul > li.center { font-size: 10px; font-size: 1rem; line-height: 2.4; }

#topic .pager ul > li + li { padding-left: 6px; }

#topic .pager span { min-width: 12px; padding: 0 4px; border-radius: 12px; font-size: 12px; font-size: 1.2rem; line-height: 1.7; }

#topic .pager a { min-width: 12px; padding: 0 6px; border-radius: 12px; font-size: 12px; font-size: 1.2rem; line-height: 2; }

#topic .pager span { padding: 0px 4px !important; }

#topic .pager.pager-bottom { padding-top: 24px; border-top: solid 1px #DDD; }

#topic .pager.pager-bottom .page { top: 30px; }

.topic-description { margin-top: 12px; line-height: 1.5; }

.topic-description .text { margin: 0 0 24px; overflow-y: hidden; }

.topic-description .more { margin: -24px 0 12px; text-align: center; }

.forum-photos { height: 120px; }

.forum-photos img { width: 120px; }

.h3 { margin: 0 auto 12px; font-size: 16px; font-size: 1.6rem; line-height: 1.25; }

.author-detail { display: table; width: 100%; }

.author-detail > li { display: table-cell; vertical-align: middle; }

.author-detail > li.pict { width: 72px; padding-right: 12px; }

.author-detail img { width: 72px; height: 72px; border-radius: 36px; }

.author-detail h4 a { color: #000; }

.author-detail p { margin-top: 4px; font-size: 11px; font-size: 1.1rem; line-height: 1.5; color: #888; }

#column-show .title { display: table; width: 100%; }

#column-show .title > div { display: table-cell; vertical-align: middle; }

#column-show .title .pict { width: 72px; padding-right: 12px; }

#column-show .title .h1 { color: #000; }

#column-show .title h1 { display: inline; font-size: 20px; font-size: 2rem; line-height: 1.4; }

#column-show .title .author { margin-top: 2px; font-size: 12px; font-size: 1.2rem; color: #888; }

#column-show .title span { color: #CCC; }

#column-show .description { margin: 21px 0 0; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#column-show .column_body { margin: 0 0 24px; }

#column-show .views { margin: 0 0 24px; font-size: 20px; font-size: 2rem; font-weight: 600; line-height: 1.6; color: #DDD; text-align: right; }

#column-show .views span { margin-left: 6px; font-size: 14px; font-size: 1.4rem; }

.column_body { line-height: 1.8; }

/* report */
.ui-widget.ui-widget-content { width: 300px !important; z-index: 99; padding: 12px; border-radius: 8px; background: #FFF; box-shadow: 0 0 12px rgba(0, 0, 0, 0.25); }

.ui-dialog-titlebar { position: relative; margin: -12px -12px 12px; padding: 6px; border-radius: 8px 8px 0 0; border-bottom: solid 1px #DDD; background: #EEE; text-align: right; cursor: move; }

.ui-dialog-titlebar:before { position: absolute; left: 12px; top: 6px; font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #555; line-height: 2.3333; }

.ui-dialog-titlebar .ui-dialog-title { display: none; }

.ui-dialog-titlebar-close { width: 28px; height: 28px; border: none; border-radius: 36px; background: #CCC url(/labostatic/img/close-w.png) no-repeat center; background-size: 10px 10px; font-size: 0; cursor: pointer; outline: none; }

.ui-dialog-titlebar-close:hover { background-color: #999; }

.ui-widget.ui-widget-content textarea { width: 276px; margin: 0 0 12px; border-radius: 4px; border: none; padding: 9px 12px; background: #EEE; font-size: 12px; font-size: 1.2rem; line-height: 1.5; outline: none; }

.ui-widget.ui-widget-content textarea + p { margin: 0 0 12px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

.ui-dialog-buttonset .ui-button { display: block; width: 100%; margin: 0 auto; padding: 10px 0; border-radius: 4px; border: none; background: #4BA66F; font-size: 12px; font-size: 1.2rem; line-height: 1; color: #FFF; outline: none; cursor: pointer; }

.ui-dialog-buttonset .ui-button:hover { opacity: .8; }

.ui-widget.ui-widget-content .textarea + p { margin: 0 0 12px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

.ui-widget .ui-widget-content { display: block; height: auto !important; min-height: auto !important; max-height: none !important; }

.ui-widget .ui-widget-content.ui-slider { width: auto !important; margin: 2px 0 12px; padding: 3px 0; box-shadow: none; }

/* message */
#message-left-side { float: left; width: 300px; }

.room_list_wrapper { border: solid 1px #DDD; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#message-contents { float: right; width: 764px; }

#message { width: 714px; padding: 24px; border: solid 1px #DDD; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

.room_list { position: relative; }

.room_list > li { position: relative; border-bottom: solid 1px #DDD; transition: background-color .3s ease; }

.room_list > li:last-child { border: none; }

.room_list > li.none { padding: 18px; color: #CCC; font-size: 12px; font-size: 1.2rem; text-align: center; }

.room_list > li.none .unread { display: none; }

.room_list.unread > li.none .unread { display: inline; }

.room_list > li > a { display: table; width: 100%; text-decoration: none; transition: background-color 0.3s ease; }

.room_list > li.selected > a { background: #F3F7FC; }

.room_list > li.has_update > a { background: #FEFAD2; }

.room_list > li > a.pin-btn { position: absolute; right: 12px; top: 50%; display: block; width: auto; margin-top: -15px; padding: 4px; border-radius: 4px; background: #FFF; }

.room_list > li.selected > a.pin-btn { background: #F3F7FC; }

.room_list > li.has_update > a.pin-btn { background: #FEFAD2; }

.room_list > li > a > div { display: table-cell; padding: 12px; vertical-align: middle; }

.room_list .pict { position: relative; width: 30px; padding-right: 0; }

.room_list .pict img { width: 30px; height: 30px; border-radius: 15px; }

.room_list .pict .new_count { position: absolute; right: -4px; top: 6px; display: none; min-width: 10px; padding: 3px; border-radius: 8px; background: #FE595F; font-size: 1rem; color: #FFF; text-align: center; white-space: nowrap; line-height: 1; }

.room_list .message_team .pict img { border-radius: 0; }

.room_list .text:last-child { padding: 12px 31px 12px 8px; background: url(/labostatic/img/arrow-text-link.png) no-repeat right; background-size: 19px 12px; }

.room_list > li.selected .text:last-child { background-image: url(/labostatic/img/arrow-text-link2.png); }

.room_list h3 { font-size: 13px; font-size: 1.3rem; color: #000; line-height: 1.3; }

.room_list h3 .date { margin-left: 6px; font-size: 10px; font-size: 1rem; color: #888; }

.room_list p { font-size: 11px; font-size: 1.1rem; color: #888; line-height: 1.3; }

.room_list .status { width: 64px; }

.room_list .status span { display: block; padding: 8px; border-radius: 4px; font-size: 12px; font-size: 1.2rem; line-height: 1; text-align: center; }

.room_list .status span.new { background: #FFE6E7; color: #FE595F; }

.room_list .status span.pending { background: #FEF2DE; color: #F6A623; }

.room_list .status span.solved { background: #ECF6F0; color: #4BA66F; }

.room_list_wrapper .loading3 { padding: 12px; }

.room_list_wrapper .loading3 img { width: 36px; height: 36px; }

.chat_wrapper h1 { margin: 0 auto 12px; padding: 5px 0; font-size: 16px; font-size: 1.6rem; line-height: 1.25; }

.top-list { position: relative; }

.chat_wrapper .pull { position: absolute; z-index: 10; right: 0; top: 0; }

.chat_wrapper .pull a { display: block; padding: 8px; border: solid 1px #DDD; border-radius: 4px; background: #FFF; font-size: 10px; font-size: 1rem; color: #FFF; line-height: 1.2; text-decoration: none; }

.chat_wrapper .pull:hover > a { padding-bottom: 14px; border-radius: 4px 4px 0 0; background: #666; border-color: #666; }

.chat_wrapper .pull ul { display: none; position: absolute; right: 0; top: 36px; white-space: nowrap; }

.chat_wrapper .pull:hover ul { display: block; }

.chat_wrapper .pull ul a { display: block; border-radius: 0; background: #666; border-color: #666; }

.chat_wrapper .pull ul a:hover { text-decoration: none; background: #888; border-color: #888; }

.chat_wrapper .pull ul li:first-child a { border-radius: 4px 0 0 0; }

.chat_wrapper .pull ul li + li { border-top: solid 1px #FFF; }

.chat_wrapper .pull ul li:last-child a { border-radius: 0 0 4px 4px; }

.load_more a { display: none; margin: 0 0 12px; padding: 10px; border: solid 1px #EEE; border-radius: 4px; background: #FFF; text-align: center; font-size: 11px; font-size: 1.1rem; color: #333; }

.load_more a:hover { color: #333; background: #F6F6F6; text-decoration: none; }

.list_posts { overflow-y: auto; max-height: 540px; margin: 0 0 12px; padding: 10px 0 10px 12px; border-radius: 4px; border-top: solid 2px #F6F6F6; border-bottom: solid 2px #F6F6F6; background: #F6F6F6; }

.list_posts > li { position: relative; width: 446px; margin: 0 0 12px; padding: 0 0 0 46px; }

.list_posts > li:last-child { margin: 0; }

.list_posts > li.owner { margin-left: auto; padding: 0 10px 0 0; }

.list_posts > li.no-message { width: auto; margin: 0; padding: 0; text-align: center; color: #CCC; }

.list_posts .body { position: relative; padding: 8px 12px; border-radius: 4px; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); transition: background-color .3s ease; }

.list_posts .new_post .body { background: #FEFAD2; }

.list_posts .owner .body { background: #1C6CC1; color: #FFF; }

.list_posts .owner a { color: #FFF; }

.list_posts .body .arrow { position: absolute; left: -10px; top: 19px; width: 10px; height: 15px; }

.list_posts .owner .body .arrow { left: auto; top: 10px; right: -10px; }

.list_posts .pict { position: absolute; left: 0; top: 0; }

.list_posts .pict img { width: 36px; height: 36px; border-radius: 18px; }

.list_posts .user { margin: 0 0 12px; padding-right: 26px; font-size: 12px; font-size: 1.2rem; }

.list_posts .user .date { margin-left: 6px; font-size: 10px; font-size: 1rem; color: #888; }

.list_posts .text { margin: 6px 0; font-size: 14px; font-size: 1.4rem; line-height: 1.6 !important; }

.list_posts .owner .user .date { color: rgba(255, 255, 255, 0.7); }

.list_posts .btns { display: table; width: 100%; }

.list_posts .btns > li { display: table-cell; font-size: 12px; font-size: 1.2rem; }

.list_posts .btns > li.left a { display: inline-block; min-width: 36px; padding: 5px 6px 4px; border: solid 1px #DDD; border-radius: 4px; background: #FFF; font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #333; line-height: 1.3; text-align: center; text-decoration: none; }

.list_posts .btns > li.left a:hover { background: #F6F6F6; }

.list_posts .btns > li.left a + a { margin-left: 6px; }

.list_posts .btns > li.right { text-align: right; }

.list_posts .btns > li.right a { display: inline-block; margin: 0; padding: 7px; background: #EEE; border-radius: 4px; color: #666; text-align: center; text-decoration: none; vertical-align: top; }

.list_posts .btns > li.right a:hover { background: #FFE2E4; color: #FE595F; }

.list_posts .owner .btns > li.right a { background: rgba(255, 255, 255, 0.3); }

.chat_wrapper textarea { width: 694px; margin: 0 0 12px; }

.chat_wrapper .submit { font-size: 12px; font-size: 1.2rem; color: #888; text-align: right; }

.list_posts .links { margin: 12px 0 0; padding: 8px; border-radius: 4px; background: #F3F7FC; font-size: 11px; font-size: 1.1rem; }

.list_posts .owner .links { background: rgba(255, 255, 255, 0.2); }

.list_posts .owner .links a { text-decoration: underline; }

#recruit_message .chat_wrapper textarea { width: 548px; }

#recruit_message .admin-btns { display: table; width: 100%; margin: 12px 0; }

#recruit_message .admin-btns > li { border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; display: table-cell; width: 50%; padding: 12px 6px 12px 0; }

#recruit_message .admin-btns > li + li { padding: 12px 0 12px 6px; }

#recruit_message .admin-btns .btn { width: 100%; padding: 12px 0; }

#recruit_message .list_posts > li { width: 326px; }

#recruit_message .list_posts > li.no-message { width: auto; margin: 0 12px 0 6px; padding: 0; text-align: center; font-size: 14px; font-size: 1.4rem; color: #CCC; }

#recruit_message.admin .list_posts > li.message_announcement { margin-left: auto; padding: 0 10px 0 0; }

#recruit_message .list_posts > li.message_announcement.apply { margin-left: auto; padding: 0 10px 0 0; }

#recruit_message.admin .list_posts > li.message_announcement.apply { margin-left: 0; padding: 0 0 0 46px; }

.list_posts .message_announcement .body { padding: 10px; background: #4BA66F; }

.list_posts .message_announcement.reject .body { background: #999; }

.list_posts .message_announcement .body p { margin: 0 !important; font-size: 11px; font-size: 1.1rem; line-height: 1; text-align: center; color: #FFF; }

.list_posts .message_announcement .body span { margin-left: 6px; font-size: 10px; font-size: 1rem; opacity: .7; }

.list_posts .message_announcement.apply .body { background: #F6A623; }

.list_posts .message_announcement.accept { margin-left: 0; padding: 0 0 0 46px; }

.list_posts .message_announcement.accept.owner { margin-left: auto; padding: 0 10px 0 0; }

.list_posts .message_announcement.apply { margin-left: auto; padding: 0 10px 0 0; }

.list_posts .message_announcement.apply.owner { margin-left: 0; padding: 0 0 0 46px; }

#recruit_message .team-list { padding: 12px 0; border-top: solid 1px #DDD; font-size: 12px; font-size: 1.2rem; line-height: 1.25; }

.room-search { position: relative; padding: 12px; border-bottom: solid 1px #DDD; }

.room-search input[type=text] { width: 217px; padding: 9px 10px; border: none; border-radius: 4px 0 0 4px; background: #EEE; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

.room-search input[type=submit] { width: 36px; height: 36px; border: none; border-left: solid 1px #DDD; border-radius: 0 4px 4px 0; font-size: 0; background: #EEE url(/labostatic/img/search2.png) no-repeat center; background-size: 16px 16px; outline: none; cursor: pointer; }

.room-search input[type=submit]:hover { background-color: #DDD; }

.room-search #text_clear { position: absolute; right: 56px; top: 20px; padding: 6px; border-radius: 12px; background: #FFF; font-size: 0; }

.room-search #text_clear img { width: 8px; height: 8px; }

/* feed */
#mypage { position: relative; }

#feed_filter { padding: 5px 30px 5px 10px; border: solid 1px #DDD; border-radius: 4px; background: url(/labostatic/img/select.png) no-repeat right; background-size: 20px 14px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#r_sort { position: absolute; right: 0; top: -5px; display: table; }

#r_sort > li { display: table-cell; vertical-align: middle; }

#r_sort > li:last-child { padding-left: 12px; }

#r_sort > li.text { font-size: 12px; font-size: 1.2rem; line-height: 1.2; }

#r_sort > li.text span { margin: 0 3px; color: #CCC; }

#r_sort > li.text a { color: #666; }

#r_sort > li.text a.selected { color: #1C6CC1; font-weight: bold; }

#r_sort > li.text a:hover { color: #1C6CC1; }

#feeds { margin: 0 0 24px; }

#feeds > li { position: relative; padding: 24px; border: solid 1px #DDD; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }

#feeds > li.empty { padding: 48px 24px; }

#feeds > li.none { color: #CCC; }

#feeds > li + li { margin-top: 12px; }

#feeds .title { position: relative; display: block; margin: 0 0 12px; padding: 0 42px 0 0; font-size: 18px; font-size: 1.8rem; line-height: 1.2; }

#feeds .title a { color: #000; }

#feeds .edit-btns { position: absolute; right: 24px; top: 24px; }

#feeds .edit-btns .popup-min-block > a, #feeds .edit-btns > a { display: inline-block; padding: 6px; border-radius: 4px; background: #EEE; }

#feeds .author { margin: 0 0 24px 8px; font-size: 0; }

#feeds .author img { width: 16px; height: 16px; margin-right: 4px; border-radius: 8px; }

#feeds .author.team img { border-radius: 0; }

#feeds .author span, #feeds .author a { font-size: 12px; font-size: 1.2rem; line-height: 1.333333; }

#feeds .author .line { color: #CCC; }

#feeds .description { font-size: 14px; font-size: 1.4rem; line-height: 1.4; }

#feeds .description.min { font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#feeds .description img { margin: 0 0 12px; max-width: 240px !important; }

#feeds .description .mce_youtube { text-align: center; }

#feeds .description .mce_sns_embedded { display: block; margin: 0 auto; }

#feeds .tag-title { margin: 12px 0 6px; font-size: 12px; font-size: 1.2rem; line-height: 1.2; color: #4A4A4A; }

#feeds > li > .action { margin-top: 12px; padding: 12px 0 0; border-top: solid 1px #DDD; font-size: 0; }

#feeds > li > .action > li { display: inline-block; font-size: 11px; font-size: 1.1rem; }

#feeds > li > .action > li + li { margin-left: 12px; padding-left: 12px; border-left: solid 1px #DDD; line-height: 1.2; }

#feeds > li > .action a { color: #000; }

#feeds > li > .action a .text { margin-right: 2px; }

#feeds > li > .action a i.comment3 { margin-left: 4px; }

#feeds > li > .action .count, #feeds .action .total { font-weight: bold; }

#feeds .poll-table { width: 100%; margin: 12px 0; border: solid 6px #EEE; }

#feeds .poll-table th, #feeds .poll-table td { width: 12%; border-left: solid 1px #EEE; border-top: solid 1px #EEE; font-size: 18px; font-size: 1.8rem; text-align: center; vertical-align: middle; }

#feeds .poll-table th:first-child, #feeds .poll-table td:first-child { width: 1%; border-left: none; white-space: nowrap; }

#feeds .poll-table th { padding: 12px 3px; font-size: 12px; font-size: 1.2rem; }

#feeds .poll-table th.top, #feeds .poll-table td.top { background: #DBEDE2; color: #4BA66F; }

#feeds .poll-table .total td { padding: 12px; font-size: 14px; font-size: 1.4rem; font-weight: bold; }

#feeds .poll-table .total td i { margin: 0 4px 0 0 !important; }

#feeds .poll-table .total_o td { border-top: solid 2px #CCC; }

#feeds .poll-table .total_x td { font-weight: normal; color: #888; }

#feeds .poll-table .total_x i { opacity: .6; }

#feeds .btn { width: 25%; }

#feeds .comment_body { display: none; }

#feeds .comments_wrapper { padding-top: 12px; }

#feeds .comments_wrapper > h2 { display: none; }

#feeds .comments_wrapper .load_more { margin: 0 0 6px; border: none; border-radius: 4px; background: #F6F6F6; font-size: 10px; font-size: 1rem; }

#feeds .comments_wrapper .load_more:hover { background: #EEE; }

#feeds .list_comments > li { padding: 12px; border: none; border-radius: 4px; background: #F6F6F6; }

#feeds .list_comments > li + li { margin-top: 6px; }

#feeds .list_comments .pict img { width: 30px !important; height: 30px !important; border-radius: 15px; }

#feeds .list_comments p { font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#feeds .list_comments .right { right: 12px; }

#feeds .comment_create { margin-top: 6px; padding: 12px; border: none; border-radius: 4px; background: #F6F6F6; }

#feeds .comment_create .user { border: none; padding: 0; }

#feeds .comment_create .user img { width: 30px !important; height: 30px !important; border-radius: 15px; }

#feeds .comment_create .w100 { padding-right: 22px; }

#feeds .comment_create textarea { border: solid 1px #DDD; background: #FFF; }

#feeds .forum-post { margin-top: 12px; }

#feeds .more-comments a { display: block; padding: 12px; border-radius: 4px; background: #F6F6F6; font-size: 12px; font-size: 1.2rem; color: #000; text-align: center; }

#feeds .more-comments { margin: 0 0 6px; }

#feeds .description_form .w100 { padding-right: 20px; }

#feeds .description_form textarea { width: 100%; padding: 6px 10px; border: none; border-radius: 4px; background: #EEE; font-size: 14px; font-size: 1.4rem; line-height: 1.8; vertical-align: top; }

#feeds .description_form .submit { margin-top: 12px; font-size: 0; text-align: center; }

#feeds .description_form .submit > * { display: inline-block; }

#feeds .description_form .submit > * + * { margin-left: 12px; }

#feeds .description_form .tag_area { padding: 12px 0 0; }

#feeds .description_form .tag_area .selectize-input { margin: 0; border: none; background: #EEE; box-shadow: none; }

#feeds .description_form .selectize-input { min-height: 36px; border: none; border-radius: 4px; padding: 6px 0px 0px 6px; background: #EEE; box-shadow: none; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#feeds .description_form .selectize-input .item { position: relative; display: table; margin: 0 6px 6px 0; padding: 0 !important; vertical-align: middle; border-radius: 4px; background: #1C6CC1; font-size: 12px; font-size: 1.2rem; color: #FFF; line-height: 1.5; }

#feeds .description_form .selectize-input .item:before { display: table-cell; content: 'a'; color: transparent; width: 10px; }

#feeds .description_form .selectize-input .item:before { padding: 6px 0; }

#feeds .description_form .selectize-input .item:after { display: table-cell; content: ' '; width: 41px; height: 10px; }

#feeds .description_form .selectize-input .remove { display: table-cell; width: 30px; border-left: solid 1px rgba(255, 255, 255, 0.2); background: url(/labostatic/img/close-w.png) no-repeat center; background-size: 10px 10px; colro: transparent; font-size: 0; }

#feeds .description_form .selectize-input input[type=text] { margin: 0 6px 6px 0 !important; padding: 7px 0 !important; font-size: 14px !important; font-size: 1.4rem !important; line-height: 1.2 !important; }

#feeds .detail { border-top: solid 1px #DDD; line-height: 1.5; }

#feeds .detail tr > * { border-bottom: solid 1px #DDD; }

#feeds .detail th { width: 1%; padding: 9px 12px 9px 0; font-size: 11px; font-size: 1.1rem; color: #4A4A4A; text-align: left; white-space: nowrap; }

#feeds .detail td { padding: 9px 0; font-size: 12px; font-size: 1.2rem; }

#feeds .detail td.date strong { font-size: 12px; font-size: 1.2rem; }

#feeds .detail td.date b { font-size: 14px; font-size: 1.4rem; font-weight: 600; }

#feeds .detail td.date span { margin: 0 9px 0 4px; color: #333; font-weight: normal; }

#feeds .detail td.date span > span { margin: 0; font-weight: bold; }

#feeds .detail td span.土 { color: #1C6CC1; }

#feeds .detail td span.日 { color: #FF7272; }

#feeds .detail td .more-text2 { margin: 0; }

#feeds .detail .votes { color: #CCC; }

#feeds .detail .votes .o { color: #4BA66F; }

#feeds .detail .votes .t { color: #F6A623; }

#feeds .detail .votes .x { color: #888; }

#feeds .detail .votes .un { color: #FE595F; }

#feeds .detail .team { line-height: 1.66666; }

#feeds .detail .team img { width: 20px; height: 20px; margin-right: 6px; }

#feeds .detail strong { font-size: 18px; font-size: 1.8rem; line-height: 1.1; }

#feeds .detail .count { font-size: 11px; font-size: 1.1rem; }

#feeds .detail .count .sum { margin-left: 2px; font-size: 14px; font-size: 1.4rem; }

#feeds .detail .orange { color: #F6A623; }

#feeds .detail .green { color: #1DA662; }

#feeds .detail .red { color: #FF7272; }

#feeds .reply_re_icon, #feeds .reply_re_icon:hover { background: #4BA66F; cursor: default; }

#feeds .links { line-height: 1.5; }

#feeds .links.min { line-height: 1.5; font-size: 12px; font-size: 1.2rem; }

#feeds .embed-responsive-item { width: 518px !important; height: 312px !important; }

#feeds .tags.gray { margin-top: 12px; }

#feeds .tags.gray a { line-height: 1.1; }

#feeds .more-text2 { margin: 0; }

#light_feeds { border-top: solid 1px #DDD; }

#light_feeds li { position: relative; padding: 12px 0; border-bottom: solid 1px #DDD; }

#light_feeds h2 { margin: 0 0 6px; }

#light_feeds h2 a { color: #000; line-height: 1.43; }

#light_feeds li.space { padding-right: 72px; }

#light_feeds li > div { padding-left: 26px; font-size: 0; }

#light_feeds li > div + div { margin-top: 6px; }

#light_feeds li > div > span { font-size: 12px; font-size: 1.2rem; line-height: 1.2; }

#light_feeds li > div > span.line { color: #CCC; }

#light_feeds li > div > span.text p { display: inline; }

#light_feeds img { margin-right: 4px; }

#light_feeds .user img { border-radius: 7px; }

#light_feeds .sum { margin-left: 4px; }

#light_feeds .limits { font-size: 10px; font-size: 1rem; }

#light_feeds .red { color: #D0011B; }

#light_feeds .applyer, #light_feeds .answer .t { color: #F6A623; }

#light_feeds .approved, #light_feeds .answer .o { color: #4BA66F; }

#light_feeds .refused, #light_feeds .answer .x { color: #666; }

#light_feeds .waiting, #light_feeds .answer .un { color: #D0011B; }

#light_feeds .votes { font-size: 12px; }

#light_feeds .votes a { position: absolute; right: 0; top: 50%; display: inline-block; width: 60px; margin-top: -14px; padding: 8px 0; border-radius: 4px; background: #FAE9EB; color: #D0011B; font-size: 12px; font-size: 1.2rem; text-align: center; }

#light_feeds .votes a.x { background: #EEE; color: #666; }

#light_feeds .votes a.o { background: #E4F2EA; color: #4BA66F; }

#light_feeds .votes a.t { background: #FEF2DE; color: #F6A623; }

/* information */
#information { border: solid 1px #DDD; padding: 48px; }

#information h1 { margin: 0 0 12px; font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #1C6CC1; }

#information h2 { margin: 0 0 12px; font-size: 16px; font-size: 1.6rem; }

#information ol + h2 { margin-top: 24px; }

#information li { list-style: disc; margin-left: 19px; line-height: 1.5; }

#information ol > li { list-style: decimal; }

#information p { line-height: 1.5; }

/* unregist */
#unregister { margin-top: 20px; text-align: right; }

#unregister a { display: inline-block; border-radius: 4px; padding: 10px; background: #EEE; color: #888; font-size: 11px; font-size: 1.1rem; text-decoration: none; }

#unregister a:hover { background: #FE595F; color: #FFF; }

#unregist-action { display: table; width: 100%; margin: 12px 0; }

#unregist-action > li { display: table-cell; width: 234px; text-align: center; }

#unregist-action > li + li { padding-left: 20px; }

#unregist-action .text { position: relative; }

#unregist-action p { margin: 0 0 12px; padding: 12px; border-radius: 4px; background: #E8F0F8; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#unregist-action p:after { position: absolute; left: 50%; bottom: -10px; margin-left: -4px; content: ""; border: solid 4px transparent; border-top: solid 6px #E8F0F8; }

#post > h1 { line-height: 1.2; }

#post.unregist { width: 1002px; }

#post.unregist hr { border-top: dotted 1px #CCC; }

#post.unregist h3 { margin: 0 0 12px; font-size: 16px; font-size: 1.6rem; text-align: center; color: #FE595F; }

#post.unregist ol { padding: 24px; border-radius: 4px; background: #FFE6E7; font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #FE595F; }

#post.unregist li + li { margin-top: 6px; }

#post.unregist form { position: absolute; right: 48px; bottom: 53px; }

#post.unregist .submit .btn.cancel { padding: 12px 24px !important; }

/* feed mix-list */
#mix-list { display: table; width: 100%; margin: 0 0 24px; border-top: solid 1px #DDD; }

#mix-list .all { display: table-row; }

#mix-list .all > div { display: table-cell; padding: 18px 0; vertical-align: middle; border-bottom: solid 1px #DDD; }

#mix-list .all .category { width: 1%; white-space: nowrap; padding-right: 12px; }

#mix-list .all .category span { display: block; padding: 7px 12px; border-radius: 4px; background: #1C6CC1; font-size: 10px; font-size: 1rem; color: #FFF; text-align: center; }

#mix-list .all .title { margin: 0 0 4px; line-height: 1.3; }

#mix-list .all .title a { color: #000; }

#mix-list .all .sub { font-size: 11px; font-size: 1.1rem; color: #888; line-height: 1.1; }

#mix-list .all .sub li + li { margin-top: 4px; }

#mix-list .all .sub a { color: #888; }

#mix-list .all .desc { margin: 0 0 3px; font-size: 11px; font-size: 1.1rem; color: #888; line-height: 1.5; }

#mix-list .none { padding: 18px 0; color: #CCC; border-bottom: solid 1px #DDD; }

/* feed mix-list : forum */
#mix-list .forum { display: table; width: 100%; border-bottom: solid 1px #DDD; }

#mix-list .forum > div { position: relative; display: table-cell; padding: 18px 0; }

#mix-list .forum .status { width: 1%; white-space: nowrap; text-align: right; }

#mix-list .forum .count { position: absolute; right: 0; bottom: 18px; display: inline-block; border: solid 1px #D2E2F3; border-radius: 4px; padding: 6px 10px; background: #FFF; font-size: 11px; font-size: 1.1rem; font-weight: bold; color: #1C6CC1; text-decoration: none; line-height: 1.272727; }

#mix-list .forum .date { margin: 0 0 34px; font-size: 12px; font-size: 1.2rem; }

#mix-list .forum h3 { font-size: 16px; font-size: 1.6rem; -line-height: 1.4; }

#mix-list .forum h3 a { color: #000; }

#mix-list .forum p { margin: 6px 0 0; font-size: 12px; font-size: 1.2rem; color: #888; line-height: 1.5; }

#mix-list .forum .tags { margin-top: 6px; }

/* feed mix-list : recruit */
#mix-list .recruit { position: relative; padding: 18px 0; border-bottom: solid 1px #DDD; }

#mix-list .recruit.none { color: #CCC; }

#mix-list .recruit h4 { margin: -4px 0 4px; font-size: 16px; font-size: 1.6rem; line-height: 1.5; }

#mix-list .recruit h4 a { color: #000 !important; }

#mix-list .recruit .author { margin: 0 0 8px; font-size: 14px; font-size: 1.4rem; color: #CCC; line-height: 1.43; }

#mix-list .recruit .author img { width: 20px; height: 20px; margin-right: 6px; border-radius: 10px; }

#mix-list .recruit .author .vote { font-size: 12px; font-size: 1.2rem; color: #888; }

#mix-list .recruit .sub { margin: 0 0 12px; font-size: 11px; font-size: 1.1rem; color: #888; line-height: 1.19; }

#mix-list .recruit .sub li + li { margin-top: 4px; }

#mix-list .recruit .status { position: absolute; right: 0; bottom: 16px; display: table; }

#mix-list .recruit .status > li { display: table-cell; vertical-align: middle; }

#mix-list .recruit .status > li + li { padding-left: 12px; }

#mix-list .recruit .status a { font-size: 10px; font-size: 1rem; font-weight: bold; color: #000 !important; line-height: 1.4; vertical-align: top; }

#mix-list .recruit .tags { padding-right: 100px; }

/* feed mix-list : blog */
#mix-list .blog a { color: #000; }

#mix-list .blog { display: table; width: 100%; }

#mix-list .blog.none { display: block; padding: 18px 0; border-bottom: solid 1px #DDD; color: #CCC; }

#mix-list .blog > div { display: table-cell; padding: 18px 0; border-bottom: solid 1px #DDD; vertical-align: middle; }

#mix-list .blog .title { margin: 0 !important; font-size: 15px; font-size: 1.5rem; font-weight: bold; line-height: 1.43; }

#mix-list .blog .sub { margin-top: 4px; font-size: 11px; font-size: 1.1rem; color: #888; }

#mix-list .blog .sub > span { color: #CCC; }

#mix-list .blog .sub .green { color: #4BA66F; }

#mix-list .blog .sub .win { color: #666; }

#mix-list .blog .sub a { color: #888; }

#mix-list .blog .img:first-child { padding-right: 12px; }

#mix-list .blog .img:last-child { padding-left: 12px; }

/* feed mix-list : column */
#mix-list .column { display: table; width: 100%; }

#mix-list .column > div { display: table-cell; vertical-align: middle; padding: 18px 0; border-bottom: solid 1px #DDD; }

#mix-list .column img { width: 72px; height: 72px; }

#mix-list .column .pict { width: 72px; padding-right: 12px; }

#mix-list .column .title { font-size: 16px; font-size: 1.6rem; line-height: 1.4; }

#mix-list .column .title a { color: #000; }

#mix-list .column .sub { margin-top: 4px; font-size: 11px; font-size: 1.1rem; color: #888; }

#mix-list .column .sub a { color: #888; }

/* athlete */
#athlete-list { border-bottom: solid 1px #DDD; }

#athlete-list h3 { clear: both; margin: 0 0 36px; padding: 36px 0 0; border-top: solid 1px #DDD; font-size: 18px; font-size: 1.8rem; font-weight: bold; }

#athlete-list ul + h3 { margin-top: 0; }

#athlete-list li { float: left; width: 238px; margin: 0 24px 36px 0; }

#athlete-list li:nth-child(3n) { width: 240px; margin-right: 0; }

#athlete-list li:nth-child(3n-2) { clear: both; }

#athlete-list .cover { display: block; text-decoration: none; }

#athlete-list .bg { height: 87px; background-size: cover; color: transparent; }

#athlete-list .user { display: table; width: 100%; }

#athlete-list .user > div { display: table-cell; padding: 10px 0 0; vertical-align: middle; }

#athlete-list .user > div.pict { width: 36px; padding-right: 6px; }

#athlete-list .user > div.pict img { width: 36px; height: 36px; border-radius: 18px; }

#athlete-list .name a { font-weight: bold; color: #000; line-height: 1.5; }

#athlete-list .sub { font-size: 11px; font-size: 1.1rem; color: #888; }

/* search */
#search { position: relative; }

#search .page-title { margin: 0 0 12px; }

/*#search #normal_search{position:absolute;right:0;top:-8px;}
#search #normal_search ul{display:table;}
#search #normal_search li{display:table-cell;}
#search #normal_search input[type=text]{border:none;height:18px;padding:9px 12px;border-radius:4px 0 0 4px;background:#F3F7FC;font-size:12px;font-size:1.2rem;line-height:1.5;}
#search #normal_search input[type=submit]{width:36px;height:36px;margin-left:1px;padding:0;border:none;border-radius:0 4px 4px 0;background:#F3F7FC url(/labostatic/img/search.png) no-repeat center;background-size:16px 16px;font-size:0;color:transparent;cursor:pointer;}
#search #normal_search input[type=submit]:hover{background-color:#E8F0F8;}*/
#search2 { margin: 0 0 12px; padding: 12px; background: #F3F7FC; }

#search2 th { width: 1%; padding-right: 12px; font-size: 12px; font-size: 1.2rem; color: #666; text-align: left; white-space: nowrap; }

#search2 .w100 { padding-right: 20px; }

#search2 td:nth-child(2) { padding-right: 12px; }

#search2 tr + tr th, #search2 tr + tr td { padding-top: 12px; }

#search2 td.submit { width: 120px; padding-left: 12px; border-left: solid 1px #DDE8F5; vertical-align: middle; }

#search2 input[type=text] { width: 100%; padding: 8px 10px; border: none; background: #FFF; font-family: sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1.43; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.06); }

#search2 .checkbox { padding-top: 0; }

#search2 label { display: inline-block; margin: 12px 12px 0 0; }

#search2 label input { margin: 0 6px 0 0; vertical-align: top; }

#search2 .submit input { display: block; width: 100%; margin: 0; padding: 12px 0; }

#search-list { border-top: solid 1px #DDD; }

#search-list > li { padding: 18px 0; border-bottom: solid 1px #DDD; }

#search-list > li.none { color: #CCC; }

#search-list h2 { margin: 0 0 4px; font-size: 14px; font-size: 1.4rem; line-height: 1.4; }

#search-list p { margin: 0 0 6px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#search-list .sub { font-size: 12px; font-size: 1.2rem; color: #888; }

#search-list .sub > span { color: #CCC; }

#search-list > .user { display: table; width: 100%; padding: 0; }

#search-list > .user > div { display: table-cell; padding: 18px 0; vertical-align: middle; }

#search-list .pict { width: 48px; }

#search-list .pict img { width: 48px; height: 48px; border-radius: 24px; }

#search-list > .user > .body { padding: 18px 12px; }

#search-list .status { width: 1%; white-space: nowrap; }

#search-list .status span { padding: 6px 8px; border-radius: 4px; font-size: 11px; font-size: 1.1rem; line-height: 1; background: #1C6CC1; color: #FFF; }

#search-list .status .owner { border-color: #4BA66F; background: #4BA66F; }

.simple-list { border-top: solid 1px #DDD; }

.simple-list li { border-bottom: solid 1px #DDD; padding: 9px 0 12px; }

.simple-list li.none { padding: 9px 0; line-height: 1.5; color: #CCC; }

.simple-list .new { display: none; }

.simple-list > li.new_rec .new { display: inline-block; margin: 3px 0 0 4px; padding: 3px; border-radius: 3px; background: #F44A4F; font-size: 10px; font-size: 1rem; color: #FFF; line-height: 1; vertical-align: top; font-weight: normal; }

.simple-list .title { line-height: 1.5; }

.simple-list .title a { color: #000; }

.simple-list .sub { margin: 4px 0 0; font-size: 11px; font-size: 1.1rem; color: #666; }

.simple-list .sub span { color: #CCC; }

.simple-list .sub .vote { margin-left: 6px; font-size: 10px; font-size: 1rem; color: #666; }

.simple-list .sub span:first-child { margin-left: 0; }

#contents-list { display: table; width: 100%; border-top: solid 1px #DDD; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#contents-list li { display: table-row; width: 100%; }

#contents-list li > * { display: table-cell; padding: 9px 0; border-bottom: solid 1px #DDD; vertical-align: top; }

#contents-list li > .sports { width: 1%; white-space: nowrap; padding-right: 12px; }

#contents-list span { color: #CCC; }

#out-site { width: 684px; margin: 0 auto 24px; }

#out-site h1 { margin: 0 0 12px; padding: 0 0 12px; border-bottom: solid 1px #DDD; font-size: 18px; font-size: 1.8rem; }

#out-site p { line-height: 1.5; }

#out-site p.link { margin: 1em 0; font-size: 18px; font-size: 1.8rem; font-weight: bold; }

#out-site p.min { font-size: 12px; font-size: 1.2rem; }

.like_btn, .like-btn, .cf_link_btn, .mail-btn, .favo_btns { position: relative; }

.tool_tip { display: inline-block; position: absolute; bottom: -31px; left: 50%; margin-left: -26px; opacity: 0; font-size: 0; transition: opacity .3s ease; }

.cf_link_btn .tool_tip, .favo_btns .tool_tip { margin-left: -56px; }

.mail-btn .tool_tip { margin-left: -46px; }

.tool_tip .remove { display: none; }

.selected .tool_tip .add { display: none; }

.selected .tool_tip .remove { display: inline-block; }

:hover > .tool_tip { font-size: 1rem !important; color: #fff; background: rgba(0, 0, 0, 0.6); padding: 6px; border-radius: 3px; z-index: 100; white-space: nowrap; opacity: 1; }

:hover > .tool_tip > span { font-size: 1rem !important; }

:hover > .tool_tip:before { content: ''; display: block; position: absolute; height: 0; width: 0; top: -12px; left: 50%; margin-left: -5px; border: 6px transparent solid; border-left-width: 5px; border-right-width: 5px; border-bottom-color: rgba(0, 0, 0, 0.6); z-index: 100; }

#complete { width: 684px; margin: 0 auto; }

#complete h1 { padding: 18px 0 17px; border: solid 2px #C8E4D3; border-radius: 4px; font-size: 20px; font-size: 2rem; text-align: center; line-height: 1.25; color: #4BA66F; }

#complete h1 i { margin-right: 6px; }

#complete p { margin: 0 0 24px; line-height: 1.5; text-align: center; }

#complete .links { margin: 0 0 24px; }

#complete .btn { display: table; width: 25%; margin: 0 auto; }

#complete .ad-bottom-tb { margin: 0 auto 24px; }

#member_only_blogs { display: block; padding: 24px; border: solid 1px #DDD; background: #F9F9F9; border-radius: 8px; text-align: center; }

#member_only_blogs:hover { border-color: #E8F0F8; background: #F3F7FC; text-decoration: none; }

#member_only_blogs div { font-size: 18px; font-size: 1.8rem; font-weight: bold; }

#member_only_blogs.min div { font-size: 14px; font-size: 1.4rem; }

#member_only_blogs p { margin-top: 12px; font-size: 12px; font-size: 1.2rem; }

/* team_area_tags */
#post .suggest_title { font-size: 12px; font-size: 1.2rem; color: #1C6CC1; }

#post .suggest_tags { font-size: 0; }

#post .suggest_tags li { display: inline-block; }

#post .suggest_tags li a { display: inline-block; margin: 6px 6px 0 0; padding: 6px 8px; border: solid 1px #99BDE2; border-radius: 4px; font-size: 11px; font-size: 1.1rem; text-decoration: none; }

#post .suggest_tags li a:hover { border-color: #1C6CC1; background: #1C6CC1; color: #FFF; }

#edit_area_tags { display: none; }

#edit_area_tags.selected { display: block; }

#edit_area_tags .suggest_block { display: none; }

#edit_area_tags .suggest_block.selected { position: relative; display: block; }

#edit_area_tags .suggest_block .more_area { display: inline-block; margin: 6px 6px 0 0; padding: 7px 0; border: none; border-radius: 4px; font-size: 11px; font-size: 1.1rem; text-align: center; }

#edit_area_tags .suggest_block .suggest_tags li.more-tag { display: none; }

#simple-action { margin: 0 0 36px; padding: 18px 0 0; border-top: solid 1px #DDD; }

#simple-action > ul { display: table; }

#simple-action > ul.other { width: 100%; }

#simple-action > ul > li { display: table-cell; padding: 0 12px 0 0; white-space: nowrap; vertical-align: middle; }

#simple-action > ul.other > li { width: 1%; }

#simple-action > ul > li.reports { width: auto; border: none; text-align: right; padding: 0; }

#simple-action > ul > li + li { padding-left: 12px; border-left: solid 1px #DDD; }

#simple-action > ul > li > a { display: inline-block; line-height: 1; padding: 0; color: #666; outline: none; }

#simple-action > ul > li > a.owner { color: #1C6CC1; text-decoration: none; }

#simple-action > ul > li > a.voted { color: #4BA66F; }

#simple-action > ul > li.reports > a { font-size: 12px; font-size: 1.2rem; color: #888; }

#simple-action > ul > li.reports > a:hover { color: #F15C61; }

#simple-action .popup-min-block > a { color: #666; }

#simple-action .popup-min-block { margin-bottom: -6px; padding-bottom: 6px; }

#simple-action .popup-min-block .popup-min { top: 20px; }

#simple-action i.comment { margin-left: 4px; }

#simple-action i.share { margin: 0 0 0 4px; }

#current_voted { display: inline-block; padding: 12px 24px; border-radius: 4px; background: #E4F2EA; font-size: 16px; font-size: 1.6rem; color: #4BA66F; }

#current_voted.t { background: #FEF2DE; color: #F6A623; }

#current_voted.x { background: #EEE; color: #888; }

#current_voted i { margin-top: 1px; }

.chat_wrapper { position: relative; }

.chat_wrapper h2 { margin-right: 72px; }

#apply-status { position: absolute; right: 0; top: 0; }

#apply-status { display: block; padding: 5px 8px; border-radius: 4px; font-size: 10px; font-size: 1rem; font-weight: bold; text-align: center; }

#apply-status.waiting { background: #FFE6E7; color: #FE595F; }

#apply-status.approved { background: #ECF6F0; color: #4BA66F; }

#apply-status.refused { background: #EEE; color: #888; }

.action-btn { display: block; width: 25%; margin: 0 auto; padding: 12px 24px; border: none; border-radius: 4px; font-size: 13px; font-size: 1.3rem; font-weight: bold; line-height: 1.1; text-align: center; text-decoration: none; white-space: nowrap; }

.action-btn.o { background: #E4F2EA; color: #4BA66F; }

.action-btn.t { background: #FEF2DE; color: #F6A623; }

.action-btn.x { background: #EEE; color: #888; }

#feeds > li > .votes { text-align: center; }

#feeds > li > .votes .links { display: inline-block; margin: 6px 0; line-height: 1.25; }

#feeds > li > .votes .links i { margin-right: 6px; }

#feeds > li > .votes .links.end { color: #666; }

#member_check_list { margin: 12px 0 0; padding: 12px; border: solid 1px #DDD; border-radius: 4px; font-size: 0; }

#member_check_list li + li { margin-top: 6px; }

#member_check_list label { cursor: pointer; }

#member_check_list img { margin: 0 6px; border-radius: 12px; }

#member_check_list input { margin: 7px 0 0; }

#member_check_list .name { font-size: 16px; font-size: 1.6rem; line-height: 1.5; vertical-align: top; }

#member_check_list .status { font-size: 12px; font-size: 1.2rem; line-height: 2; vertical-align: bottom; color: #999; }

#member_check_list .status span { font-size: 12px; font-size: 1.2rem; line-height: 2; vertical-align: bottom; }

#member_check_list .status .waiting { color: #FE595F; }

#member_check_list .status .approved { color: #4BA66F; }

#member_check_list .status .refused { color: #888; }

#vote_user { border-top: dotted 1px #CCC; margin-right: -6px; padding: 12px 0; }

#vote_user h4 { font-size: 12px; font-size: 1.2rem; font-weight: normal; color: #666; }

#vote_user ul { font-size: 0; }

#vote_user li { display: inline-block; margin: 6px 6px 0 0; }

#vote_user a { position: relative; }

#vote_user img { border-radius: 12px; }

#vote_user .tool_tip { bottom: auto; top: -33px; left: 0; margin: 0; background-color: rgba(0, 0, 0, 0.8); }

#vote_user :hover > .tool_tip:before { left: 7px; top: auto; bottom: -12px; margin-left: 0; border-color: transparent; border-top-color: rgba(0, 0, 0, 0.8); }

#vote_user :hover > .tool_tip { padding: 8px; font-size: 12px !important; font-size: 1.2rem !important; }

#cp-profile h2 { line-height: 1; margin: 0 0 24px; color: #1C6CC1; font-size: 2.4rem; }

#cp-profile { float: left; width: 477px; }

#cp-profile th { padding: 0 12px 12px 0; color: #666; font-size: 1.2rem; font-weight: normal; text-align: left; }

#cp-profile td { padding: 0 0 12px; font-size: 1.4rem; text-align: left; line-height: 1.43; }

#cp-service h2 { margin: 0 0 12px; font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #1C6CC1; }

#cp-service ul > li { position: relative; float: left; display: table; width: 151px; height: 151px; margin: 12px 12px 0 0; background: no-repeat center; background-size: cover; }

#cp-service ul > li:nth-child(1), #cp-service ul > li:nth-child(2), #cp-service ul > li:nth-child(3) { margin-top: 0; }

#cp-service ul > li:nth-child(3n) { margin-right: 0; }

#cp-service ul > li > a { display: table-cell; vertical-align: middle; padding: 12px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #FFF; font-weight: bold; font-size: 150%; text-decoration: none; transition: all 0.3s ease; }

#cp-service ul > li > a:hover { background: rgba(0, 0, 0, 0.4); }

#cp-service ul > li > a span { display: block; line-height: 1; padding: 12px; border: solid 1px #FFF; }

#cp-service .btns { display: table-cell; color: #FFF; font-size: 150%; font-weight: bold; text-align: center; vertical-align: middle; opacity: 1; transition: opacity 0.3s ease; }

#cp-service li:hover .btn { opacity: 0; }

#cp-service .links { position: absolute; left: 0; top: 0; display: table; width: 151px; height: 151px; opacity: 0; transition: opacity 0.3s ease; }

#cp-service .more:hover .links { opacity: 1; }

#cp-service .links ol { display: table-cell; vertical-align: middle; list-style: none; margin: 0; }

#cp-service .links ol li { list-style: none; margin: 0; }

#cp-service .links li + li { border-top: solid 1px #DDD; }

#cp-service .links li a { display: block; padding: 8px 12px 8px; background: rgba(255, 255, 255, 0.6); color: #333; font-size: 1.4rem; font-weight: bold; text-align: center; text-decoration: none; }

#cp-service .links a:hover { background: rgba(255, 255, 255, 0.8); }

#message_tab { padding: 12px; border-bottom: solid 1px #DDD; }

#message_tab ol { display: table; width: 100%; }

#message_tab li { display: table-cell; width: 20%; }

#message_tab li + li { padding-left: 2px; }

#message_tab a { display: block; padding: 8px 12px; background: #E8F0F8; font-size: 12px; font-size: 1.2rem; color: #1C6CC1; text-decoration: none; text-align: center; }

#message_tab a:hover, #message_tab a.selected { background: #1C6CC1; color: #FFF; }

#message_tab li:first-child a { border-radius: 4px 0 0 4px; }

#message_tab li:last-child a { border-radius: 0 4px 4px 0; }

#links_banner { padding: 24px 0 0; border-top: solid 1px #DDD; }

#links_banner dt { margin: 0 0 12px; font-weight: bold; }

#links_banner dd + dt { margin-top: 24px; padding-top: 24px; border-top: solid 1px #DDD; }

#setting-menu table { width: 100%; border-top: solid 1px #DDD; font-size: 13px; font-size: 1.3rem; line-height: 1.1; }

#setting-menu th { width: 1%; padding: 18px 12px 18px 0; border-bottom: solid 1px #DDD; text-align: left; white-space: nowrap; }

#setting-menu td { padding: 18px 0; border-bottom: solid 1px #DDD; }

#admin_eva_post { margin: 0 0 12px; padding: 12px; border-radius: 4px; background: #F6F6F6; }

#admin_eva_post input[type=number], #admin_eva_post textarea { padding: 8px 10px; border-radius: 4px; border: none; background: #FFF; font-family: sans-serif; font-size: 14px; font-size: 1.4rem; vertical-align: top; }

#admin_eva_post textarea { width: 100%; }

#admin_eva_post div.w100 { padding-right: 20px; }

#admin_eva_post div { margin: 0 0 12px; }

.rule_link { line-height: 1.3; text-align: center; }

#side .rule_link { margin-top: 12px; }

#post .rule_link { position: absolute; right: 50px; top: 50px; }

#cheer_button .cheer_popup, #cheer_button .cheer_please { display: block; margin: 0 0 12px; padding: 8px; border-radius: 4px; border: solid 1px #1C6CC1; text-align: center; line-height: 1.43; text-decoration: none; }

#cheer_button a.cheer_popup:hover, #cheer_button a.cheer_please:hover { background: #1C6CC1; color: #FFF; }

#cheer_button span.cheer_popup { border-color: #4BA66F; background: #4BA66F; color: #FFF; }

#cheer_button .sub { margin: 12px 0 0; text-align: right; font-size: 12px; font-size: 1.2rem; }

#cheer_button hr { margin: 12px 0; }

#cheer_button hr:first-child { display: none; }

#cheer_button h3 { margin: 0 0 4px; }

#cheer_button ul { font-size: 0; }

#cheer_button li { display: inline-block; width: 36px; height: 36px; margin: 8px 8px 0 0; }

#cheer_button li:nth-child(7n) { margin-right: 0; }

#cheer_button li img { width: 36px; height: 36px; border-radius: 18px; }

#cheer_button li.none { display: block; width: auto; height: auto; margin: 6px 0 0; padding: 12px 0 0; border-top: solid 1px #DDD; font-size: 12px; font-size: 1.2rem; color: #CCC; }

#cheer_overlay .submit { margin: 24px 0; }

#cheer_overlay .btn { width: 240px; padding: 13px 0; font-size: 14px; font-size: 1.4rem; }

#cheer_overlay p.sub { margin: 0; font-size: 12px; font-size: 1.2rem; line-height: 1.5; text-align: left; color: #666; }

.check_tmp { line-height: 1.286; text-align: left; }

.check_tmp input { margin: 0 0 0 12px; width: 18px; height: 18px; vertical-align: top; opacity: 0; }

.check_tmp label { display: inline-block; margin: 0 0 0 -18px; padding: 0 0 0 24px; background: url(/labostatic/img/check2.png) no-repeat left; background-size: 18px 18px; vertical-align: top; }

.check_tmp input:disabled + label { background-image: url(/labostatic/img/check2_disable.png); color: #666; }

.check_tmp input:disabled + label a { color: #666; }

.check_tmp input:checked + label { background-image: url(/labostatic/img/checked2.png); }

#cheer_please { padding: 24px 0; }

#cheer_please h2 { margin: 0 0 24px; font-size: 20px; font-size: 2rem; color: #1C6CC1; text-align: center; }

#cheer_please ul { display: table; width: 100%; }

#cheer_please li { display: table-cell; width: 50%; padding: 0 6px 0 0; }

#cheer_please li + li { padding: 0 0 0 6px; }

#cheer_please li a { display: block; padding: 15px; border-radius: 4px; background: #1C6CC1; text-align: center; color: #FFF; text-decoration: none; }

#cheer_please li a.facebook { background: #3A589B; }

#cheer_please li a:hover { opacity: .8; }

#delete_team_info { margin: 24px 0; padding: 24px; border: solid 1px #DDD; border-radius: 8px; }

#delete_team_info h2 { margin: 0 0 12px; font-size: 14px; font-size: 1.4rem; line-height: 1.1; }

#delete_team_info p { margin: 0 0 12px; }

#delete_team_info .team { font-size: 0; }

#delete_team_info .team img { width: 36px; height: 36px; }

#delete_team_info .team a { display: inline-block; margin-left: 6px; font-size: 14px; font-size: 1.4rem; line-height: 2.571; }

#delete_team_info .team + .team { margin-top: 12px; }

#delete_team_info .red { color: #FE595F; }

#old_recruits { text-align: center; }

#old_recruits a { line-height: 1.43; }

#cheer_button .cheer_popup, #cheer_button .cheer_please { display: block; margin: 0 0 12px; padding: 8px; border-radius: 4px; border: solid 1px #1C6CC1; text-align: center; line-height: 1.43; text-decoration: none; }

#cheer_button a.cheer_popup:hover, #cheer_button a.cheer_please:hover { background: #1C6CC1; color: #FFF; }

#cheer_button span.cheer_popup { border-color: #4BA66F; background: #4BA66F; color: #FFF; }

#cheer_button .sub { margin: 12px 0 0; text-align: right; font-size: 12px; font-size: 1.2rem; }

#cheer_button hr { margin: 12px 0; }

#cheer_button h3 { margin: 0 0 4px; }

#cheer_button ul { font-size: 0; }

#cheer_button li { display: inline-block; width: 36px; height: 36px; margin: 8px 8px 0 0; }

#cheer_button li:nth-child(7n) { margin-right: 0; }

#cheer_button li img { width: 36px; height: 36px; border-radius: 18px; }

#cheer_overlay .submit { margin: 24px 0; }

#cheer_overlay .btn { width: 240px; padding: 13px 0; font-size: 14px; font-size: 1.4rem; }

#cheer_overlay p.sub { margin: 0; font-size: 12px; font-size: 1.2rem; line-height: 1.5; text-align: left; color: #666; }

.check_tmp { line-height: 1.286; text-align: left; }

.check_tmp input { margin: 0 0 0 12px; width: 18px; height: 18px; vertical-align: top; opacity: 0; }

.check_tmp label { display: inline-block; margin: 0 0 0 -18px; padding: 0 0 0 24px; background: url(/labostatic/img/check2.png) no-repeat left; background-size: 18px 18px; vertical-align: top; }

.check_tmp input:disabled + label { background-image: url(/labostatic/img/check2_disable.png); color: #666; }

.check_tmp input:disabled + label a { color: #666; }

.check_tmp input:checked + label { background-image: url(/labostatic/img/checked2.png); }

#cheer_please { padding: 24px 0; }

#cheer_please h2 { margin: 0 0 24px; font-size: 20px; font-size: 2rem; color: #1C6CC1; text-align: center; }

#cheer_please ul { display: table; width: 100%; }

#cheer_please li { display: table-cell; width: 50%; padding: 0 6px 0 0; }

#cheer_please li + li { padding: 0 0 0 6px; }

#cheer_please li a { display: block; padding: 15px; border-radius: 4px; background: #1C6CC1; text-align: center; color: #FFF; text-decoration: none; }

#cheer_please li a.facebook { background: #3A589B; }

#cheer_please li a:hover { opacity: .8; }

#cheer_friends { width: 684px; margin: 0 auto; }

#cheer_friends h1 { margin: 0 0 24px; font-size: 20px; font-size: 2rem; }

#cheer_friends p { margin: 0 0 24px; line-height: 1.5; }

#cheer_friends h2 { margin: 0 0 12px; }

#cheer_friends h2 span { font-weight: normal; }

.cheer_list_team { margin: 0 0 24px; }

.cheer_list_team li { float: left; display: table; width: 330px; border-bottom: solid 1px #DDD; line-height: 1; font-size: 0; }

.cheer_list_team li:nth-child(1), .cheer_list_team li:nth-child(2) { floa: left; width: 330px; border-top: solid 1px #DDD; }

.cheer_list_team li:nth-child(2n) { margin-left: 24px; }

.cheer_list_team li:nth-child(2n-1) { clear: both; }

.cheer_list_team li > div { display: table-cell; padding: 12px 0; vertical-align: middle; }

.cheer_list_team .check { width: 1%; }

.cheer_list_team label { cursor: pointer; }

.cheer_list_team input { margin: 0; vertical-align: top; }

.cheer_list_team .pict { width: 36px; padding: 12px; }

.cheer_list_team img { width: 36px; height: 36px; }

.cheer_list_team .name { font-size: 14px; font-size: 1.4rem; line-height: 1.2857; }

.cheer_list_team .name span { font-size: 12px; font-size: 1.2rem; color: #999; }

.cheer_list_user { margin: 0 0 24px; padding: 12px; border: solid 1px #DDD; border-radius: 4px; }

.cheer_list_user li + li { margin: 6px 0 0; }

.cheer_list_user img { width: 24px; height: 24px; margin: 0 6px; border-radius: 12px; }

.cheer_list_user input { margin: 6px 0; padding: 0; vertical-align: top; }

.cheer_list_user label { display: inline-block; margin: 0; padding: 0; vertical-align: top; font-size: 0; cursor: pointer; }

.cheer_list_user .name { display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 1.72; }

.cheer_list_user .comp { display: inline-block; font-size: 12px; font-size: 1.2rem; line-height: 2; color: #999; }

#cheer_friends .submit .btn { padding: 15px 60px; font-size: 14px; font-size: 1.4rem; }

#comment_count_rec { position: absolute; left: 0; top: 0; display: inline-block; padding: 9px; border: solid 1px #DDD; border-radius: 4px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#left_rec_menu { border-top: dotted 1px rgba(0, 0, 0, 0.1); padding: 8px 0; }

#left_rec_menu a { display: block; padding: 4px 12px 4px 38px; font-size: 13px; font-size: 1.3rem; line-height: 1.5; color: #333; }

#left_rec_menu .in a { padding: 0px 12px 0 38px; }

#left_rec_menu .in a:last-child { padding-bottom: 4px; }

#to_do_list { text-align: center; }

#to_do_list ul { display: inline-block; margin: 0 0 36px; font-weight: bold; text-align: left; line-height: 1.5; }

#to_do_list ul li + li { margin-top: 6px; }

#to_do_list ul a { color: #FE595F; }

#active_label { position: absolute; right: 0; top: 12px; }

#active_label input { margin: 1px 6px 0 0; vertical-align: top; }

#active_label span { color: #000; font-size: 1.1rem; }

.ad-text { display: block; text-align: center; }

.ad-text > a { display: block; }

.photo-list .ad-text > *, .recruit-list .ad-text > * { padding: 15px 0; border-bottom: solid 1px #DDD; }

.recruit-list .ad-text { display: block; padding: 0; border: none; }

#light_feeds .ad-text { padding: 0; border: none; }

#light_feeds .ad-text > * { padding: 10px 0; border-bottom: solid 1px #DDD; }

#feeds .ad-text { margin: 0; border: none; background: none; padding: 0; box-shadow: none; }

#feeds .ad-text > * { margin: 15px 0; }

#recruit .ad-text > * { margin: -6px 0 18px; }

#tinymce .google-auto-placed, #athlete-text .google-auto-placed { margin: 1.5em 0; }

#sponsor_banner { display: flex; padding: 10px 10px 0 0; border-top: solid 3px #E8F0F8; justify-content: center; flex-wrap: wrap; }

#sponsor_banner a { display: block; }

#sponsor_banner li { width: 240px; margin: 0 0 10px 10px; }

.official_mark { margin-left: 4px; margin-top: -2px; vertical-align: top; }

.official_mark2 { margin-left: 4px; vertical-align: top; }