/*
Theme Name: Kobayashi Laboratory 2020
Theme URI: http://www.pcl.cs.waseda.ac.jp/
Author: Tamate Creative
Author URI: https://tamatecreative.com/
Description: Updated on 2020/01/15
Version: 2.0
*/

@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}
html {
    margin: 0 !important;
    padding: 0 !important;
}
body {
    color: #333333;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    font-style: normal;
}
.col {
    float: left;
    max-width: 100%;
}
.col.left {
    background: #ffffff;
    box-sizing: border-box;
    padding: 0px 10px;
    max-width: 100%;
    line-height: 1.6em;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 0px;
    margin: 0 0 20px 10px;
    display: inline;
}
img.alignleft {
    padding: 0px;
    margin: 0 10px 20px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left
}
.col.left.one_col {
    width: 100%;
}
.col.left h2 {
    font-family: 'Open Sans Condensed', sans-serif;
    border-left: 3px solid #e7e7e7;
    font-size: 22px;
    line-height: 30px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 10px;
    width: 100%;
    clear: both;
}
.col.left h2.new_headline {
    font-family: 'Open Sans Condensed', sans-serif;
    border-left: 3px solid #e7e7e7;
    font-size: 22px;
    line-height: 30px;
    margin: 20px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
    width: 100%;
    clear: both;
}
.col.left h2.new_headline:first-child {
    margin: 0px 0px 10px 0px;
}
.col.left h3 {
    background: url(assets/square.gif) no-repeat left center;
    border-left: 0px solid #e7e7e7;
    font-size: 16px;
    line-height: 24px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 24px;
    width: 100%;
    clear: both;
}
.col.left .stuff_bio h3 {
    background: none;
    font-size: 16px;
    line-height: 24px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}
.col.left .stuff_bio h5 {
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    line-height: 18px;
    font-style: italic;
    color: #832225;
    min-height: 36px;
}
.col.left p.staff_readmore {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    font-weight: bold;
}
.col.left h3.member_name {
    background: none;
    border-left: 0px solid #e7e7e7;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
    width: 100%;
    box-sizing: border-box;
}
.col.left .map {
    margin: 20px 0px 20px 0px;
}
.col.left p {
    margin: 0px 0px 10px 0px;
    line-height: 22px;
}

.col.left p.date {
    display: inline-block;
    color: #666;
    font-style: italic;
}
.col.left ul {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}
.col.left ul li {
    list-style: inherit;
    margin: 0px 0px 10px 20px;
    line-height: 22px;
}
.col.left ul.post-categories li {
    list-style: none;
    margin: 0px 0px 0px 0px;
    line-height: 22px;
}

