@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: #434343;
  text-decoration: none;
}

mark {
  color: #434343;
  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(../img/icon.png);
  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(../img/icon_white.png);
}

#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(../img/icon.png);
}

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,
.size14.shared_data {
  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,
.selected .size14.shared_data {
  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,
.size14.shared_data.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;
}

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

body {
  height: 100%;
  padding: 0 !important;
  text-align: justify;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  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 {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#wrapper {
  min-height: calc(100% - 304px);
}

pre {
  white-space: pre-line;
}

a {
  color: #0397CF;
  text-decoration: none;
}

a:hover {
  color: #0397CF;
  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;
}

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

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

#main:has(#team_wrapper) {
  width: 828px;
}

body.wide .w-normal {
  width: 1200px;
}

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

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

#center > *:last-child {
  margin-bottom: 0 !important;
}

#content.flex {
  display: flex;
}
#content.flex.reverse {
  flex-direction: row-reverse;
}
#content.flex.reverse #side {
  margin-left: 0;
  margin-right: 36px;
}
#content.flex #main {
  display: flex;
}
#content.flex #main,
#content.flex #side,
#content.flex #left {
  float: none;
}
#content.flex #side {
  margin-left: 36px;
}
#content.flex #left {
  margin-right: 36px;
}

#content.flex2 {
  display: flex;
}
#content.flex2 #main,
#content.flex2 #side {
  float: none;
}
#content.flex2 #side {
  margin-left: 36px;
}

/* side */
#side {
  float: right;
  width: 336px;
  min-width: 336px;
}

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

#side > *:last-child:not(.not_sticky) {
  position: sticky;
  top: 174px;
  margin-bottom: 0 !important;
}

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

#bounce_mail a {
  display: block;
  padding: 24px;
  color: #434343;
  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;
}

#locked {
  font-weight: bold;
  border: solid 6px #FF4B50;
  text-align: center;
}

/*==================================================
- 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 0.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 0.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-side + .ad-side {
  margin-top: 20px;
}

.ad-side:last-child {
  margin-bottom: 0 !important;
}

.ad-left {
  position: sticky;
  top: 174px;
  left: 0;
}

.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: 100%;
  height: 280px;
  margin: auto;
}

.ad-side .dummy > span {
  display: block;
  line-height: 280px;
  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 {
  display: flex;
  margin-bottom: 24px;
  text-align: center !important;
  justify-content: center;
}
.ad-bottom > .ads + .ads {
  margin-left: 36px;
}

.ad-bottom:last-child {
  margin-bottom: 0px;
}

/* .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 #000000;
}

#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: 84px;
  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: #3c3c3c url(/labostatic/img/close-w.png) no-repeat center;
  background-size: 14px 14px;
}

#notify .title {
  width: 251px;
  padding: 11px 12px;
  background: #3c3c3c;
  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 0.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: #434343;
}

#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;
  right: 4px;
  top: 2px;
  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: #1C6CC1;
}

#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: 1rem;
}

.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: #434343;
}

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: #009FD2;
  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: 0.8;
  color: #FFF;
  text-decoration: none;
}

#confirm-btn.disabled {
  opacity: 1 !important;
  background: #CCC !important;
  cursor: wait;
  pointer-events: 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 #009FD2;
  background: #FFF;
  color: #009FD2 !important;
  text-shadow: none !important;
}

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

.btn.white2 {
  padding: 11px;
  border: solid 1px #DDD;
  background: #FFF;
  color: #434343 !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: #434343;
}

.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: #434343;
  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;
}

.popup-min-block .material-symbols-rounded {
  font-size: 14px;
  font-size: 1.4rem;
  color: #1C6CC1;
  margin-right: 4px;
}

.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: 0.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: 0.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: #434343;
  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: #434343;
}

#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:not(:last-child),
#center > section:not(:last-child) {
  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);
  background: #FFF;
}

.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: #434343;
  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 {
  margin: 0 0 20px;
}

#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: #00A0D2;
  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: 0.8;
}

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

#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;
  border-top: solid 1px #DDD;
}

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

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

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

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

#notify-pager .next span,
#notify-pager .prev span {
  display: block;
  padding: 15px;
  color: #666;
  opacity: 0.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: 5px;
  background: #FFF url(/labostatic/img/select.png) no-repeat right;
  border: solid 1px #DDD;
  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: 0.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: #434343;
}

#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: 0.5;
}

/* list */
.photo-list {
  border-top: solid 1px #DDD;
}

