@charset "utf-8";
/*!---追加-----*/
#wrapper     { margin: 0; padding: 0; width: 100%; height: 100%; position: relative; }
body         { font-family: sans-serif; line-height: 1.5; }
header       { position: absolute; width: 100%; height: 50px; background-color: teal; }
header .logo { margin: 0; padding: 8px 15px; text-align: left; }
header .logo a img:hover { opacity: .7; }
img          { max-width: 100%; height: auto; }
.keytex      { margin-top: 0; padding: 20px; }

/* ヘッダ NAVI */
ul.menu                { float: right; }
ul.menu li             { border-right: 1px solid #4c9490; }
ul.menu li:first-child { border-left: 1px solid #4c9490; }
ul.menu li.active a    { color: #fff; background: #4c9490; text-decoration: none; }
ul.menu li a:link      { color: #fff; text-decoration: none; }
ul.menu li a:visited   { color: #fff; text-decoration: none; }
ul.menu li a:active    { color: #fff; text-decoration: none; }
ul.menu li a:hover     { color: #fff; background: #99c2c0; text-decoration: none; }
.navbar-toggle         { background-color: #4c9490; border: none; }
.icon-bar              { background-color: #fff; }
@media screen and (max-width: 767px) {
 .keytex    { padding: 20px 10px; }
 #navi-menu ul.menu            { width: 100%; }
 #navi-menu ul.menu li         { border: none; background: #4c9490; border-bottom: 1px solid #99c2c0; }
 #navi-menu ul.menu li a:hover { background: rgba(255,255,255,0.2); }
}

/* MAIN contents */
.main_contents          { margin: 0 auto; padding: 3px; min-height: 600px; }
.main_contents .project { margin-bottom: 15px; padding: 15px; border: 1px solid #ccc; position: relative; }

/* はみ出さないtable */
.over_scroll       { box-sizing: border-box; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.over_scroll table { max-width: 100%; }

@media screen and (max-width: 767px) {
 .main_contents          { margin: 0 auto 1rem auto; padding: 3px; }
 .main_contents .project { margin-bottom: 1rem; padding: 1rem; padding-top: 0; border: 1px solid #ccc; }
 h2 { font-weight: 900; font-size: 1.8rem; margin-top: 1rem; margin-bottom: .5rem; }
 h3 { font-weight: 900; font-size: 1.5rem; margin-top: 1rem; margin-bottom: .5rem; }
}


/* footer */
#footer                  { width: 100%; height: auto; color: #fff; background: #8fa1b3; }
#footer .copyright       { padding: 15px; text-align: center; font-size: 80%; }
@media screen and (max-width: 767px) {
    #footer .container { padding-top: 0; }
    #footer .copyright { margin: 0 15px; padding: 1em; border-top: 1px solid #7a8599; text-align: center; }
}

/* ページトップへ戻る */
#pageTop      { display: none; position: fixed; right: 30px; bottom: 30px; z-index: 9999; width: 45px; height: 45px;
 font-size: 16px; text-align: center; line-height: 50px; text-decoration: none;
 cursor: pointer; transition: background 0.25s linear; border-radius: 4px; background: #006661; opacity: 0.4; filter: alpha(opacity=60); zoom: 1; }
#pageTop span { color: #fff; }
.glyphicon-scroll-up:before { content: "\e260"; }