.col.left ul.post-categories li a {
    background-color: #951e16;
    color: #ffffff;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 10px;
    font-size: 10px;
    line-height: 1.0em;
    display: inline-block;
    margin-left: 5px;
}
.col.left ol li {
    list-style: inherit;
    margin: 0px 0px 10px 25px;
    line-height: 22px;
}
.col.right {
    color: #ffffff;
    background: #444444;
    box-sizing: border-box;
    margin: 20px 0px 0px 0px;
    padding: 20px 10px;
    max-width: 100%;
    width: 100%;
}
.col.right ul li.current_page_item a {
    text-decoration: underline;
}
.col.right ul li.current_page_item ul li a {
    text-decoration: none;
}
.col.right h4 {
    color: #ffffff;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin: 0px 0px 20px 0px;
}
.col.right h3 {
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    margin: 0px 0px 20px 0px;
}
.col.right ul {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 24px;
    margin: 0px 0px 20px 0px;
}
.col.right ul li {
    line-height: 36px;
    margin: 0px 20px 0px 0px;
    display: inline-block;
}
.col.right a {
    color: #ffffff;
    text-decoration: none;
}
a {
    color: #832225;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
a img {
    border: 0;
}
article, aside, figure, footer, header, hgroup, nav, section {
    display: block;
}
.inner {
    box-sizing: border-box;
    max-width: 100%;
    moz-box-sizing: border-box;
    overflow: hidden;
    padding: 0px 10px;
}
img, object, embed {
    max-width: 100%;
    width: auto;
}
li {
    list-style: none;
}
.clear {
    clear: both;
}
.fb-container {
    width: 100%;
    max-width: 300px;
}

#g_search.left {
    float: left;
}
#container {
    border-top: 0px solid #e7e7e7;
    padding: 0;
    overflow: hidden;
    max-width: 100%;
}
h1 {
    font-size: 22px;
    line-height: 25px;
    margin: 0 0 5px;
    font-weight: normal;
}
h2 {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 5px;
}
h3 {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 5px;
    text-decoration: none;
}
h4 {
    color: #777777;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 5px;
    text-decoration: underline;
}
h5 {
    color: #333333;
    font-weight: normal;
    font-size: 13px;
    margin: 0px 0px 10px 0px;
    line-height: 18px;
    font-style: italic;
}
h6 {
    color: #333333;
    font-weight: normal;
    font-size: 15px;
    margin: 10px 20px 20px 0px;
    line-height: 18px;
    display: inline;
    float: left;
}
iframe {
    border: none;
    margin: 0px;
    padding: 0px;
}
header {
    background: none repeat scroll 0 0 #FFFFFF;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
}
#header_items {
    display: none;
}
#site_name {
    width: 100%;
    background: #000000;
    float: left;
    border-bottom: 8px solid #e7e7e7;
    color: #ffffff;
    font-size: 12px;
    padding: 4px;
}
#logo {
    clear: both;
    height: 52px;
    margin: 10px 0px 10px 10px;
    width: 160px;
}
#g_search {
    box-sizing: border-box;
    float: left;
}
p.date {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Open Sans Condensed', sans-serif;
}
p.date.contact {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Open Sans Condensed', sans-serif;
}
.screen-reader-text {
    display: none;
}
input#s {
    width: 70%;
    padding: 7px 4px;
    border: 1px solid #e7e7e7;
    float: left;
}
#language {
    display: none;
    background: #e7e7e7;
    float: right;
    height: 36px;
    line-height: 36px;
    width: 20%;
    width: 66px;
}
#language ul li {
    border-left: 1px solid #7A797C;
    display: inline;
    font-size: 14px;
    padding: 0px 4px 0px 9px;
}
#language ul li.active a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}
#language ul li a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #464646;
    text-decoration: none;
}
#language ul li:first-child {
    border-left: 0px solid #7A797C;
}
#mobile_nav {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 10000000000;
}
#mobile_nav #mobile_search div  {
    margin: auto;
    width: 280px;
}
#mobile_nav input#s {
    width: 224px;
    padding: 7px 5px;
    border: 1px solid #e7e7e7;
    float: left;
    width: 193px;
}
#mobile_nav #searchsubmit {
    background: #414141;
    padding: 10px 15px;
    border: none;
    margin: 0px 0px 0px 0px;
    color: #ffffff;
    height: 29px;
    width: 44px;
    background-image: url(assets/btn_search.png);
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
}
#mobile_nav #mobile_search {
    padding: 10px 10px 10px 10px;
    text-align: none;
    border-bottom: 1px solid #1d1f20;
    clear: both;
    height: 36px;
}