.photo-list a {
  color: #434343;
}

.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,
.photo-list h2 {
  margin: 0 0 3px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
}

#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: 1rem;
}

.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: 10px;
  border-radius: 5px;
  background: #FFF;
  border: solid 1px #DDD;
}

.photo-list .btns a:hover {
  opacity: 0.8;
}

.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: #434343;
}

.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: #434343;
  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: #434343;
}

.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: #434343;
  text-align: center;
}

#main > section:last-child .more-open,
#main > section:last-child .more-btn,
#center > section:last-child .more-open,
#center > section:last-child .more-btn {
  margin-bottom: 0;
}

.more-open:hover,
.more-btn:hover {
  color: #434343;
}

#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: #434343 !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: #434343 !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;
}

.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: #434343;
}

.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: 420px;
  margin: 0 auto;
  padding: 48px 48px 98px;
  border: solid 1px #DDD;
  background: #FFF;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
}

#login h2 {
  margin: 0 0 48px;
  color: #434343;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  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:not([type=file]) {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 4px;
  background: #EEE;
  font-size: 16px;
  font-size: 1.6rem;
}

#login form ul select {
  padding: 10px;
  border: none;
  border-radius: 4px;
  background: #EEE;
  font-size: 16px;
  font-size: 1.6rem;
}

#login .regist input {
  box-sizing: border-box;
  width: 100%;
  padding-right: 34px;
}

#login .regist li {
  position: relative;
}

#login .regist i {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}

#login .regist .crop-image-box {
  position: relative;
}
#login .regist .crop-image-box:has(img) #id_image {
  display: none;
}
#login .regist .crop-image-box .delete-pic {
  position: absolute;
  z-index: 100;
  right: 10px;
  top: 10px;
  display: none;
  box-sizing: border-box;
  right: 10px;
  top: 10px;
  line-height: 1;
  width: 30px;
  height: 30px;
  padding: 9px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
}
#login .regist .crop-image-box .delete-pic:hover {
  background: rgba(0, 0, 0, 0.7);
}
#login .regist .crop-image-box .delete-pic .icon12 {
  line-height: 1;
  display: inline-block;
  margin: 0 6px 0 0;
  background: url(../img/file_upload_icons/beauty-icon.png) no-repeat;
  background-size: 300px 400px;
  background-position: -150px -13px;
  font-size: 1;
  color: transparent;
  width: 12px;
  height: 12px;
}

