/*---------------------------------------------------SP下部固定*/
.ougi-SP-bottom{
  display: none;
}
#toyomenu .toyocho-SP-bottom{
  display: none;
}
@media screen and (max-width: 896px) {
  .ougi-SP-bottom{
    display: block;
    position: fixed;
    bottom:0;
    width:100%;
    height: 50px;
    background: #fff;
    z-index: 600;
    box-sizing: border-box;
    display: flex;
  }
  .ougi-SP-bottom a{
      color:#6f1414;
      font-weight: bold;
      border:1px solid #6f1414;
      box-sizing: border-box;
      display: block;
      text-align: center;
    }
    .ougi-SP-bottom .bottomToMenu{
      width:45%;
      font-size: 1.8rem;
      line-height: 2rem;
      padding-top: 5px;
    }
    .ougi-SP-bottom .bottomToMenu span{
      font-size: 1.5rem;
    }
    .ougi-SP-bottom .bottomTel{
      width:30%;
      position: relative;
      font-size: 1.8rem;
      padding-top: 15px;
      padding-left: 2rem;
    }
    .ougi-SP-bottom .bottomTel svg{
      position: absolute;
      width:2rem;
      left:3px;
      top:0;
      bottom:0;
      margin: auto;
    }
    .ougi-SP-bottom .bottomBook{
      width:25%;
      position: relative;
      font-size: 1.8rem;
      padding-left: 2rem;
      padding-top: 15px;
    }
    .ougi-SP-bottom .bottomBook svg{
      position: absolute;
      height: 2rem;
      left:3px;
      top:0;
      bottom:0;
      margin: auto;
    }
    .ougi-SP-bottom .contact-btn .book-btn svg{
      left:25%;
    }
   .ougi-SP-bottom .st0{fill:#6f1414;}
/**/
.bottom-dropdown {
  display: block;
  padding-top: 0;
  }
.ougi-SP-bottom .bottomTel.bottom-dropdown{
  padding-top: 0;
  padding-left: 0;
}
#bottom-tg {
  display: none;
  }

.bottom-menu {
  position: relative;
  visibility: hidden;
  opacity: 0;
  top: 0;
  list-style: none;
  width: 100%;
  height: 0;
  }

.bottom-dropInput:checked ~ .bottom-menu {
  visibility: visible;
  opacity: 1;
  top: -190px;
  }

.bottom-dropLabel, .bottom-item {
  padding: 1em 0;
  display: block;
  background-color: #fff;
  text-align: center;
  color: #6f1414;
  text-decoration: none;
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  border-top: 1px solid #6f1414;
  border-bottom: 1px solid #6f1414;
  }
a.bottom-item {
  font-size: 1.2rem;
  line-height: 1.5rem;
  border-bottom: none;
  border-top: 1px solid #6f1414;
  color: #6f1414;
}
.bottom-item:hover {
  background-color: #fff;
  color: #6f1414;
  }

.bottom-dropLabel:hover, .bottom-dropInput:checked + label {
  background: #fff;
  color: #6f1414;
  }

.bottom-animation {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
  }

  /* アコーディオン追加 */
  .bottom-dropdown1 {
    display: block;
    padding-top: 0;
    padding-left: 0;
    }
  #bottom-tg1 {
    display: none;
    }

    .bottom-dropdown1 .bottom-menu {
    position: relative;
    visibility: hidden;
    opacity: 0;
    top: 0;
    list-style: none;
    width: 100%;
    height: 0;
    }

    .ougi-SP-bottom .bottom-dropdown1.bottomToMenu {
      padding-top: 0;
      line-height: 1;
      border-right: 1px solid #6f1414;
      border-left: 1px solid #6f1414;
    }

    .bottom-dropdown1 .bottom-dropInput:checked ~ .bottom-menu {
    visibility: visible;
    opacity: 1;
    top: -135px;
    }


    .bottom-dropdown2 {
      display: block;
      padding-top: 0;
      padding-left: 0;
      }
    #bottom-tg2 {
      display: none;
      }

      .bottom-dropdown2 .bottom-menu {
      position: relative;
      visibility: hidden;
      opacity: 0;
      top: 0;
      list-style: none;
      width: 100%;
      height: 0;
      }

      .ougi-SP-bottom .bottom-dropdown2.bottomBook {
        padding-top: 0;
        padding-left: 0;
        line-height: 1;
        border: 1px solid #6f1414;
      }

      .bottom-dropdown2 .bottom-dropInput:checked ~ .bottom-menu {
      visibility: visible;
      opacity: 1;
      top: -136px;
      }

      .bottom-dropdown2 .bottom-dropLabel {
        border: none;
      }
      .bottom-dropdown2 .bottom-dropLabel span {
        padding-left: 2rem
      }



   #toyomenu .toyocho-SP-bottom{
  display: block;
  position: fixed;
  bottom:0;
  width:100%;
  height: 50px;
  background: #fff;
  z-index: 400;
  box-sizing: border-box;
  display: flex;
}
#toyomenu .toyocho-SP-bottom a{
    color:#000;
    font-weight: bold;
    border:1px solid #000;
    box-sizing: border-box;
    display: block;
    text-align: center;
  }
