@charset "utf-8";

#top_content, #container{
  margin: 0 5px 0 5px;
}

.product_banner p{
  margin: 0;
}

.copyright{
  width:fit-content;
  margin:0 auto 0 auto;
  text-align: left;
}

#bottom_menu{
  margin: 40px auto 5px auto;
  width:fit-content;
}

footer{
  margin-bottom: 80px;
}

#to-top{
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 20px;
  right: 20px;
  opacity: 0;
	transition-duration: 0.5s;
  visibility: visible;
}

#to-top img{
  cursor: pointer;
}

input[type="hidden"]{
  margin:0px !important;
}

#notice_box{
    text-align:left;
    max-width: 1020px;
    width: calc(100% - 20px);
    margin: 30px auto;
}

#notice_box .h2{
  font-size:1rem;
  color:var(--fe-orange);
}

#notice li{
  margin: 0px 10px;
  padding: 10px 20px;
  border-bottom: 1px dashed #000;
}


.br-sp{
    display: none !important;
}

.msg_box{
  width:600px;
  padding:10px;
  border: 1px solid #000;
  border-radius: 5px;
}

.msg_title{
  display: block;
  font-weight: bold;
}

@media (max-width:755.98px){
  body{
    width: calc(100% - 20px);
  }
  header nav{
    margin:10px 0 5px 0 !important;
  }
  
  header nav li{
    width:fit-content;
  }
  
  #bottom_menu{
    display: none;
  }

  .info{
  width: 100%;
  margin-left:10px;
  margin-right:10px;
  color: #FF0606;
  border: 2px solid #FF0606;
  border-radius: 5px;
  }
  
   .br-sp {
        display: block;
    }
    
    .msg_box{
  width:100%;
  padding:10px;
  border: 1px solid #000;
  border-radius: 5px;
}

}

@media (min-width:756px){
  #top_content{
    width:100%;
  }

  header nav{
  display: flex;
    justify-content: center; /*左右中央揃え*/
    align-items: center;
  }
  header nav ul{
    width:fit-content;
  }

  .info{
  width: fit-content;
  padding: 5px;
  color: #FF0606;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  border: 2px solid #FF0606;
  }
  
  #container{
    width:1020px;
    margin:0 auto;
  }

  .copyright{
    margin: 0 0 0 auto;
    text-align: left;
  } 
}