/*
Theme Name: TBMA
Theme URI: http://tbma.jp/
Description: The WordPress Theme of TSUBAME ARCHITECTS.
Author: TSUBAME ARCHITECTS
Version: 1.0.0
*/

html, body, form, ul, li, table, td { margin: 0; padding: 0; }
body { position: relative; color: #333; }
body, input, textarea { font-size: 13px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
td { vertical-align: top; }
ul { list-style-position: inside; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 12px; }
blockquote { border-left-width: 3px; border-left-style: solid; margin-left: 7px; padding-left: 20px; font-size: 16px; color: #636363; }
.clear { clear: both; }
.main_separator { color: #dedfe0; }
.wrapper { padding-top: 31px; }
#header { border-bottom: 1px solid #dedfe0; padding-bottom: 50px; }
#site-title { float: left; width: 210px; padding-right: 40px; overflow: hidden; line-height: 27px; font-size: 23px; }
#site-title a { color: #333; font-weight: bold; text-decoration: none; }
#header-left { float: left; width: 210px; padding-right: 40px; }
#header-center { float: left; width: 210px; padding-right: 30px; }
#search { float: right; width: 220px; }
#header-right { margin: 20px 0 0 10px; }
#search label, #search input[type=submit] { display: none; }
#search input[type=text] { width: 200px; padding: 7px 9px; margin: 0; border: 1px solid #dedfe0; background: #fff; font-size: 13px; outline: none; }
#page_search input[type=submit] { display: none; }
.menu ul { list-style-type: none; }
.menu ul li { padding-bottom: 9px; }
.menu ul a { line-height: 13px; color: #303030; text-decoration: none; }
#boxes { margin-top: 40px; }
.box { width: 210px; margin-bottom: 70px; color: #636363; }
.box .rel { position: relative; }
.box .rel p { margin: 0; }
.box .texts { position: absolute; top: -20px; left: -20px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0); }
.box .texts .categories a, .box .texts a, .box .texts .posted, .box .texts .posted a { color: #fff; }
.box .texts .transparent img { opacity: 0.1; filter: alpha(opacity=10); }
.box .texts .abs { position: absolute; top: 0; }
.box .categories { padding-bottom: 10px; }
.box .categories a, .box .posted a { color: #a1a1a1; }
.box h1 { margin: 0; padding-bottom: 10px; font-size: 16px; }
.box h1 a { color: #333; }
.box .posted { padding-top: 10px; color: #a1a1a1; }
.box img { display: block; }
.fetch { clear: both; width: 460px; margin: 0 auto 40px; background: #f9f9f9; -moz-border-radius: 4px; border-radius: 4px; text-align: center; }
.fetch a { display: block; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #333; text-decoration: none; }
.fetch:hover a { color: #fff; }
#content { padding-bottom: 20px; }
#nav-above { float: left; width: 210px; padding-right: 40px; text-align: right; color: #636363; }
#nav-above a { text-decoration: none; color: #333; }
.nav-previous, .nav-next { display: inline; }
.nav-separator { color: #e5e5e5; }
.post_title { margin-top: 35px; overflow: hidden; }
.post_title h1 { margin: 0 0 10px 250px; font-size: 27px; line-height: 35px; width: 710px; }
.entry-title, .page-title { margin-left: 250px; margin-top: 35px; }
.entry-meta { padding-bottom: 30px; color: #636363; }
.entry-meta a { color: #333; text-decoration: none; }
#wides { clear: both; }
.entry-aside { width: 210px; padding-right: 40px; vertical-align: middle; }
.entry-content-right { width: 710px; font-size: 15px; line-height: 21px; }
.entry-content { width: 710px; margin-left: 250px; font-size: 15px; line-height: 21px; }
.entry-utility { padding: 10px 0; }
.entry-tags { margin: 10px 0; }
.entry-tags span { font-weight: bolder; }
#social { padding: 20px 0 0 0; }
.twitter-share-button { float: left; margin: 2px 20px 0 0; }
.post img, .page img { margin: 20px 0; }
.post .alignleft, .page .alignleft { float: left; margin-right: 20px; }
.post .alignright, .page .alignright { float: right; margin-left: 20px; }
.post .aligncenter, .page .aligncenter { display: block; clear: both; margin: 20px auto; }
#comments { padding: 0 0 0 246px; width: 714px; }
#comments-title { font-size: 21px; margin: 40px 0 20px 4px; }
.commentlist { margin: 0; padding: 0; list-style: none; }
.commentlist ul.children { list-style: none; }
.commentlist li > div { position: relative; border-bottom: 1px solid #dedfe0; padding: 30px 0 30px 4px; }
.commentlist li li > div { margin-left: 90px; }
.commentlist li li li > div { margin-left: 180px; }
.commentlist li li li li > div { margin-left: 270px; }
.commentlist li li li li li > div { margin-left: 360px; }
.comment-avatar { position: absolute; top: 30px; left: -96px; }
.comment-content { margin-left: 96px; border-bottom: 1px solid #dedfe0; }
.comment-author { float: left; width: 210px; padding-right: 40px; font-size: 15px; }
cite { font-style: normal; font-weight: bold; }
.comment-meta { float: left; width: 210px; padding-right: 40px; color: #999999; }
.comment-body { clear: both; padding-top: 7px; font-size: 15px; line-height: 21px; }
#respond { padding-left: 4px; }
li.comment > div { position: relative; }
.reply { position: absolute; top: 30px; right: 20px; }
#reply-title { font-size: 21px; }
.comment-reply-link { display: none; }
.comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 460px; margin: 0; padding: 10px 0; }
.comment-form-comment { clear: both; width: 460px; margin: 0; padding: 10px 0; }
input[type="text"], textarea { background: #fff; border: 1px solid #ccc; padding: 8px; outline: none; color: #6b6b6b; -moz-border-radius: 4px; border-radius: 4px; }
#comments input[type="text"] { width: 442px; }
#comments textarea { width: 442px; }
.form-submit { margin-bottom: 40px; }
.form-submit input { width: 460px; padding: 6px 0; color: #fff; font-size: 15px; font-weight: bold; cursor: pointer; border: 0; text-align: center; -moz-border-radius: 4px; border-radius: 4px; }
.recent { margin-top: 40px; padding-top: 40px; border-top: 1px solid #ccc; }
#footer { padding: 30px 0 50px; border-top: 1px solid #dedfe0; }
#site-info { float: left; width: 460px; padding-right: 40px; line-height: 22px; }
#site-info a { font-weight: bold; text-decoration: none; color: #333; }
#footer-left { float: right; width: 210px; padding-right: 40px; }
#footer-right { float: right; width: 210px; }
#infscr-loading { background: none repeat scroll 0 0 #000000; bottom: 40px; color: #FFFFFF; height: 100px; left: 40%; opacity: 0.8; padding: 10px; position: fixed; width: 200px; z-index: 5000; border-radius: 10px; }



/* Helper 
------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* Layout
------------------------------------------------- */

/* General
------------------------- */
body .wrapper {
  padding-top: 50px;
  width: 1000px;
}

.design-column {
  float: left;
  width: 700px;
}
.lab-column {
  float: right;
  width: 220px;
}

a:hover img { opacity: 0.8; }



/* Header
------------------------- */
#header {
  border-bottom: none;
  margin-bottom: 50px;
  padding-bottom: 0;
  position: relative;
}

#site-title a:hover,
.gnav a:hover { opacity: 0.7; }

#site-title {
  overflow: auto;
  padding-right: 0;
  text-indent: -9999px;
  width: auto;
}

#site-title a {
  background: url(images/header/logo.png) no-repeat;
  display: block;
  height: 51px;
  width: 265px;
/*  height: 56px;
  width: 293px;*/
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
  #site-title a {
    background: url(images/header/logo-retina.png) no-repeat;
    background-size: 265px 51px;
    /*background-size: 293px 56px;*/
    display: block;
  }
}

.gnav {
  bottom: 0;
  position: absolute;
  right: 0;
}

.gnav li {
  float: left;
  list-style: none;
  margin-right: 24px;
  text-indent: -9999px;
}

.gnav .contact {
  margin-right: 0;
}

.gnav li a {
  display: block;
}

.gnav li.home a { background: url(images/header/gnav-home.png) no-repeat; height: 13px; width: 50px; }
.gnav li.design a { background: url(images/header/gnav-design.png) no-repeat; height: 13px; width: 63px; }
.gnav li.lab a { background: url(images/header/gnav-lab.png) no-repeat; height: 12px; width: 33px; }
.gnav li.note a { background: url(images/header/gnav-note.png) no-repeat; height: 13px; width: 47px; }
.gnav li.about a { background: url(images/header/gnav-about.png) no-repeat; height: 13px; width: 61px; }
.gnav li.contact a { background: url(images/header/gnav-contact.png) no-repeat; height: 13px; width: 81px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
  .gnav li.home a { background: url(images/header/gnav-home-retina.png) no-repeat; background-size: 50px 13px; height: 13px; width: 50px; }
  .gnav li.design a { background: url(images/header/gnav-design-retina.png) no-repeat; background-size: 63px 13px; height: 13px; width: 63px; }
  .gnav li.lab a { background: url(images/header/gnav-lab-retina.png) no-repeat; background-size: 33px 12px; height: 12px; width: 33px; }
  .gnav li.note a { background: url(images/header/gnav-note-retina.png) no-repeat; background-size: 47px 13px; height: 13px; width: 47px; }
  .gnav li.about a { background: url(images/header/gnav-about-retina.png) no-repeat; background-size: 61px 13px; height: 13px; width: 61px; }
  .gnav li.contact a { background: url(images/header/gnav-contact-retina.png) no-repeat; background-size: 81px 13px; height: 13px; width: 81px; }
}



/* Footer
------------------------- */
#footer {
  border-top: none;
  margin-bottom: 30px;
  padding: 100px 0 0;
  position: relative;
}

.fnav a:hover { opacity: 0.7; }

.fnav {
  bottom: 0;
  left: 0;
  position: absolute;
}

.fnav li {
  float: left;
  list-style: none;
  margin-right: 10px;
  text-indent: -9999px;
}

.fnav .contact {
  margin-right: 0;
}

.fnav li a {
  display: block;
}

.fnav li.division {
  display: block;
  margin-right: 10px;
}

.fnav li.home a { background: url(images/footer/fnav-home.png) no-repeat; height: 10px; width: 38px; }
.fnav li.design a { background: url(images/footer/fnav-design.png) no-repeat; height: 10px; width: 49px; }
.fnav li.lab a { background: url(images/footer/fnav-lab.png) no-repeat; height: 9px; width: 25px; }
.fnav li.note a { background: url(images/footer/fnav-note.png) no-repeat; height: 10px; width: 35px; }
.fnav li.about a { background: url(images/footer/fnav-about.png) no-repeat; height: 10px; width: 47px; }
.fnav li.contact a { background: url(images/footer/fnav-contact.png) no-repeat; height: 10px; width: 65px; }
.fnav li.division { background: url(images/footer/fnav-division.png) no-repeat; height: 12px; width: 8px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
  .fnav li.home a { background: url(images/footer/fnav-home-retina.png) no-repeat; background-size: 38px 10px; height: 10px; width: 38px; }
  .fnav li.design a { background: url(images/footer/fnav-design-retina.png) no-repeat; background-size: 49px 10px; height: 10px; width: 49px; }
  .fnav li.lab a { background: url(images/footer/fnav-lab-retina.png) no-repeat; background-size: 25px 9px; height: 9px; width: 25px; }
  .fnav li.note a { background: url(images/footer/fnav-note-retina.png) no-repeat; background-size: 35px 10px; height: 10px; width: 35px; }
  .fnav li.about a { background: url(images/footer/fnav-about-retina.png) no-repeat; background-size: 47px 10px; height: 10px; width: 47px; }
  .fnav li.contact a { background: url(images/footer/fnav-contact-retina.png) no-repeat; background-size: 65px 10px; height: 10px; width: 65px; }
  .fnav li.division { background: url(images/footer/fnav-division-retina.png) no-repeat; background-size: 8px 12px; height: 12px; width: 8px; }
}

.copyright {
  position: absolute;
  right: 0;
  bottom: 0;
  text-indent: -9999px;
}
.copyright { background: url(images/footer/copyright.png) no-repeat; height: 11px; width: 352px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
  .copyright { background: url(images/footer/copyright-retina.png) no-repeat; background-size: 352px 11px; height: 11px; width: 352px; }
}



/* Modules
------------------------------------------------- */

/* Default
------------------------- */
table th {
  font-weight: normal;
  padding-right: 20px;
  text-align: left;
  vertical-align: top;
  width: 170px;
}

form table td {
  padding-bottom: 10px;  
}

body input[type="text"],
body input[type="email"],
body textarea {
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
}

body input[type="email"]{
  background: #fff;
  border: 1px solid #ccc;
  padding: 8px;
  outline: none;
}

body input[type="text"],
body textarea {
  border-radius: 0;
  color: #000;
  font-size: 15px;
}

body input[type="text"],
body input[type="email"] {
  width: 320px;
}

body input[type="submit"] {
  background: #000;
  border: none;
  border-radius: 0;
  color: #fff;
  font-size: 15px;
  padding: 12px 60px;
  -webkit-appearance: none;
}

body input[type="submit"]:hover {
  background: #333;
  cursor: pointer;
}

body textarea {
  width: 490px;
}



/* Contact Form
------------------------- */
body .wpcf7-not-valid-tip {
  color: #e74c3c!important;
  font-size: 12px!important;
}

body .wpcf7-response-output {
  padding: 10px!important;
}

body .wpcf7-validation-errors {
  border: 1px solid #e74c3c!important;
  color: #e74c3c!important;
}

body .wpcf7-mail-sent-ok {
  border: 1px solid #29b665!important;
  color: #29b665!important;
}



/* Page title
------------------------- */
.home-top-content {
  font-size: 12px;
}

.home-top-content .list {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.home-top-content li {
  display: inline;
}

.home-top-content li a {
  text-decoration: underline;
}

.home-top-content li a:hover {
  text-decoration: none;
}

.home-top-content .date {
  margin-right: 10px;
}

.home-top-content .division {
  margin: 0 13px;
}

.home-top-content li:last-child .division {
  display: none;
}



/* Page title
------------------------- */
.box .category-title {
  border: 1px solid #ccc;
  box-sizing: border-box;
  height: 235px;
  padding-bottom: 0;
  text-indent: -9999px;
  width: 235px;
}

.home .box .category-title {
  height: 220px;
  width: 220px;
}

.category-title-design { background: url(images/common/page-title-design.png) no-repeat; }
.category-title-lab { background: url(images/common/page-title-lab.png) no-repeat; }
.category-title-note { background: url(images/common/page-title-note.png) no-repeat; }
.category-title-about { background: url(images/common/page-title-about.png) no-repeat; }
.category-title-contact { background: url(images/common/page-title-contact.png) no-repeat; }
.home .category-title-design { background: url(images/common/page-title-design-home.png) no-repeat; }
.home .category-title-lab { background: url(images/common/page-title-lab-home.png) no-repeat; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
  .category-title-design { background: url(images/common/page-title-design-retina.png) no-repeat; background-size: 233px 233px; }
  .category-title-lab { background: url(images/common/page-title-lab-retina.png) no-repeat; background-size: 233px 233px; }
  .category-title-note { background: url(images/common/page-title-note-retina.png) no-repeat; background-size: 233px 233px; }
  .category-title-about { background: url(images/common/page-title-about-retina.png) no-repeat; background-size: 233px 233px; }
  .category-title-contact { background: url(images/common/page-title-contact-retina.png) no-repeat; background-size: 233px 233px; }
  .home .category-title-design {
    background: url(images/common/page-title-design-home-retina.png) no-repeat;
    background-size: 218px 218px;
  }
  .home .category-title-lab {
    background: url(images/common/page-title-lab-home-retina.png) no-repeat;
    background-size: 218px 218px;
  }
}

body .box.masonry-brick .category-title {
  margin-bottom: 28px;
}



/* .box
------------------------- */
.box {
  margin-bottom: 20px;
  width: 235px;
}

.box h1 {
  font-size: 12px;
  font-weight: normal;
  height: 18px;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.box img {
  border: 1px solid #ccc;
  box-sizing: border-box;
  display: block;
  height: 235px;
  margin-bottom: 10px;
  width: 235px;
}

.home .box {
  width: 220px;
}

.home .box img {
  height: 220px;
  width: 220px;
}



/* Pages
------------------------------------------------- */

/* Single
------------------------- */
.post {
  table-layout: fixed;
}

.entry-aside {
  font-size: 12px;
  line-height: 1.6;
  padding-right: 105px;
  vertical-align: top;
  width: 235px;
}

.entry-aside a {
  text-decoration: underline;
}

.entry-aside a:hover {
  text-decoration: none;
}

.entry-aside .link:before {
  content: "+";
  margin-right: 4px;
}

.entry-aside .entry-title {
  font-size: 18px;
  margin: 0;
}

.entry-aside .title-en {
  font-weight: bold;
  font-size: 14px;
}

/*.entry-aside .date {
  margin-top: 15px;  
}*/

.category-design .entry-aside .date,
.category-lab .entry-aside .date {
  display: none;
}

.entry-summary {
  border-top: 1px solid #ccc;
  margin-top: 40px;
  /*margin-top: 20px;*/
}

.entry-summary .summary-items {
  padding-top: 20px;  
}

.entry-summary .summary-items:first-child {
  padding-top: 40px;  
}

.entry-summary p {
  margin: 0;
}

body .entry-content-right,
.entry-content-right p {
  width: 660px;
}

.entry-content-right p {
  margin-top: 0;
}

.entry-content-right a { text-decoration: underline; }
.entry-content-right a:hover { text-decoration: none; }

.post img, .page img {
  height: auto;
  margin: 0;
  max-width: 100%;  
}

.recent {
  padding-top: 80px;
  margin-top: 80px;
}

/* Category Note
------------------------- */
.note-entry-list {
  padding-left: 344px;
}

.note-entry-list a { text-decoration: underline; }
.note-entry-list a:hover { text-decoration: none; }

.note-entry {
  font-size: 15px;
  margin-bottom: 15px;
}

.note-entry .date {
  margin-bottom: 2px;
}

/* あとで消す
------------------------------------------------- */
.home .infinitescroll {
  display: none;
}