@charset "UTF-8";
/* サイドボタン
------------------------*/
.main {
  position: relative; }

.side_btn {
  display: block;
  position: fixed;
  right: -10%;
  top: 5%;
  z-index: 1000;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media screen and (max-width: 640px) {
    .side_btn {
      display: none; } }
  .side_btn-view {
    right: 0; }
  .side_btn_a {
    display: block;
    margin-bottom: 12px;
    height: 25vh;
    max-height: 200px; }
  c
.side_btn_a:last-child {
    margin-bottom: 0; }
  .side_btn_a:hover {
    opacity: 0.8; }
  .side_btn img {
    max-width: 100%;
    height: 100%; }

.foot_btn {
  display: none; }
  @media screen and (max-width: 640px) {
    .foot_btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 1000; }
      .foot_btn p {
        width: 32%; }
      .foot_btn img {
        max-width: 100%; } }

@media screen and (max-width: 640px) {
  .footer {
    margin-bottom: 11%; } }