@charset "utf-8";



/* structure
--------------------------------------------------------------*/
div#contents{
	width:100%;
	text-align:center;
}
div#contents h1{
	margin-top:0;
	text-align:center;
}


/* ancher_btn
--------------------------------------------------------------*/
ul#ancher_btn{
	width:100%;
	margin:0 auto 30px;
	text-align:center;
	letter-spacing:-0.4em;
}

ul#ancher_btn li.tab{
	width:300px;
	display:inline-block;
	*display:inline;
	margin:0 10px 10px;
	padding:5px 10px;
	font-size:18px;
	text-align:center;
	vertical-align:top;
	letter-spacing:normal;
	border:1px #2f86eb solid; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
    transition: all 0.3s ease;
	overflow:hidden;
    cursor:pointer;
	zoom:1;
}


ul#ancher_btn li.tab{
	background-color:#fff;
}
ul#ancher_btn li.tab.is-active{
	color:white;
	border:1px #2f86eb solid; 
	background-color:#2f86eb;
}
ul#ancher_btn li.tab:hover{
	color:white;
	border:1px #ff6400 solid; 
    background:#ff6400;
}


/* tab */
div.tab_contents{
    display:none;
}
div.tab_contents.is-show{
    display:block;
}

/* new
--------------------------------------------------------------*/
div#new{
	margin-bottom:30px;
}
div#new ul{
	text-align:center;
}
div#new ul li{
	margin:0 50px 30px;
	text-align:center;
}
div#new ul li a{
	display:block;
	height:515px;
	margin-bottom:3px;
	vertical-align:bottom;
	border:1px #ccc solid;
}

div#new ul li.himematsu a{
	height:352px;
	margin-top:163px;
}
@media only screen and (max-width:1054px){
	div#new ul li.himematsu a{
		height:352px;
		margin-top:0;
	}
}

/* publications
--------------------------------------------------------------*/
p.coution{
	margin:-25px auto 25px;
	text-align:center;
}

ul.list{
	width:100%;
	letter-spacing:-0.4em;
}
ul.list li{
	width:150px;
	display:inline-block;
	*display:inline;
	margin:0 68px 20px 0;
	vertical-align:top;
	letter-spacing:normal;
	zoom:1;
	overflow:hidden;
}
ul.list li:nth-child(5n){
	margin:0 0 20px 0;
}
ul.list li a{
	display:block;
	width:150px;
	height:220px;
}
ul.list li img{
	width:150px;
	border:1px #ccc solid;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
ul.list li img:hover{
	margin-bottom:4px;
	border:5px #ff6400 solid;
}

ul.list li span.date{
	display:block;
	font-size:12px;
}


/* publications-himematsu
--------------------------------------------------------------*/
ul#himematsu.list li,
ul#himematsu.list li:nth-child(5n){
	width:150px;
	margin:0 24px 20px 0;
}
ul#himematsu.list li:nth-child(6n){
	margin:0 0 20px 0;
}
ul#himematsu.list li a{
	width:148px;
	height:210px;
}
ul#himematsu.list li img{
	width:150px;
}


@media only screen and (max-width:1054px){
	ul#himematsu.list li,
	ul#wakaayu.list li,
	ul#himematsu.list li:nth-child(6n),
	ul#himematsu.list li:nth-child(5n),
	ul#wakaayu.list li:nth-child(5n){
		margin: 0 33px 23px 0;
	}
	ul#himematsu.list li:nth-child(4n),
	ul#wakaayu.list li:nth-child(4n){
		margin:0 0 23px 0;
	}
}

@media only screen and (max-width:750px){
	ul.list{
		text-align:center;
	}
	ul.list li{
		width:130px!important;
		margin:0 10px 23px!important;
	}
	ul.list li a{
		height:185px!important;
	}
	ul.list li img{
		width:130px!important;
	}
}