@charset "utf-8";
/*
Theme Name:MONOLITH
Theme URI:
Description:WordPressテーマ「MONOLITH」
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Version:1.2
Text Domain:tcd-w
*/


/* ------------------------------------------------------------------------------------
 web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
------------------------------------------------------------------------------------ */
@font-face {
  font-family: 'design_plus';
  src: url('fonts/design_plus.eot?v=1.2');
  src: url('fonts/design_plus.eot?v=1.2#iefix') format('embedded-opentype'),
       url('fonts/design_plus.woff?v=1.2') format('woff'),
       url('fonts/design_plus.ttf?v=1.2') format('truetype'),
       url('fonts/design_plus.svg?v=1.2#design_plus') format('svg');
  font-weight: normal;
  font-style: normal;
}




/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; max-width:100%; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance: checkbox; }
input[type="radio"]{ -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
img { -ms-interpolation-mode:bicubic; }

/* clearfix */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}
/* end MacIE5 */


/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body { font-family:Arial,sans-serif; color:#333; line-height:1; width:100%; min-width:1250px; }
.pc .admin-bar { padding-top:33px; }
a { color:#333; text-decoration:none; }
a, a:before, a:after, input {
  -webkit-transition-property:background-color, color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  -moz-transition-property:background-color, color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
  -o-transition-property:background-color, color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
  transition-property:background-color, color; transition-duration:0.2s; transition-timing-function:ease;
}
a:hover { text-decoration:none; }

a:hover, #comment_header ul li a:hover, .pc #global_menu > ul > li.active > a, .pc #global_menu li.current-menu-item > a, .pc #global_menu > ul > li > a:hover, #header_logo .logo a:hover, #bread_crumb li.home a:hover:before, #bread_crumb li a:hover, #archive_news_list li a .entry-date, #related_post li .title a:hover, #comment_headline, #footer_widget .footer_headline, .index_news_list ol a .entry-date, .footer_menu li:first-child a, .footer_menu li:only-child a, .color_headline, #project_title, #project_list .title span.project_title, .post_content a {
    color: #00698C;
}

.clear { clear:both; }
.hide { display:none; }

/* 細字のゴシック体 */
.light_font { font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight: 100; } 



#header{position: fixed; top: 0;}

/* ヘッダーコンテンツ */
#header_content {
  width:1250px; margin:0 auto 80px; padding:0 25px 0;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}

/* ロゴ */
#logo_text, #logo_image { position:absolute; left:25px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
#header_logo .logo { font-size:20px; margin:0; }
#header_logo .logo a { text-decoration:none; }
#logo_image img { display:block; }
@media screen and (max-width: 768px) {
  #logo_text, #logo_image{
    left: 0;
  }
}

/* フッター下部 */
#footer_bottom { background:#000; width:100%;}
#footer_bottom_inner { max-width:1200px; margin:0 auto; padding: 25px 2%;}

/* コピーライト */
#copyright { display:block; margin:auto; text-align:center; font-size:12px; color:#fff; z-index:1; }
#copyright a { color:#fff; }


/* TOP表示用の会社概要スタイル */
.outline { padding-bottom: 40px !important; }
.outline .headline { font-size: 42px; text-align: center; margin-bottom: 40px; font-weight: bold; }
.outline th { background: #ddd; font-weight: bold; }
.outline td, th { border: 1px solid #bbb; padding: 10px 15px; line-height: 2.2; }
.sp { display: none; }
@media screen and (max-width: 768px) { .outline th { border: 1px solid #bbb; box-sizing: border-box; display: block; width: 100%; border-right: none; padding: 3.11% 3.11% 3.11% 3.11%; } .outline td { box-sizing: border-box; display: block; width: 100%; padding: 4.67% 3.11% 4.67% 3.11%; } .sp { display: block; } }

.btn_wrap a::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 1rem;
    border-right: 1px solid rgba(3, 3, 3, 0.5);
    border-bottom: 1px solid rgba(3, 3, 3, 0.5);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: 3px;
}