@charset "utf-8";

/*
 Theme Name: Midokura 2014 Child Theme
 Template: midokura2k14

 Description: The custom WordPress theme for Midokura by Sumie Goto
 Version: 1.0
*/

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

@import url("https://use.fontawesome.com/releases/v5.3.1/css/all.css");

.br {display:inline-block;}
.m-br {display:block;}
.b {font-weight:bold;}
/*Flexslider*/
.flexslider.new  ul.slides li a{
background-size:cover!important;
background-position:top center !important;
position:relative;
}

.flexslider.new  ul li h1{
color:#fff;
font-size:1.4em;
position:absolute;
text-align:center;
}

.flexslider.new ul li h1.centered{
width:100%;
left:0;
text-align:center;
}
.flexslider ul li.slider-1 h1{
  top:40%
}
.flexslider ul li.slider-2 h1{
 top:40%;
}
.flexslider ul li.slider-3 h1{
width:100%;
top:40%;
left:0;
color:#000;
font-size:1.4em;
text-align:center;
}



.flex-direction-nav{top:50%;position:absolute; width:100%}

/*Top Page*/

.wire-button.more {width:150px!important;}

a.contact-email{font-size:2em;font-weight:100!important; display:inline-block;width:150px;height:150px;line-height:150px;border-radius:50%; border:solid 2px;}

a.contact-email:hover{color:#fff;background-color:#0090ad}

.page-id-10 #main{width:100%}
.row-full{
 width: 100%;
}

/*concept section*/
#bh_diagram img {max-width:100%;}
/*News section*/
#news .content-box {margin:0 10px;}
#news h2 {font-size: 2.0em}
#news .posts .post:last-child {
    border-bottom: 1px solid #CCC;
    padding-bottom:25px;
}

/*partners section*/
.partner-text, .partner-text p{margin-left:10px; margin-right:10px;}

/*Footer*/
#mc_embed_signup_footer{display:none;}
.social, #footer .contact .phone, #footer .contact .fax{display:none;}
#footer .contact .press{margin-left:0!important}

@media only screen and (max-width: 768px){
  .page-id-10 .flexslider ul.slides li a{
  height:200px;
  }
  #concept img.size-full, #awards img {max-width:50%;}
}

@media only screen and (min-width: 769px){
  .br {display:block;}
  .m-br {display:inline-block;}
  /*slider*/
  .flexslider.new.jp ul li h1{font-size:2.4em;}
  .flexslider ul li.slider-1 h1{
  font-size:2.8em;
  top:45%;
  }
  .flexslider ul li.slider-2 h1{
  font-size:2.8em;
  text-align:center;
  top:45%;
  }
  .flexslider ul li.slider-2 h1{
    top:40%;
}
  .flexslider ul li.slider-3 h1{
    font-size:2.8em;
    top:35%;
    margin:0 auto;
  }
  .flexslider.new.jp ul li.slider-3 h1{
    font-size:2.2em;
    top:45%;
    margin:0 auto;
  }
  .flexslider.new .slides, .flexslider.new  .flex-control-nav{
  bottom:5em;
  }

}