@charset "UTF-8";

/*
Theme Name: FRLAB 2017
Theme URI: http://wp-neoclassic.com
Author: ONZE
Author URI: http:/on-ze.com
Description: Design by <a href="http://on-ze.com">ONZE</a>.
Version: 0.9
Text Domain: frlab-2017
*/

/******************/
/******************/
/* reset **********/

* {
border:0;
margin:0;
outline:0;
padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}

html {font-size:62.5%;}

body {
background:#ffffff;
color:#666666;
font-family:'Meiryo', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', Arial, Verdana, sans-serif;
font-size:14px;
font-size:1.4rem;
line-height:1;
position:relative;
text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
-webkit-tap-highlight-color:transparent;
width:100%;
height:100%;
}

article, aside, footer, header, main, nav, section {display:block;}
audio, canvas, progress, video {display:inline-block;}

br,
hr {display:block;}

ol,
ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

input,
select {vertical-align:middle;}


/******************/
/******************/
/* html format ****/

a,
a:link,
a:visited,
a:hover,
a:active {
color:inherit;
	-webkit-tap-highlight-color:transparent rgba(0,0,0,0);
	-moz-tap-highlight-color:transparent rgba(0,0,0,0);
	-ms-tap-highlight-color:transparent rgba(0,0,0,0);
	-o-tap-highlight-color:transparent rgba(0,0,0,0);
	tap-highlight-color:transparent rgba(0,0,0,0);
text-decoration:none;
-webkit-text-decoration-skip:objects;
}


