@charset "UTF-8";


html,body {height: 100%;width: 100%
}
body {
    line-height: 1.8; font-family: "VL ゴシック","VL Gothic",BIMINI,Bauhaus,'Hiragino Maru Gothic Pro',"ヒラギノ丸ゴ Pro W4",'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo UI','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;font-size:13px; color: #808080;background:#FFFFFF;letter-spacing: 0.2em;}
em{ font-style:normal;  font-weight:normal;}
a{ color: #808080;text-decoration:underline}
a:link{ color: #808080;text-decoration:underline}
a:visited{color: #808080;text-decoration:underline}
a:hover{color:#669900}
img{max-width: 100%;height: auto}
@media screen and (max-width: 767px) {/*スマホ設定*/
*{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;margin: 0;padding: 0;}
html{width: 100%;height: 100%;overflow-y: scroll;font-size: 62.5%;-webkit-font-smoothing: antialiased;}
body{font-size: 11px;font-size: 1.1rem;min-width:100%;height: 100%;
min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;}
  html {
  height: -webkit-fill-available;
}
}
@media screen and (min-width: 769px) {/*【タブレット縦以上】*/
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
}
/* = Selected Text
----------------------------------------------- */
::selection {background:#fff; /* Safari */}
::-moz-selection {background:#fff; /* Firefox */}


#slide {position:fixed;left:0;top: 0;width:55%;height: 100%;min-height: 100%;display:table;text-align:left;overflow: hidden}
#slide img{width:100%;height: auto;position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%); /*要素の大きさの半分ずつを戻す*/
  -webkit-transform: translateY(-50%) translateX(-50%);}
@media screen and (max-width: 767px) {/*スマホ設定*/
#slide {width:60%;}
}
.absolute_transform{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%); /*要素の大きさの半分ずつを戻す*/
  -webkit-transform: translateY(-50%) translateX(-50%);
}
body:first-of-type #slide{}
#slide em{position: absolute;bottom: 0;left: 0; font-size:77%;color:#cccccc;z-index: 99}

@media screen and (max-width: 896px) and (orientation: landscape){/*スマホ 横のみ*/
#slide em{position: static}
}

#wrapper {position:relative;}

#header {position: fixed;width:43%; right: 0;z-index: 999;font-size:116%;text-align:right;height: 100%;min-height: 100%;display:table;}


body > #sidebar,body > #slide {height: auto;}
body > #header {height: auto;}
#mid{display:table-cell;vertical-align:middle;padding:20px 0;}
#menu1,#menu2{ cursor:pointer;}
#menu1:hover,#menu2:hover{color:#669900}
#header h3{ font-size:77%; line-height:1.8em; }
#header address{ font-style:normal; font-size:77%;clear:both;padding-right:10px;}
h1{ clear:both;margin:0; padding:0; text-align:left;padding-top:20px; padding-bottom:15px}
#header ul#menu{float:right;	padding-right:10px;	font-family: BIMINI,Bauhaus,'Hiragino Maru Gothic Pro',"ヒラギノ丸ゴ Pro W4",'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo UI','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;	letter-spacing: 0.2em;}
#header #menu li{ clear:both;padding:4px 0; font-size:1rem;text-align:right;}
#header #menu li.end{ background:none;}
#header #menu li a{ width:30%; float:right; display:block; text-decoration:none; background:url(../images/right.gif) no-repeat left center;}
#header #menu li a:hover{color:#669900}
#header ul#submenu{ width:30%; float:right;padding-right:10px;letter-spacing: 0.2em;font-family: BIMINI,Bauhaus,'Hiragino Maru Gothic Pro',"ヒラギノ丸ゴ Pro W4",'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo UI','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}
#header #submenu li{ padding:10px 0; font-size:116%;}
#header #submenu li.end{ background:none;}
#header #submenu li a{ display:block; text-decoration:none;background:url(../images/left.gif) no-repeat left center;}
#header #submenu li a:hover{color:#669900}

#Half{position: absolute;top: 0; left:0;width: 50%;z-index: 900;}
#Half p a {padding:10px 0; background:url(../images/left.png) no-repeat left center; padding-left:12px; font-size:116%; font-weight:bold}
#Half p span{background:#000000; color:#FFFFFF; padding:3px 5px}
#nagata,#nagata2,#exhibition,#publication,#map{ position:absolute;width:100%; left:0px; top:0px; padding:20px; font-size:85%; text-align:left; color:#333333; display:none;}
#nagata h2,#map h2{font-size:116%; text-align:left;}
#nagata .overview dt{right: 0;	width: 5em;	font-weight: normal;line-height: 1.9em;}
#nagata .overview dd{padding: 2px 5px 5px 10px;	margin-left: 5em;	margin-top: -2.1em;	line-height: 1.9em;}
#gmap {width: 100%;margin: auto;height: 0;overflow: hidden;padding-bottom: 65.25%;position: relative;}
#gmap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.overview1.line{border-top: 1px solid #fff;margin-top: 60px}
@media screen and (max-width: 767px) {/*スマホ設定*/
#header {padding-left:0px;100%}
#header { width:40%;font-size:0.6rem;}
#header #menu li{font-size:0.6rem;}
#header #menu li a{ width:75%;margin-left: 0;font-size:10px; }
#Half{width: 60%;}
#nagata,#nagata2,#exhibition,#publication,#map,
#nagata h2,#map h2{font-size: 10px;line-height: 1.5em;}
#gmap {padding-bottom: 85.25%;}
#nagata dd{line-height: 1.5em}
}
@media screen and (max-width: 896px) and (orientation: landscape){/*スマホ 横のみ*/
#header #menu li a{ width:30%;}
#header #menu li{padding:0px 0;}
h1{width: 80%;margin: 0 0 0 auto}
}

.overview2{overflow:auto;	overflow-x:hidden; height:670px;width:100%;}


#sidebar {
    position: fixed; _position: absolute; top: 0px; right: 32%;width:220px; z-index: 1000;border: 2px solid #c1c2c2;background:url(../images/slide_bg.png) repeat;
	font-size:93%; 
	
	
	color:#333333;line-height:1.9em;
	height:100%;min-height: 100%;display:none;
}
.sliderarea{width:210px;height:92%; position:absolute; left:0; top:50px; overflow:scroll;	overflow-x:hidden;}



.Right{ text-align:right; padding-right:10px; }
.Right2{ text-align:right; padding-right:10px; margin-bottom:10px;}

.sidebar-tool {background-color: #FFFFFF;	width:200px;top:0;border-bottom: 2px solid #c1c2c2;cursor: pointer;}    
.sidebar-close {float: left;cursor: pointer; width: 40px; height: 40px; display:block;text-indent: -9999px;overflow: hidden;background-image: url(../images/close.png); background-position: 50% 50%;background-repeat: no-repeat;}

#sidebar h2.sidebar-title{width:140px; float:right;text-align:right; padding: 10px 0 ;font-size:108%; padding-right:20px; font-weight:normal;}
.year {padding-top:20px;border-bottom:1px solid #cccccc;text-align:center;}
.aa{padding:20px 10px;clear:both; text-align:center;}
.aa p{ font-size:85%}





#sidebar h3{border-bottom:1px solid #cccccc; padding-top:20px; text-align:center; margin:auto; margin-bottom:10px;width:150px; }
h3{padding-top:10px; text-align:center;  margin-bottom:10px;}
h3 span{border-bottom:1px solid #cccccc; }

#project-slide .aa{text-align: left}
#project-slide h3{ font-weight:normal; margin-bottom:0;text-align: left}
#project-slide li{ font-weight:bold; padding-bottom:10px}

#profile-slide ul{ clear:both; width:96%; margin:20px auto;}
#profile-slide li{margin-bottom: 12px;text-align: left}
#map a{font-size:85%;  color:#333333;}
.pT30{ padding-top:30px;}
.clr {clear:both;	height:0}


#project-slide li{ float:none;}

#build-slide ul{ clear:both; width:100%; margin:auto;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
#build-slide ul.lists li{width: 22%;margin-bottom: 6px}
#build-slide ul.lists li a{ display:block;border:1px solid #CCC;height:auto; width:100%; overflow:hidden;position:relative;}
#build-slide ul.lists li a:hover{ border:1px solid #000;}
#build-slide ul.lists li img{/*top:-4px; left:0px; position:absolute;*/;width: 100%;
  height:40px;
  object-fit: cover;}
#build-slide ul.lists:after {
    content: "";
    display: block;
    width: 22%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
#build-slide ul.lists::before{
  content:"";
  display: block;
  width:22%;
  order:1;
}
#build-slide ul.lists::after{
  content:"";
  display: block;
  width:22%;
}
/*#build-slide li{display:inline;list-style:none;text-align:center; padding:0.7em;}*/



.preloader {
width:50px;
height:50px;
background:url(i/89.gif) center center no-repeat;
}
.clearfix:after {
   content: ".";display: block;clear: both;height: 0;visibility: hidden;
}
iframe{	margin: 0px;padding: 20px 0;height: 350px;width: 500px;}


/*2014.4追加（年毎表示）*/
.acMenu{width: 90%;margin: auto;}
.acMenu dt{display:block;margin:auto;font-size:85%; font-weight:bold;padding-top:12px; padding-bottom:6px; line-height:1.2em;border-bottom:#ccc 2px solid;cursor:pointer;background:url(../images/leftoff.png) no-repeat left 48px; padding-left:12px;text-align:left;color:#999;}
	
.acMenu dt span{ font-size:85%;}
.acMenu dt ul{ width:100%;}
.acMenu dt table{ width:100%;}
.acMenu dt td{vertical-align:middle;}
.acMenu dt td p{font-size:85%; padding-left:8px}
.acMenu dt td .p{ width:100%; height: auto; overflow:hidden;border:1px solid #CCC;margin-bottom: 10px}
.acMenu dt td .p img{width: 100%;height: auto}
.acMenu dd{margin: 0;padding: 0;display:none;font-size:85%;text-align:center; padding-top:10px; padding-bottom:20px;}
	
.acMenu dt.active{background:url(../images/lefton.png) no-repeat left 48px; padding-left:12px;color:#000;border-bottom:#000 2px solid;}
.acMenu dd p{ background:#ececec; font-size:80%; text-align:right; padding-right:10px;}
.acMenu dt.active,
.acMenu dd.active{display: block}

@media screen and (max-width: 767px) {/*スマホ設定*/
#sidebar {right: 7px;width:37%;}
.sliderarea{width: 100%;margin: auto;top:20px;}
.sidebar-tool {width:100%;}
.sidebar-close {width: 20px;height: 20px}
.Right img,
.Right2 img{width: 20px;height: 20px}
.aa{padding:0px;}
#sidebar h2.sidebar-title{width:70%;padding:0 10px 0px 0}
.acMenu{width: 96%;}
.acMenu dt,
.acMenu dt td p,
#project-slide h3,
#project-slide li,
.aa p,
.acMenu dd p,
#profile-slide li{font-size: 10px!important;line-height: 1.5em;letter-spacing:0em}
.aa{text-align:left;}
.acMenu dt{padding-top:6px; }
.acMenu dd{padding-bottom:10px;}
.acMenu dt span{font-size: 8px}
.acMenu dt td .p{ width:30px; height:30px;}
#project-slide ul{width: 94%;margin: auto}
#sidebar h3{width:94%;margin: auto}
#project-slide h3{margin-bottom: 10px}
.pT30{ padding-top:0px;}
.acMenu dt td .p{ width:100%; height:auto;}.acMenu dt td .p img{width: 100%;height: auto}
.acMenu dt,.acMenu dt.active{background:none; padding-left:0px;}
#build-slide ul.lists li img{  height:25px;}
}
@media screen and (max-width: 896px) and (orientation: landscape){


#sidebar {right: 7px;width:20%;}

.sliderarea{width: 100%;margin: auto;top:20px;}
.sidebar-tool {width:100%;}
.sidebar-close {width: 20px;height: 20px}
.Right img,
.Right2 img{width: 20px;height: 20px}
.aa{padding:0px;}
#sidebar h2.sidebar-title{width:70%;padding:0 10px 0px 0}
.acMenu{width: 96%;}
.acMenu dt,
.acMenu dt td p,
#project-slide h3,
#project-slide li,
.aa p,
.acMenu dd p,
#profile-slide li{font-size: 10px!important;line-height: 1.5em;letter-spacing:0em}
.aa{text-align:left;}
.acMenu dt{padding-top:6px; }
.acMenu dd{padding-bottom:10px;}
.acMenu dt span{font-size: 8px}
.acMenu dt td .p{ width:30px; height:30px;}
#project-slide ul{width: 94%;margin: auto}
#sidebar h3{width:94%;margin: auto}
#project-slide h3{margin-bottom: 10px}
.pT30{ padding-top:0px;}
.acMenu dt td .p{ width:100%; height:auto;}.acMenu dt td .p img{width: 100%;height: auto}

}