/*
Theme Name: Aoraki
Theme URI: https://wydethemes.com/aoraki
Description: Multi-Concept Business WordPress theme
Author: Wyde
Author URI: https://themeforest.net/user/Wyde
Version: 1.0.1
Tags: theme-options, full-width-template, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu
Text Domain: aoraki
License: ThemeForest Licenses
License URI: https://themeforest.net/licenses/standard
*/


/* [SMT] borttaget: .header-menu .container + #content bredd-\u00f6verstyrning krockade med 1.5.5-layout */

#header .mobile-nav-icon > i.menu-icon,
#header .mobile-nav-icon > i.menu-icon::before,
#header .mobile-nav-icon > i.menu-icon::after{
    background-color:#555555;
    height: 1.3px;
}
#header .mobile-nav-icon > i.menu-icon::before{
  top: -7px;
}
#header .mobile-nav-icon > i.menu-icon::after{
  bottom: -7px;
}

.side-nav-active #header .mobile-nav-icon > i.menu-icon::before,
.side-nav-active #header .mobile-nav-icon > i.menu-icon::after{
  top: 0px;
}
#left-sidebar{
  /* text-align: right; */
}
h2.widget-title,#menu-sidebar-menu{
  text-align: left;
}

 #left_banner_2 img:hover{
   opacity: 0.8;
 }

 .aoraki-icon-search{
  font-size: 17px;
 }

.half{
  width: 20px;
  height: 20px;
  margin:0px 10px;
}
#footer2{
  /*background: #333;*/
  background: #44535F;
  padding: 16px;
}

#footer2 .container,#breadcrumb .container{
max-width: 1050px;
}

.footer_text{
  font-size: 11px;
  color: #b2b2b2;
  padding-left: 5px;
}
#footer-text{
   color:#989898;
   font-size: 10px;
}
 #top-nav > ul > li > a{
   font-family: "Lato","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
 }

.contact-info a{
  font-size: 12px;
}

.top-bar-left{
  font-size: 12px;
  line-height: 39px;
}

h3.entry-title{
  font-size: 15px;
  font-family: inherit;
}

/* [SMT] borttaget: .top-nav-background-\u00f6verstyrning (1.5.5 hanterar header-bakgrund via Redux) */

#privacy_policy,#kiyaku{
  font-size: 12px;
}

#privacy_policy h3,#privacy_policy h2,
#kiyaku h3,#kiyaku h2{
  font-size: 18px;
}

.w-text-block p{
  font-size: 14px;
}

.spbr{
  display: none;
}

#sp-top-menu{
  display: none;
}

.post-media a img:hover{
  opacity: 0.8;
}

.sp_share_foot{
  display: inline-block;
  width: 100%;
}

.sp_date{
  display: none;
  color: #949494;
}

#menu-item-14481,#menu-item-14482,#menu-item-19152{
  display: none;
}

.acd-header{
  background: #f1f1f1;
}
.touroku_btn{
  width: 280px;
  max-width: none;
  margin-left: -10px;
}

i.menu{
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  margin-right: 15px;
}

a i.menu_news{
  background: url("/wp-content/uploads/2017/06/1_g.png");
  background-size: 20px 20px;
}
a:hover i.menu_news{
  background: url("/wp-content/uploads/2017/06/1.png");
  background-size: 20px 20px;
}

a i.menu_shikkan{
  background: url("/wp-content/uploads/2017/06/2_g.png");
  background-size: 20px 20px;
}
a:hover i.menu_shikkan{
  background: url("/wp-content/uploads/2017/06/2.png");
  background-size: 20px 20px;
}

a i.menu_tiken{
  background: url("/wp-content/uploads/2017/06/3_g.png");
  background-size: 20px 20px;
}
a:hover i.menu_tiken{
  background: url("/wp-content/uploads/2017/06/3.png");
  background-size: 20px 20px;
}

a i.menu_faq{
  background: url("/wp-content/uploads/2017/06/5_g.png");
  background-size: 20px 20px;
}
a:hover i.menu_faq{
  background: url("/wp-content/uploads/2017/06/5.png");
  background-size: 20px 20px;
}

.hide_pc{
    display: none;
}

.towa_background{
 background: url("/wp-content/uploads/2017/06/smt_towa_back.jpg");
 width: 100%;
 height: 600px;
 padding: 90px 0px;
 background-size:1920px 718px;
 background-position: top center;
 background-repeat: no-repeat;
}

.towa_content{
  width: 100%;
  width: 1050px;
  margin: 0px auto;
  padding: 0px 69px;
}
.form_header{
  background: #292e38;
  padding: 20px 0px;
  text-align: center;
  border-radius: 10px 10px 0px 0px;
}

.tc{
  text-align: center;
}

.towa_form_wrap{
  background: #FFF;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #7f7f8f;
  width: 360px;
  float: right;
}

.form_body{
  padding: 20px 40px;
  height:   210px;
}
.form_body input{
  background: #fafafa;
  border: 1px solid #ccc;
  color: #ccc;
}

.form_body input[type=password]{
  border-top: none;
  border-radius: 0px 0px 5px 5px;
}

