#copyright .fr {float:none !important; text-align:center;}
.top-menu li:first-child {margin-right:10px;}
.top-menu li:first-child a:after{content:"　/ ";}
h3.custom{border-left:20px solid #7DD1E3; padding-left:8px; font-size:16px; font-weight:bold; color:#222;margin-top:3em;}
h3.custom:first-child{margin-top:0;}
h2.block{border-left:20px solid #7DD1E3; padding-left:8px;margin-left:20px !important;text-align:left !important;}
.flexinside{1display:none;}
.logo-banner img {width:100%;}
.logo-banner {display:block;margin-bottom:15px;}
.page-header{padding:60px 0 40px 0;}
div#footer .text-widget p, div#footer span.post-date {
  color: #cccccc !important;
}
#footer a.comment-reply-link {
	color: rgba(102, 102, 102, 1.0) !important;
}
#footer a.comment-reply-link:hover {
  color: #ffffff !important;
}
#main-nav > li {
    margin: 0 0 0 0;
    display: block;
    border-left-width: 1px;
    border-left-style: solid;
    float: none;
    width: auto;
    text-align: center;
    flex: 1;}
@media screen and (min-width:768px){
  #main-nav{display:flex !important;}
  #footer .foocol{min-height:370px;margin-bottom:30px;}
  .flexslider {
  max-height: 500px !important;
}
}
.ghost{background:#fafafa !important;}
body, #infscr-loading, .nav li ul, .item_inn{background:#fff !important;}
.foliodetails{background:#7DD1E3 !important;color:white !important;}
#footer .foocol ul li{margin-left:0;padding-left:0;}
page-id-598 .mp-wrap p, .page-id-697 .mp-wrap p{margin-left:30px;margin-right:30px;margin-bottom:30px;}
.wp-caption p.wp-caption-text{padding:0 1.5em;text-align:left;line-height:1.5em !important;}
.folio .item_inn p {
	margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
}
hr {border:1px solid #eee !important;}

.page-id-596 .widgetwrap, .page-id-596 .blocker{padding-top:20px;}

@media screen and (max-width: 770px){
  #copyright{padding-bottom:40px !important; padding-top:10px;}
  #copyright * {line-height:1.5em;}
  .foocol.first{margin-bottom:20px !important;}
  h2.widget:after{
      width: 45px;
    height: 2px;
    position: absolute;
    bottom: 20px;
    left: 0;
    background-color: #7dd1e3;
    content: '';
    display:block !important;
  }
  .footer-logo{width:150px;}
  .mp-wrap ul.mpbox li.mp-testimonials {margin-bottom:0px !important;}
  .entry {padding: 0 20px !important;}
  #header h1 img{width:150px;}
  #topnav .searchform{display:none;}
  .top-menu{margin-right:5px;}
}

@media only screen and (max-width: 429px){
#topnav {
min-height: auto !important;
}
  .top-menu{float:right;}
}

a#navtrigger, a#navtrigger:hover{
  margin:0;
  position:absolute;
  bottom:18px;
  right:0;
  z-index:99999;
  background-image:url('http://utops.s.u-tokyo.ac.jp/wordpress/wp-content/themes/wpindustry/images/menu.png');
  background-size:50px 50px;
}
a#navtrigger.active{
background-image:url('http://utops.s.u-tokyo.ac.jp/wordpress/wp-content/themes/wpindustry/images/menu-active.png');
  background-size:50px 50px;
}
a#navtrigger.ribbon{background-color:#fff;}
@media screen and (max-width: 770px){
  .navhead {
    z-index:99999;
  }
  #titles, #titles h1 {
    float: left;
    text-align: left;
    width: 320px;
    margin-bottom:0 !important;
  }
  #header h1 img{
    margin:0;
  }
}

@media screen and (min-width: 0px){
  .mobile{
    display:block;
  }
  .desktop{
    display: none;
  }
}
@media screen and (min-width: 768px){
  .desktop{
    display: block;
  }
  .mobile{
    display: none;
  }
}
.page-id-596 .clients{width:68% !important;margin:0 auto !important;}

.scroll-to-fixed-fixed {display:none !important;}
.page-id-697 .folio .item .meta.date{float:left;border:0 !important;margin:10px 0 0 30px !important;padding:0 !important;}
.page-id-697 .folio .item .meta_more{margin-bottom:10px !important;}
ul.error li {margin-bottom:10px !important;}

.search #sidebar {display:none !important;}

.testi-meta.mp-rad {padding-top:30px !important;}

body{height:auto !important;}