#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 p {
  margin: 0 0 20px;
  text-align: center;
  line-height: 1.5;
}
#login p.sub {
  font-size: 12px;
  font-size: 1.2rem;
}
#login .errors {
  margin: 0 0 20px;
  padding: 10px;
  border-radius: 0;
  text-align: center;
  border: solid 1px #FE595F;
  color: #FE595F;
  background: #F7E3E3;
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
#login .errors ul {
  margin: 0 !important;
}
#login .errors li + li {
  margin-top: 0 !important;
}
#login .success {
  margin: 0 0 20px;
  padding: 10px;
  border-radius: 0;
  color: #3C925E;
  background: #DCF1E4;
  text-align: center;
  border: solid 1px #3C925E;
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
#login .alert {
  margin: 20px 0;
  padding: 20px;
  background: #F3F7FC;
}
#login .alert h3 {
  margin: 0 0 10px;
  text-align: center;
}
#login .alert ol {
  list-style: disc;
  line-height: 1.5;
  margin-left: 20px;
}
#login .alert ol li + li {
  margin: 0;
}
#login .btn {
  box-sizing: border-box;
  width: 100%;
  max-width: none !important;
  border-radius: 0;
  padding: 10px;
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 5px;
  text-decoration: none;
  background-color: #009FD2;
}
#login .btn#btn-pic-upload {
  background: #CCC;
}
#login .btn.white {
  padding: 9px;
  background: #FFF;
  border-color: #009FD2;
  color: #009FD2 !important;
}
#login .btn.green {
  background: #4BA66F;
}
#login .btn.red {
  background: #FE595F;
}
#login .btn.gray {
  background: #666;
}
#login .btn.white.gray {
  padding: 9px;
  background: #FFF;
  border-color: #666;
  color: #666 !important;
}
#login .btn.disabled, #login .btn:disabled {
  background: #CCC;
  cursor: default;
  pointer-events: none;
}
#login .btn.disabled:hover, #login .btn:disabled:hover {
  opacity: 1;
}
#login .center {
  text-align: center;
}
#login .center ol {
  margin: 0;
  list-style: none;
  display: inline-block;
  text-align: left;
}
#login a {
  color: #1C6CC1;
  text-decoration: underline;
}
#login li + li {
  margin-top: 20px;
}
#login li h3 {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 10px;
}
#login li h3 span {
  color: #FE595F;
}
#login select {
  -webkit-appearance: listbox;
     -moz-appearance: listbox;
          appearance: listbox;
}
#login input[type=text],
#login input[type=password] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
#login .errorlist.hide {
  display: none;
}
#login .errorlist:not(.hide) {
  display: none;
}
#login .errorlist:not(.hide) + input,
#login .errorlist:not(.hide) + select {
  border: solid 1px #FE595F !important;
  color: #FE595F !important;
  background: #F7E3E3 !important;
}
#login input.error,
#login select.error {
  border: solid 1px #FE595F !important;
  color: #FE595F !important;
  background: #F7E3E3 !important;
}
#login .submit {
  text-align: center;
}
#login .submit.flex {
  display: flex;
}
#login .submit.flex a + a {
  margin-left: 20px;
}
#login .submit label {
  display: inline-block;
  cursor: pointer;
}
#login .submit label + input {
  margin-top: 20px;
}
#login .submit input + a {
  margin-top: 20px;
}

/* 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],
#edit-body dl input[type=email] {
  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: #434343;
  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: 0.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 0.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 0.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: 0.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;
  text-align: left;
}

#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: 2rem;
  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 .team img {
  border-radius: 2px;
}

#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: #434343;
  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 .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: 2rem;
}

#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: #434343;
}

#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: #434343;
}
#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: #434343;
  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: #434343;
  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: 0.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: #434343;
  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: #434343;
}

#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: #434343;
  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: #434343;
  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: #434343;
}

#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.commented {
  color: #F6B202;
  border-color: #FEEDBE;
}

#detail-sub .btns.commented:hover {
  color: #F6B202;
  background-color: #FFF5DB;
}

#detail-sub .popup-min-block:hover > a.vote,
#detail-sub .btns.vote:hover {
  color: #FF749F !important;
  background-color: #FFE6ED !important;
}

#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;
}

#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: #434343;
  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: #000;
}

#action-tab > li.sns > a {
  border-color: #009ED4;
}

#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-bottom: 20px;
  padding: 20px;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 0 3px #CCC;
}

#team-post ul {
  display: table;
  width: 100%;
}

#team-post ul > li {
  display: table-cell;
  vertical-align: top;
}

#team-post ul > li.pict {
  width: 24px;
  padding: 0 10px 0 0;
  vertical-align: top;
}

#team-post ul > li.pict img {
  border-radius: 24px;
}

#team-post textarea {
  width: 100%;
  max-width: 654;
  min-width: 654;
  min-height: 64px;
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
  border: none;
  background: none;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  border: solid 1px #DDD;
  border-radius: 5px;
  vertical-align: top;
}

#team-post .submit {
  position: relative;
  margin: 10px 0 0 34px;
  text-align: right;
}

#team-post .submit::after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

#team-post .new-submit {
  display: inline-block;
  padding: 12px 36px;
  font-size: 12px;
  font-size: 1.2rem;
}

#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: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background: #009FD2 url(/labostatic/icon/add_photo_alternate_fff.svg) no-repeat center;
  background-size: 28px 28px;
}

#team-post #pic-files:has(li) {
  display: flex;
  flex-wrap: wrap; /* コンテナの幅を超える場合は、次の行に折り返す */
  justify-content: flex-start; /* アイテムを左寄せにする */
  gap: 10px; /* アイテム間の隙間を10pxに設定 */
  margin: 10px 0 !important;
  max-width: 100% !important;
}