.towa2{
    text-align: center;
    padding: 44px 0px;
}

.towa3{
    background: #b3d4e8;
    text-align: center;
    padding: 40px 0px 60px;
    font-size: 21px;
    color: #333;
}
.img_btn{
  padding: 0px;
  display: inline;
  background: none;
  background-color:none;
  height: auto;
  border: none;
}

.merit_row{
    margin-top: 65px;
    max-width: none;
    padding: 0;
    position: relative;
    display: inline-block;
}

.merit_content{
  font-size: 27px;
  font-weight: bold;
  color: #333333;
  width: 100%;
  max-width: 1050px;
  margin: 0px auto;
  padding: 0px 38px;
}

.merit_single p{
  font-size: 12px;
  font-weight: normal;
}

.merit_box {
display: flex;
justify-content: space-between;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap:wrap;
align-items: stretch;
margin:0;
font-size: 12px;
font-weight: normal;
}
.merit_box li {
list-style-type: none;
width: 18%;
padding: 0;
}

.red{
  color: red;
}

.top_towa_back{
  background: url("/wp-content/uploads/2017/06/top_about.png");
  width: 100%;
  margin: 0 auto 3% auto;
  padding-top: 1px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #CAE0ED;
  border-radius: 10px;
  padding-bottom: 10px;
}

.top_towa_text{
  width: 48%;
  height: auto;
  margin-top: 15%;
  margin-left: 49%;
  font-size: 11px;
  color: #356684;

}

.towa4{
 width: 100%;
 height: 700px;
 padding: 40px 0px;
}

.towa4_txt{
  color: #666666;
  padding: 10px 0px 60px;
  font-size: 27px;
  font-weight: bold;
  line-height: 45px;
  text-align: center;
}

.form_body p{
  font-size: 13px;
}
.form_body form p{
  font-size: 12px;
}

.kiyaku_txt{
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0px;
}

body.page-id-1275 .w-section.s-padding,body.page-id-1275 .col.m-padding{
  padding-top: 0px;
}

.menu-sidebar-menu-container{
  /* padding-left: 10px; */
}

.flickity-page-dots .dot{
  opacity: 1!important;
  background: #f2f2f2!important;
}
.flickity-page-dots .dot.is-selected{
  opacity: 1;
  background: #68a9d1!important;
}

.flickity-prev-next-button .arrow{
  fill:  #68a9d1!important;
}
.side-nav-wrap{
  color: #333;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}

.side-nav-main{
  width: 80%;
  height: 930px;
  background: #FFF;
}

body.side-nav-active{
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: fixed;
}

.towa_sp_top{
  display: none;
}

.wpcf7-form label{
  font-size: 14px;
}

.wpcf7-form select,.wpcf7-form input,.wpcf7-form textarea{
  background: #fafafa;
  border:solid 1px #CCC;
}

.wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}
.wpcf7 .wpcf7-not-valid {
    background: #FFF0F5;
}

.wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
    .wpcf7 .wpcf7-validation-errors {
        color: #B94A48;
        background-color: #F2DEDE;
        border: 1px solid #EED3D7;
    }
    .wpcf7 .wpcf7-mail-sent-ok {
        color: #3A87AD;
        background-color: #D9EDF7;
        border: 1px solid #BCE8F1;
    }

.smt_towa .pc{
  display: block;
}

.smt_towa .sp{
  display: none;
}

.w-accordion .acd-header::after{
  background-color:#b3d3e8 !important;
}

.page-id-9122 .box8{
  margin-top: 0px;
}

.towa_icon{
  width: 30px;
  margin-right: 10px;
}

.page-id-9122 .w-tour .w-tabs-nav li{
  background: #fff;
}
.page-id-9122 .w-tour .w-tabs-nav li.active{
    background: #BDD9E7;
    color: #FFF;
}

.show_sp{
  display: none;
}

.page-id-9122 .w-image{
  margin-bottom: 40px;
}

#search_form .search_box .search_input{
  border-radius: 0px;
}

#search_form .search_box p{
  padding-top: 5px;
}
.page-id-7984 .w-image {
  margin-bottom: 0!important;
}
.home .w-blog-posts .entry-content {
    padding-right:0;
    padding-left:0;
}
.home .movie {
  width: 1300px;
  height:460px;
  margin: 0 auto;
  text-align:left;
}
.home .movie .youtube {
  float:left;
  margin-right:3%;
  width:45%;
  height:87%;
}
.home .movie .left {
  float:left;
  margin-right:2%;
}
.home .movie .right {
  float:left;
}
.home .movie .text {
  float:left;
  width:28%;
  margin-right:2%;
}
.home .movie .text_inner {
  width:100%;
  padding:10px;
  font-weight: 900;
}
.home .movie .logo {
  text-align:center;
  margin:10px 0 20px 0;
}
.home .movie .btn {
  margin:20px 0 0 0;
}
.home .wpb_raw_code {
  padding:0;
}
.home .pagination {
  margin:0;
  padding-right:10px;
}



/*----------------------------------------------------------*/
@media only screen and (max-width: 1283px) {

.home .movie_sp {
	position: relative;
	padding-bottom : 56.25%;
	margin:0;
}
.home .movie_sp iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}

