@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------
　keyvisual
------------------------------------------------ */

.slick img{
	width: 100%;
	height: auto;
}
.slick button{
    display: none;
}
.slick .slick-outer{position: relative;}
.slick .slick-content{
      position: absolute;
      bottom: 30px;
      right: 30px;
      z-index: 150;
      color: #fff;
      margin: 0;
      padding: 0;
      width: 50%;
}
.slick .slick-content h2{
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 250%;
    color: #fff;
    text-align: right;
}
.slick img,
.slick img:hover{
    opacity: 1 !important;
}


/* ---------------------------------------------
　content
------------------------------------------------ */
.container{
    padding: 0;
}
.content{
    padding: 80px 0 50px 0;
}
.content .work{
    position: relative;
    padding: 0 7.14286em 4em;
}
.content .work ul.localNav{
    text-align:  center;
    margin: 0 0 40px 0;
}
.content .work ul.localNav li{
    margin: 0 20px;
    display: inline-block;
}
.content .work ul.localNav li a{
    font-size: 134%;
    font-weight: bold;
    border-bottom: #000 solid 1px;
    text-decoration: none;
}
.content .work ul.localNav li.journal a:hover{
    color: #FF3535;
    border-bottom: #FF3535 solid 1px;
}
.content .work ul.localNav li.publication a:hover{
    color: #FF4F9D;
    border-bottom: #FF4F9D solid 1px;
}
.content .work ul.localNav li.works a:hover{
    color: #00AAEF;
    border-bottom: #00AAEF solid 1px;
}
.content .work ul.localNav li.event a:hover{
    color: #25e488;
    border-bottom: #25e488 solid 1px;
}
.content .workArea{
    margin: 0 0 0 -2%;
}
.content .workArea .Box{
    margin: 0 0 40px 2%;
    width: 31.3333333333333%;
    float: left;
}
.content .workArea .Box:hover{
    box-shadow: 0 0 10px gray;
    color: #fff;
}
.content .workArea .Box.JOURNAL:hover{
    background: #FF3535;
}
.content .workArea .Box.PUBLICATION:hover{
    background: #FF4F9D;
}
.content .workArea .Box.WORKS:hover{
    background: #00AAEF;
}
.content .workArea .Box.EVENT:hover{
    background: #25e488;
}
/*.content .workArea .Box.EVENT:hover a,
.content .workArea .Box.EVENT:hover .textArea p.time{
    color: #000;
}
.content .workArea .Box.EVENT:hover .textArea p.cate{
    border: #000 solid 1px;
}
.content .workArea .Box.EVENT:hover .textArea p.cate a{
    color: #000;
}*/
.content .workArea .Box p.img{
    overflow: hidden;
    margin: 0;
}
.content .workArea .Box p.img img{
    max-width: inherit;
    min-width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transition: transform .8s cubic-bezier(.23,1,.32,1);
    -moz-transition: transform .8s cubic-bezier(.23,1,.32,1);
    -o-transition: transform .8s cubic-bezier(.23,1,.32,1);
    -webkit-transition: transform .8s cubic-bezier(.23,1,.32,1);
    transform-origin: center center;
    moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    width: 100%;
    opacity: 1 !important;
}
.content .workArea .Box:hover img{
    transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    opacity: 1 !important;
}
.content .workArea .Box a{
    margin: 0;
}
.content .workArea .Box:hover a{
    color: #fff;
}
.content .workArea .Box .textArea{
    padding: 15px;
}
.content .workArea .Box .textArea a{
    text-decoration: none;
}
.content .workArea .Box .textArea p.cate{
    display: inline-block;
    padding: 3px 10px 1px 10px;
    color: #fff;
    margin: 0;
}
.content .workArea .Box .textArea p.cate a{
    color: #fff;
}
.content .workArea .Box.JOURNAL .textArea p.cate{
    border: #FF3535 solid 1px;
    background: #FF3535;
}
.content .workArea .Box.PUBLICATION .textArea p.cate{
    border: #FF4F9D solid 1px;
    background: #FF4F9D;
}
.content .workArea .Box.WORKS .textArea p.cate{
    border: #00AAEF solid 1px;
    background: #00AAEF;
}
.content .workArea .Box.EVENT .textArea p.cate{
    border: #25e488 solid 1px;
    background: #25e488;
}
.content .workArea .Box.JOURNAL:hover .textArea p.cate,
.content .workArea .Box.PUBLICATION:hover .textArea p.cate,
.content .workArea .Box.WORKS:hover .textArea p.cate,
.content .workArea .Box.EVENT:hover .textArea p.cate{
    border: #fff solid 1px;
}
.content .workArea .Box .textArea h2{
    font-size: 120%;
    line-height: 1.4;
    font-weight: bold;
    margin: 10px 0;
}
.content .workArea .Box .textArea p.time{
    color: #00A8B8;
    margin: 0;
}
.content .workArea .Box:hover .textArea p.time{
    color: #fff;
}
.content .workArea .Box .textArea p.tag{
    color: #00A8B8;
    margin: 0;
}
.content .workArea .Box .textArea p.tag .hash {
    padding-right: .71429em;
    display: inline-block;
    vertical-align: baseline;
}
.content .work p.button{
	width: 450px;
	margin: 30px auto 0 auto;
}
.content .work p.button a{
	display: block;
	color: #231815;
	font-size: 110%;
	padding: 12px 0 9px 0;
	text-align: center;
	font-weight: bold;
    border: #231815 solid 2px;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out; 
    -moz-transition: 0.3s ease-in-out; 
    -o-transition: 0.3s ease-in-out; 
    transition: 0.3s ease-in-out;
}
.content .work p.button a:hover{
    color: #fff;
	background: #231815;
}

.content .contact{
    max-width: 800px;
    margin: 0 auto;
}
.content .contact h2{
    text-align:  center;
    margin: 0 0 25px 0;
}
.content .contact h2 img{
    width: 134px;
    height: auto;
}
/*.content .contact table{
	border: none;
}
.content .contact table th,
.content .contact table td{
	padding: 20px 0 0 15px;
	border: none;
}
.content .contact table th{
    font-size: 110%;
	font-weight: bold;
    text-align: right;
    background: none;
    padding: 20px 15px 0 0;
}*/
.content .contact table td input,
.content .contact table td textarea{
    border: #231815 solid 1px;
    padding: 10px;
}
.content .contact table td input.email,
.content .contact table td textarea{
    width: 100%;
}
.content .contact .center{
    margin: 30px 0 0 0;
    text-align: center;
}
.content .contact .center input{
    width: 90px;
}