#mobile_nav #mobile_lang {
    margin: 0px 0px 0px 0px;
    height: 36px;
    background: #414141;
}
#mobile_lang ul.bogo-language-switcher li {
    padding-left: 0px;
}
#mobile_lang ul.bogo-language-switcher li.en {
    width: 47%;
    margin: 0 3% 0 0;
    float: left;
    text-align: right;
    font-size: 16px;
    color: #ffffff;
    padding: 7px 0px 5px 0px;
    border: none;
}
#mobile_lang ul.bogo-language-switcher li.ja {
    width: 47%;
    margin: 0 0 0 3%;
    float: left;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    padding: 7px 0px 5px 0px;
    border: none;
}
#mobile_lang ul.bogo-language-switcher li.current {
    color: #951e16;
}
#mobile_lang ul.bogo-language-switcher li a {
    display: inline;
}
.hamburger {
    background: none;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0px 0px 0px 0px;
    border: 0;
    cursor: pointer;
    outline: none;
    z-index: 9999999999;
    width: 36px;
    height: 36px;
    line-height: 36px;
}
.cross {
    background: none;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0px 0px 0px 0px;
    border: 0;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    width: 36px;
    height: 36px;
    line-height: 36px;
    z-index: 10000000000000;
}
#mobile_search {
    padding: 16px 60px 14px 10px;
    text-align: right;
    border-bottom: 1px solid #1d1f20;
    clear: both;
    height: 30px;
}
#searchsubmit {
    background: #414141;
    padding: 7px 15px;
    border: none;
    margin: 0px 0px 0px 0px;
    color: #ffffff;
    height: 29px;
    width: 44px;
    background-image: url(assets/btn_search.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.mobile_menu {
    z-index: 1000000;
    font-weight: bold;
    font-size: 0.8em;
    width: 100%;
    background: #131313;
    position: absolute;
    text-align: center;
    display: none;
}
.mobile_menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}
.mobile_menu li {
    display: block;
    border-bottom: #1d1f20 1px solid;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
}
.mobile_menu li:hover {
    display: block;
    background: #181818;
    border-bottom: #1d1f20 1px solid;
}
.mobile_menu ul li a {
    text-decoration: none;
    margin: 0px;
    color: #fff;
    display: block;
    padding: 12px 0 12px 0;
}
.mobile_menu ul li.current-menu-item a {
    color: #832225;
}
.mobile_menu ul li a:hover {
    color: #fff;
    text-decoration: none;
    display: block;
}
.mobile_menu a {
    text-decoration: none;
    color: white;
}
.mobile_menu a:hover {
    text-decoration: none;
    color: white;
}
nav.global-navi {
    display: none;
    box-sizing: border-box;
    padding: 0px 10px 10px 10px;
}
nav.global-navi ul {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 13px;
    table-layout: fixed;
    text-align: right;
    width: 100%;
}
nav.global-navi ul li {
    border-bottom: 0px solid #ccc;
    display: inline;
}
nav.global-navi ul li.current-menu-item {
}
nav.global-navi ul li:last-child {
    border-right: none;
}
nav.global-navi ul li a {
    color: #464646;
    display: inline;
    font-weight: bold;
    padding: 10px 10px;
    text-decoration: none;
}
nav.global-navi ul li.current-menu-item a, nav.global-navi ul li.current-page-ancestor a {
    color: #951e16;
}
#hero {
    background: url(assets/hero.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 210px;
    position: relative;
}
#hero.sub {
    min-height: 150px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
#caption {
    left: 36%;
    ms-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    webkit-transform: translate(-50%, -50%);
}
#hero h1 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #f2f2f2;
    font-size: 13px;
    line-height: 30px;
    margin: 100px 0px 0px 10px;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}
