@charset "utf-8";

@media screen and (max-width: 960px) {
  .to_top{
    height:auto;
    width:100%;
  }
}

/*↓↓↓コンテナー↓↓↓*/
@media screen and (max-width: 960px) {
#container_01{
  height:auto;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  width:100%;
}

#container_02{
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  width:100%;
}

}
/*↑↑↑コンテナー↑↑↑*/

/*グローバルナビゲーションの背景↓*/
/*グローバルナビゲーションの設定↓*/
@media screen and (max-width: 960px) {
  #global_navi_bg{ display: none;}

  #navi01{ width: 90%; background-image:none; margin:0; border:0}
    #navi01:hover{ background-image:none; border:0}
  #navi02{ width: 90%; background-image:none; margin:0;}
    #navi02:hover{ background-image:none;}
  #navi03{ width: 90%; background-image:none; margin:0;}
    #navi03:hover{ background-image:none;}
  #navi04{ width: 90%; background-image:none; margin:0;}
    #navi04:hover{ background-image:none;}
  #navi05{ width: 90%; background-image:none; margin:0;}
    #navi05:hover{ background-image:none;}
  #navi06{ width: 90%; background-image:none; margin:0;}
    #navi06:hover{ background-image:none;}
}

/* --- Footer Area --- */
/* ---↓コンテナー3つ目↓--- */
#container_03{
  height: auto;
}
#footer_contents{
  height: auto;
}
#container_03 #footer #footer_contents #made_text {
  margin-top: 5px;
}
#footer address {
  margin-top: 5px;
}
/*フッターナビゲーションの設定↓*/
@media screen and (max-width: 960px) {
  #footer{
    width:100%;
    margin: 0;
  }
  #footer_contents{
    width:100%;
    height:auto;
    background-image: none;
    margin: 0;
  }
  #footer_navi{
    padding-top:10px;
    width: 100%;
  }
  #container_03 #footer #footer_contents #made_text {
    text-align: right;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #container_03 #footer #footer_contents #made_text span{
    display: block;
  }
  #footer address{
    float: right;
    text-align: right;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 10px;
    margin-top: 5px;
  }
}

@media screen and (max-width: 960px) {
  #container_01 #new_header {
    
    height: auto;
    width: 100%;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
  }
  #container_01 #new_header .nh_logo {
    float: left;
    width: 35%;
    height: auto;
    text-indent:10px;
  }
  #container_01 #new_header .nh_logo img{
    max-width:100%;
  }
  #container_01 #new_header #nh_navi {
    float: right;
    height: auto;
    clear: none;
    width: 65%;
  }
  #container_01 #new_header #nh_navi .nhn_1line ul {
    margin: 0px;
    padding: 0px;
    text-align: right;
    width: 100%;
  }
  #container_01 #new_header #nh_navi .nhn_2line {
    width: 100%;
    float: right;
    text-align: right;
    margin-bottom: 0;
    margin-top: 5px;
    margin-right: 10px;
  }
  #container_01 #new_header #nh_navi .nhn_2line img{
    max-width:100%;
  }  
  #container_01 #new_header #nh_navi .nhn_3line {
    display: none;
  }
  .top_text{
    display: none;
  }
}

/* top.css */
@media screen and (max-width: 960px) {
  #container_02 #key_visual{
    display: none;
  }
}