/*
Theme Name: mymedia
Version: 1.0.0
Template: habakiri
*/

/* ----------------------------------------------------------------------------
 * common
 * ---------------------------------------------------------------------------- */
/*body {
  font-family: "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
}*/
body {
     font-family: 'Noto Sans JP', sans-serif;
     font-size: 14px;
}
  /* Custom, iPhone Retina */
  @media (max-width: 320px) {
    body {
        font-size: 12px; 
    }
    p {
        margin: 0 0 4px;
    }    
  }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

.top5 { margin-top: 5px; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.top30 { margin-top: 30px; }
.top40 { margin-top: 40px; }
.top50 { margin-top: 50px; }
.top60 { margin-top: 60px; }

.right0 { padding-right: 0; }
.left0 { padding-left: 0; }

@media (min-width: 768px){
.sp {
    display: none;
}
}
@media (max-width: 768px){
.pc {
    display: none;
}
}
.card {
  border-radius: 0;
  /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); */
}
.card.horizontal {
  margin-bottom: 8px;
}

.card-img-left {
  height: 128px;
}
  /* Custom, iPhone Retina */
  @media (max-width: 320px) {
    .card-img-left {
      height: 86px;
    }
  }
.card-img-top {
  height: 200px;
}
.card-block {
  padding: 8px;
}

/* ----------------------------------------------------------------------------
 * Single Page
 * ---------------------------------------------------------------------------- */
.entry-meta .category {
  margin-left: 6px;
}
/* ----------------------------------------------------------------------------
 * SNS button
 * ---------------------------------------------------------------------------- */
 .button-group-sns {
   margin-bottom: 10px;
 }
.btn.facebook {
  background-color: #3B5998;
  color: #ffffff;
  width: 100px;
}
.btn.twitter {
  background-color: #00aced;
  color: #ffffff;
  width: 100px;
}