#hero h1.en {
    font-family: 'Open Sans Condensed', sans-serif;
}
#hero.sub h1 {
    margin: 65px 0px 0px 10px;
}
#latest_news {
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
}
#latest_news .title {
    margin: 0px 0px 15px 0px;
    max-width: 100%;
    overflow: hidden;
}
#latest_news h2 {
    border-left: 3px solid #e7e7e7;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 22px;
    line-height: 30px;
    padding: 0px 0px 0px 10px;
    width: 60%;
}
#latest_news .readmore {
    background: #e7e7e7;
    border-radius: 2em;
    color: #1b1a19;
    float: right;
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
    padding: 5px 5px;
    text-decoration: none;
    width: 25%;
    text-align: center;
}
#latest_news div.readmore a {
    color: #464646;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
}
.col.col .readmore {
    background: #e7e7e7;
    border-radius: 2em;
    color: #1b1a19;
    float: right;
    font-size: 12px;
    overflow: hidden;
    padding: 5px 5px;
    text-decoration: none;
    width: 25%;
    text-align: center;
}
.col.col div.readmore a {
    color: #464646;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
#latest_news article.one_forth {
    border: 0px solid #ccc;
    box-sizing: border-box !important;
    float: left;
    margin: 0px 0px 15px 0px;
    max-width: 100%;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    padding: 0px 0px 0px 0px;
}
#latest_news article.one_forth:last-child {
    margin: 0px 0px 15px 0px;
}
#links article.one_forth {
    border: 0px solid #ccc;
    box-sizing: border-box !important;
    float: left;
    margin: 10px 2% 0px 2%;
    max-width: 46%;
}
#publication article.one_forth {
    border: 0px solid #ccc;
    box-sizing: border-box !important;
    float: left;
    margin: 10px 2% 0px 2%;
    max-width: 46%;
}
.news_thumb.mobile {
    display: none;
}
.news_thumb.desktop {
    display: block;
}
.news_thumb img {
    float: right;
    margin: 0px 0px 10px 15px;
}
#links h2 {
    margin-bottom: 10px;
}
#latest_news article.one_forth .thumb {
    margin-bottom: 5px;
}
#latest_news article.one_forth .excerpt {
    font-size: 13px;
    margin: 0px 0px 15px 0px;
}
#latest_news article.one_forth h3 {
    padding: 0px 0px 5px 0px;
    font-size: 13px;
    font-weight: bold;
}
#latest_news article.one_forth h3 a {
    color: #333333;
}
.one_forth p {
    margin: 0px 0px 10px 0px;
    font-size: 13px;
}
.one_forth p.date {
    display: inline-block;
    color: #666;
    font-style: italic;

}
.post-categories {
    display: inline-block;
}
.post-categories a {
    background-color: #951e16;
    color: #ffffff;
    padding: 4px 10px;
    text-decoration: none;
    border-radius: 10px;
    font-size: 10px;
    line-height: 1.0em;
    display: inline-block;
    margin-left: 5px;
}
#latest_news article.one_forth h3 a:hover {
    color: #832225;
}
#projects {
    background: #e7e7e7;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
}
#projects .title {
    margin: 0px 0px 15px 0px;
    max-width: 100%;
    overflow: hidden;
}
#projects h2 {
    border-left: 3px solid #951e16;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 22px;
    line-height: 30px;
    padding: 0px 0px 0px 10px;
    width: 60%;
}
#links h2 {
    border-left: 3px solid #951e16;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 22px;
    line-height: 30px;
    padding: 0px 0px 0px 10px;
    width: 100%;
}
#projects .readmore {
    background: #ffffff;
    border-radius: 2em;
    color: #1b1a19;
    float: right;
    font-size: 12px;
    overflow: hidden;
    padding: 5px 5px;
    text-decoration: none;
    width: 25%;
    text-align: center;
}
#projects div.readmore a {
    color: #464646;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
article.one_third {
    background: #ffffff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    margin: 0px 0px 15px 0px;
    max-width: 100%;
}
article.one_third .thumb {
    margin-bottom: 15px;
}
article.one_third .excerpt {
    font-size: 13px;
}
article.one_third h3 {
    padding: 0px 10px 0px 10px;
    margin-bottom: 15px;
}
article.one_second {
    background: #ffffff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    margin: 0px 0px 15px 0px;
    max-width: 100%;
}
article.one_second .thumb {
    margin-bottom: 5px;
}
article.one_second .excerpt {
    font-size: 13px;
}
article.one_second h3 {
    padding: 0px 10px 5px 10px;
}
footer article.one_third {
    background: none;
    border: none;
    box-sizing: border-box;
    float: left;
    margin: 0px 0px 20px 0px;
    max-width: 100%;
    width: 100%;
}

.search_results h3 a {
    color: #333333;
}
.fb-page {
    margin: 10px auto;
}
.one_third p {
    padding: 0px 10px 10px 10px;
    box-sizing: border-box;
    line-height: 1.6em;
}
.col.left article.one_third.mem p {
    padding: 0px 0px 10px 0px;
    box-sizing: border-box;
}
#footer_links {
    clear: both;
    color: #ffffff;
    max-width: 100%;
    text-align: center;
    overflow: hidden;
    font-size: 13px;
    margin: 0px 20px 20px 0px;

}
#footer_links ul {
    margin: 0px;
    padding: 0px;
}
#footer_links ul li {
    display: inline;
    margin: 0px 10px;
}
#footer_links ul li a {
    color: #ffffff;
}
#publication {
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
}
#publication .title {
    margin: 0px 0px 15px 0px;
    max-width: 100%;
    overflow: hidden;
}
#publication h2 {
    border-left: 3px solid #e7e7e7;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 22px;
    line-height: 30px;
    padding: 0px 0px 0px 10px;
    width: 60%;
}
#publication .readmore {
    background: #e7e7e7;
    border-radius: 2em;
    color: #1b1a19;
    float: right;
    font-size: 12px;
    overflow: hidden;
    padding: 5px 5px;
    text-decoration: none;
    width: 25%;
    text-align: center;
}
#publication div.readmore a {
    color: #464646;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