#toyomenu .toyocho-SP-bottom .bottomToMenu{
    width:45%;
    font-size: 1.8rem;
    line-height: 2rem;
    padding-top: 5px;
  }
  #toyomenu .toyocho-SP-bottom .bottomToMenu span{
    font-size: 1.5rem;
  }
  #toyomenu .toyocho-SP-bottom .bottomTel{
    width:30%;
    position: relative;
    font-size: 1.8rem;
    padding-top: 15px;
    padding-left: 2rem;
  }
#toyomenu .toyocho-SP-bottom .bottomTel svg{
    position: absolute;
    width:2rem;
    left:3px;
    top:0;
    bottom:0;
    margin: auto;
  }
#toyomenu .toyocho-SP-bottom .bottomBook{
    width:25%;
    position: relative;
    font-size: 1.8rem;
    padding-left: 2rem;
    padding-top: 15px;
  }
  #toyomenu .toyocho-SP-bottom .bottomBook svg{
    position: absolute;
    height: 2rem;
    left:3px;
    top:0;
    bottom:0;
    margin: auto;
  }
  #toyomenu .toyocho-SP-bottom .contact-btn .book-btn svg{
    left:25%;
  }
#toyomenu .toyocho-SP-bottom .st0{fill:#000;}
}
/**/
#toyomenu .toyocho-SP-bottom .bottomTel.bottom-dropdown{
  padding-top: 0;
  padding-left: 0;
}

.toyocho-SP-bottom .bottom-dropLabel, .bottom-item {
  padding: 1em 0;
  display: block;
  background-color: #fff;
  text-align: center;
  color: #000;
  text-decoration: none;
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  }
#toyomenu  .toyocho-SP-bottom a.bottom-item {
  font-size: 1.2rem;
  line-height: 1.5rem;
  border-bottom: none;
  border-top: 1px solid #000;
  color: #000;
}
.toyocho-SP-bottom .bottom-item:hover {
  background-color: #fff;
  color: #000;
  }

.toyocho-SP-bottom .bottom-dropLabel:hover, .toyocho-SP-bottom .bottom-dropInput:checked + label {
  background: #fff;
  color: #000;
  }

/*---------------------------------------------------pagetop*/
.pagetop-area{
  position: fixed;
  bottom:50px;
  width:88px;
  right:5%;
  z-index: 500;
}
@media screen and (min-width:1999px){
  #ougimenu .pagetop-area{
    left:calc(15% + 420px);
  }
  #toyomenu .pagetop-area{
    left:calc(15% + 420px);
  }
}
@media screen and (max-width: 1998px) {
@media screen and (min-width: 897px) {
#ougimenu .pagetop-area{
  left:420px;
}
#toyomenu .pagetop-area{
  left:420px;
}
}
}
.pagetop{
  width:88px;
  height: 54px;
  -webkit-transition: .4s ease-in-out;
     transition: .4s ease-in-out;
}
.pagetop:hover{
  opacity: 0.5;
}
.pagetop img{
  width:88px;
  height: 54px;
}
@media screen and (max-width: 480px) {
  #ougimenu .pagetop-area{
    right:1%;
  }
  #toyomenu .pagetop-area{
    right:1%;
  }
.pagetop-area{
    bottom:55px;
  }
  .pagetop{
    width:66px;
    height: 41px;
  }
  .pagetop img{
    width:66px;
    height: 41px;
  }
}
#top footer .map-g{
  width:100%;
  height: 329px;
}
#top footer .map-g iframe{
  width:100%;
  height: 329px;
  display: block;
}
footer small{
  width:100%;
  display: block;
  line-height: 2.0rem;
  background:#f8f2e1;
  font-family:Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 25px 0 50px 0;
  text-align: center;
}
/*ソーシャルボタン*/
.sns-btn{
  width:333px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  height: 45px;
  padding-bottom: 75px;
}
#toyomenu .sns-btn{
  display: none;
}
.sns-btn a:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.sns-btn div{
  margin: 0 20px;
}
.sns-btn .line{
  width:45px;
  height: 43px;
}
.sns-btn .facebook{
  width:44px;
  height: 44px;
}
.sns-btn .insta img{
  width:44px;
  height: 44px;
}
.sns-btn .twitter{
  width:54px;
  height: 44px;
}
.sns-btn a img{
  -webkit-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
}
.sns-btn a:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
/*東陽町メニューソーシャルボタン*/
.toyomenuSns-btn{
  width:333px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  height: 45px;
  padding-bottom: 75px;
}
.toyomenuSns-btn div{
  margin: 0 20px;
}
.toyomenuSns-btn a:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.toyomenuSns-btn .line{
  width:45px;
  height: 43px;
}
.toyomenuSns-btn .facebook{
  width:44px;
  height: 44px;
}
.toyomenuSns-btn .insta img{
  width:44px;
  height: 44px;
}
.toyomenuSns-btn .twitter{
  width:54px;
  height: 44px;
}
.toyomenuSns-btn a img{
  -webkit-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
}
.toyomenuSns-btn a:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (max-width: 896px) {
  footer{
	  padding-bottom: 30px;
  }
  #top footer  .map-g{
    width:100%;
    height: 235px;
  }
 #top  footer .map-g iframe{
    width:100%;
    height: 235px;
  }
  .sns-btn{
    width:280px;
}
.sns-btn .insta img{
  width:32px;
  height: auto;
}
.toyomenuSns-btn{
  width:280px;
}
}