/*----------------------------------------------------------*/
@media only screen and (max-width: 1080px) {
.home .top-nav-background{
    background: #FFF!important;
}
}

/*----------------------------------------------------------*/
@media only screen and (min-width: 1080px) {
     #header-logo img.dark-logo{
       width: 90%;
       height: auto;
     }
}

/*----------------------------------------------------------*/
@media only screen and (max-width:992px) {
  #breadcrumb{
   display: none;
  }
  #left-sidebar{
    text-align: left;
  }

  #left-sidebar{
    margin-top: 20px;
  }
  #menu-item-14481,#menu-item-14482{
    display: block;
  }
  #menu-sidebar-menu li,
    #sp-top-menu li{
    display: block;
    width: 33.333%;
    float: left;
    text-align: center;
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    padding: 5px;
  }

  .spbr{
    display: inline;
  }
  #menu-sidebar-menu{
    display: inline-block;
  }
  #sp-top-menu{
    display: inline-block;
    margin: 20px auto;
    width: 100%;
    z-index: 10;
    position: relative;
  }

  #sp-top-menu li{
    padding: 10px 5px;
      font-size: 12px;
      color: #3d3d3d;
    }
    #sp-top-menu li a{
      padding: 10px 0px;
      color: rgba(0, 0, 0, 0.5);
    }

  #menu-sidebar-menu li img,
    #sp-top-menu li img{
      margin: 0px;
      margin-right: 10px;
    }

  #menu-sidebar-menu li:nth-child(1),
  #sp-top-menu li:nth-child(1){
    border: solid 1px #b3b3b3;
    border-radius: 7px 0px 0px 0px / 7px 0px 0px 0px;
  }

  #menu-sidebar-menu li:nth-child(2),
  #sp-top-menu li:nth-child(2){
    border: solid 1px #b3b3b3;
    border-left: none;
  }

  #menu-sidebar-menu li:nth-child(3),
  #sp-top-menu li:nth-child(3){
    border-radius: 0px 7px 0px 0px / 0px 7px 0px 0px;
    border: solid 1px #b3b3b3;
    border-left: none;
  }

  #menu-sidebar-menu li:nth-child(4),
  #sp-top-menu li:nth-child(4){
    border: solid 1px #b3b3b3;
    border-top: none;
    border-radius: 0px 0px 0px 7px / 0px 0px 0px 7px;
  }

  #menu-sidebar-menu li:nth-child(5),
  #sp-top-menu li:nth-child(5){
    border: solid 1px #b3b3b3;
    border-top: none;
    border-left: none;
  }

  #menu-sidebar-menu li:nth-child(6),
  #sp-top-menu li:nth-child(6){
    border: solid 1px #b3b3b3;
    border-left: none;
    border-top: none;
    border-radius: 0px 0px 7px 0px / 0px 0px 7px 0px;
  }


  .half{
    width: 25px;
    height: 25px;
  }

  .sp_date{
    display: inline;
  }
  .touroku_wrap{
    text-align: center;
  }
  .touroku_btn{
    width: 100%;
    max-width: 350px;
    margin-left: 0px;
  }

  a i.menu_news{
    background: url("/wp-content/uploads/2017/06/1.png");
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
  }

  a i.menu_shikkan{
    background: url("/wp-content/uploads/2017/06/2.png");
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
  }

  a i.menu_tiken{
    background: url("/wp-content/uploads/2017/06/3.png");
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
  }

  a i.menu_faq{
    background: url("/wp-content/uploads/2017/06/5.png");
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
  }

  a i.menu_search{
    background: url("/wp-content/uploads/2017/06/4.png");
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
  }

  a i.menu_login{
    background: url("/wp-content/uploads/2017/06/6.png");
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
  }

  a:hover i.menu_news,
  a:hover i.menu_shikkan,
  a:hover i.menu_tiken,
  a:hover i.menu_faq,
  a:hover i.menu_search,
  a:hover i.menu_login
  {
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
  }

  .hide_pc{
      display: inline;
  }

  i.menu{
    float: none;
    margin: 5px auto;
  }

  #side-nav i.menu {
    float: left;
    margin: 0px 10px 0px 5px;
  }

  .carousel-cell {
    width: 100%;
  }

  #side-nav .title{
    background: #f1f1f1;
    padding: 5px 10px;
    font-weight: bold;
    margin-top: 10px;
    font-size: 12px;
  }

  #sp-side-menu li:nth-child(5){
    display: none;
  }
  #sp-side-menu li:nth-child(4){
    border-bottom: none;
  }

  #sp-side-menu,#sp-side-menu2{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
  }

  #sp-side-menu li{
    padding: 15px 5px;
    border-bottom: solid 1px #f1f1f1;
  }

  #sp-side-menu li:last-child{
    border-bottom: none;
  }

  #sp-side-menu2 li{
    padding: 7px 5px;
  }

  #sp-side-menu2 li:last-child{
    border-bottom: solid 1px #f1f1f1;
  }


  #sp-side-menu a ,#sp-side-menu2 a{
    color: #333;
    font-size: 12px;
  }

  #sp-side-menu2 a img{
    margin: 0px 10px 0px 5px;
  }

  #side-nav p.login_wrap{
    margin: 20px 0px;
    padding: 0px 5px;
  }

  #side-nav p.login_wrap a{
    color: #333;
    font-size: 12px;
  }

  #side-nav .search_wrap{
    max-width: 275px;
  }

  .form_wrap{
    padding: 15px 0px 5px;
  }

   .top_towa_back{
     width: 100%;
     height: auto;
     padding-top: 0px;
     background: #f1f1f1;
   }

   .top_towa_text{
     padding:20px 35px;
     width: 100%;
     height: auto;
     margin-top: 0px;
     margin-left: 0px;
     font-size: 11px;
     color: #356684;
   }

   .towa_sp_top{
     display: block;
     background: #292e38;
     padding: 5px 0px;
     text-align: center;
   }
   .towa_sp_top img{
     max-width: 150px;
   }

   .fullwide{

     padding-left: 0px!important;
     padding-right: 0px!important;
   }

   .fullwide .col-inner{
     margin-bottom: 5px;
     padding-bottom: 0px!important;
   }

   .smt_towa .pc{
     display: none;
   }

   .smt_towa .sp{
     display: block;
     text-align: center;
   }
   .page-id-9122 .box8{
     padding: 5px 1em;
   }

  .page-id-9122 .w-text-block h1#page-title,
  .page-id-9122 .w-text-block h2,
  .page-id-9122 .w-text-block h3
  {
    font-size: 21px;
    margin-bottom: 0px;
    line-height: 1.3;
  }
   .page-id-7984 .w-image,
   .page-id-9122 .w-image{
     margin-bottom: 20px;
     margin-left: -15px;
     margin-right: -15px;
   }

   .page-id-9122 ul.w-tabs-nav{
     width: 100%;
     display: inline-block;
     margin-bottom: 20px;
   }

   .page-id-9122 ul.w-tabs-nav li{
     width: 33.333%;
     display: inline-block;
     border: none;
     clear: none;
     float: left;
     padding-top: 15px;
     height: 80px;
     margin-bottom: 0px;
   }

   .page-id-9122 ul.w-tabs-nav li,
   .page-id-9122 .w-tour .w-tabs-nav li.active{
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100 */
     background: #ffffff; /* Old browsers */
     background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
   }

   .page-id-9122 ul.w-tabs-nav li a{
     border: none;
     padding: 0px;
     margin: 0px;
     font-size:11px;

   }

   .page-id-9122 ul.w-tabs-nav li a span.icon_wrap{
     width: 100%;
     text-align: center;
     display: block;
     margin-bottom: 10px;
   }

   .page-id-9122 ul.w-tabs-nav li a img{
     margin: 0px;
   }

   .page-id-9122 ul.w-tabs-nav li:nth-child(1){
     border:solid 1px #ccc;
     border-radius: 10px 0px 0px 0px / 10px 0px 0px 0px;
   }

   .page-id-9122 ul.w-tabs-nav li:nth-child(2){
     border:solid 1px #ccc;
     border-left: none;
   }

   .page-id-9122 ul.w-tabs-nav li:nth-child(3){
     border:solid 1px #ccc;
     border-radius: 0px 10px 0px 0px / 0px 10px 0px 0px;
    border-left: none;
   }

   .page-id-9122 ul.w-tabs-nav li:nth-child(4){
     border:solid 1px #ccc;
     border-top: none;
     border-radius: 0px 0px 0px 10px / 0px 0px 0px 10px;
   }

   .page-id-9122 ul.w-tabs-nav li:nth-child(5){
     border:solid 1px #ccc;
     border-top: none;
     border-left: none;
   }

   .page-id-9122 ul.w-tabs-nav li:nth-child(6){
     border:solid 1px #ccc;
     border-radius: 0px 0px 10px 0px / 0px 0px 10px 0px;
     border-top: none;
     border-left: none;
   }

   .show_sp{
     display: block;
   }
}
.blogbox{
border-bottom:1px solid #ccc;
padding:10px 0;
}
.blogpic{
    width:15%;
    float:left;
}
.blogti{
    width:80%;
    float:right;
}
.blogti a{
font-size:120%;
}