#publication article.one_fifth {
    background: #ffffff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    margin: 0px 0px 15px 0px;
    max-width: 100%;
}
#publication article.one_fifth .thumb {
    margin-bottom: 0px;
}
#publication article.one_fifth .excerpt {
    font-size: 13px;
}
.col.left h2.pub_category {
    margin: 0px 0px 20px 0px;
}
.col.left h3.pub_category {
    margin: 20px 0px 10px 0px;
}
article.one_fifth h3 {
    padding: 0px 5px 5px 5px;
    font-weight: normal;
}
.one_fifth p {
    padding: 10px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.4em;
}
#links {
    background: #e7e7e7;
    margin: 0px 0px 0px 0px;
    padding: 20px 10px 20px 10px;
}
#links a {
    color: #f2f2f2;
}
.links_thumb {
    position: relative;
}
.links_thumb h3 {
    bottom: 0%;
    font-family: 'Open Sans Condensed', sans-serif;
    left: 15%;
    ms-transform: translate(-50%, -50%);
    position: absolute;
    transform: translate(-50%, -50%);
    webkit-transform: translate(-50%, -50%);
}
#contents {
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
}
.news_archive {
    border-top: 1px solid #e7e7e7;
    width: 100%;
    min-height: 115px;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 15px 0px;
    clear: both;
}
.news_archive:first-child {
    border-top: 0px dotted #333333;
}
.publication_archive {
    width: 100%;
    min-height: auto;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    clear: both;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
}
.col.left .news_archive h3 {
    font-size: 14px;
    background: none;
    padding: 0;
    margin: 0px 0px 2px 0px;
    clear: none;
}
.col.left .news_archive h3 a {
    color: #333333;
    text-decoration: underline;
}
.col.left .news_archive h3 a:hover {
    color: #951e16;
    text-decoration: none;
}

.col.left .news_archive span {
    font-weight: bold;
    font-size: 12px;
}
.col.left .news_archive p {
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 20px;
}
.col.left .news_archive img {
    float: left;
    margin: 5px 10px 10px 0px;
}
.col.left .publication_archive h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    background: none;
    padding: 0;
    margin: 0px 0px 2px 0px;
}
.col.left .publication_archive span {
    font-weight: bold;
    font-size: 12px;
}
.col.left .publication_archive p {
    margin-bottom: 0px;
    color: #4b4e4e;
    font-size: 13px;
}