#team-post #pic-files > li {
  flex: 0 0 calc(20% - 8px); /* 10px * 4 / 5 = 8px */
  margin: 0;
  height: auto;
  aspect-ratio: 1/1;
}

#team-post #pic-files > li canvas {
  margin: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  cursor: move;
  border-radius: 5px;
}

#team-post #pic-files .pic-delete {
  font-size: 0;
}

#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.single {
  border-bottom: solid 1px #DDD;
}

.team-list.single li {
  float: none;
  width: 100%;
}

.team-list:not(.single) li:nth-last-child(1),
.team-list:not(.single) li:nth-last-child(2) {
  border-bottom: solid 1px #DDD;
}

.team-list:not(.single) li:nth-child(2n) {
  margin-left: 12px;
}

.team-list:not(.single) 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 .pict img {
  border-radius: 5px;
}

.team-list .pict .bg {
  background: no-repeat center;
  background-size: cover;
}

.team-list .title {
  margin-bottom: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.team-list .title a {
  color: #434343;
}

.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;
}

.team-list .btns {
  padding-left: 10px;
  width: 1%;
}
.team-list .btns a,
.team-list .btns span {
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
  background: #FFF;
  border: solid 1px #DDD;
}
.team-list .btns a:hover {
  opacity: 0.8;
}
.team-list .btns span {
  border-color: #EEE;
  background: #F9f9f9;
}
.team-list .btns span i {
  opacity: 0.2;
}

#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;
}

#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: #434343;
  text-align: center;
  text-decoration: none;
}

.user-list {
  margin: 0 -20px -20px;
  border-top: solid 1px #DDD;
}

.user-list li {
  border-bottom: solid 1px #DDD;
}
.user-list li:last-child {
  border-bottom: none;
}

.user-list li > div {
  display: table-cell;
  width: 1%;
  padding: 20px 10px 20px 0;
  vertical-align: middle;
  line-height: 1.4;
}

.user-list .pict {
  width: 36px;
  padding: 20px 10px 20px 20px;
}

.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 {
  font-size: 11px;
  font-size: 1.1rem;
  color: #888;
}

.user-list .owner {
  padding: 20px 20px 20px 0;
  white-space: nowrap;
}

.user-list .owner span.label {
  display: inline-block;
  vertical-align: top;
  border-radius: 4px;
  margin-right: 10px;
  padding: 0 10px;
  background: #E8F0F8;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 36px;
  font-weight: 600;
  color: #1C6CC1;
  white-space: nowrap;
  cursor: default;
}

.user-list .message {
  display: inline-block;
  vertical-align: top;
  padding: 9px 8px 7px 8px;
  border-radius: 36px;
  background: #009FD2;
  line-height: 20px;
}
.user-list .message .material-symbols-rounded {
  color: #FFF;
  font-size: 20px;
  font-size: 2rem;
}
.user-list span.message {
  background: #CCC;
  cursor: default;
}

.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: 0.8;
}

.schedule-list dt {
  padding: 20px;
  border-bottom: solid 1px #DDD;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  background: #f9f9f9;
}
.schedule-list dt:first-child {
  border-radius: 5px 5px 0 0;
}

.schedule-list dd {
  padding: 5px;
}
.schedule-list dd + dd {
  border-top: solid 1px #DDD;
}

.schedule-list dd > a {
  position: relative;
  display: table;
  width: 100%;
  color: #434343;
}
.schedule-list dd > a:hover {
  text-decoration: none;
}

