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


#navi .portfolio a,
#navi .portfolio a:hover {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 {/*background: url("../images/border_first_data.gif") no-repeat scroll 0 0 transparent;*/}
.asset-name{font-size:160%; color:#666;}
.entry-content {font-size:12px; text-align: center;}

.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: -13px; width:500px; display:none;}
#body #breadcrumbs .prevlink {}
#body #breadcrumbs .nextlink {float:right; line-height:1.4;}


#body div.main {position: relative;}


#body #filters { text-align: center;}
#body #filters li {display: inline-block;}
#body #filters li a {font-family: 'IM Fell English SC', serif; display: inline-block; padding:0 10px;}

#body dl {margin-left:40px; }
#body dt {display:none;}
#body dd {margin:0 auto; overflow:hidden; }

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

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

#body div.main div.entry {margin-left:62px; padding-bottom:65px; float:left;}
#body div.main div.entry-body {width:200px; height:120px;}
#body div.main div.entry-body .thumbnail { border:1px solid #e8e8e8; display:block; margin-bottom:5px; width:200px; height:120px; overflow:hidden;}


#body div.entry-title {padding:0; margin-top:4px; text-align: center; font-family: 'IM Fell English SC', serif; font-size:11px; }
#body div.entry-url{padding-top:5px; line-height:1.5em; font-size:8px;}
#body div.entry-client{padding-top:5px; line-height:1.5em; font-size:8px;}
#body div.entry-comment {padding-top:5px; line-height:1.5em; font-size:8px; overflow:hidden;}
#body div.entry-facebook {margin-top:30px; 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 dt div.entry-title {font-size:16px; height:60px;}
#body dt div.entry-url,
#body dt div.entry-client,
#body dt div.entry-comment {font-size:10px; padding-top:10px;}
#body dd div.entry-thumbnail {padding-bottom:20px; margin-left:-px; overflow:hidden;}
#body dd div.entry-thumbnail a{ margin: 0 0 16px 21px; width: auto; display:block; float:left; }
#body dd div.entry-thumbnail a:hover{background:#ddd;}
#body div.entry-thumbnail {padding:0; margin-left:-21px; overflow:hidden;}
#body div.entry-thumbnail a{ margin: 0 0 15px 15px; width: 50px; display:block; float:left; }
#body div.entry-thumbnail a:hover{opacity:0.6;}
#body div.asset-content { width: 100%; margin: 50px auto 0; position: relative; }
#body .warning {font-size:10px; color:#666; text-align:center; margin-top:70px;}
#body .entry-asset { position: relative; margin: 0 auto; }
#body div.asset-content .box{ width: calc( 33% - 32px ); max-width: 340px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#body div.asset-content .box.inactive { visibility: hidden; opacity: 0; }
#body div.entry-content .box a { display:block; display: block; opacity: 0; transition: opacity .8s ease-in;}
#body div.entry-content .box img.topimage {max-width:100%; transition: opacity .8s ease-in;}
.crinavi {text-align:center; margin:20px 0;}
.crinavi a {color:#666; font-size: 10px; text-decoration: underline !important;}

div.pic {
  width:948px;
  overflow:hidden;
  margin:0 auto;
}
div.pic img {
/*  width:100%; */
  width:948px;
}

.video-wapper {
  width:70%;
  margin:0 auto;
}
.video {
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 30px 0 53.13%;
  position: relative;
  width: 100%;
}
.video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}