.col.left .publication_archive p.date {
    display: none;
}
.col.left .publication_archive img {
    margin: 5px 0px 10px 0px;
}
.col.left .publication_archive .excerpt {
    float: left;
    width: 100%;
}
.pdf {
    float: left;
    width: 100%;
    text-align: center;
}
footer {
    background: #222222;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    padding: 20px 10px 20px 10px;
}
footer h3 {
    border-left: 3px solid #E5E5E5;
    color: #E5E5E5;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding: 0px 0px 0px 10px;
    width: 100%;
}
footer article.one_forth {
    border: none;
    box-sizing: border-box;
    float: left;
    margin: 0px 0px 15px 0px;
    max-width: 100%;
    overflow: hidden;
}
footer .social {
    float: left;
    margin: 10px 5.166666666666667%;
    width: 23%;
}
footer ul#menu-quick-links {
    float: left;
    margin: 10px 0px;
}
footer ul#menu-quick-links li {
    background-image: url("assets/bullet.gif");
    background-position: 0px 8px;
    background-repeat: no-repeat;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 12px;
}
footer ul#menu-quick-links li a {
    color: #E5E5E5;
}
address {
    float: left;
    margin: 10px 0px;
    font-style: normal !important;
    background: none !important;
}
address p {
    color: #E5E5E5;
    margin: 0px 0px 10px 0px;
}
footer #waseda_logo {
    padding: 0px 100px;
}
#copy {
    background: #222222;
    color: #E5E5E5;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    text-align: center;
}
.col.right input {
    width: 100%;
    margin: 5px 5% 15px 0%;
    padding: 5px 0px;
}
.col.right textarea {
    width: 100%;
    margin: 5px 5% 15px 0%;
    padding: 5px 0px;
}
.col.right input.wpcf7-submit {
    width: 100%;
    padding: 10px 0px;
    background: #951e16;
    border: none;
    color: #fff;
    font-weight: bold;
}
.map_wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 30px;
}
.wpcf7 {
    padding: 0px 0px !important;
}
.map_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.stuff {
    width: 100%;
}
.stuff_pic img {
    vertical-align: bottom;
}
.stuff_bio {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.one {
    border: 1px solid #ccc;
    margin-bottom: 30px;
    overflow: hidden;
}
.widget_archive h2, .widget_categories h2 {
    color: #ffffff;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    line-height: 22px;
    margin: 0px 0px 20px 0px;
    text-decoration: underline;
}
.left_thumb {
    width: 25%;
    margin: 0px 2% 5px 0px;
    float: left;
}
.right_excerpt {
    width: 73%;
    float: left;
}
.excerpt {
    width: 100%;
}
.pager_pre {
    width: 45%;
    float: left;
    clear: both;
    margin: 20px 0px 0px 0px;
}
.pager_next {
    width: 45%;
    float: right;
    margin: 20px 0px 0px 0px;
}
#language li.current {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #951e16;
}
.bogo-language-switcher .en-US {
    background: none !important;
}
.bogo-language-switcher .ja {
    background: none !important;
}
p.external_link {
    font-weight: bold;
    background: url(assets/link-external.png) no-repeat left 1px;
    padding: 0px 0px 0px 25px;
    font-size: 13px;
    line-height: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
}

@media screen and (min-width: 370px) {

    #mobile_nav input#s {
        width: 210px;
    }
}