.schedule-list dd > a > div {
  display: table-cell;
  padding: 15px 10px 15px 0;
  vertical-align: middle;
}

.schedule-list .day {
  width: 40px;
  padding-left: 15px;
}

.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 > span > span {
  font-size: 11px;
  font-size: 1.1rem;
}

.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;
  font-weight: bold;
}

.schedule-list .title a {
  display: inline-block;
  color: #434343;
  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-right: 15px;
  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: 0.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: #434343;
}

#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: #434343;
  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 {
  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: 0.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: #434343;
}

/* post */
#post {
  position: relative;
  box-sizing: border-box;
  width: 800px;
  margin: 0 auto;
  padding: 40px 40px 100px;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0 0 3px #CCC;
}
#post option:disabled {
  background-color: #EEE;
  color: #CCC;
}

#post dd.team {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-size: 1.6rem;
}
#post dd.team .icon {
  padding-right: 10px;
}
#post dd.team .icon img {
  border-radius: 36px;
}

#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 {
  margin: 0 0 10px;
  border-radius: 5px;
  padding: 5px 0 0 5px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  vertical-align: top;
  border: solid 1px #DDD;
  background: #FFF;
  box-shadow: none;
}
#post .selectize-input > input[type=text] {
  height: 30px;
  margin: 0 5px 5px 5px !important;
}
#post .selectize-input #tags-selectized,
#post .selectize-input #select-tag-selectized {
  float: left;
  height: 30px;
  margin: 0 5px 5px 0 !important;
  padding: 0 5px !important;
}
#post .selectize-input .item {
  float: left;
  position: relative;
  display: table;
  margin: 0 5px 5px 0;
  padding: 0 !important;
  vertical-align: middle;
  border-radius: 5px;
  background: #009FD2;
  font-size: 12px;
  font-size: 1.2rem;
  color: #FFF;
  line-height: 30px;
  vertical-align: top;
}
#post .selectize-input .item:before {
  display: table-cell;
  content: "#";
  color: transparent;
  width: 10px;
}
#post .selectize-input .item:after {
  display: table-cell;
  content: " ";
  width: 41px;
}
#post .selectize-input .item .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;
  color: transparent;
  font-size: 0;
}
#post .selectize-dropdown {
  margin-top: -10px !important;
}
#post .selectize-input.full input {
  display: none !important;
}

#post .submit {
  display: table;
  margin: 40px auto 0;
}
#post .submit + .submit {
  margin-top: 20px;
}

#post .submit > li {
  display: table-cell;
}

#post .submit > li + li {
  padding-left: 12px;
}

#post .submit .btn {
  padding: 15px !important;
  font-size: 14px;
  font-size: 1.4rem;
  width: 240px;
  box-sizing: border-box;
}
#post .submit .btn.disabled {
  background: #CCC;
  cursor: progress;
  pointer-events: none;
}

#post .submit .btn.back {
  position: absolute;
  left: 48px;
  bottom: 50px;
  padding: 10px 12px !important;
  font-size: 10px;
  font-size: 1rem;
}

#post .submit_bottom {
  margin-top: 30px;
  text-align: center;
  line-height: 1.8;
}

#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;
  border: solid 1px #DDD;
  background: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}
#post td select:disabled,
#post dd select:disabled,
#post td textarea:disabled,
#post td input[type=text]:disabled,
#post td input[type=date]:disabled,
#post td input[type=password]:disabled,
#post td input[type=time]:disabled,
#post td input[type=number]:disabled,
#post td input[type=url]:disabled {
  background: #EEE;
  color: #CCC;
}

#post td .jq-datepicker {
  width: 160px;
}

#post td input[type=time] {
  width: 64px;
}

#post td select,
#post dd select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  max-width: 360px;
  height: 36px;
  padding-right: 30px;
  border: solid 1px #DDD;
  background: #FFF 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: 0.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: 2px 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,
#post .radio label + input {
  margin-left: 12px !important;
}

