@charset "utf-8";
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

#float_nav1 {
    width: 270px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #000000;
    background-color: #FFFFFF;
}
#nav1_t {
    float: left;
}
#nav1_s, #nav1_d {
    display: block;
    float: left;
    margin-top: 12px;
    margin-left: 12px;
}
#float_nav2 {
    width: 800px;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #000000;
    background-color: #FFFFFF;
}
#nav2_t, #nav2_s, #nav2_d {
    display: block;
    float: left;
    margin-left: 1.5%;
}


#float_nav1 {
    display: block;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: -webkit-calc(50% + 400px);
    left: calc(50% + 400px);
}
#float_nav2 {
    display: block;
    position: fixed;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}

/*	1340px以上 */
@media only screen and (min-width:1340px){
#float_nav1 {
    display: block;
}
#float_nav2 {
    display: none;
}
}

@media screen and (max-width: 1339px){
#footer {
    padding-bottom: 180px;
}
#float_nav1 {
    display: none;
}
#float_nav2 {
    display: block;
}
}

@media screen and (max-width: 800px){
#float_nav2 {
    width: 100%;
}
#nav2_t {
    width: 15.8%;
    height: auto;
}
#nav2_s, #nav2_d {
    width: 39%;
    height: auto;
}
#nav2_s img, #nav2_d img {
    width: 100%;
    height: auto;
}
}
@media screen and (max-width: 500px){
#footer {
    padding-bottom: 120px;
}
}