@charset "utf-8";
/* CSS Document */

/**********************/
div#main{
  text-align:center;
}

/**********************/

#login_cnt {
  margin:30px auto;
  width:700px;
}

/**********************/

.thumb_box_b {
  width:630px;
  border:#b89990 solid 2px;
  padding:3px;
  margin:10px auto 30px;
  clear: both;
  text-align:left;
}
.thumb_box_b img { margin-right:3px;vertical-align: middle; }
.thumb_box_inner_top {
  margin-bottom:3px;
  clear: both;
  word-break: break-all;
  color:#669933;
  font-size:14px;
  font-weight:bold;
  line-height:140%;
}
.thumb_box_inner_btm {}

.thumb_box_b .thumb_box_inner_btm .thumb_res { width:186px; overflow:hidden; }
.thumb_box_b .thumb_box_inner_btm .thumb_date { width:190px; }



/**********************/
div#login_form {
  width:694px;
  height:502px;
  margin:0 auto 1em;
  text-align:center;
  font-size:14px;
  color:#FFF;
  background:#FFF url(/img/login/bg_login.jpg) no-repeat center top;
}
div#login_form h2,
div#login_form p,
div#login_form table {

  margin:0 auto;
}
div#login_form h2 {
  padding:25px 0;
}
div#login_form p {
  line-height:21px;
}
div#login_form input#login_submit {
  padding:15px 0 20px;
}
div#login_form table {
  margin-top:20px;
}
div#login_form table input {
  border:#909f8a solid 2px;
  width:220px;
  padding:2px;
  font-size:16px;
}
div#login_form table th {
  padding-right:10px;
}
div#login_form table td {
  padding-left:10px;
}

div#login_form p.login_spt {
  text-align:center;
}
div#login_form p.login_spt span {
  display:inline-block;
  text-align:left;
  width:320px;
}
div#login_form p.login_spt a{color:#FFF;}
div#login_form p.login_spt a:hover{text-decoration:none;}

/**********************/





#login_error {
  color:#FF0000;
  font-weight:bold;
  padding:20px 0;
  margin: 30px auto 5px;
  width:650px;
  border:2px solid #FF9900;
  background:#fdf5e6 url(/img/common/bg_error.gif) no-repeat center center;
}


div.center_theme{
  margin: 0 auto;
  width:640px;
  margin-bottom: 1em;}
div.center_il{
  width:166px;
  margin: 0 auto;}
div.center_il div.illust_list_img,
div.center_theme div.theme_list_box {
  margin: 0 auto;}

div.lg_ttl_illust h1{
  font-size:18px;
  line-height:18px;
}

/*************************/
/*   imログインページ    */
/*************************/

#login_im_container {
  margin-top: 20px;
}

#login_im_left {
  float:left;
  width:670px;
  margin-right:10px;
}

#login_exp_area {
  margin-bottom:10px;
}

#login_exp_area_inner {
  font-size:14px;
  color:#fff;
  font-weight:bold;
  line-height:32px;
  text-align:center;
}

#illust_area {
  border:1px solid #acacac;
  text-align:center;
  width:100%;
}

#illust_area img {
  max-width:320px;
  max-height:240px;
  margin:10px;
}

#illust_area img_box {
  min-height:100px;
}

.lg_ttl_illust {
  font-size:16px;
  color:#003434;
  font-weight:bold;
  margin-bottom:10px;
  overflow:hidden;
}

.lg_txt_illust {
  text-align:left;
  margin:0 10px 5px 10px;
  overflow:hidden;
  word-break: break-all;
  width:630px;
}

.lg_txt_date {
  text-align:right;
  padding:3px 15px;
  font-size:10px;
}

.lg_box_tag {
  margin:5px 8px 8px 8px;
  text-align:left;
  border:1px solid #d7d7d7;
  background:#fafafa;
  padding:5px 7px;
  overflow:hidden;
}

.lg_box_tag a {
  color:#333;
}