#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 #DDD;
  background: #EEE;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  cursor: not-allowed;
}

#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: 0.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;
  background: #FFF;
  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: #434343;
  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: #434343;
  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;
}

#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: 0.6;
}

.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: #434343;
}

.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: #434343;
}

#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: #434343;
  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: #434343;
}

.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: #434343;
}

#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: #434343;
}

.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: #434343;
}

#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;
}

/* message */
#message-left-side {
  float: left;
  width: 332px;
}

.room_list_wrapper {
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 0 3px #CCC;
}

#message-contents {
  float: right;
  width: 728px;
  margin-left: 36px;
}

#message {
  width: 714px;
  padding: 24px;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0 0 3px #CCC;
}

.room_list {
  position: relative;
}

.room_list > li {
  position: relative;
  border-bottom: solid 1px #DDD;
  transition: background-color 0.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,
.room_list > li.selected.has_update > a {
  background: #434343;
  color: #FFF;
}
.room_list > li.selected > a h3,
.room_list > li.selected > a p,
.room_list > li.selected > a .date,
.room_list > li.selected.has_update > a h3,
.room_list > li.selected.has_update > a p,
.room_list > li.selected.has_update > a .date {
  color: #FFF;
}

.room_list > li.selected:last-child > a {
  border-radius: 0 0 5px 5px;
}

.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,
.room_list > li.selected.has_update > a.pin-btn {
  background: #434343;
}

.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 48px 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: #434343;
  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;
}
.chat_wrapper h1 a {
  color: #434343;
}
.chat_wrapper h1 .material-symbols-rounded {
  font-size: 24px;
  font-size: 2.4rem;
  width: 24px;
  margin-top: -1px;
  margin-right: 5px;
}
.chat_wrapper h1 small {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}

.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: 440px;
  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 0.3s ease;
}

.list_posts .new_post .body {
  background: #FEFAD2;
}

.list_posts .owner .body {
  background: #009FD2;
  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: 692px;
  margin: 0 0 12px;
  background: #FFF;
  border: solid 1px #DDD;
}

.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: 0.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: 250px;
  padding: 8px 10px;
  border: none;
  border-radius: 5px 0 0 5px;
  border: solid 1px #DDD;
  background: #FFF;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}

.room-search input[type=submit] {
  width: 36px;
  height: 36px;
  border: solid 1px #DDD;
  border-left: none;
  border-radius: 0 5px 5px 0;
  font-size: 0;
  background: #FFF url(/labostatic/img/search2.png) no-repeat center;
  background-size: 16px 16px;
  outline: none;
  cursor: pointer;
}

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

.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: 20px 20px 20px 54px;
  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: #434343;
}

#feeds .edit-btns {
  position: absolute;
  right: 15px;
  top: 20px;
}

#feeds .edit-btns .popup-min-block > a,
#feeds .edit-btns > a {
  display: inline-block;
  padding: 5px;
}

#feeds .author {
  margin: 0 40px 10px -34px;
  font-size: 0;
  line-height: 24px;
}

#feeds .author img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 24px;
}

#feeds .author.team img {
  border-radius: 0;
}

#feeds .author span,
#feeds .author a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 24px;
}

#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: 492px !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: #434343;
}

#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: 0.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: #434343;
  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;
}

#feeds.team > li {
  border: none;
  background: #FFF;
  box-shadow: 0 0 3px #CCC;
  border-radius: 5px;
}
#feeds.team > li + li {
  margin-top: 20px;
}
#feeds.team li.none {
  padding: 20px;
  text-align: center;
}
#feeds.team .contents {
  display: block;
  margin: 10px 0 0;
  color: #434343;
  overflow: hidden;
  border-radius: 5px;
  border: solid 1px #DDD;
}
#feeds.team .delete-comment {
  margin: 0 0 10px;
}
#feeds.team .text {
  line-height: 1.5;
}

