/*
Theme Name: coccons
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/



/* ボタン */

.c-btn {
position: relative;
  transition: all 0.3s;
    display: flex;
  align-items: center;
  justify-content: center;
}

a.c-btn--orange {
    color: #fff;
    background-color: #cc1a1a!important;
    border-radius: 0;
}

a.c-btn--blue {
    color: #FFF;
    background-color: #00982e!important;
    border-radius: 0;
    margin-right: 0;
}

@media screen and (min-width: 768px) {
  a.c-btn--orange:hover {
      opacity: .75;
}
    
a.c-btn--blue:hover {
      opacity: .75;
}
    
    a.c-btn--line:hover {
  background-color: #06C755;
    border:solid 1px #06C755;
    margin-top: 3px;
  color: #fff;
  background: #06C755;
}
}


/* フッターフローティングボタン */
.footerFloatingMenu {
  display: flex!important;
  text-align: center;
  padding: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
    height: 55px;
}

/*PC時*/
@media (min-width: 768px) {
  .footerFloatingMenu {
      top: 27%;
      right: 0;
      max-width: 200px;
      flex-direction: column;
      left: initial;
      width: 60px;
  }
    .footerFloatingMenu a{
        writing-mode: vertical-rl;
        width: 100%;
        font-size: 16px;
        padding: 20px 30px;
        white-space: nowrap;
    }

 i.fa-brands{
  margin-right:0px;
  margin-bottom:10px;
 }

 i.fa-solid{
  margin-right:0px;
  margin-bottom;10px
 }
a.c-btn--orange {
    border-radius: 0px;
}

a.c-btn--blue {
    border-radius: 0px;
}


}

/*SP時*/
@media (max-width: 768px) {
.footerFloatingMenu a {
  width: 50%;
    font-size: 12px;
  font-weight: 500;
 padding: 11px 4px;
}


.c-tel-btn {
  background: #33B270;
  color: #fff;
  margin-right: 10px;
}

.c-contact-btn {
  background: #EEE11F;
  color: #2B2B2B;
}

/* トップへ戻るボタン */

.page_top_btn {
   top:85%
}

a.c-btn--orange {
    border-radius: 0;
}

a.c-btn--blue {
    border-radius: 0;
}}