.lg_btn {
  margin-top:10px;
}

.lg_btn img {
  margin:0 3px;
}

/* 右カラム */

#login_im_right {
  float:left;
  width:280px;
}

#login_other_ttl{
  margin-bottom:10px;
}

#login_other_illust{
  width:278px;
  text-align:left;
  border:1px solid #acacac;
  line-height:1.3;
}

#login_other_illust table{
  width:100%;
  height:111px;
  width:260px;
  margin:5px auto;
}

#login_other_illust table th a{
  display:block;
  width:100px;
  text-align:center;
}

#login_other_illust img{
  max-height:100px;
  max-width:100px;
}

.login_other_ttl{
  margin:0 0 5px 10px;
  font-size:14px;
  font-weight:bold;
  width:160px;
  min-height:20px;
  height: auto !important;
  height: 20px;
}

.login_other_txt{
  margin-left:10px;
  width:160px;
  overflow:hidden;
  min-height:50px;
  height: auto !important;
  height:50px;
}

.login_other_bdr{
  padding-top:2px;
  border-top:2px dotted #acacac;
  width:260px; margin:0 auto;
}

/* 関連コンテンツ */
#login_im_right .relation-contents {
  margin-top: 10px;
  padding: 12px;
  border: 1px solid #acacac;
  background-color: #fff;
  text-align: left;
}

#login_im_right .relation-contents__heading {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
}

#login_im_right .relation-contents__inner {
  margin: 0;
}

#login_im_right .relation-contents__inner__item {
  display: flex;
  background-color: #fff;
}

#login_im_right .relation-contents__inner__item:not(:last-of-type) {
  margin-bottom: 10px;
}

#login_im_right .relation-contents__inner__item__thumb {
  display: block;
  position: relative;
  width: 112px;
  height: 63px;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  overflow: hidden;
}

#login_im_right .relation-contents__inner__item__thumb__status {
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 4px;
  padding: 3px 4px 2px;
  border-radius: 2px;
  color: #fff;
  font-size: 11px;
  line-height: 1;
}

#login_im_right .relation-contents__inner__item__thumb__status--before-broadcast {
  background-color: #33b8fd;
}

#login_im_right .relation-contents__inner__item__thumb__status--live {
  background-color: #f03;
}

#login_im_right .relation-contents__inner__item__thumb__status--video {
  background-color: #333;
}

#login_im_right .relation-contents__inner__item__thumb__status--illust {
  background-color: #eda715;
}

#login_im_right .relation-contents__inner__item__thumb__status--manga {
  background-color: #77c238;
}

#login_im_right .relation-contents__inner__item__detail {
  position: relative;
  flex-grow: 1;
  flex-basis: 0%;
  margin-left: 6px;
}

#login_im_right .relation-contents__inner__item__detail__title {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 48px;
  color: #069;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

#login_im_right .relation-contents__inner__item__detail__time {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 11px;
}

/* ポータルサイトリンク */
#login_im_right .portal-link {
  margin-top: 10px;
  padding: 15px;
  border: 1px solid #acacac;
  background-color: #fafafa;
  text-align: left;
}

#login_im_right .portal-link__inner {
  font-size: 14px;
}

#login_im_right .portal-link__inner__heading {
  margin-bottom: 10px;
  font-weight: 700;
}

#login_im_right .portal-link__inner__content {
  line-height: 1.6;
}

#login_im_right .portal-link__inner__content__links li {
  display: inline;
  word-wrap: break-word;
}

#login_im_right .portal-link__inner__content__links li:not(:last-of-type)::after {
  padding: 0 3px;
  content: '/';
}

#login_im_right .portal-link__inner__content__links li a {
  display: inline;
  word-wrap: break-word;
}

/* ログイン市場情報 */

#login_ichiba {
  width:670px;
  margin:10px auto 0 auto;
  padding:10px auto;
  border-top:2px dotted #999;
  border-bottom:2px dotted #999;
}