#feeds .item {
  display: block;
  margin: 10px 0 0;
  color: #434343;
  overflow: hidden;
  border-radius: 5px;
  border: solid 1px #DDD;
}
#feeds .item.large-image .detail {
  display: block;
  aspect-ratio: 1/0.523;
  width: 100%;
  height: auto;
}
#feeds .item.large-image .cover {
  aspect-ratio: 1/0.523;
  width: 100%;
  height: auto;
}
#feeds .item.large-image .body {
  box-sizing: border-box;
}
#feeds .item .detail {
  display: flex;
  display: -webkit-flex;
  height: 100px;
  border: none;
}
#feeds .item .cover {
  min-width: 100px;
  background: #EEE url(../img/logo_gray.png) center/cover no-repeat;
}
#feeds .item .cover.dummy {
  background-size: 70px;
}
#feeds .item .cover img {
  width: 100px;
}
#feeds .item .body {
  width: 100%;
  padding: 10px;
}
#feeds .item h3 {
  font-size: 14px;
  font-size: 1.4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 17px;
}
#feeds .item p {
  margin-top: 0.5em;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 15px;
}
#feeds .item .status {
  display: flex;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 16px;
  border-top: solid 1px #DDD;
}
#feeds .item .status .material-symbols-rounded {
  margin: 1px 8px -1px 0;
  color: #999;
  font-size: 16px;
  width: 16px;
  vertical-align: top;
}
#feeds .item .status object {
  display: inline-block;
  min-width: 70px;
  color: #666;
}
#feeds .item .status object + object {
  margin-left: 12px;
}

#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: #434343;
  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;
}

/* 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: #434343;
}

#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: #434343;
}

#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: #434343 !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: #434343 !important;
  line-height: 1.4;
  vertical-align: top;
}

#mix-list .recruit .tags {
  padding-right: 100px;
}

/* feed mix-list : blog */
#mix-list .blog a {
  color: #434343;
}

#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: #434343;
}

#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: #434343;
  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: #434343;
}

.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 0.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 {
  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;
}

#blog-detail #simple-action > ul > li > a.voted {
  color: #ff749f;
}

#blog-detail #simple-action > ul > li > a.commented {
  color: #F6B202;
}

#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: #EEE;
  font-size: 12px;
  font-size: 1.2rem;
  color: #434343;
  text-decoration: none;
  text-align: center;
}

#message_tab a:hover,
#message_tab a.selected {
  background: #434343;
  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: 0.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: 0.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: #434343;
  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 ._ap_apex_ad {
  position: relative !important;
}

.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: 5px;
  vertical-align: top;
}

.official_mark2 {
  margin-left: 5px;
  vertical-align: top;
}

.recruit-list.team {
  border-top: none;
}
.recruit-list.team > li {
  padding: 20px;
  border: none;
}
.recruit-list.team > li + li {
  border-top: solid 1px #DDD;
}
.recruit-list.team .none {
  padding: 20px;
  text-align: center;
}
.recruit-list.team .status {
  right: 20px;
  bottom: 20px;
}

#feeds.mypage li.none {
  padding: 20px;
  text-align: center;
}

#light_feeds.mypage li.none {
  padding: 10px;
  text-align: center;
  color: #CCC;
}

#feeds.mypage .picture {
  margin: 10px 0 0;
}
#feeds.mypage .picture a {
  display: block;
}
#feeds.mypage .picture img {
  width: 100%;
  max-width: 100% !important;
}
#feeds.mypage .pictures {
  display: flex;
  flex-wrap: wrap; /* コンテナの幅を超える場合は、次の行に折り返す */
  justify-content: flex-start; /* アイテムを左寄せにする */
  gap: 5px; /* アイテム間の隙間を10pxに設定 */
  margin: 20px 0 0;
  max-width: 100%;
}
#feeds.mypage .pictures a {
  display: block;
  flex: 0 0 calc(20% - 4px); /* 10px * 4 / 5 = 8px */
  margin: 0;
  height: auto;
  aspect-ratio: 1/1;
}
#feeds.mypage .pictures a img {
  margin: 0;
  border-radius: 5px;
  max-width: 100% !important;
}