@charset "UTF-8";
/* =========================================================
class
========================================================= */
/* クリアフィックス */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

/* クリア */
.clear {
  clear: both;
}

/* マージン設定 */
.mNone {
  margin-top: 0 !important;
}

.mSS {
  margin-top: 0.5em !important;
}

.mS {
  margin-top: 1em !important;
}

.mM {
  margin-top: 2em !important;
}

.mL {
  margin-top: 3em !important;
}

.mLL {
  margin-top: 4em !important;
}

/* テキスト位置 */
.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

/* 見出し */
.headline1 {
  font-size: 1.8rem;
  margin-top: 5em;
  margin-bottom: 0.5em;
}

.headline2 {
  margin-top: 3.5em;
}

.headline3 {
  margin-top: 2em;
}

/* リード文 */
.lead {
  font-weight: bold;
  font-size: 設定項目;
}

/* 透過用ロールオーバー用 */
.hover:hover {
  display: block;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
  opacity: 0.7;
}

/* リンクアイコン */
.linkicon {
  background: 設定項目;
  padding-left: 設定項目;
}

/* リンクボタン */
.btn {
  color: #FFF;
  text-decoration: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: #0075BF;
  padding: 10px 20px;
}
.btn:link, .btn:visited, .btn:active, .btn:hover, .btn i {
  color: #FFF;
}
.btn:hover {
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
  opacity: 0.7;
}

.small {
  font-size: 86%;
}

.large {
  font-size: 115%;
}

/* ※マーク */
.asterisk {
  display: block;
  font-size: 86%;
  margin-left: 1em;
  text-indent: -1em;
}

/* テーブルの設定 */
.table {
  width: 100%;
}

/* リスト */
ul.list {
  overflow: hidden;
  zoom: 1;
}
ul.list li {
  background: 設定項目;
  padding-left: 設定項目;
}

/* 水平線リスト*/
.listeven li {
  float: left;
  white-space: nowrap;
  margin-right: 20px;
}

/* リストグループ */
ul[class*="list1-"] {
  clear: both;
  overflow: hidden;
  zoom: 1;
}

ul[class*="list1-"] li {
  padding-right: 20px;
  float: left;
  line-height: 1.4;
}

/* 番号付リスト */
ol.list {
  counter-reset: li;
}

ol.list li {
  position: relative;
  margin-left: 1em;
}

ol.list li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -1em;
  width: 1em;
  text-align: center;
}

/* 周り込figure */
.figureR, .figureL {
  display: table;
  width: 1px;
}
.figureR figcaption, .figureL figcaption {
  font-size: 86%;
  text-align: center;
  margin-top: 0.5em;
}
.figureR img, .figureL img {
  max-width: inherit;
}

.figureR {
  float: right;
  margin: 0 0 1.5em 20px;
}

.figureL {
  float: left;
  margin: 0 20px 1.5em 0;
}

/* 写真にスタイルつける */
/* フロートした写真の横に配置するオブジェクト回り込み解除 */
.nowrap {
  overflow: hidden;
}

/* youtube */
.youtube {
  margin-top: 1em;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* コラムレイアウトの設定 */
.column {
  zoom: 1;
}

.column:after {
  content: "";
  display: block;
  clear: both;
}

/* =========================================================
layout
========================================================= */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

i {
  margin-right: 0.5em;
  color: #0075BF;
}

img {
  max-width: 100%;
  height: auto;
}

body {
  border-top: 3px solid #0075BF;
}

#main_header {
  margin-bottom: 30px;
}
#main_header #logo {
  margin: 30px 0 0 0;
}
#main_header #gloval {
  margin: 30px 0 0 0;
}
#main_header #gloval ul {
  width: 100%;
  display: table;
}
#main_header #gloval ul li {
  text-align: center;
  display: table-cell;
}
#main_header #gloval ul li a {
  padding: 10px 10px;
  color: #000;
  display: block;
}
#main_header #gloval ul li a:hover, #main_header #gloval ul li a.current {
  color: #0075BF;
}

.link_section {
  border: 1px solid #DDD;
}
.link_section h2 {
  text-align: center;
  background: #EEE;
  font-size: 1.6rem;
  padding: 5px 10px;
}
.link_section ul {
  padding: 0 20px 20px;
}
.link_section ul li {
  margin-top: 1em;
}
.link_section + section {
  margin-top: 2em;
}

#bannerArea {
  margin-top: 3em;
  font-size: 1.2rem;
}
#bannerArea li {
  text-align: center;
  margin-top: 1.5em;
}
#bannerArea li .widget_sp_image-description {
  margin-top: 0.5em;
}

