@charset "UTF-8";

body{
	width:100%;
	min-width: 1000px;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	color:#606060;
	border-top:4px solid #93524e;
}

h1, h2, h3, h4{
	font-weight:bold;
	font-family: 'Libre Baskerville', serif;
	line-height:1.7;
}
p, li{
	line-height:1.85;
	letter-spacing:0.04em;
	margin-bottom:1em;
}
a,
a:visited,
a:hover{
	color:#6790b0;
}
table{
	border-collapse:separate;
	border-spacing: 0;
	border:2px solid #678ead;
}
td, th{
	padding:0.5em 1em;
	border-bottom:1px solid #ccd0d1;
	border-left:1px solid #ccd0d1;
}
tr:nth-child(2n) td{
	background:#e5e9ec;
}
a.button{
	display:inline-block;
	padding:0 1em;
	font-size:14px;
	line-height:2.7;
	letter-spacing:0.01em;
	text-align:center;
	color:#fff;
	background:#97514f;
	border:1px solid #97514f;
	text-decoration:none;
	-webkit-transition: color 0.5s ease 0s, background 0.5s ease 0s;
	   -moz-transition: color 0.5s ease 0s, background 0.5s ease 0s;
	    -ms-transition: color 0.5s ease 0s, background 0.5s ease 0s;
	     -o-transition: color 0.5s ease 0s, background 0.5s ease 0s;
	        transition: color 0.5s ease 0s, background 0.5s ease 0s;
	overflow:hidden;
}
a.button:after{
	content:" »";
}
a.button:hover{
	color:#97514f;
	background:none;
}
.navigation .nav-links{
	width: 1000px;
	margin: 0 auto;
}
/************************ header style ************************/
.site-header{
	width:1000px;
	margin:0 auto;
	position:relative;
}
ul.links{
	display:block;
	position:absolute;
	top:8px;
	right:0;
	margin:0;
	padding:0 0.5em;
	line-height:1;
	list-style:none;
	background:#e5e9ec;
	border-radius:5px;
}
ul.links li{
	margin:0;
	line-height:1;
	display:inline-block;
}
ul.links li:first-child{
	margin-right:2em;
	padding-left:1.4em;
}
ul.links li a{
	font-size:12px;
	line-height:1.8;
	letter-spacing:0.008em;
	color:#5d5e60;
	text-decoration:none;
	position:relative;
}
ul.links li a:hover{
	text-decoration:underline;
}
ul.links li a:before,
ul.links li a:after{
	content:"";
	display:inline-block;
	position:absolute;
	top:5px;
	left:-16px;
	width:10px;
	height:10px;
	border:2px solid #688da8;
	border-radius:3px;
	background:#e5e9ec;
	box-shadow:0 0 0px 1px #e5e9ec;
	z-index:10;
	-webkit-transition: border-color 0.25s 0s;
	   -moz-transition: border-color 0.25s 0s;
	    -ms-transition: border-color 0.25s 0s;
	     -o-transition: border-color 0.25s 0s;
	        transition: border-color 0.25s 0s;
}
ul.links li a:after{
	top:2px;
	left:-20px;
	z-index:1;
}
ul.links li a:hover:before,
ul.links li a:hover:after{
	border-color:#97514f;
}
.site-branding{
	margin:38px 0 20px;
	height:70px;
	overflow:hidden;
}
/************************ main menu style ************************/
.main-navigation{
	height:48px;
	background:#e5e9ec;
	float:none;
}
ul.main-menu{
	width:860px;
	height:auto;
	margin:0 auto;
	background: #e5e9ec;
	position:relative;
}
ul.main-menu > li{
	margin-bottom:0;
}
ul.main-menu > li{
	position:relative;
}
ul.main-menu li:before{ /* hover action */
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:0;
	height:0;
	background:#97514f;
	-webkit-transition: width 0.3s ease 0s, height 0.3s ease 0s, top 0.3s ease 0s, left 0.3s ease 0s;
	   -moz-transition: width 0.3s ease 0s, height 0.3s ease 0s, top 0.3s ease 0s, left 0.3s ease 0s;
	    -ms-transition: width 0.3s ease 0s, height 0.3s ease 0s, top 0.3s ease 0s, left 0.3s ease 0s;
	     -o-transition: width 0.3s ease 0s, height 0.3s ease 0s, top 0.3s ease 0s, left 0.3s ease 0s;
	        transition: width 0.3s ease 0s, height 0.3s ease 0s, top 0.3s ease 0s, left 0.3s ease 0s;
}
ul.main-menu li:hover:before{
	width:100%;
	height:48px;
	top:0;
	left:0;
}
ul.main-menu li a{
	text-transform:uppercase;
	font-size:12px;
	font-family: 'Libre Baskerville', serif;
	line-height:48px;
	letter-spacing:0.001em;
	padding:0 2.5em;
	color:#7e7f83;
	position:relative;
	-webkit-transition: color 0.3s ease 0s;
	   -moz-transition: color 0.3s ease 0s;
	    -ms-transition: color 0.3s ease 0s;
	     -o-transition: color 0.3s ease 0s;
	        transition: color 0.3s ease 0s;
}
ul.main-menu > li > a{
	cursor:default ;
}
ul.main-menu li:hover > a{
	color:#fff;
}
ul.main-menu > li:first-child > a:before, /* menu item separator */
ul.main-menu > li > a:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-6px;
	width:2px;
	height:12px;
	background:#97514f;
}
ul.main-menu li:first-child a:before{
	right:auto;
	left:0;
}
.main-navigation ul ul.sub-menu{
	top:100%;
	width:auto;
	background:#e5e9ec;
	opacity:0;
	-webkit-transition: opacity 0.5s ease 0s;
	   -moz-transition: opacity 0.5s ease 0s;
	    -ms-transition: opacity 0.5s ease 0s;
	     -o-transition: opacity 0.5s ease 0s;
	        transition: opacity 0.5s ease 0s;
}
.main-navigation ul li:hover ul.sub-menu,
.main-navigation ul li ul.sub-menu.open{
	opacity:1;
	float: auto;
}
ul.sub-menu li{
	width:100%;
	margin-bottom:0;
}
ul.sub-menu li a{
	width:auto;
	font-size:14px;
	letter-spacing:0.01em;
	white-space:nowrap;
	text-transform: none;
	border-top:1px solid #fff;
}
.site-footer ul.sub-menu li{
	line-height:1.4;
}
.site-footer ul.sub-menu li + li{
	margin-top:0.7em;
}
.site-footer ul.sub-menu li a{
	white-space:normal;
}
/************************ front-page style ************************/
.main-visual{
	width:100%;
	height:540px;
	margin-bottom:86px;
	text-align:center;
	background:#e5e9ec;
	position:relative;
	overflow:hidden;
}
.main-visual > img{
	width:auto;
	height:100%;
}
@media screen and (max-width: 1300px) {
	.main-visual > img{
		width:auto;
		max-width:1300px;
		height:100%;
	}
}
.main-visual .copy{
	width:100%;
	height:100%;
	display:table;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
.main-visual h1{
	width:100%;
	height:100%;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.main-visual h1 span{
	display:inline-block;
	font-size:19px;
	font-weight:normal;
	line-height:3.6;
	padding:0 0.6em;
	color:#fff;
	background: #658fb7;
	background:rgba(101, 143, 183, 0.8);
}
.front-page{
	margin-bottom:120px;
}
.front-page .entry-header h1{
	font-size:28px;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:1.17em;
}
.front-page .entry-content{
	width:750px;
	margin:0 auto;
	overflow: hidden;
}
.front-page a.button{
	width:100%;
	font-size:18px;
}
.new-arrival{
	width:1000px;
	margin:0 auto 90px;
	overflow:hidden;
}
.new-arrival .box{
	width:470px;
	float:left;
	overflow:hidden;
}
.new-arrival .box + .box{
	margin-left:60px;
}
.new-arrival .facebook{
	min-height: 570px;
	position: relative;
}
.new-arrival .facebook img.loading{
	position: absolute;
	z-index: -1;
	-webkit-transition: opacity 2s ease 0s;
	   -moz-transition: opacity 2s ease 0s;
	    -ms-transition: opacity 2s ease 0s;
	     -o-transition: opacity 2s ease 0s;
	        transition: opacity 2s ease 0s;
}
.new-arrival .facebook img.loading.loaded{
	opacity: 0;
}
.new-arrival .box h2{
	font-size:19px;
	line-height:3.8;
	letter-spacing:0.02em;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:30px;
	border-bottom:2px solid #97514f;
}
.new-arrival .box a.button{
	font-size:12px;
	line-height:2.5;
	width:120px;
	margin-bottom:10px;
	float:right;
}
.new-arrival .hentry{
	clear:both;
}
.new-arrival .hentry + .hentry{
	padding-top:32px;
	border-top:1px dashed #678ead;
}
.new-arrival .hentry img{
	margin-bottom:8px;
}
.new-arrival .box .entry-header{
	margin-bottom:1.3em;
	padding-left:7px;
	border-left:3px solid #93524e;
}
.new-arrival .box .entry-title{
	line-height:1;
	margin-bottom:1.6em;
}
.new-arrival .box .entry-title a{
	font-size:17px;
	line-height:1;
	letter-spacing:0.012em;
	color:#606060;
	text-decoration:none;
}
.new-arrival .box .entry-title a:hover{
	text-decoration: underline;
}
.new-arrival .box .time{
	font-size:11px;
	line-height:1;
	margin-bottom:0;
	color:#93524e;
}
.new-arrival .box .entry-content{
	margin-top:0;
	margin-bottom:14px;
}
.new-arrival .box .entry-content p{
	margin-bottom:0;
}
.new-arrival .box a.button.read-more{
	width:auto;
	background:#698eab;
	border-color:#698eab;
	float:none;
}
.new-arrival .box a.button.read-more:hover{
	color:#698eab;
	background:none;
}
.world-map{
	display:block;
	margin:0 auto 60px;
}
/************************ page style ************************/
.search .site-main,
.site-main .hentry.not-front-page{
	width:1000px;
	margin:0 auto;
	padding:60px 0;
}
.search .site-main > .page-header,
.site-main .hentry.not-front-page .entry-header{
	padding:14px 0 18px;
	border-top:3px solid #678ead;
	border-bottom:2px solid #b1c6d7;
}
.search .site-main > .page-header h1.page-title,
.site-main .hentry.not-front-page .entry-header h1.entry-title{
	font-size:28px;
	line-height:2;
}
.site-main .hentry.not-front-page .entry-content{
	width:750px;
	margin:0 auto;
	padding:23px 0;
}
.site-main .hentry.not-front-page .entry-content > *:first-child{
	margin-top:0;
}
h1 + h2, h1 + h3, h2 + h3{
	margin-top:0 !important;
}
.site-main .hentry.not-front-page .entry-content h1{
	font-size:24px;
	letter-spacing:0.01em;
	margin:1.8em 0 0.2em;
}
.site-main .hentry.not-front-page .entry-content h2{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	letter-spacing:0.01em;
	margin:2.3em 0 0.3em;
	color:#93524e;
}
.site-main .hentry.not-front-page .entry-content h3{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	margin-bottom:0.1em;
}
.site-main .hentry.not-front-page .entry-content ul,
.site-main .hentry.not-front-page .entry-content ol{
	margin-left:1.2em;
}
.entry-content ul li{
	list-style:none;
	position:relative;
}
.entry-content ul li:before{
	content:"";
	display:inline-block;
	position:absolute;
	top:0.7em;
	left:-0.9em;
	width:0.5em;
	height:0.5em;
	background:#9b504b;
	border-radius:100%;
}
/************************ single style ************************/
.time{
	margin-bottom: 0;
}
/************************ single-lab style ************************/
h1.research-subject{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:1.5;
	margin-bottom:1.2em;
}
.type-lab img.attachment-post-thumbnail{
	margin-bottom:20px;
}
.site-main .hentry.type-lab .entry-content h2{
	margin-top:1.25em;
	margin-bottom:0;
	text-transform:uppercase;
}
.site-main .hentry.type-lab .entry-content img.attachment-post-thumbnail + h2{
	margin-top:0;
}
.type-lab .faculty{
	margin-top:11px;
	overflow:hidden;
}
.site-main .hentry.type-lab .faculty ul{
	margin:0;
	padding:0;
	overflow:hidden;
	border-top:2px solid #698eab;
	border-bottom:1px solid #d8dcdd;
}
.site-main .hentry.type-lab .faculty ul.label{
	height:50px;
	padding:10px 0;
	color:#fff;
	background:#a5bccc;
	border-color:#a5bccc;
}
.type-lab .faculty ul li{
	display:block;
	width:33%;
	float:left;
	margin-bottom:0;
	padding:0.5em 1em;
}
.type-lab .faculty ul li:before{
	content:none;
}
.type-lab .faculty ul li + li{
	border-left:1px solid #b4b6b5 ;
}
.site-main .hentry.type-lab .faculty ul.label li{
	position:relative;
	height:30px;
	padding-top:0;
	padding-bottom:0;
	line-height:30px;
	border-color:#fff;
}
.site-main .hentry.type-lab .faculty ul.label li span{
	position:absolute;
	display:block;
	width:170px;
	top:0;
	right:1em;
	padding:0 1em;
	font-size:11px;
	color:#606060;
	background:#e4e8eb;
}
.type-lab .faculty ul.people li:first-child{
	font-weight:bold;
}
.type-lab .contact{
	position:relative;
	height: 38px;
	margin-bottom:11px;
	border-top:1px solid #cbd0d3;
	background:#e5e9ec;
}
.type-lab .contact p{
	margin-bottom: 0;
	padding:0.5em 1em;
}
.type-lab .contact > a{
	position:absolute;
	top:50%;
	right:1em;
	margin-top:-13px;
	padding:0 2.2em 0 1em;
	font-size:12px;
	line-height:24px;
	text-decoration:none;
	color:#fff;
	background:#6e8ea7;
	border:1px solid #6e8ea7;
	-webkit-transition: color 0.25s ease 0s, background 0.25s ease 0s;
	   -moz-transition: color 0.25s ease 0s, background 0.25s ease 0s;
	    -ms-transition: color 0.25s ease 0s, background 0.25s ease 0s;
	     -o-transition: color 0.25s ease 0s, background 0.25s ease 0s;
	        transition: color 0.25s ease 0s, background 0.25s ease 0s;
}
.type-lab .contact > a:hover{
	color:#6e8ea7;
	background:none;
}
.type-lab .contact > a:before,
.type-lab .contact > a:after{
	content:"";
	display:inline-block;
	position:absolute;
	top:6px;
	right:9px;
	width:10px;
	height:10px;
	border:2px solid #fff;
	border-radius:3px;
	background:#6e8ea7;
	box-shadow:0 0 0px 1px #6e8ea7;
	z-index:10;
	-webkit-transition: border-color 0.25s ease 0s, background 0.25s ease 0s;
	   -moz-transition: border-color 0.25s ease 0s, background 0.25s ease 0s;
	    -ms-transition: border-color 0.25s ease 0s, background 0.25s ease 0s;
	     -o-transition: border-color 0.25s ease 0s, background 0.25s ease 0s;
	        transition: border-color 0.25s ease 0s, background 0.25s ease 0s;
}
.type-lab .contact > a:after{
	top:9px;
	right:5px;
}
.type-lab .contact > a:hover:before,
.type-lab .contact > a:hover:after{
	background:#e5e9ec;
	border-color:#6e8ea7;
	box-shadow:0 0 0 1px #e5e9ec;
}
p.website{
	margin-bottom:0;
}
/************************ archive-lab style ************************/
.archive-lab{
	width:1000px;
	margin:0 auto;
	padding:60px 0;
	overflow:hidden;
}
h1.archive-title{
	font-size:28px;
	text-transform:uppercase;
	line-height:1.5;
	text-align:center;
	margin-bottom:55px;
}
h1.archive-title.tax-title{
	text-align:left;
}
.archive-a-line{
	width: 100%;
	margin-bottom: 1.5em;
	overflow:hidden;
}
.archive-lab .type-lab{
	width:232px;
	height: 100%;
	margin-bottom: 0;
	border:1px solid #b3c6d5;
	background:#fff;
	float:left;
}
.archive-lab .type-lab + .type-lab{
	margin-left:24px;
}
.lab-thumbnail{
	display:table;
	width:230px;
	height:170px;
	overflow: hidden;
	background:#fff;
}
.lab-thumbnail a{
	display:table-cell;
	width:230px;
	height:170px;
	overflow:hidden;
	vertical-align:middle;
	text-align:center;
	line-height:0;
}
.lab-thumbnail a img{
	width:auto;
	max-width: 230px;
	height: auto;
	max-height:170px;
	background:#fff;
}
.archive-lab .type-lab .entry-header{
	min-height:73px;
	margin-bottom:0;
	padding:0.1em 0.7em 0em;
}
.archive-lab .type-lab .entry-header p{
	font-size:11px;
	line-height:1;
	margin-top:1.1em;
	margin-bottom:0;
}
.archive-lab .type-lab .entry-header p a{
	color:#606060;
}
.archive-lab .type-lab .entry-header h3{
	position:relative;
	margin-top:0.6em;
	padding-left:10px;
	line-height:1;
}
.archive-lab .type-lab .entry-header h3:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:5px;
	height:100%;
	background:#6a8faa;
}
.archive-lab .type-lab .entry-header h3 a{
	font-family:'Roboto', serif;
	font-size:16px;
	line-height:1.3;
	color:#606060;
}
.archive-lab .type-lab .entry-header a{
	text-decoration:none;
}
.archive-lab .type-lab .entry-header a:hover{
	text-decoration:underline;
}
.archive-lab .type-lab .entry-content{
	min-height:110px;
	margin-top:0.4em;
	padding:0.6em 0.7em 0.6em;
}
.archive-lab .type-lab .entry-content.subject{
	padding-bottom:0;
}
.archive-lab .type-lab .entry-content.keywords{
	margin-top:0;
}
.archive-lab .type-lab .entry-content p{
	margin-bottom:0;
}
.archive-lab .type-lab .entry-content.subject h4{
	display:inline-block;
	font-size:11px;
	font-family:'Roboto', serif;
	font-weight:normal;
	letter-spacing:0.03em;
	margin-bottom:0.5em;
	padding:0 0.5em;
	color:#fff;
	background:#97504c;
}
.archive-lab .type-lab .entry-content.subject p{
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
}
.archive-lab .type-lab .entry-content.keywords p,
.archive-lab .type-lab .entry-content.keywords h4{
	padding:0 0.7em;
	background:#e5eaee;
}
.archive-lab .type-lab .entry-content.keywords h4{
	font-size:11px;
	font-family:'Roboto', serif;
	line-height:2;
	letter-spacing:0.05em;
	color:#97504c;
	padding-top:0.5em;
}
.archive-lab .type-lab .entry-content.keywords p{
	padding-bottom:0.5em;
}
.archive-lab .type-lab .entry-content a{
	font-size:12px;
}
.archive-lab .type-lab .entry-content a + a{
	margin-left:0.2em;
}
/************************ page-archives style ************************/
.new-arrival.page-archives{
	width:750px;
	overflow:hidden;
}
.archives .hentry + .hentry{
	padding-top:40px;
	border-top:1px dashed #698eab;
}
.page-archives .widget-area{
	float:right;
	width:200px;
}
.monthly-archive{
	font-size:15px;
	padding:2em 0;
	border-top:2px solid #678ead;
	border-bottom:1px solid #678ead;
	position:relative;
}
.monthly-archive:before{
	content:"";
	display:block;
	position:absolute;
	top:3px;
	left:0;
	width:100%;
	height:1px;
	background:#678ead;
}
.monthly-archive h3{
	margin-bottom:0.4em;
}
.monthly-archive ul{
	margin:0;
	padding:0 1em;
}
.monthly-archive ul li{
	margin:0;
}
.monthly-archive ul li a{
	font-size:14px;
}
/************************ page-keywords style ************************/
ul.terms-list{
	list-style:none;
	margin:0;
	overflow: hidden;
}
ul.terms-list li{
	margin:0 0 15px;
	width:310px;
	display:inline-block;
	vertical-align:top;
}
ul.terms-list li a{
	display:block;
	width:100%;
	height:100%;
	padding:0 1em;
	font-size:12px;
	line-height:30px;
	text-decoration:none;
	color:#606060;
	background:#e5e9ec;
	-webkit-transition: color 0.25s ease 0s, background 0.25s ease 0s;
	   -moz-transition: color 0.25s ease 0s, background 0.25s ease 0s;
	    -ms-transition: color 0.25s ease 0s, background 0.25s ease 0s;
	     -o-transition: color 0.25s ease 0s, background 0.25s ease 0s;
	        transition: color 0.25s ease 0s, background 0.25s ease 0s;
}
ul.terms-list li a:hover{
	color:#fff;
	background:#698eab;
}
/************************ search style ************************/
.search .hentry{
	width: 750px;
	margin: 0 auto;
	padding: 23px 0 0;
}
.search .entry-summary{
	margin-top: 0;
}
.search .page-title span{
	color: #93524e;
}
/************************ ui-tabs style ************************/
#tabs{
	overflow:hidden;
}
#tabs > ul{
	margin:0 0 52px;
	padding:0 0 20px;
	list-style:none;
	overflow:hidden;
}
#tabs > ul li{
	width:20%;
	height:168px;
	margin-bottom:0;
	padding:1em 0;
	border-top:1px solid #a5bcce;
	border-bottom:1px solid #a5bcce;
	float:left;
	position:relative;
	background:#e5e9ec url(./img/bg-all-blue.png) no-repeat center 25px;
	-webkit-transition: background-color 0.5s ease 0s;
	   -moz-transition: background-color 0.5s ease 0s;
	    -ms-transition: background-color 0.5s ease 0s;
	     -o-transition: background-color 0.5s ease 0s;
	        transition: background-color 0.5s ease 0s;
}
#tabs > ul li.ui-tabs-active.all{
	background-image: url(./img/bg-all-red.png);
}
#tabs > ul li.environmental-conservation{
	background-image: url(./img/bg-env-blue.png);
}
#tabs > ul li.ui-tabs-active.environmental-conservation{
	background-image: url(./img/bg-env-red.png);
}
#tabs > ul li.food-production{
	background-image: url(./img/bg-food-product-blue.png);
}
#tabs > ul li.ui-tabs-active.food-production{
	background-image: url(./img/bg-food-product-red.png);
}
#tabs > ul li.food-sciences{
	background-image: url(./img/bg-food-sciences-blue.png);
}
#tabs > ul li.ui-tabs-active.food-sciences{
	background-image: url(./img/bg-food-sciences-red.png);
}
#tabs > ul li.life-sciences{
	background-image: url(./img/bg-life-blue.png);
}
#tabs > ul li.ui-tabs-active.life-sciences{
	background-image: url(./img/bg-life-red.png);
}
#tabs > ul li.ui-tabs-active{
	background-color:#fff;
}
#tabs > ul li.ui-tabs-active:before,
#tabs > ul li.ui-tabs-active:after{
	content:"";
	display:block;
	position:absolute;
	bottom:-1.5em;
	left:50%;
	margin-left:-21px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 21px 0 21px;
	border-color: #a5bcce transparent transparent transparent;
}
#tabs > ul li.ui-tabs-active:after{
	bottom:-1.4em;
	border-color: #fff transparent transparent transparent;
}
#tabs > ul li a{
	display:block;
	width:100%;
	height:100%;
	padding-top:85px;
	font-family: 'Libre Baskerville', serif;
	text-decoration:none;
	text-align:center;
	border-right:1px solid #a5bcce;
	color:#606060;
}
#tabs > ul li a:focus{
	outline:none;
}
#tabs > ul li:first-child a{
	border-left:1px solid #a5bcce;
}
.ui-tabs-panel{
	overflow:hidden;
}
/************************ footer style ************************/
.site-footer{
	padding-top:30px;
	border-top:4px solid #93524e;
}
ul.footer-menu{
	width:1000px;
	height:auto;
	margin:0 auto 30px;
	border-left:2px solid #ebecee;
	border-right:2px solid #ebecee;
	list-style:none;
	overflow:hidden;
}
ul.footer-menu > li{
	width:20%;
	height:100%;
	margin-bottom: 0;
	padding:4px 18px;
	line-height:1;
	float:left;
}
ul.footer-menu > li > a{
	font-size:14px;
	font-family: 'Libre Baskerville', serif;
	color:#606060;
	line-height:1.5;
	letter-spacing:0.01em;
	text-decoration:none;
	text-transform:uppercase;
	cursor: default;
}
ul.footer-menu > li + li{
	border-left:2px solid #ebecee;
}
ul.footer-menu ul.sub-menu{
	list-style:none;
	margin:0;
}
.site-info{
	margin-bottom:0;
	background:#e5e9ec;
}
.site-info-content{
	width:1000px;
	margin:0 auto;
	padding:12px 0 17px;
}
.site-info h3{
	font-size:16px;
	line-height:2;
	letter-spacing:0.002em;
}
.site-info ul{
	margin:0;
	list-style:none;
}
.site-info ul li{
	margin-bottom:0;
	font-size:14px;
	line-height:1.7;
	letter-spacing:0.01em;
}
.copyright{
	color:#fff;
	background:#97514f;
}
.copyright p{
	width:1000px;
	margin:0 auto;
	font-size:11px;
	line-height:2.8;
	text-align:right;
}
/************************ sns style ************************/
.sns {
	width:1000px;
	margin:0 auto 35px;
}
.sns ul{
	margin:0;
	list-style:none;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.sns ul li {
	margin:0;
	display: inline-block;
}

/* .sns ul li > *{
	vertical-align: bottom !important;
} */
/************************ fixed-nav style ************************/
.fixed-nav{
	position:fixed;
	bottom:10%;
	right:-130px;
	z-index: 9999;
	-webkit-transition: right 0.8s ease 0s;
	   -moz-transition: right 0.8s ease 0s;
	    -ms-transition: right 0.8s ease 0s;
	     -o-transition: right 0.8s ease 0s;
	        transition: right 0.8s ease 0s;
}
.fixed-nav.visible{
	right:0;
}
.fixed-nav ul{
	margin:0;
	list-style:none;
}
.fixed-nav ul li{
	margin:0 0 0.7em;
	overflow:hidden;
}
.fixed-nav ul li a{
	display:block;
	width:130px;
	line-height:40px;
	margin:0;
	padding:0 0.8em;
	font-size:11px;
	letter-spacing:0.018em;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	background:#698eab url(./img/bg-button.jpg) no-repeat center right;
}
.fixed-nav ul li:first-child a{
	width:40px;
	height:40px;
	padding:0;
	background:none;
	float:right;
}

.site-branding a.inner {
	display: flex;
	align-items: flex-end;
	text-decoration: none;
}
.blog-name {
	font-size: 2rem;
	font-weight: bold;
	color: #606060;
	font-family: 'Libre Baskerville', serif;
	margin-left: 1rem;
}
.blog-name div:first-child {
	font-size: 1.5rem;
}