.home #content_full {
background-color: #ffffff;
}
.home .w-text-block h2 {
font-size:30px;
line-height: 50px;
text-align:center;
margin:10px 0 20px 0;
}

/*.home .w-text-block:before {
content: '';
width:70px;
height: 3px;
margin: 30px auto 0 auto;
background-color: #4195f7;
display: block;
text-align:center;
}*/

.home .w-text-block:after {
    content: '';
    width: 70px;
    height: 3px;
    margin: 10px auto 30px auto;
    background-color: #4195f7;
    display: block;
    text-align: center;
}
.home .widgettitle {
display:none;
}
.home .tagcloud{
    position: relative;
    padding:0 20px;;
    display: inline-block;
}

.home .tagcloud a {
    display: inline-block;
    vertical-align: middle;
    color: #666666;
    padding: 0 10px;
    margin: 0 6px 10px 0;
    height: 30px;
    line-height: 28px;
    font-size: 12px!important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: background .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;
    transition: background .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;
    background: #f7f7f7;
    border-radius: 10px;
    float: left;
}

.swiper-container {
width: 100%;
height: auto;
margin:0 0 60px 0;
}
.swiper-wrapper {
margin-bottom:50px;
}
.swiper-slide {
line-height:1.2;
}
.swiper-slide p{
margin:0 0 5px 0;
padding:0;
}
.swiper-slide p a {
font-size : 10pt;
text-decoration:underline;
color:#68a9d1;
}
.swiper-slide a img:hover{
  opacity: 0.8;
}

