@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*===========================================
   ikei architect
-------------------------------------------------------------*/
/*
// --------------------------------------------------------
// 2016.08.05
// --------------------------------------------------------
// project -xs表現を追加
//
*/
/* ナビバー内h1 */
h1.navbar-h {
  font-style: normal;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
/* マージン調整 */
#allcontents h2 {
  margin: 15px 0;
}
.mt-15 {
  margin-top: 15px;
}
body,
td,
th {
  color: 708090;
}
.GWF-mplus1p {
  font-family: 'Mplus 1p', sans-serif;
}
.GWF-sawarabigothic {
  font-family: 'Sawarabi Gothic', serif;
}
.GWF-sawarabimincho {
  font-family: 'Sawarabi Mincho', serif;
}
.GWF-notosans {
  font-family: "Noto Sans Japanese";
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
body {
  font-family: "Noto Sans Japanese";
}
@media screen and (max-width: 500px) {
  body {
    padding: 0;
  }
}
@media screen and (min-width: 501px) {
  body {
    padding: 20px;
  }
}
@media screen and (min-width: 800px) {
  body {
    padding: 20px 40px;
  }
  body #allcontents {
    width: 840px;
  }
}
nav ul {
  margin-top: 0;
  margin-bottom: 0;
}
nav ul li a {
  padding: 8px!important;
  margin: 5px!important;
  background: #fff;
  border-radius: 2px;
  font-size: 13px;
}
nav ul li a:hover {
  background: #eee!important;
}
.navbar-header {
  float: none;
  display: block;
}
@media (min-width: 750px) {
  .navbar-header {
    float: left;
    width: 34%;
  }
}
.navbar-default {
  border: none;
  background: none;
  box-shadow: none;
}
@media (min-width: 750px) {
  .navbar-collapse {
    float: right;
    width: 65%;
    padding-right: 0;
  }
  .navbar-collapse ul {
    float: right;
  }
  .navbar-collapse ul li:last-child a {
    padding-right: 0;
  }
}
@media (max-width: 749px) {
  .navbar-collapse {
    float: none;
  }
}
.navbar-brand {
  text-align: left;
  padding: 8px 0;
  font-size: 16px;
}
@media (max-width: 400px) {
  .navbar-brand {
    font-size: 15px;
  }
}
.navbar-toggle {
  margin: 0;
  background: #222;
  border-radius: 0;
  border: none;
  background: #fff;
}
.navbar-toggle span {
  color: #fff!important;
}
#allcontents {
  padding: 20px!important;
}
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
body,
td,
th {
  color: 666666;
}
.padding-bottom-base {
  padding-bottom: 10px;
}
#indexnews {
  margin-top: 20px;
}
#indexnews h5 {
  padding-top: 0;
  margin-top: 0;
}
#indexnews a {
  font-weight: bold;
}
@media screen and (min-width: 481px) {
  #indexnews {
    height: 150px!important;
    overflow-y: scroll!important;
  }
}
table td {
  padding: 0 4px 8px 0;
}
#projecttable ul {
  margin: 0;
  padding: 0;
}
#projecttable ul li {
  list-style: none;
  display: block;
  clear: both;
}
#projecttable ul li .box-list {
  display: block;
  margin: 10px;
  padding: 10px;
  border: 1px dotted #fff;
}
#projecttable ul li .box-list a > .box-list {
  color: #2A4092;
}
#projecttable ul li .box-list a > .box-list:hover {
  color: #666;
}
#projecttable ul li .box-list img {
  display: block;
  height: auto;
  max-width: 100%;
}
@media screen and (min-width: 680px) and (max-width: 820px) {
  #projecttable ul li .box-list {
    width: 100%;
  }
}
@media screen and (min-width: 480px) {
  #projecttable ul li .box-list img {
    width: 130px;
    float: left;
    padding-right: 10px;
  }
  #projecttable ul li .box-list .cell-title {
    float: left;
    width: 40%;
    font-size: 110%;
    padding: 30px 0 0 0;
  }
  #projecttable ul li .box-list .cell-address {
    float: left;
    width: 30%;
    padding: 30px 0 0 0;
  }
  #projecttable ul li .box-list .trm {
    display: inline-block;
    margin-top: 30px;
  }
}
@media screen and (max-width: 680px) {
  #projecttable ul li .box-list .cell-title {
    display: block;
  }
  #projecttable ul li .box-list .trm {
    margin-top: 6px;
  }
}
@media screen and (max-width: 480px) {
  #projecttable ul li .box-list img,
  #projecttable ul li .box-list .cell-title,
  #projecttable ul li .box-list .cell-addres {
    width: 100%;
    display: block;
    margin-top: 8px;
  }
  #projecttable ul li .box-list .trm {
    display: inline-block;
    padding: 0;
  }
}
#projecttable ul li .box-list .trm_start {
  background: #fff;
  padding: 0;
}
#projecttable ul li .box-list .trm_design {
  /*  background:#DDEFFD;*/
}
#projecttable ul li .box-list .trm_construction {
  /*background:#F4D7FF;*/
}
#projecttable ul a {
  /*    text-decoration:none;*/
}
#projecttable ul a .cell-title,
#projecttable ul a .cell-address,
#projecttable ul a .trm_design {
  text-decoration: underline!important;
}
.project_photo_xs ul {
  margin: 0;
  padding: 0;
}
.project_photo_xs ul li {
  list-style: none;
}
.project_photo_xs ul li img {
  padding: 8px;
  display: block;
  height: auto;
  max-width: 100%;
}
.img_main {
  /*	width: 800px;*/
  height: 532px;
  float: left;
}
.table_thumbnail {
  margin-left: -2px;
}
.table_thumbnail table td {
  width: 160px;
  padding: 2px 0;
  margin: 0;
}
.table_thumbnail table td a img {
  /* 793.984 / 5 = 158.7968 / 800 * 533 */
  height: 105.798368px;
  height: 106px;
}
.table_thumbnail img {
  padding: 2px;
}