@media screen and (min-width: 480px) {
    #logo {
        width: 35%;
        box-sizing: border-box;
        float: left;
        margin: 15px auto 20px auto;
        padding: 0px 10px 20px 10px;
    }
    #hero {
        min-height: 260px;
    }
    #hero.sub {
        min-height: 210px;
    }
    nav.global-navi {
        display: block;
        overflow: hidden;
        width: 75%;
    }
    #latest_news article.one_forth {
        float: left;
        margin: 0px 2% 10px 0px;
        max-width: 48%;
        min-height: 230px;
    }
    #projects article.one_third {
        float: left;
        margin: 0px 2% 10px 0px;
        max-width: 48%;
        min-height: 340px;
    }
    #publication article.one_fifth {
        float: left;
        margin: 0px 2% 10px 0px;
        max-width: 48%;
        min-height: 280px;
    }
    footer article.one_forth {
        float: left;
        margin: 0px 2% 10px 0px;
        max-width: 48%;
        min-height: 280px;
    }
    footer #waseda_logo {
        margin: 10px;
        padding: 0px 30px;
    }
    #latest_news article.one_forth {
        float: left;
        margin: 0px 2% 10px 0px;
        max-width: 48%;
        min-height: 230px;
    }
    #links article.one_forth {
        float: left;
        margin: 0px 2% 10px 0px;
        max-width: 48%;
    }
    .links_thumb h3 {
        bottom: 0%;
        left: 20%;
    }
    nav.global-navi {
        padding: 0px 0px 10px 20px;
    }
    #hero h1 {
        font-size: 16px;
    }
    #caption {
        left: 30%;
    }
    #latest_news .readmore, #publication .readmore {
        background-position: right 18px center;
        background-repeat: no-repeat;
        background-color: #e7e7e7;
        background-image: none;
    }
    .col.left .readmore {
        background-repeat: no-repeat;
        background-color: #e7e7e7;
        background-image: none;
        width: 100px;
        margin: 0px 0px 20px 0px;
    }
    #projects .readmore {
        background-repeat: no-repeat;
        background-color: #ffffff;
        background-image: none;
    }
    #hero h1 {
        margin: 120px 0px 0px 0px;
    }
    #hero.sub h1 {
        margin: 45px 0px 0px 0px;
    }
}
@media screen and (min-width: 768px) {
    input#s {
        width: 80%;
    }
    .news_thumb.mobile {
        display: block;
    }
    .news_thumb.desktop {
        display: none;
    }
    .cross {
        display: none;
    }
    #mobile_nav {
        display: none;
    }
    #hero h1 {
        margin: 140px 0px 0px 10px;
    }
    #hero.sub h1 {
        margin: 100px 0px 0px 10px;
    }
    .alumni article.one_third.mem {
        float: left;
        margin: 0px 1% 20px 1%;
        max-width: 31%;
        min-height: 230px;
    }
    .alumni article.one_third.pro {
        float: left;
        margin: 0px 1% 30px 1%;
        max-width: 100%;
        min-height: 30px;
    }
    article.one_third.pro .thumb {
        margin-bottom: 0px;
        min-height: 186px;
    }
    .col.left article.one_second.mem {
        float: left;
        margin: 0px 1% 20px 1%;
        max-width: 48%;
        min-height: 180px;
    }
    .hamburger {
        display: none;
    }
    #header_items {
        display: block;
        overflow: hidden;
    }
    nav.global-navi {
        display: block;
    }
    footer .social {
        float: left;
        margin: 20px 5.166666666666667%;
        width: 18%;
    }
    .col.left {
        margin-right: 4%;
        width: 71%;
    }
    .col.left.width-100 {
        margin-right: 0%;
        width: 100%;
    }
    .col.right {
        background: #434444;
        box-sizing: border-box;
        color: #ffffff;
        margin-right: 0%;
        padding: 20px 20px;
        width: 25%;
    }
    .col.right ul#menu-projects li {
        background: none;
        display: block;
        line-height: 24px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    .col.right ul#menu-projects li ul li {
        font-size: 15px;
        background: url(assets/bullet_blog.png) no-repeat 0px 4px;
        display: block;
        line-height: 1.6em;
        margin: 5px 0px 0px 0px;
        padding: 0px 0px 0px 20px;
    }
    .col.right ul li {
        font-size: 15px;
        background: url(assets/bullet_blog.png) no-repeat 0px 4px;
        display: block;
        line-height: 20px;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 20px;
    }
    .col.right li {
        font-size: 15px;
        background: url(assets/bullet_blog.png) no-repeat 0px 4px;
        display: block;
        line-height: 20px;
        margin: 5px 0px 0px 0px;
        padding: 0px 0px 0px 20px;
    }
    .col.right ul li ul li {
        font-size: 15px;
        background: url(assets/bullet_blog.png) no-repeat 0px 4px;
        display: block;
        line-height: 20px;
        margin: 5px 0px 0px 0px;
        padding: 0px 0px 0px 20px;
    }
    #latest_news .readmore, #projects .readmore, #publication .readmore {
        margin-right: 1%;
        width: 100px;
    }
    nav.global-navi ul {
        font-size: 17px;
    }
    #hero {
        min-height: 300px;
    }
    #hero.sub {
        min-height: 220px;
    }
    #latest_news article.one_forth {
        float: left;
        margin: 0px 2% 10px 2%;
        max-width: 96%;
        min-height: auto;
    }
    #latest_news article.one_forth:last-child {
        margin: 0px 2% 0px 2%;
    }
    #projects article.one_third {
        min-height: 380px;
    }
    #publication article.one_fifth {
        min-height: 360px;
    }
    #links article.one_forth {
        margin: 0px 1% 10px 1%;
        max-width: 23%;
        position: relative;
    }
    .links_thumb h3 {
        bottom: 0%;
        left: 25%;
    }
    #logo {
        margin: 0px auto 20px auto;
        padding: 0px 0px 30px 0px;
        width: 20%;
    }
    nav.global-navi {
        float: right;
        margin: 10px 0px 0px 0px;
        width: 80%;
    }
    .hamburger {
        display: none;
    }
    #g_search {
        box-sizing: border-box;
        float: right;
        min-width: 280px;
        padding: 10px 10px 0px 0px;
    }
    #hero h1 {
        font-size: 16px;
    }
    #caption {
        left: 30%;
    }
    .pdf_blank {
        width: 1px;
        height: 1px;
        float: right;
        margin: 15px 0px 10px 10px;
    }
    .col.left .publication_archive .excerpt {
        float: left;
        width: 92%;
    }
    .pdf {
        float: left;
        width: 6%;
        margin-left: 2%;
        text-align: center;
    }
    .col.left .publication_archive img {
        margin: 13px 0px 0px 0px;
    }
    footer article.one_third {
        margin: 0px 1% 10px 1%;
        width: 27%;
        min-height: 220px;
        background: none;
        border: 0px solid #ccc;
        box-sizing: border-box;
    }
    footer article.one_third.fb {
        margin: 0px 3% 10px 1%;
        width: 38%;
        min-height: 220px;
        background: none;
        border: 0px solid #ccc;
        box-sizing: border-box;
    }

    .staff_group .one_second.mem:nth-child(3){
        clear: both;
    }
    .staff_group .one_second.mem:nth-child(5){
        clear: both;
    }

    .staff_group .one_second.mem:nth-child(7){
        clear: both;
    }
    .staff_group .one_second.mem:nth-child(9){
        clear: both;
    }

}
@media screen and (min-width: 980px) {
    #contents {
        margin: 0px 0px 0px 0px;
        padding:40px 0px 40px 0px;
    }
    input#s {
        width: 80%;
    }
    .col.left article.one_second.mem {
        float: left;
        margin: 0px 1% 20px 1%;
        max-width: 31.33333333%;
        min-height: 180px;
    }

    .staff_group .one_second.mem:nth-child(3){
        clear: none;
    }
    .staff_group .one_second.mem:nth-child(5){
        clear: none;
    }

    .staff_group .one_second.mem:nth-child(7){
        clear: none;
    }
    .staff_group .one_second.mem:nth-child(9){
        clear: none;
    }

    .staff_group .one_second.mem:nth-child(4){
        clear: both;
    }
    .staff_group .one_second.mem:nth-child(7){
        clear: both;
    }
    .staff_group .one_second.mem:nth-child(10){
        clear: both;
    }
    .alumni article.one_third.mem:nth-child(4){
        clear: both;
    }
    .alumni article.one_third.mem:nth-child(7){
        clear: both;
    }
    .alumni article.one_third.mem:nth-child(10){
        clear: both;
    }

    .left_thumb {
        width: 15%;
        margin: 0px 2% 5px 0px;
        float: left;
    }
    .right_excerpt {
        width: 73%;
        float: left;
    }
    .stuff_pic {
        width: 50%;
        float: left;
    }
    .stuff_bio {
        width: 50%;
        float: left;
    }
    .col.left article.one_second.mem .stuff_pic {
        width: 100%;
        float: left;
    }
    .col.left article.one_second.mem .stuff_bio {
        width: 100%;
        float: left;
    }
    .col.left article.one_third.mem .stuff_pic {
        width: 100%;
        float: left;
    }
    .col.left article.one_third.mem .stuff_bio {
        width: 100%;
        float: left;
    }
    #logo {
        margin: -18px auto 23px auto;
        padding: 0px 20px 20px 0px;
    }

    #projects article.one_third {
        margin: 0px 1% 10px 1%;
        max-width: 31%;
        min-height: 340px;
    }
    #publication article.one_fifth {
        margin: 0px 1% 10px 1%;
        max-width: 23%;
        min-height: 270px;
    }
    #latest_news .title, #projects .title, #publication .title, #links .title {
        margin: 0px 0px 15px 1%;
        overflow: hidden;
    }
    #hero h1 {
        font-size: 20px;
    }
    #language {
        margin: 0px 0px 0px 0px;
    }
    .inner {
        margin: 0 auto;
        max-width: 980px;
    }
    #g_search {
        float: right;
    }
    nav.global-navi {
        float: right;
        margin: 20px 0px 0px 0px;
    }
    #links h2 {
        margin-bottom: 0px;
    }

    #latest_news,  #projects, #publication, #links {
        padding: 30px 0px 30px 0px;
    }
   footer {
        padding: 30px 0px 10px 0px;
    }


}