a:hover {color:#3773b9;}

h1,
h2,
h3,
h4,
h5,
h6 {display:block; font-weight:bold;}

b {color:#3773b9;}
i {font-style:normal;}
u {text-decoration:underline;}
em {font-weight:bold;}
strong {font-weight:bold; font-size:1.4em;}
mark {background:transparent;}

q {}
q:before,
q:after {content:'"';}
s {text-decoration:underline;}
del {text-decoration:line-through;}

ins {}
iframe {}

img {max-width:100%; height:auto;}
svg {fill:currentColor;}

ruby {}
rt {font-size:0.5em;}

sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}

details {margin:0 0 40px 0;}

hr {margin:0 0 40px 0; border:0; border-top:1px solid #f0f0f0; height:0;}

table {border-collapse:collapse; border-spacing:0; empty-cells:show; border:0; width:100%; margin:0 0 2em 0;}
table th,
table td {padding:8px; vertical-align:top; border:1px solid #f0f0f0;}
table caption {text-align:left; padding:8px;}

/******************/
/******************/
/* shortcodes *****/

.pc {display:block;}
.tb {display:none;}
.sp {display:none;}
.pc.tb {display:block;}
.pc.sp {display:block;}
.tb.sp {display:none;}


.alignright,
.align-right,
.textright,
.text-right {text-align:right;}
.alignleft, .align-left, .textleft, .text-left {text-align:left;}
.center, .aligncenter, .align-center, .textcenter, .text-center {text-align:center; display:block; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
[hidden],
.hide,
.none {display:none;}
.hidden {overflow:hidden;}
.left, .floatleft, .float-left {float:left;}
.right, .float-right, .float-right {float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.static {position:static;}
.fixed {position:fixed;}
.nowrap {white-space:nowrap;}
.small {font-size:0.8em;}

img.left,
img.alignleft,
img.align-left  {margin:0 20px 20px 0; float:left;}
img.right,
img.alignright,
img.align-right {margin:0 0 20px 20px; float:right;}

img.full {width:100%; max-width:100%; height:auto;}
/*
::-moz-selection {background:#666666; color:#fff;}
::selection {background:#666666; color:#fff;}
*/

.table {display:table; table-layout:fixed; border-collapse:collapse; width:100%; position:relative;}
.table .cell {display:table-cell; vertical-align:top; position:relative;}

table.border,
table.border th,
table.border td {border:1px solid #f0f0f0;}

table.hover tbody tr:hover,
table.hover tbody tr:nth-child(odd):hover,
table.hover tbody tr:nth-child(even):hover {background:#666666; color:#fff; cursor:text;}

table.stripe tbody tr:nth-child(odd) {background-color:#f0f0f0;}
table thead th {vertical-align:bottom; font-weight:bold;}


.color-black {color:#666666;}
.color-gray  {color:#999999;}
.color-light {color:#e2e0de;}
.color-blue {color:#3773b9;}
.color-white {color:#ffffff;}

.color-success {color:blue;}
.color-error {color:red;}
.color-warning {color:yellow;}

/******************/
/******************/
/* WordPress Tags */

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
max-width:100%;
width:100%;
height:auto;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
#wpstats {display:none;}

.wp-embedded-content {max-width:100%; width:100%;}

/******************/
/******************/
/*  layout ********/

#to,
#bo {clear:both; display:block; height:0; overflow:hidden;}

.site {}

.inner {clear:both; display:block; margin:0 auto; padding:0 16px; position:relative; max-width:1200px; width:100%;}
.inner[data-width="min"] {max-width:780px;}
.inner[data-width="max"] {max-width:1200px;}

.inner:after {content:""; display:block; clear:both; height:0; visibility:hidden; overflow:hidden;}

/******************/
/******************/
/* header *********/

#header {width:100%; padding:0 0 20px 0; display:block; text-align:left;}

#h-logo {padding:40px 0 0 0;}
#h-logo h1 {display:block; margin:0; white-space:nowrap; overflow:hidden; width:364px; height:60px; float:left;}
#h-logo h1 a {
background:no-repeat;
background-image:url("images/logo-icon.png"),url("images/logo-title.png");
background-position:0 0, right top;
background-size:74px 60px, 280px 60px;
display:block; padding:124px 0 0 0;}

#h-logo h2 {display:none;}
#h-logo p {float:right; width:240px; height:60px; overflow:hidden;}
#h-logo p a {background:url("images/icon-tsukuba.png") 0 0 no-repeat; display:block; padding:120px 0 0 0;
background-image:url("images/icon-tsukuba.png"), url("images/logo-tsukuba.gif");
background-position:0 0, right top;
background-size:60px 60px, 164px 60px;
}

#h-logo a:hover {opacity:0.6;}


#h-util {position:absolute; top:0; right:20px;}
#h-util ul {display:table; table-layout:fixed; text-align:center;}
#h-util ul li {display:table-cell; text-transform:uppercase; min-width:132px; border-right:1px solid #fff;}
#h-util ul li a {display:block; background:#e2e0de; color:#fff; padding:4px 12px;}
#h-util ul li.en a {background:#3773b9;}

#h-util ul li a:hover {background:#3773b9;}

#header h2 {}


/******************/
/******************/
/* navi ***********/

#h-navi,
#f-navi {line-height:1; position:relative;}

#h-navi {width:100%; padding:0; display:block;}

#h-navi ul {clear:both; display:table; overflow:hidden; text-align:center; width:100%; margin:0 auto 16px; table-layout:fixed; border-collapse:collapse;}

#h-navi ul,
#f-navi ul {clear:both; overflow:hidden; position:static; font-weight:bold;}

#h-navi ul li,
#f-navi ul li {display:table-cell; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}

#h-navi ul li a {display:block; padding:16px 0 24px 0; background:url("images/navi-arrow.svg") center bottom 6px no-repeat; background-size:9px 5px;}

#h-navi ul li a:hover,
#f-navi ul li a:hover {background-color:#3773b9; background-image:url("images/navi-arrow-white.svg"); color:#fff;}

.navi-toggle {display:none;
width:100%; height:68px; padding:6px 0; overflow:hidden; background:transparent url("images/navi-toggle.png") center 8px no-repeat;
background-size:46px 54px;
margin:0 auto; color:transparent; cursor:pointer;
}


/******************/
/******************/
/* widget *********/

#pagetop {margin:0; width:64px; height:64px; text-align:center; border:1px solid #fff; position:fixed; right:12px; bottom:12px; overflow:hidden; z-index:9999;}
#pagetop a {background:#3773b9 url("images/arrow-t-white.svg") center 24px no-repeat; padding:40px 0; display:block; clear:both;
background-size:23px 12px; color:transparent}
#pagetop a:hover {background-color:#3773b9; background-color:#e2e0de; background-image:url("images/arrow-t.svg");}

/******************/
/******************/
/* footer *********/

#footer {text-align:center; padding:80px 0; clear:both; background:#3773b9; color:#fff;}

#footer h2 {width:180px; height:100px; overflow:hidden; margin:0 auto 60px;}
#footer h2 a {background:url("images/f-logo.png") 0 0 no-repeat; background-size:180px 100px; display:block; padding:120px 0 0 0;}

#footer p {display:none;}

small#site-info {font-size:12px; font-size:1.2rem; clear:both; text-align:center;}


/******************/
/******************/
/* main ***********/

#main {padding:0; line-height:2;}


#main a {
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}

#content {
float:left;
width:100%;
	width:-webkit-calc(100% - 320px);
	width:-moz-calc(100% - 320px);
	width:-ms-calc(100% - 320px);
	width:-o-calc(100% - 320px);
	width:calc(100% - 320px);
}

#sidebar {width:280px; float:right; padding:0; text-align:left;}

/******************/
/******************/
/* sidebar.php ****/

#sidebar {}


/******************/
/******************/
/* article ********/

.article {margin:0; padding:0; vertical-align:top;
/*word-break:break-all;
word-wrap:break-word;*/
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {margin:0 auto 0.8em auto;}

.article h1 {font-size:38px; font-size:3.8rem;}
.article h2 {font-size:34px; font-size:3.4rem;}
.article h3 {font-size:24px; font-size:2.4rem;}
.article h4 {font-size:20px; font-size:2.0rem;}
.article h5 {font-size:18px; font-size:1.8rem;}
.article h6 {font-size:16px; font-size:1.6rem;}

.article p {margin:0 0 3.2em 0;}

.article ul,
.article ol {margin:0 0 3.2em 2em; padding:0; list-style:outside;}

.article ul ul, .article ul ol, .article ol ul, .article ol ol {margin-bottom:0;}

.article ul {list-style:disc;}
.article ul ul {list-style:circle;}
.article ol {list-style:decimal;}
.article ol ol {list-style:upper-roman;}


.article dl {margin:0 0 3.2em 0; padding:0;}
.article dl dt {margin:0; position:relative; color:#3773b9; font-weight:bold;}
.article dl dt:before {content:"■"; margin-right:0.4em;}
.article dl dd {margin:0 0 1em 0;}

.article img {max-width:100%; height:auto;}

.article blockquote {
padding:1em;
margin:0 0 3.2em 1em;
border-left:2px solid #000000;
}

.article blockquote > *:last-child,
.article blockquote > *:last-child > *:last-child,
.article blockquote > *:last-child > *:last-child > *:last-child {margin:0;}

blockquote cite {font-size:0.8em;}
blockquote cite:before {content:"— "; margin:0 0 0 1em;}

pre, code {
font-family:"Deja-vu Sans Mono", Monaco, "Consolas", "Courier New", "Osaka-mono", "MS Gothic", monospace;
color:#ffffff;
background:#666666;
border-radius:4px;
margin:0 0 20px 0;
padding:0.8em 1em;
white-space:pre-wrap;
word-break:break-all;
word-wrap:break-word;
}

code {display:inline-block; padding:0.1em 0.4em; margin:0 0.2em;}


/*
このコードを記述するとボックスの下に 余白ができてしまうので…
pre::-webkit-scrollbar {width:15px;}
pre::-webkit-scrollbar-thumb {background:#ccc;}
*/

/******************/
/* post-type ******/

.type-page,
.type-post {text-align:left;}


.section {text-align:center; padding:60px 0;}
.section h3 {color:#666; font-size:32px; font-size:3.2rem; line-height:1.2;}
.section h3 i {display:block; font-style:normal; font-size:18px; font-size:1.8rem; color:#3773b9; text-transform:uppercase;}

.mark {position:relative; width:120px; height:120px; margin:0 auto; overflow:hidden;}
.mark img {width:100%; max-width:92px; margin:0 auto; margin-top:14px; height:auto; z-index:2; position:relative;}
.mark .circle-wave {position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}

.page-title h3 {margin:0 auto 60px 0;}

/******************/
/******************/
/* front-page.php */

#top-slider {position:relative;
width:100%; height:50vw; max-height:520px; overflow:hidden; margin:0; padding:0; line-height:0;
border-bottom:4px solid #3773b9;
}
#top-slider ul li {}

#slider-box {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
#slider-box ul {margin:0; list-style:none; width:100%; height:100%; position:relative;}
#slider-box ul li {float:left; margin:0; padding:0;}
#slider-box ul li img {object-fit:cover; min-width:100%; max-width:inherit; /*min-*/height:100%;}
#slider-box ul li img {width:100%;}

.slider-title {position:absolute; bottom:20px; left:calc((100% - 1200px) / 2); margin:0; text-align:left; z-index:2;}
.slider-title img {max-width:100%;}


.slick-arrow {position:absolute; top:50%; width:54px; height:80px; margin-top:-40px; background:transparent 0 0 no-repeat; background-size:54px 80px; color:transparent; cursor:pointer; z-index:4;}
.slick-arrow.slick-prev {left:0; background-image:url("images-page/top-arrow-l.png");}
.slick-arrow.slick-next {right:0; background-image:url("images-page/top-arrow-r.png");}


#top-message p {max-width:600px; margin:0 auto 40px;}


#top-news {padding:0;}
#top-news .cell:nth-child(1) {background:#e2e0de;}
#top-news .cell:nth-child(2) {background:url("images-page/message-01.png") center center no-repeat; background-size:cover;}
#top-news .box {padding:40px 20px 20px 12px; text-align:left; float:right; max-width:600px; width:100%; position:relative;}

#top-news h4 {font-size:24px; font-size:2.4rem; margin:0 0 12px 0;}
#top-news p.absolute {width:38px; height:38px; overflow:hidden; top:40px; right:20px;}
#top-news p.absolute a {background:url("images/ic-rss.svg") 0 0 no-repeat; display:block; padding:60px 0 0 0;}

#top-news ul li {border-bottom:1px solid #999;}

#top-research {background:#3773b9; color:#fff;}
#top-research h3 {color:#fff;}
#top-research h3 i {color:#fff;}
#top-research h4 {font-size:24px; font-size:2.4rem; margin:0 0 20px 0; text-align:left;}
#top-research h4:before {content:"●"; margin-right:0.2em;}

#top-research ul {width:100%;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
list-style:none;
margin:0 0 0;
text-align:left;
}
#top-research ul li {
margin:0 0 4% 0;
padding:0;
flex-basis:33.3333%;
}


#top-research ul li:nth-child(3n + 2) {border-left:1px solid rgba(255,255,255,0.5); border-right:1px solid rgba(255,255,255,0.5);}

/*
#top-research ul li:nth-child(3n) {float:right;}
#top-research ul li:nth-child(3n + 1) {clear:both;}
#top-research ul li:nth-child(3n + 2) {border-left:1px solid #5f6e87; border-right:1px solid #5f6e87;}
*/
#top-research ul li span {display:block; padding:0 24px;}
#top-research ul li .r-thumbnail {}
#top-research ul li .r-thumbnail img {width:100%; background:#fff; line-height:0;}
#top-research ul li .r-title-en i {font-size:18px; font-size:1.8rem; line-height:1.2;}
#top-research ul li .r-description {color:#fff; font-size:12px; font-size:1.2rem;}
#top-research ul li a:hover {color:#fff; text-decoration:underline;}

#top-members {background:#e2e0de;}
#top-members h4 {text-align:left; color:#3773b9; font-size:24px; font-size:2.4rem;}
#top-members h4:before {content:""; width:0.8em; height:0.8em; display:inline-block; background:#3773b9; overflow:hidden; margin-right:0.2em;}


.member-list {font-weight:bold; line-height:1.6; text-align:left; margin:0 0 4% 0; border-bottom:1px solid #999999;}
.member-list ul {list-style:none; padding:0; margin:0 0 0; width:100%; display:-webkit-flex; display:flex; flex-wrap:wrap; text-align:left; /* justify-content:space-between;*/  align-content:space-between;}
.member-list ul li {margin:0 2% 4% 2%; padding:0; width:auto; flex-basis:16%; float:none;}


.member-list ul li span {display:block;}
.member-list ul li img {background:#fff;}
.member-list ul li .member-photo {}
.member-list ul li .member-position {font-size:12px; font-size:1.2rem; color:#666;}
.member-list ul li .member-name {font-size:20px; font-size:2.0rem; color:#666;}
.member-list ul li .member-name i {color:#3773b9; font-weight:normal; font-size:12px; font-size:1.2rem; display:block;}

/*#member-01 {float:left; width:48%; margin:0 0 4% 0;}
#member-02 {float:right; width:48%; margin:0 0 4% 0;}
#member-03 {clear:both;}*/

#member-01 ul li,
#member-02 ul li {flex-basis:46%;}

#member-04 ul li {flex-basis:12.6666%;}
#member-05 ul li {flex-basis:12.6666%;}



#top-publication {background:rgba(55,115,185,0.8); color:#fff; position:relative; overflow:hidden;}
#top-publication:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:url("images-page/message-01.png") center center no-repeat; background-size:cover; z-index:-1;}
#top-publication h3 {color:#fff;}
#top-publication h3 i {color:#fff;}
#top-publication ul {margin:0 auto 40px; border-top:1px solid #fff; list-style:none; text-align:left;}
#top-publication ul li {border-bottom:1px solid #fff;}
#top-publication ul li a {padding:4px 12px; display:block;}
#top-publication ul li span {display:block;}

#top-publication ul li a:hover {background:#fff; color:#3773b9;}

#top-publication p a {border:1px solid #fff; color:#fff;}
#top-publication p a:hover {background:#fff; color:#3773b9;}

#top-access {}
#top-access h3 {color:#666666;}
#top-access .box {text-align:left; float:left; max-width:600px; padding:20px 16px;}

#top-access .cell {position:relative;}
#top-access .maps {height:360px; overflow:hidden;}

#top-access dl {margin:0;}
#top-access dl dt {font-size:16px; font-size:1.6rem;}
#top-access dl dd {font-size:12px; font-size:1.2rem;}

.selector {margin:0 0 40px 0; padding:0 20px;}

/******************/
/******************/
/* page.php *******/

#post-archives {padding-top:0;}


.maps {width:100%; height:480px; overflow:hidden; position:relative; padding-top:0; margin:0 0 12px 0;}
#googlemaps {height:100%;}

/******************/
/******************/
/* single.php *****/

/* #post-ID {} */

/******************/
/******************/
/* CustomContents */

/* .single-jetpack-portfolio */
/* .jetpack-portfolio {} */

.modal-research h4 {color:#666; border-bottom:1px solid #999; margin:0 0 40px 0; line-height:1.6;}
.modal-research h4 i {display:block; color:#3773b9;}

/******************/
/******************/
/* archive.php ****/

.archives {width:100%; margin:0 auto; text-align:left;}
.archives ul {list-style:none; padding:0; margin:0 0 20px 0; font-size:14px; font-size:1.4rem; border-top:1px solid #999;}
.archives ul li {clear:both; display:block; margin:0; padding:0; border-bottom:1px solid #999;}
.archives ul li a {padding:12px; display:block;}
.archives ul li a:hover {background:#3773b9; color:#fff;}
.archives ul li a:hover .a-title {color:#fff;}

.archives .a-title {display:block; font-size:16px; font-size:1.6rem; font-weight:bold; color:#3773b9;}
.archives .a-summary {display:block;}
.archives .a-more {margin-bottom:12px;}
.archives .a-meta {font-size:11px; font-size:1.1rem;}
.archives .a-date {}

.archives .entry-category a {color:#999999;}
.archives .entry-more a {}
.archives .entry-meta a {font-size:14px; font-size:1.4rem;}
.archives .a-author {display:none;}
.archives .org {display:none;}


.top-archives ul {list-style:none; padding:0; margin:0 0 20px 0; font-size:14px; font-size:1.4rem; border-top:1px solid #999;}
.top-archives ul li {clear:both; display:block; margin:0; padding:0; border-bottom:1px solid #999;}
.top-archives ul li a {font-weight:bold; padding:12px 12px; display:block;}
.top-archives ul li a:hover {color:#3773b9;}

.top-archives ul li:after {content:""; clear:both; display:block;}
.top-archives ul li span {display:block; overflow:hidden;}
.top-archives .a-category {font-size:12px; font-size:1.2rem; display:none;}
.top-archives .a-title {font-size:16px; font-size:1.6rem;}



/******************/
/******************/
/* comments.php ***/



.form {clear:both; display:block;}
.form table {width:100%;}
.form table th {text-align:center; vertical-align:middle;}

/******************/
/******************/
/* materials ******/
/* form, button, allert */

form {}
fieldset {}
label {}

input[type="checkbox"],
input[type="radio"] {font-size:1em; height:1em; width:1em;}

::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {color:#999999;}

[type="search"] {
/*-webkit-appearance:textfield;
-moz-appearance:textfield;
-ms-appearance:textfield;
-o-appearance:textfield;
appearance:textfield;*/
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
select,
textarea {
width:100%;
max-width:100%;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
display:block;
position:relative;
/*-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;*/
padding:4px; margin:0; border:1px solid #999999;
}

input[type="submit"] {
margin:0 auto; text-align:center;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
display:block;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
border:1px solid #3773b9;
}

textarea {height:auto; min-height:100px;}
select {}

/******************/
/* button *********/
/*
.article button,*/
[type="submit"],
.btn a {display:inline-block; min-width:120px; padding:8px 24px; text-align:center; background:transparent; border:1px solid #3773b9; color:#3773b9;}

[type="submit"]:hover,
.btn a:hover {background-color:#3773b9; color:#ffffff; cursor:pointer;}

.btn.btn-small a {padding:4px 12px; min-width:30px; font-size:0.8em;}
.btn.btn-large a {padding:8px 36px; min-width:180px; font-size:1.2em;}

.btn.btn-success a {border-color:#3773b9; color:blue;}
.btn.btn-success a:hover {background-color:#3773b9; color:#fff;}

.btn.btn-error a {border-color:red; color:red;}
.btn.btn-error a:hover {background-color:red; color:#fff;}

.btn.btn-warning a {border-color:yellow; color:yellow;}
.btn.btn-warning a:hover {background-color:yellow; color:#fff;}


/******************/
/******************/

.alert {
clear:both; display:block;color: inherit;
border:1px solid transparent;
display:block;
padding:1rem;
color:red;
border-color:red;
background-color:transparent;
margin:0 0 1em 0;
}

.alert-success {border-color:blue; color:blue;}
.alert-error   {border-color:red; color:red;}
.alert-warning {border-color:yellow; color:yellow;}

.alert > p {margin:0;}
.alert em, .alert strong {font-weight:bold;}

span.close {float:right; color:inherit; font-weight:bold; cursor:pointer;}

/******************/
/* Column System **/

.col {width:100%;}
.col:after {content:""; clear:both; display:block; height:0; visibility:hidden;}

.col-2,
.col-3,
.col-4,
.col-5,
.col-6 {float:left; padding:0; margin:0 0 2% 0;}

.col-2 {width:49%; /*47.5% - 49%*/}
.col-3 {width:32%; /*30% - 32%*/}
.col-4 {width:23.5%; /*20% - 23.5%*/}
.col-5 {width:18.4%; /*15% - 18.4%*/}
.col-6 {width:15%; /*12.5% - 15%*/}

.col-2:nth-child(2n),
.col-3:nth-child(3n),
.col-4:nth-child(4n),
.col-5:nth-child(5n),
.col-6:nth-child(6n) {float:right; margin:0 0 2% 0;}

.col-2:nth-child(2n + 1),
.col-3:nth-child(3n + 1),
.col-4:nth-child(4n + 1),
.col-5:nth-child(5n + 1),
.col-6:nth-child(6n + 1) {clear:both;}

.col-3:nth-child(3n + 1),
.col-4:nth-child(4n + 1),
.col-5:nth-child(5n + 1),
.col-6:nth-child(6n + 1) {margin:0 2% 2% 0;}

.col-4:nth-child(4n + 2),
.col-5:nth-child(5n + 2),
.col-6:nth-child(6n + 2) {margin:0 2% 2% 0;}

.col-5:nth-child(5n + 3),
.col-6:nth-child(6n + 3) {margin:0 2% 2% 0;}

.col-6:nth-child(6n + 4) {margin:0 2% 2% 0;}

/******************/
/* Flexbox System */

.grid {
margin:0;
padding:0;
display:-webkit-flex;
display:flex;
list-style:none;
}

.grid-cell {
margin:0 8px;
padding:0;
flex:1;
}

/******************/
/* responsive-table */
.r-table,
.responsive-table {overflow:scroll; width:100%;}

/******************/
/******************/
/* breadcrumbs ****/

.breadcrumbs {clear:both; display:block; margin:0 0 60px 0; padding:4px 0; line-height:1.6; background:#e2e0de; color:#999999;}
.breadcrumbs ul {padding:0; margin:0 auto; text-align:left; list-style:none; white-space:nowrap;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
font-size:12px; font-size:1.2rem;
}
.breadcrumbs li {float:left;}
.breadcrumbs li:after {content:"\00BB"; margin:0 12px;}
.breadcrumbs li:first-child:before {}
.breadcrumbs li:last-child:after {content:"";}
.breadcrumbs li a {color:#999999;}
.breadcrumbs li a:hover {color:#3773b9;}

/******************/
/******************/
/* navigation *****/

.navigation {margin:0 auto 40px; clear:both;}
.navigation:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.navigation span {}
.navigation .navi-prev {text-align:left; float:left;}
.navigation .navi-next {text-align:right; float:right;}
.navigation .navi-prev a:before {content:"＜"; margin-right:4px;}
.navigation .navi-next a:after  {content:"＞"; margin-left:4px;}

/******************/
/* pagination *****/

.pagination {margin:0 auto 40px; clear:both;}
.pagination:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.pagination ul {text-align:center;}
.pagination ul li {display:inline-block; margin:0 4px;}
.pagination span,
.pagination ul li a {padding:4px 12px; background:#858066; color:#fff;}
.pagination ul li a:hover {background:#5e5836;}
.pagination span.current {background:#5e5836;}



/******************/
/* page-links *****/

.page-links {clear:both; text-align:center; margin:0 0 40px 0;}
.page-links:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.page-links span {
padding:8px 12px;
margin:5px;
}

.page-links a span {border:1px solid #999999; color:#999999;}
.page-links a:hover span {border:1px solid #999999; color:#999999;}

/******************/
/******************/
/* plugins ********/




.modal {
display:none;
position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%;
background:rgba(0,0,0,0.8);
cursor:pointer;
z-index:99999;
}

.modal-close {cursor:pointer; position:absolute; top:12px; right:12px; width:40px; height:40px;
background:#fff center center no-repeat;
	-webkit-background-size:20px 20px;
	-moz-background-size:20px 20px;
	-ms-background-size:20px 20px;
	-o-background-size:20px 20px;
	background-size:20px 20px;
border:1px solid #f578b9;
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZjU3OGI5O308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg==");
	-webkit-border-radius:50%;
	-moz-border-radius:50;
	-ms-border-radius:50;
	-o-border-radius:50;
	border-radius:50;
color:transparent;
}
.modal-close:hover {
background-color:#f578b9;
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg==");
}


.modal-window {
background:#fff;
width:100%; max-width:640px; margin:60px auto;
position:relative;
padding:60px 40px 20px;
text-align:left;
z-index:999999;
cursor:default;
}


/******************/
/* jquery-tabs ****/

#tabs {position:relative;}
#tabs ol {
display:table; table-layout:fixed; text-align:center;
padding:0 20px; margin:0 auto; width:100%;
position:relative; bottom:-1px;
z-index:3;
}
#tabs ol li {
display:table-cell;
padding:12px 0; cursor:pointer; background:#f0f0f0;
border:1px solid #999999;
white-space:nowrap;
overflow:hidden;
}

#tabs ol li:not(:last-child) {border-right:0;}

#tabs ol li:hover {background:#3773b9; color:#fff;}

#tabs ol li:first-child {border-top-left-radius:4px;}
#tabs ol li:last-child {border-top-right-radius:4px;}

#tabs ol li.current {background:#fff; color:#3773b9; border-bottom:1px solid #ffffff;}
#tabs ol li.current:hover {background:#fff; color:#3773b9;}

#tab-content {
background:#fff; border:1px solid #999999;
text-align:left;
border-radius:4px;
padding:60px 40px 40px;
margin:0 0 40px;
position:relative;
z-index:2;
}

/******************/
/* ContactForm7 ***/

.wpcf7{}

.screen-reader-response {display:none;}

.wpcf7 .wpcf7-response-output {
margin:0; padding:0;
border:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
text-align:center; display:block;
clear:both;
}



.wpcf7-mail-sent-ok {
border:1px solid blue;
color:blue;
padding:12px;
margin:0 0 20px 0;
}

.wpcf7-validation-errors {
border:1px solid red;
color:red;
padding:12px;
margin:0 0 20px 0;
}

.wpcf7 span {}
.wpcf7 span.wpcf7-list-item-label {}
.wpcf7 span.use_label_element {margin-bottom:20px; display:block;}
.wpcf7 span.wpcf7-not-valid-tip {color:red; font-size:12px; font-size:1.2rem;}
.wpcf7 span.wpcf7-not-valid-tip-no-ajax {display:none;}


img.ajax-loader {display:block; margin:12px auto 0;}

.wpcf7 .sent .form {display:none;}



/******************/
/* facebook *******/

/******************/
/* twitter ********/


/******************/
/******************/
/* Media Query ****/


@media screen and (max-width:1600px) {
}

@media screen and (max-width:1200px) {
	.slider-title {position:absolute; bottom:20px; left:20px; margin:0; text-align:left; z-index:2;}
	.slider-title img {max-width:90%;}
}

@media screen and (max-width:960px) {
	.pc {display:none;}
	.tb {display:block;}
	.sp {display:none;}
	.pc.tb {display:block;}
	.tb.sp {display:block;}
	.pc.sp {display:none;}

	#h-logo h1 {width:280px; height:46px;}
	#h-logo h1 a {background-size:61px 46px, 215px 46px;}

	#h-logo p {width:178px; height:46px;}
	#h-logo p a {background-size:46px 46px, 126px 46px;}

	.member-list ul li {flex-basis:21%;} /* 4 */
	#member-01 ul li,
	#member-02 ul li {flex-basis:46%;}
	#member-04 ul li {flex-basis:16%;} /* 5 */
	#member-05 ul li {flex-basis:12.6666%;} /* 6 */ 

}

@media screen and (max-width:760px) {
	#top-news .table {display:block; position:relative;}
	#top-news .cell:nth-child(1) {background-color:rgba(226,224,222,0.9); display:block; z-index:2;}
	#top-news .cell:nth-child(2) {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:1;}
	#top-news .box {float:none; width:100%; max-width:100%;}

	#top-research ul li {flex-basis:50%;}
	#top-research ul li:nth-child(3n + 2) {border:0;}
	#top-research ul li:nth-child(odd) {border-right:1px solid #5f6e87;}

	#top-access .table {display:block;}
	#top-access .cell {display:block;}
	#top-access .maps {min-height:400px; height:400px; position:relative; top:auto; left:auto; right:auto; bottom:auto;}
}

@media screen and (max-width:600px) {
	.pc {display:none;}
	.tb {display:none;}
	.sp {display:block;}
	.pc.tb {display:none;}
	.tb.sp {display:block;}
	.pc.sp {display:block;}

	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6 {float:none; clear:both; width:100%; margin:0 0 1.2em 0;}

	.inner {width:100%; max-width:100%; min-width:320px;}

	#header {margin:0 0 12px 0; padding:0;}
	#h-logo {padding:60px 0 0 0;}
	#h-logo h1 {margin:0 auto 20px; float:none; width:280px; height:120px;}
	#h-logo h1 a {background-position:center top, center 62px; background-size:74px 60px, 280px 60px;}

	#h-logo p {display:block; margin:0 auto; clear:both; float:none;}
/*
	#h-logo p {display:block; margin:0 auto; width:126px; height:40px; clear:both; float:none;}
	#h-logo p a {background-size:32px 32px, 87px 32px;}
*/


	#h-navi {background:#3773b9;}
	.navi-toggle {display:block;}
	#h-navi .inner {max-width:100%; padding:0;}
	#h-navi ul {display:none; margin:0;}
	#h-navi ul li {display:block;border:0; border-top:1px solid #ccc;}
	#h-navi ul li a {background:none 0; padding:20px 0; color:#fff;}
	#h-navi ul li a:hover {background:#fff; color:#3773b9;}

	.member-list ul li {flex-basis:29.3333%;} /* 3 */
	#member-01 ul li,
	#member-02 ul li {flex-basis:46%; max-height:46%;}
	#member-04 ul li {flex-basis:21%;} /* 4 */
	#member-05 ul li {flex-basis:21%;} /* 4 */ 

}


@media screen and (max-width:520px) {
	#member-01 {float:none; width:100%; margin:0;}
	#member-02 {float:none; width:100%; margin:0;}
	.member-list ul li {flex-basis:46%;} /* 2 */
	#member-04 ul li {flex-basis:29.3333%;} /* 3 */
	#member-05 ul li {flex-basis:29.3333%;} /* 3 */ 

	#member-04 ul li {flex-basis:46%;} /* 3 */
	#member-05 ul li {flex-basis:46%;} /* 3 */ 

}


/* ▲ iPhone 6+ - iPhone 6 ▼ */
@media screen and (max-width:380px) {
	#member-04 ul li {flex-basis:46%;} /* 4 */
	#member-05 ul li {flex-basis:46%;} /* 4 */ 

}


/******************/
/******************/
/* fonts **********/

/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local('Oswald SemiBold'), local('Oswald-SemiBold'), url(https://fonts.gstatic.com/s/oswald/v13/FPi-c3aUC3zvYWzrDQQz-4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local('Oswald SemiBold'), local('Oswald-SemiBold'), url(https://fonts.gstatic.com/s/oswald/v13/easTUkYIpjx9W4QcIr8U1IX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local('Oswald SemiBold'), local('Oswald-SemiBold'), url(https://fonts.gstatic.com/s/oswald/v13/FVV1uRqs2-G7nbyX6T7UGYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local('Oswald SemiBold'), local('Oswald-SemiBold'), url(https://fonts.gstatic.com/s/oswald/v13/y5-5zezrZlJHkmIVxRH3BZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.gothic {font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;}

.mincho {font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;}

.mono {font-family:"Osaka-mono", "MS Gothic", monospace;}


i {font-family:'Oswald', sans-serif;}


/******************/
/******************/
/* Keyframes ******/

/* end ************/
/******************/
/******************/