@charset "utf-8";
@import url(general.css);

body { height:auto; }

#navi .portfolio a,
#navi .portfolio a:hover {color:#aaa; background-position:-280px 5px;}

#beta div.step  {clear:both; margin-bottom:30px; overflow:hidden;}
#beta div.step h2     {font-size:120%; font-weight:bold; margin:10px 0; }
#beta div.step p      {padding:0 0 25px 17px;}
#beta div.step p.sttl {padding:0px; font-weight:bold;}

ol    {margin:0 0 20px 10px;}
ol li {list-style-type:decimal; margin-left:20px;}

#header-inner, #footer-inner, #alpha-inner, #beta-inner, #gamma-inner {padding-left:0px; padding-right:0px;}
#header-inner, #content-inner, #footer-inner {padding-bottom:0px; padding-top:0px;}
.widget-header {padding-top:20px; border-bottom: 1px solid #E5E5E5;}

.asset {}
.asset-name{font-size:160%; color:#666;}
.entry-content {font-size:12px; overflow:hidden; max-height:300px;
  /* box-shadow */
  box-shadow:5px 6px 9px 0px #ebebeb;
  -moz-box-shadow:5px 6px 9px 0px #ebebeb;
  -webkit-box-shadow:5px 6px 9px 0px #ebebeb;
}
.asset-body {margin:0; font-size:10px; padding:0 0 10px; }
.asset-body > div {margin-top: 5px; line-height:1.8em;}

.comments-header, .trackbacks-header, .comments-open-header{font-weight:bold;}
#comment-author, #comment-email, #comment-url, #comment-text {font-size:12px; padding:2px;}
.comment, .trackback {border-bottom:1px solid #e5e5e5;}

.archive-title {font-size: 120%; padding: 20px 0; background: url("../images/border_first_data.gif") no-repeat scroll 0 0 transparent;}


#body {overflow:visible; position:relative;}
#body #breadcrumbs {position:absolute; top:0; right:0; overflow: hidden;}
#body #breadcrumbs .prevlink {display:inline-block; line-height:1; padding-left:15px; margin-left:15px; border-left:1px solid #e7e7e7;}
#body #breadcrumbs .nextlink {display:inline-block; line-height:1;}


#body h2.portfoliofac{background:url(../images/title_portfolio_fac.gif) no-repeat; height:21px; margin-top:20px; text-indent:-99999px;}

/* 3列用 */
#body div.main .entry-list{margin:0; padding-bottom:70px; overflow:hidden; width:100%; position:relative; transition: opacity 0.2s ease-in 0s; opacity:0;}
#body div.main .entry-summary{float:left;}
#body div.main .entry-summary div.entry{margin-left:30px;}
#body div.main .entry-summary div.entry-body{width:293px; height:230px;}
#body div.main .entry-summary div.entry-body a.image{display:block; overflow:hidden; border:1px solid #e7e7e7; width:291px; height:168px; margin-bottom:5px;}
#body div.main .entry-summary div.entry-body a.image img{width:291px;}
#body div.main .entry-summary .entry-title{font-size:12px; line-height:1.6; margin:0 -10px 3px 0;}
#body div.main .entry-summary .entry-title a{color:#111; }
#body div.main .entry-summary .entry-url {font-size: 8px; line-height: 1; padding-top:0; }

/* 3列用 end */

#body .entry-block{ padding:20px 0 0; width:250px; border-top:1px solid #eee;}
#body dl {overflow:hidden;}
#body dt {}
#body dd {margin:0 auto; overflow:hidden;}

#body div.url{height:64px;}

#body .small {font-size:85%;}

#body div.main div.entry {margin-left:15px; padding-bottom:25px; }
#body div.main div.entry-body {}
#body div.main div.entry-asset{margin-top:15px;}

#body div.entry-title {font-size:20px; margin-bottom:10px; padding-top:0; line-height:1.2; }
#body div.entry-url a {font-size:12px;}
#body div.entry-client{line-height:1.5em; font-size:8px;}
#body div.entry-comment {line-height:1.5em; font-size:8px; overflow:hidden;}
#body div.entry-facebook {line-height:1.5em; font-size:8px;}

#body div.main div.clear {width:695px; height:1px; text-size:1px; line-height:1px; clear:both;}

#body div.entry-url,
#body div.entry-client {font-size:10px;}
#body div.entry-comment {font-size:9px; color:#999; }
#body div.entry-client {color:#aaa; display:none; }
#body div.entry-thumbnail {padding:20px 0 15px; overflow:hidden; margin-left:-5px; }
#body div.entry-thumbnail a{display:block; float:left; border:1px solid #f0f0f0; padding:0px; margin: 0 0 5px 5px; overflow:hidden; border-radius:50%;  -webkit-border-radius:50%;  -moz-border-radius:50%; }
#body div.entry-thumbnail a:hover{border:1px solid #a7a7a7;}
#body div.entry-thumbnail img { }
#body div.entry-content img {border:1px solid #f0f0f0; width:248px; opacity:0; transition: opacity 0.2s ease-in 0s; }


.smartphone #body div.main .entry-list {overflow:visible;}
.smartphone #body div.main .entry-block {width:100%; margin-bottom:30px;}
.smartphone #body div.entry-title {font-size: 22px;}
.smartphone #body div.entry-content {max-height:300px;}
.smartphone #body div.entry-content img {width:100%;}
.smartphone #body div.asset-body {font-size:12px;}
.smartphone #body div.entry-thumbnail {margin:0;}
.smartphone #body div.entry-thumbnail a {margin:0 10px 10px 0; border:1px solid #eee;}