/*----------------------------------------
Back to Top Button
*/
#toplink-w {
    position: absolute;
    width: 45px;
    height: 45px;
    right: 25px;
    bottom: 15px;
    overflow: hidden;
    font-size: 20px;
    text-align: center;
    color: inherit;
    opacity: 0.6;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#footer-bottom.w-full #toplink-w {
    top: -45px;
    bottom: auto;
}

#toplink-w:hover {
    opacity: 1;
}

#toplink-w > a {
    display: inline-block;
    color: inherit;
}

#toplink-w i {
    display: inline-block;
    height: 10px;
    margin-top: 5px;
    -webkit-animation: fadeInUp 1.5s infinite;
    animation: fadeInUp 1.5s infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*----------------------------------------
top search_box
*/
.search_box{
  width:700px;
  margin: 0 auto;
  height:45px;
}

.search_box .search_input select{
    width:15%;
    border: 0px;
    height:40px;
    padding:0;
}

.search_box .search_input_wrap{
  height: 48px;
  background-color: rgba(255,255,255,0.2);
  border-radius: 5px;
  position: relative;
  padding: 5px;
}
.search_box .search_input{
  width: 75%;
  display:inline-block;
  float: left;
  border:none;
  height: 38px;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}
.search_box .search_btn{
  width:25%;
  background: #6E9AFD;
  text-align: center;
  display:inline-block;
  float: left;
  padding: 10px 0px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  font-weight: bold;
  border: none;
  height: auto;
  font-size: 16px;
  letter-spacing: 1px;
}
.search_input_wrap:before{
  content:"";
  background: url("/wp-content/themes/aoraki/images/top/h3.png");
  background-size: contain;
  width:15px;
  height: 15px;
  display: block;
  position: absolute;
  top:17px;
  left: 15px;
  opacity: 1;
  transition: all 0.2s;
}

.search_input_wrap:hover:before{
  opacity: 0;
}



.search_box p{
    text-align: left;
padding:20px 0;
margin:0 0;
    color:#ffffff;
font-size: 20px;
line-height: 1.3;
}
.search_result{
  background:#ffffff;
  padding:20px;
  color:#000000;
}

.search_box .shadow{
  border: solid 1px #CCC;
}
.page-id-1275 .col-4 {
    /* width: 30%; */
}
.page-id-1275 .col-8 {
    width: 70%;
}
.home .pc {
display:block;
}
.home .sp {
display:none;
}
.bg-image{
    background-image: url('/wp-content/uploads/2018/03/HOME_TOP_2.jpg');
}

/*----------------------------------------------------------*/
@media only screen and (max-width: 991px) {
.container {
max-width:100%;
}
.col {
    padding-right: 0!important;
    padding-left: 0!important;
}
.home .five-cols {
    width: 50%;
    float:left;
}
.home .w-text-block  h2 {
  position: relative;
  padding: .6em 1em .6em 1.5em;
  background-color: #292e38;
  font-size:14px;
  color:#fff;
  text-align:left;
  line-height:1.3;
  margin-top:0;
}
.home .w-text-block h2:after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #68a9d1;
}
.home .w-text-block:before,
.home .w-text-block:after {
display:none;
}
.home .w-section{
     padding: 0;
   }
.home #content{
     padding: 0;
   }
.home .w-content,
.home .container{
padding:0;

   }
.home #content_full {

}
.merit_box {
margin:20px 0;
}
.merit_box li {
list-style-type: none;
width: 32%;
padding: 0;
}
.swiper-container {
width: 100%;
height: auto;
margin:0;
}

/*----------------------------------------
top search_box
*/
.search_box{
    width:80%;
}

.search_box .search_title {
padding:0;
margin-bottom: 10px;
}
.home .header-title.w-size-full .container {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    /*padding: 80px 20px 220px;*/
    padding: 150px 30px 270px 30px;
}
.home .pc {
display:none;
}
.home .sp {
display:block;
}
.home .mg15 {
margin:0 15px;
}
.home .mb30 {
margin-bottom:30px;
}
.home .col:not(.no-padding) > .col-inner {
        padding-top: 4%;
        padding-bottom: 0;
}
.page-id-1275 .col-4,
.page-id-1275 .col-8 {
    width: 100%;
}

.home .container,
.home .w-section > .row  {
max-width:100%;
}
.home .col-3 {
        width: 50%;
    }
}