/* ----------------------------------------------------------------------------
 * home
 * ---------------------------------------------------------------------------- */
  .card-title {
        font-size: 18px;
        margin: 4px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    @media (max-width: 1560px) {
        .card-title {
            font-size: 14px;
        }
        .card-text {
            font-size: 12px;
        }
    }
    
    @media (max-width: 768px) {
        .card-title {
            font-size: 16px;
        }
        .card-text {
            font-size: 12px;
        }
    }
    /* Custom, iPhone Retina */
    
    @media (max-width: 320px) {
        .card-title {
            font-size: 14px;
        }
    }
    
    .home .card-block a:hover,
    .home .more a:hover {
        text-decoration: none;
    }

.head_logo img {
    padding: 1rem;
}
.content_ttl{
  text-align: center;
  color: #B93E44;
  font-size: 1.5em;
  font-weight: bold;
}
 .rinen_txt{
  color: #a94442;
  font-size: medium;
  line-height: 2.8rem;
 }
.content_ttl2{
   text-align: center;
   line-height: 3rem;
}
@media (min-width: 1560px){
.content_ttl2{
   padding: 0 3rem;
}
 .rinen_txt{
  font-size: large;
 }
 }
  @media (max-width: 768px){
   .rinen_txt{
  font-size: inherit;
 }
 }
hr.under {
  padding: 0;
  border: 0;
  height: 3px;
  background-image: -webkit-linear-gradient(left, #eee, #B93E44, #eee);
  background-image: -moz-linear-gradient(left, #eee, #B93E44, #eee);
  background-image: -ms-linear-gradient(left, #eee, #B93E44,  #eee);
  background-image: -o-linear-gradient(left, #eee, #B93E44, #eee);
  margin-top: 0;
}
.contentblok{
  margin: 1rem;
  padding: .5rem;
  background-color: #fff;
  height: 350px;
  position: relative;
}
.contentblok img{
  width:60px;
  margin-top:1rem;
}
.page-header .page-header__title {
  color:#fff; 
}

#menu-global-nav > li > a {
  font-size: 14px;
}
/*.header--default .global-nav .menu, .header--transparency .global-nav .menu {
    float: left;
}*/
.responsive-nav .sub-menu a{
  background-color: #fff!important;
  color: #555!important;
}
.cont-btn{
  position: absolute;
  bottom: 10px;
  width: 97%;
}
.wrap02{
   background-image: url(https://kamakura-shizensya.com/wp-content/uploads/2017/03/gray_jean.png);
   background-repeat: repeat;
 }


.shishin_ttl{
  font-size: x-large;
  font-weight: bold;
  color: #30736e;
  text-align: center;
}
.shishin_txt{
  color: #333;
  text-align: center;
}
.shishin-box .card{
   background-color: #fff;
  padding: .5rem;
  margin: 1.5rem;
}
.rinen-box{
  background-color: #b93e44;
  padding: 2rem;
  color: #fff;
  border-radius: 15px;
  vertical-align: bottom;
  margin: 1rem;
}
.larger{
  font-size: large;
}
.torihiki{
  background-color: #30736e;
  color: #fff;
  padding: .5rem 2rem;
}
.torihiki_box{
  line-height: 2.5rem;
  color: #30736e;
}
.tori_ttl{
  color: #b93e44;
  font-size: large;
  font-weight: bold;
  padding: .5rem 2rem;
  margin-top: 1rem;
}
.tori_box{
  background-color: #fff8cf;
  padding: 2rem;
  line-height: 3rem;
}
.ajiru_box{
  padding: 1.8rem;
}
.ajiru_box .ajiru_txt{
  font-size: large;
  font-weight: 600;
  color: #a94442;;
}
.rinen-wrap{
  background-color:#fff8cf;
  border-radius: 10px;
}
.rinen-wrap h4{
  padding-top: 6rem;
  padding-bottom: 2rem;
  margin: 0 auto;
  text-align: center;
}
 @media (max-width: 768px){
   .rinen-wrap h4{
     padding-top: 2rem;
   }
 }
.rinen-wrap img{
  border-radius: 10px;
}
/* ----------------------------------------------------------------------------
 * LP
 * ---------------------------------------------------------------------------- */
.ttlwrap{
   background-image: url(https://kamakura-shizensya.com/wp-content/uploads/2017/03/ttlwrap02.png);
   background-repeat: repeat;
   padding: 3rem 0;
}
.ttlwrap img{
  padding:1rem;
}
.lp-txt{
  font-size: large;
  line-height: 3.7rem;
  color: #42210b;
  background-color: rgba(241, 219, 93, 0.36);
  padding: 1.5rem;
  border-radius: 10px;
}
.lp-txt02{
  font-size:x-large;
  line-height: 3.7rem;
  color: #42210b;
  background-color: rgba(241, 219, 93, 0.36);
  padding: 1.5rem;
  border-radius: 10px;
}
.txt-waku{
  background-color: rgba(192, 210, 135, 0.63);
    border-radius: 5px;
}
@media (min-width: 992px){
   .mainasu{
    margin-top: -100px;
   }
 }
.mutenka{
  margin-top: 2rem;
  background-color: rgba(255, 241, 68, 0.43);
  padding: 1rem;
}
@media (max-width: 768px){
  .mutenka{
  height: 100px;
}
}
.yasou-txt{
  font-size:xx-large;
  text-align: center;
  margin-top: 2rem;
  color: #D54C02;
}
.yasou-txt02{
  font-size:x-large;
  text-align: center;
  margin-top: 1rem;
  background-color:rgba(255, 241, 68, 0.43);
  border-radius: 15px;
  padding: 1rem; 
  color: #416A47;
}
.yakusou-kouka{
  background-color: rgba(149, 191, 19, 0.3);
  padding: 2rem;
  border-radius: 20px;
}
.zendama{
  background: -webkit-repeating-linear-gradient(-45deg, #ffb854, #ffb854 5px, #fdfcff 5px, #fdfcff 10px);
  background: repeating-linear-gradient(-45deg, #ffb854, #ffb854 5px, #fdfcff 5px, #fdfcff 10px);
  border-radius: 20px;
}
.zen_txt{
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.82);
  border-radius: 20px;
  font-size: medium;
  margin: 1rem; 
}
.shopwrap{
  background-color: RGBA(236,195,31,0.45);
  margin-bottom: -1em;
}
.shoptxt{
  text-align: center;
  font-size: xx-large;
  color: #30736e;
  font-weight: 500;
}
 @media (max-width: 768px){
  .shoptxt{
  font-size:x-large;
} 
 }
/* ----------------------------------------------------------------------------
 * セカンドページヘッダー
 * ---------------------------------------------------------------------------- */
 .page-header--has_background-image{
   padding-top: 100px;
   padding-bottom: 100px;
 }
 .page-header{
   border-bottom: none;
 }
 .breadcrumbs{
  display: none;
}
/* ----------------------------------------------------------------------------
 * fotter
 * ---------------------------------------------------------------------------- */

 #footer{
   background-color:#006e54;
   margin-top: 60px; 
 }
.foot-txt{
  color: #fff;
  margin: 1rem 0 1rem;
  font-size: medium;
}
.foot-name{
  font-size: larger;
  font-weight: 500;
}
.copy{
  text-align: center;
    color: #fff;
    font-size: small;
}
#footer #menu-global-nav-1 a{
  color: #fff;
}
/* ----------------------------------------------------------------------------
 * 30代からの働く女学校
 * ---------------------------------------------------------------------------- */
 .corce{
   color: #30736e;
  font-weight: bold;
  text-align: center;
  padding: 1rem;
 }
 .wrap01{
   background-image: url(http://agera7.jp/wp-content/uploads/2017/02/gplaypattern.png);
   background-repeat: repeat;
 }
 .wrap_koushi{
    padding: 2rem;
    background-color: rgba(255, 248, 199, 0.83);
    border-radius: 10px;
    margin: 1rem;
 }
 .jo_ttl03{
   color: #B93E44;
   text-align: center;
   font-weight: bold;
 }
 @media (min-width: 768px){
  .middlecont{
   padding-left: 0;
   padding-right: 0;
 }
 .linered{
   border-left: 2px solid #ccc;
 }
 }
 .school_ttl01{
   padding: .5rem;
   text-align: center;
 }
 .jo_ttl02{
   padding-top: 1.5rem;
   color: #B93E44;
 }
 .jo_ttl02 span{
   border-bottom: 1px solid #B93E44;
 }
   @media (max-width: 768px) {
  .jo_ttl02{
  font-size: 2rem;
 }
 .content_ttl{
   font-size: 2.5rem;
 }
 .title_side{
   font-size: 2rem;
 }
 .karikyuramu .school_txt02{
   font-size: 1.5rem;
 }
.karikyuramu .school_txt03{
   font-size: small;
 }
  .chap{
   font-size: x-small;
  }
  .no{
  font-size: medium;
  }
  .school_txt04{
    font-size: small;
    padding-left: 1.3rem;
  }
  .sp_btn{
    font-size: medium;
  }
  }

  .title_side{
    border-left: 10px solid #093869;
    padding: 7px;
    color: #093869;
    font-weight: bold;
  }
  .sideline{
    padding: 0;
    border: 0;
    height: 3px;
    margin-top:-12px;
    background-image: -webkit-linear-gradient(left, #093869, #093869, #eee);
    background-image: -moz-linear-gradient(left, #093869, #093869, #eee);
    background-image: -ms-linear-gradient(left, #093869, #093869,  #eee);
    background-image: -o-linear-gradient(left, #093869, #093869, #eee);
  }
  .karikyuramu .card{
    border-radius: 10px;
  }
  .school_txt01{
    color: #30736e;
    font-size: 2rem;
  }
  .school_txt02{
    font-size: 2rem;
    background-color: #30736e;
    color: #fff;
    padding: 2rem;
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-weight: bold;
  }
  .school_txt03{
    font-size: medium;
    color: #a94442;
    font-weight: bold;
    border-bottom: 1px solid;
    padding-left: 1rem;
  }

  .pink{
    color: #30736e;
  }
  .red01{
    color:#a94442; 
  }
  .wrap_ye{
  padding: 2rem;
  background-color: rgba(255, 248, 199, 0.83);
  border-radius: 10px;
  }
  .chap{
    font-weight: bold;
    color: #30736e;
  }
  .no{
    font-weight: bold;
    border-right:4px solid; 
    padding-right: 5px;
    font-size: x-large;
  }
  .days{
    color: #a94442;
    font-size: medium;
    font-weight: bold;
    letter-spacing: .1rem;
    line-height: 2.3rem;
    padding-top: .5rem;
  }
  .day{
    font-size: large;
  }
  .day3{
    border-left: 1px solid;
    padding: 1rem;
    color: #333;
  }
  .chap02{
    font-weight: bold;
    color: #30736e;
    font-size: small;
  }
  .no02{
    font-weight: bold;
    border-right:4px solid; 
    padding-right: 5px;
    font-size:medium;
  }
   /*.school_txt03{
    color: #333;
    font-weight: bold;
    padding-left: 1rem;
  }*/
.ryoukinwrap{
   border: 2px solid #a94442;;
   padding: 1rem;
}
.ryoukinwrap .ryoukin_txt{
  display: block;
  text-align: right;
  color:#30736e;
}
.name{
  font-size: x-large;
  margin-top: 1.4rem;
  padding: 1rem;
  color: #333;
}
.koushi_txt{
  background-color: rgba(255, 221, 221, 0.35);
  padding: 2rem;
  font-size: medium;
  margin: 0 1.5rem;  
}
.koushi{
  border: 1px solid #ccc;
}
.wrap_ko{
  padding: 2rem;
  background-color: rgba(255, 248, 199, 0.83);
  }
.wrap03{
background-image: url(http://agera7.jp/wp-content/uploads/2017/02/subtle_dots.png);
background-repeat: repeat;
}
.keireki{
  padding: 1rem .5rem 0;
}
 @media (min-width:1200px){
 .accs-box{
   position: relative;
   height: 704px;
 }
 .accsin-box{
   position: absolute;
   bottom: 0;
 }
 }
 .addbox{
   padding: 1rem;
  background-color: rgba(255, 248, 199, 0.83);
  border: .5px solid #ccc;
 }
 .maptxt{
   font-size: large;
 }

/* ----------------------------------------------------------------------------
 *お問合わせ
 * ---------------------------------------------------------------------------- */

.wpcf7 button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
}
.asterisk {
    margin: 0 0 0 0.2em;
    color: #f5637a;
}
.wpcf7 .age input{
  max-width:15%;
}
.table-bordered>tbody>tr>td {
  padding: 2rem!important;
}
#menu-foot-menu a{
  color: #fff;
}


 /* ----------------------------------------------------------------------------
 * 予防医学
 * ---------------------------------------------------------------------------- */
.igaku-txt{
font-size: large;
    line-height: 3.7rem;
    color: #42210b;
    padding: 1.5rem;
    border-radius: 10px;
}
.mincho{
  font-weight: bold;
    font-size: 1.8em;
    font-family: 'Vollkorn', serif;
}
.mincho02{
  font-weight: bold;
    line-height: 1.7em;
    font-size: 2.4em;
    font-family: 'Vollkorn', serif;
    text-align: center;
}
.hijus{
  font-size: larger;
    font-weight: bold;
    color: #ff6600;
}
.igaku-txt02{
font-size: large;
    line-height: 3.7rem;
    color: #42210b;
    padding: 1.5rem;
    border-radius: 10px;
    border: 1px solid;
}
@media (max-width: 768px){
  .mincho{
    font-size:inherit;
}
}
.tainaikouso{
 margin-top: 1rem;
    font-size: x-large; 
}
.tainaibox{
  line-height: 1.8em;
    font-size: medium;
    background-color: #eee;
    border-radius: 10px;
    padding: 1em;
    color: #032344;
}
.bnrback:hover{
   filter:alpha(opacity=80);
opacity:0.8;  
}
@media (min-width: 768px){
.youbouimg{
margin-top: 5em;
}
}
.lineyellow{
  background: linear-gradient(transparent 90%, #ffff66 60%);
}
/* Youtube responsive - Youtube動画のレスポンシブ表示 */
.ytube { position: relative; height: 0; margin-top: 20px; margin-bottom: 20px; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden; }
.ytube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.footaa {
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-top: 1rem;
}
.footmenu{
  text-align: center; 
}
.footmenu li{
  text-align: center; 
  display: inline-block;
  padding: .5rem;
}
.footmenu li a{
  color: #fff;
}
.cta {
  display: block;
    position: fixed;
    right: 0px;
    top: 120px;
    z-index: 1000;
    /* width: 100px; */
    padding: 10px 10px 10px 10px;
    font-size: 16px;
    letter-spacing: 2px;
    color: #fff !important;
    background: rgba(21, 21, 21, 0.86);
    border: solid 1px rgba(21, 21, 21, 0.86);
    text-decoration: none !important;
    line-height: 1.2;
    border-radius: 5px 0 0 5px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
@media (max-width: 544px){
  .cta {
    bottom:0;
    width:100%;
    top:inherit;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-writing-mode: inherit;
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    border-radius:0;
text-align:center;
letter-spacing:2px;
font-size:16px;
  }
}