@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

/************************************
** 追加css
************************************/
#site-title a,
#site-description {
  color: white;
}
#header-top {
    background-color: rgba(0,0,0,0.6);
    height: 100px;
    margin-top: -100px;
    position: relative;
    z-index: 90;
}

#mobile-menu a{
  color:white;
}

#h-top {
  z-index: 100;
}
div#header-slider {
    position: sticky;
    margin-top: -100px;
    z-index: 1;
    overflow: hidden;
}

@media screen and (max-width: 1110px){
  #site-title a {
    font-size: 23px !important;
  }
}

@media screen and (max-width: 699px){
  #site-title a {
    font-size: 20px !important;
  }
}

@media screen and (max-width: 639px){
  #site-title a {
    font-size: 18px !important;
  }
  #h-top #site-description {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 480px){
  #site-title a {
    font-size: 15px !important;
  }
  #h-top #site-description {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 450px){
  #site-title a {
    font-size: 13px !important;
  }
  #h-top #site-description {
    font-size: 10px !important;
  }
}

@media screen and (max-width: 320px){
  #h-top #site-description {
    font-size: 8px !important;
  }
}