.page-id-19213 .w-section,
.page-id-19222 .w-section,
.page-id-20226 .w-section,
.page-id-20589 .w-section,
.page-id-21314 .w-section,
.page-id-21317 .w-section,
.page-id-21476 .w-section,
.page-id-21482 .w-section,
.page-id-21633 .w-section,
.page-id-21637 .w-section {
padding: 60px 0 0 0;
}
.page-id-19213 .widget,
.page-id-19222 .widget,
.page-id-20226 .widget,
.page-id-20589 .widget,
.page-id-21314 .widget,
.page-id-21317 .widget,
.page-id-21476 .widget,
.page-id-21482 .widget,
.page-id-21633 .widget,
.page-id-21637 .widget {
margin:0!important;
border-radius: 0;
padding:10px;
}
.page-id-19213 .textwidget br,
.page-id-19222 .textwidget br,
.page-id-20226 .textwidget br,
.page-id-20589 .textwidget br,
.page-id-21314 .textwidget br,
.page-id-21317 .textwidget br,
.page-id-21476 .textwidget br,
.page-id-21482 .textwidget br,
.page-id-21633 .textwidget br,
.page-id-21637 .textwidget br {
display:none;
}

.page-id-19213 .col-inner,
.page-id-19222 .col-inner,
.page-id-20226 .col-inner,
.page-id-20589 .col-inner,
.page-id-21314 .col-inner,
.page-id-21317 .col-inner,
.page-id-21476 .col-inner,
.page-id-21482 .col-inner,
.page-id-21633 .col-inner,
.page-id-21637 .col-inner {
    padding: 50px 0 30px 0;
}

@media screen and (max-width: 767px) {
  .home .col-6 .entry-content,.w-blog-posts .entry-content {
      padding-left:10px!important;
  }
  .page-id-19213 .col:not(.no-padding) > .col-inner,
  .page-id-19222 .col:not(.no-padding) > .col-inner,
  .page-id-20226 .col:not(.no-padding) > .col-inner,
  .page-id-20589 .col:not(.no-padding) > .col-inner,
  .page-id-21314 .col:not(.no-padding) > .col-inner,
  .page-id-21317 .col:not(.no-padding) > .col-inner,
  .page-id-21476 .col:not(.no-padding) > .col-inner,
  .page-id-21482 .col:not(.no-padding) > .col-inner,
  .page-id-21633 .col:not(.no-padding) > .col-inner,
  .page-id-21637 .col:not(.no-padding) > .col-inner {
      padding: 0;
   }
}

@media only screen and (max-width: 600px) {
  .merit_box li {
    list-style-type: none;
    width: 47%;
  }
  .home .col {
    padding-right: 0;
    padding-left: 0;
  }

  /*----------------------------------------
  top search_box
  */
  .search_box{
    width:90%;
    margin:0 auto;
    padding:50px 0 0 0;
  }

  .shosai_btn{
    color: #FFF;
    background: rgba(255,255,255,0.1);
    border: solid 1px #FFF;
    border-radius: 5px;
    position: relative;
    padding: 5px 30px;
      font-size: 14px;
      height: auto;
  }
  .shosai_btn::after{
    content:">";
    position: absolute;
    right: 3px;
    top:3px;
    color: #FFF;
  }

  .w_arrow img{
    height: auto;
    width: 50px;
  }

  .bg-image{
    background-image:url('/wp-content/themes/aoraki/images/index/home_top.png;');
    top:100px !important;
  }
  .swiper-pagination-bullet{
    background: #cccccc !important;
    opacity: 1;
  }

  .swiper-pagination-bullet-active{
    background: #68a9d1 !important;
  }

  .gray{
    background: #efefef;
  }

  .bold{
    font-weight: bold;
  }
  .search_pad{
    padding: 20px 10px;
  }
  .search_pad input[type="checkbox"]{
    margin-top: 5px;
  }

  .search_pad select{
    width: 100%;
    height: 100%;
    padding: 10px 0px;
    color:#666;
  }

  .livesearch_btn{
    background: #6E9AFD;
    width:100%;
    color: #FFF;
    padding: 20px 0px;
    text-align: center;
    border: none;
    height: auto;
    font-weight: bold;
  }

  .search_box p{
    text-align: left;
    padding:20px 0 0 0 0;
    margin:0 0;
    color:#ffffff;
    font-size: 18px;
    line-height: 1.3;
  }
}


/*smtとは*/

#toparea01{
	width: 100%;
	margin:0 auto;
	padding:5% 0;
	text-align:center;  
	background:#FFF;
	
	}
.area01{
	margin:0 auto;
	padding:0;
	width: 100%;
	max-width:900px;
	text-align:left;  
	background:#FFF;
	
}


.area01 h2{
text-align:center;
	margin:0 auto;
	padding:1% 0 ;
	font-size:120%;
	line-height:150%;
	font-weight:normal;
	}
	
	
.area01 p{
	text-align:center;  
	margin:0 auto;
	padding:0;
	font-size:12px;
}

.m10{
  margin:10% auto;
	
}


.trial_box{
	float: left;
	width:55%;

}

.trial_box_b{
	float: left;
	width:45%;
	}

.trial_box_b p{
	text-align:left;
	padding:0 0 0 15%;
	margin:0 auto;
	}