#main {
  margin-top: 3em;
}

aside #architect {
  background: #f0f3f7;
  padding: 0 15px 15px 15px;
  border-top: 2px solid #0075BF;
}
aside #architect h2 {
  font-weight: normal;
  background: #0075BF;
  color: #FFF;
  margin-left: -15px;
  margin-right: -15px;
  text-align: center;
  padding: 8px;
  margin-bottom: 20px;
}
aside #architect figure {
  margin-bottom: 0.5em;
  text-align: center;
}
aside #architect figure img {
  width: auto;
  max-height: 160px;
}

#main_footer {
  clear: both;
  margin-top: 3em;
  background: #EEE;
  padding-top: 30px;
}
#main_footer address {
  font-style: normal;
}
#main_footer address h2 {
  color: #0075BF;
  font-size: 1.6rem;
  margin-bottom: 0.5em;
}
#main_footer small {
  background: #0075BF;
  display: block;
  color: #FFF;
  text-align: center;
  font-size: 1rem;
  padding: 15px;
  margin-top: 3em;
}
#main_footer #footer_nav li {
  margin-left: 20px;
  display: inline-block;
  text-align: right;
}

.news_list li {
  margin-top: 2em;
}
.news_list li .date {
  display: block;
  float: left;
  width: 80px;
}
.news_list li .title {
  display: block;
  margin-left: 100px;
}
.news_list li .title .cat_icon {
  color: #FFF;
  background: #0075BF;
  font-size: 1rem;
  padding: 3px 5px;
  font-style: normal;
}
.news_list li .fa {
  margin-left: 10px;
}

#titleArea {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 2em 0;
}
#titleArea #page_title {
  vertical-align: top;
  font-weight: bold;
  margin-top: 1em;
  font-size: 2.8rem;
}
#titleArea #page_title time {
  text-align: right;
  display: block;
  font-size: 1.4rem;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #0075BF;
}
#titleArea .breadcrumb {
  font-size: 1.2rem;
}
#titleArea .breadcrumb li {
  float: left;
}
#titleArea .breadcrumb li + li:before {
  content: ">";
  margin-right: 5px;
  margin-left: 5px;
}

.nav-links {
  margin-top: 3em;
  letter-spacing: -.40em;
  text-align: center;
}
.nav-links span, .nav-links a {
  letter-spacing: normal;
  display: inline-block;
  line-height: 1;
  border-left: 1px solid #DDD;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 10px 10px;
}
.nav-links a:last-child {
  border-right: 1px solid #DDD;
}
.nav-links .current {
  background: #0075BF;
  color: #FFF;
  border: 1px solid #0075BF;
}

/* =========================================================
home
========================================================= */
.home article #greeting {
  background: #EEE;
  padding: 25px;
}
.home article #greeting figure img {
  width: 150px;
  height: auto;
}
.home article section {
  margin-top: 3em;
}
.home article section h2 {
  padding-left: 20px;
  font-size: 1.8rem;
  border-left: 1px solid #0075BF;
}
.home article .news_list li {
  margin-top: 0.8em;
}

#slideshow {
  margin-bottom: 30px;
}
#slideshow ul {
  position: relative;
}
#slideshow ul li {
  text-align: right;
}
#slideshow ul li .widget_sp_image-description {
  text-align: left;
  position: absolute;
  top: 0;
  height: 100%;
  background: url(../images/logo.svg) no-repeat right bottom #0075BF;
  background-size: 220px auto;
  color: #FFF;
  width: 30%;
  padding: 20px 30px;
  font-size: 26px;
  font-weight: bold;
  vertical-align: middle;
  display: table-cell;
}
#slideshow ul li .widget_sp_image-description p {
  position: relative;
  top: 50%;
}
#slideshow ul li img {
  width: 70%;
  margin-left: 30% !important;
  display: block;
}

.viewer {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.viewer ul {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.viewer ul li {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
}
.viewer ul li img {
  width: 100%;
}

/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
  margin-top: -25px;
  top: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 101;
}

.viewer .btnPrev {
  left: 10px;
  background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}

.viewer .btnNext {
  right: 10px;
  background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}

/* =========================================================
print style
========================================================= */
.single-architect .article_content .btn {
  width: 100%;
  padding: 10px;
  font-size: 2rem;
}

/* =========================================================
print style
========================================================= */
/* プリント用のスタイル */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: uderline;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }
}

/*# sourceMappingURL=main.css.map */