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

/* ========================================================
layout_works
======================================================== */
/* #content */
#content{
  width:100%;
}

/* ========================================================
#work-sub
======================================================== */
#show-sub{
  width:100%;
  margin-bottom:40px;
}
#show-sub p{
  margin-bottom:8px;
}
#show-sub p a{
  color:#68676e;
  font-size:12px;
}
#show-sub p span{
  font-size:12px;
}
#show-sub ul{
  width:100%;
  overflow:hidden;
}
#show-sub li{
  float:left;
  margin-bottom:10px;
}
#show-sub li a{
  display:block;
  font-size:12px;
  font-weight:bold;
  color:#68676e;
}
#show-sub li a span{
  color:#68676e;
}
#show-sub li.current a{
  color:#8FA0CC;
}

/* ========================================================
#show-list
======================================================== */
#show-list{
  width:100%;
  text-align:center;
}
/*.work*/
.show{
  display:flex;
  width:100%;
  justify-content:space-between;
  align-items:stretch;
  flex-wrap:wrap;
}
.show li{
  margin-bottom:40px;
}
/*.show li:last-child{
  margin-right:auto;
}*/
.show li{
  flex-basis:46%;
}
.show li a{
  display:block;
  color:#292A42;
}
.show li h2{
  margin:12px 0 6px;
  font-size:11px;
  line-height:1.2;
  font-weight:bold;
}
.show li p{
  font-size:10px;
  line-height:1.4;
}

/* ========================================================
#content-show
======================================================== */
#content-show{
  margin-bottom:48px;
}

/*.show-info*/
.show-info{
  margin-bottom:24px;
}
.show-info h2{
  margin-bottom:4px;
  font-size:14px;
  font-weight:bold;
}
.show-info p{
  font-size:12px;
  line-height:1.4;
}

/*.show-text*/
.show-text{
  margin-bottom:48px;
}
.show-text h3{
  margin-bottom:4px;
  font-size:12px;
  font-weight:bold;
}
.show-text p{
  font-size:12px;
}
.show-text b{
  font-size:10px;
  color:#68676e;
}
.show-text a{
  color: #8FA0CC;
}

.show-text a:hover{
  color: #D86336;
}

/*.l-text*/
#l-text{
  margin:12px 0 10px;
  font-size:12px;
  line-height:1.4;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:8;
}
#l-text.more{
  overflow:visible;
  text-overflow:clip;
  display:block;
}
#read-more{
  font-size:10px;
  margin:10px 0;
  color:#68676e;
  text-decoration:underline;
}

/*.show-image*/
.show-image{
  max-width:480px;
  margin:0 auto;
}
.show-image li+li{
  margin-top:8px;
}