.trial{
	overflow: hidden;
	margin:5% auto;
}
.trial:before,
.trial:after {
    content: "";
    display: table;
}
 
.trial:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.trial{
    zoom: 1;
}


.youtube_trial {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube_trial iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


	
/*治験の詳しい説明*/
.clinician_area{
  margin: 0 auto;
  padding:2% 0;
  width: 100%;
  text-align:center; 
    background:#6e9afd;
	}
.button_area{
  margin:0 auto;
  padding:0 0;
  width: 100%;
  max-width:700px;
  text-align:center;
  
  
}

.button_area a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.button_area img{
	  margin: 0 auto;
	   padding:0;
	   text-align:center; 
}
.clinician_area h2{
  margin:0 auto;
  padding:1% 0 1% 0;
  text-align:center;
  color:#fff;
  font-size:120%;
  
	}



/*smtのサービス*/

#toparea02{
	width: 100%;
	margin:0 auto;
	padding:5% 0;
	text-align:center; 
	background:#FFF;
	
	}

/*スライドショー*/
#slide{
position:relative;
margin:0 auto;
padding:0;

}
#slide img{
position:absolute;
left:0;
top:0;
margin:0 auto;
padding:0;

}

.slide_txt {
  position: relative;
margin:0 auto;
padding:0;
  }

.slide_txt p {
  position: absolute;
  top:30%;
left:55%;
width:45%;
 text-align:left;
margin:0 auto;
padding:0;
font-size:16px;
  }

.slide_txt img {
  width:100%;
margin:0 auto;
padding:0;
  }
  
  
.slide_txt02 {
  position: relative;
margin:0 auto;
padding:0;
  }

.slide_txt02 p {
	position: absolute;
	top:110px;
	left:15%;
	width:32%;
	text-align:left;
	font-size:16px;
margin:0 auto;
padding:0;

  }

.slide_txt02 img {
  width: 100%;
margin:0 auto;
padding:0;
  }
  
 .Komoji {
	 font-size:60%;
	 }




/*smtのご利用方法*/
.title03_area{
  margin:0 auto;
  padding: 0;
  width: 100%;
  text-align:center; 
  background: url("/wp-content/themes/aoraki/images/index/title03_back.png");
  background-repeat:repeat-x;
  height:260px;
	}

.title_img{
	  margin: 0 auto;
	   padding:0;
	   max-width:768px;
	   text-align:center; 
}


/*2つ目のスライドショー*/

#toparea03{
	width: 100%;
	margin:0 auto;
	padding:5% 0;
	text-align:center;  
	 background:#FFF;
	
	}
.title04_area{
	
	margin:10% auto 0 auto;
	padding:0;
	text-align:center;  
	
	}
	

.title04_area h2{
	
	margin:0 auto;
	padding:0;
	text-align:center;  
	
	}
	

/*メリット部分*/

#toparea04{
	width: 100%;
	margin:0 auto 5% auto;
	padding:5% 0;
	text-align:center;
	background:#B5D4E8;
	}
	
.area02{
	margin:0 auto;
	padding:0;
	width: 100%;
	max-width:1100px;
	text-align:center;  
	
}


.meritbox{
	float: left;
	width:50%;
	margin:0 auto;
	padding:2% 0;
}

.meritbox p{
	width: 80%;
	margin:0 auto;
	padding:2% 0 0 10%;
	font-size:90%;
	text-align:left;
}
.note{
	font-size:80%;
	color:#3366FF;
	line-height:100%;
}
.merit_area{
	overflow: hidden;
}

/* clearfix */
.merit_area:before,
.merit_arear:after {
    content: "";
    display: table;
}
 
.merit_area:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.merit_area {
    zoom: 1;
}


.pc { display: block !important; }
.sp { display: none !important; }

.clearLeft { 
clear: left; 
}


@media (max-width: 780px) {

.mb{ 
margin:0 auto 40px auto;
}
	
.clearLeft { 
display: none !important;
}

/*smtとは*/

#toparea01{
	width: 100%;
	margin:0 auto;
	padding:7% 0 50px 0;
	text-align:center;  
	background:#FFF;
	
	}
.area_main{
	position: relative;
	margin:0 auto;
	padding:2% 0;
	width:100%;
	max-width:640px;
	text-align:center;  
	
	}	

.area01{
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:640px;
	text-align:center; 
	background:#FFF;
	
}
.area01 h2{
	text-align:center;  
	margin:0 auto;
	padding:1% 0;
	font-size:14px;
	line-height: 150%;
	font-weight:normal;
	}
	
.area01 p{
	text-align:center;  
	margin:0 auto;
	padding:0;
	font-size:11px;
}

	/*治験について*/
.trial{
	overflow: hidden;
	margin:0 auto;
	padding:5% 0;
}
.trial_box{
	float:none;
	width:98%;
	margin:10% auto;
	padding:0;
	background:#FFF;

}
.trial_box p{
	margin:0 auto;
	padding:0;
	}
	
	
/*治験の詳しい説明*/
.clinician_area{
  margin: 0 auto;
  padding:5% 0;
  width: 100%;
  text-align:center; 
    background:#6e9afd;
	}
.button_area{
  margin:0 auto;
  padding:0 0;
  width:100%;
  max-width:640px;
  text-align:center;

  
}

.button_area a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.button_area img{
	  margin: 0 auto;
	   padding:0;
	   text-align:center; 

}
.clinician_area h2{
  margin:0 auto;
  padding:1%;
  text-align:center;
  color:#fff;
	font-size:75%;

  
	}


/*smtのサービス*/
#toparea02{
	width: 100%;
	margin:0 auto;
	padding:15% 0 5% 0;
	text-align:center; 
	background:#FFF;
	
	}


.slide_txt p {
  position: absolute;
  top:70%;
  left:0;
   width:100%;
   text-align:center;

  }

.slide_txt_b p {
position: absolute;
  top:60%;
  left:0;
   width:100%;
   text-align:center;

  }

/*smtのご利用方法*/
.title03_area{
  margin:0 auto;
  padding:10% 0 5% 0;
  width: 100%;
  text-align:center; 
  background:#fff;
  background-repeat:repeat-x;
  height:auto;
	}

.title_img{
	  margin: 0 auto;
	   padding:0;
	   max-width:640px;
	   text-align:center; 
}


/*2つ目のスライドショー*/

#toparea03{
	width:100%;
	margin:0 auto;
	padding:1% 0 5% 0;
	text-align:center;  

	
	}
.title04_area{
	
	margin:0 auto;
	padding:10% 0 5% 0;
	text-align:center;  
	
	}
	
.slide_txt02 p {
	position: absolute;
	top:75%;
	left:35%;
	width:60%;
	text-align:left;
	line-height:120%;

  }

.slide_txt02_b p {
	position: absolute;
	top:62%;
	left:35%;
	width:60%;
	text-align:left;
	line-height:120%;

  }
  
 /*メリット部分*/

#toparea04{
	width: 100%;
	margin:0 auto 3% auto;
	padding:0 0 5% 0;
	text-align:center;
	background:#cee3ef;
	}
	
.area02{
	margin:0 auto;
	padding:0;
	width: 100%;
	max-width:640px;
	text-align:center;  
	
}


.meritbox{
	float:none;
	width:100%;
	margin:0 auto;
	padding:0 0;
}

.meritbox p{
	width: 80%;
	margin:0 auto;
	padding:2% 0 5% 5%;
	font-size:90%;
	text-align:left;
}

	
	.search_box .search_input_wrap{
  height: 48px;
  background-color: rgba(255,255,255,0.2);
  border-radius: 5px;
  position: relative;
  padding:0 5px;
}

.pc { display: none !important; }
.sp { display: block !important; }
	}





/** RESET AND LAYOUT
===================================*/

.bx-wrapper{
	width:100%;
	position: relative;
	margin:0 auto;
	padding:20px 0 0 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width:100%;
	margin: 0 auto;
	padding: 0;
	display: block;
	text-align:center;
}



/** THEME
===================================*/
.bx-wrapper .bx-viewport {
	border:0;
	left: 0;
	background: #fff;

	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/wp-content/themes/aoraki/images/index/bx_loader.gif) center center no-repeat #fff;
	height:ato;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}



.bx-wrapper .bx-pager.bx-default-pager a {
	background: #e0eef5;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #6b91ff;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left:20px;
	background: url(/wp-content/themes/aoraki/images/index/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right:20px;
	background: url(/wp-content/themes/aoraki/images/index/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/wp-content/themes/aoraki/images/index/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/wp-content/themes/aoraki/images/index/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}



@media screen and (min-width:640px) { 
	
.bx-wrapper {
	width:100%;
	position: relative;
	margin: 0 auto;
	padding:5% 0 0 0;
	*zoom: 1;
	}
	.bx-wrapper .bx-prev {
	left:0px;
	background: url(/wp-content/themes/aoraki/images/index/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right:0px;
	background: url(/wp-content/themes/aoraki/images/index/controls.png) no-repeat -43px -32px;
}
	
	

	
	}

/* ===== [SMT] Finjusteringar efter temauppdatering ===== */
/* Mer luft mellan textyta (col-9) och höger meny (col-3) på sidor med sidomeny */
.main-content:not(.full-width) .w-main > .col-inner.container {
    padding-right: 35px;
}
.main-content:not(.full-width) .w-sidebar > .col-inner {
    padding-left: 15px;
}

/* [SMT] Topsidans tagline-bar (#top-bar-noback) ska vara kompakt, inte 95px header-höjd.
   Tar bort överflödigt utrymme mellan taglinen och logotypen. */
#top-bar-noback,
#top-bar-noback .container {
    height: auto !important;
    min-height: 0 !important;
}
#top-bar-noback .top-bar-left {
    line-height: 39px;
}

/* [SMT] Topsidan (.home): ta bort vit header-bakgrund (behåller temats standard-logo = dark-logo).
   Scopat till icke-sticky (toppen); vid sticky-scroll (w-fixed) gäller temats normala beteende. */
.home .header-menu:not(.w-fixed) {
    background-color: transparent !important;
}