@charset "UTF-8";

/* フッター
=============================================*/
footer{
  text-align: center;
  width: 100%;
  position:relative;
  background-color:#ffb6c1;
}

footer .container-XL{
  width:100%!important;
  position:relative;
  text-align: left;
  padding:70px 70px 40px 70px;
  padding-left:370px; /* sidenav:width + padding */
}

@media screen and (max-width: 1439px){
  footer .container-XL{
    padding:50px 50px 20px 50px;
    padding-left:270px; /* sidenav:width + padding */
  }
}

@media screen and (max-width: 1199px){
  footer .container-XL{
    padding:50px 40px 20px 40px;
    padding-left:260px; /* sidenav:width + padding */
  }
}

@media screen and (max-width: 1023px){
  footer .container-XL{
    padding-left:0;
    padding:50px 30px 20px 30px;
  }
}

@media screen and (max-width: 743px){
  footer .container-XL{
    padding-left:0;
    padding:50px 20px 20px 20px;
  }
}

/* お問い合わせ */
footer .contact{
  text-align: center;
}

footer .contact p{
  color:#ff69b4;
  text-align: center;
  margin-bottom:20px;
}

footer .contact p span{
  border-right:dotted 3px #ff69b4;
  width:3px;
  height:30px;
  display:inline-block;
  margin:0 25px -10px 25px;
}

footer .contact p span:nth-of-type(1){
  transform:rotate(-25deg);
}

footer .contact p span:nth-of-type(2){
  transform:rotate(25deg);
}

footer .contact a.tel{
  color:#ff69b4;
  font-size:35px;
  font-family: 'Oswald', sans-serif;
  position:relative;
  margin-left:-5px;
  display:inline-block;
  width:auto;
}

footer .contact a.tel i{
  color:#ff69b4;
  font-size:33px;
  margin-right:10px;
  position:relative;
  top:-2px;
}

footer .contact a.tel::after,
footer .contact a.tel::before{
  display:block;
  width:auto;
  position:absolute;
  bottom:-1.7em;
  font-size:12px;
  font-weight:600;
}

footer .contact a.tel::after{
  content:'こころ';
  right:88px;
}

footer .contact a.tel::before{
  content:'さっぱり';
  right:5px;
}

footer .contact small{
  font-size:13px;
  display:block;
  text-align: center;
  margin:20px 0;
  color:#ff69b4;
  margin-top:40px;
}

footer .contact a.mail{
  display:inline-block;
  width:auto;
  background-color:#fff;
  padding:20px 50px 20px 60px;
  font-size:16px;
  border-radius:100px;
  font-weight:700;
}

footer .contact a.mail i{
  font-size:18px;
  margin-left:10px;
}

@media screen and (max-width: 1439px){
  footer .contact p{
    font-size:14px;
    margin-bottom:15px;
  }

  footer .contact p span{
    border-right:dotted 3px #ff69b4;
    width:3px;
    height:20px;
    margin:0 20px -5px 20px;
  }

  footer .contact a.tel{
    font-size:28px;
    margin-left:-5px;
  }

  footer .contact a.tel i{
    font-size:28px;
    margin-right:10px;
    top:-2px;
  }

  footer .contact a.tel::after,
  footer .contact a.tel::before{
    bottom:-1.7em;
    font-size:11px;
  }

  footer .contact a.tel::after{
    content:'こころ';
    right:70px;
  }

  footer .contact a.tel::before{
    content:'さっぱり';
    right:1px;
  }

  footer .contact small{
    font-size:12px;
    margin:20px 0 10px 0;
  }

  footer .contact a.mail{
    padding:15px 40px 15px 50px;
    font-size:14px;
  }

  footer .contact a.mail i{
    font-size:15px;
    margin-left:10px;
  }
}

@media screen and (max-width: 743px){
  footer .contact p{
    font-size:13px;
    margin-bottom:8px;
  }

  footer .contact p span{
    border-right:dotted 3px #ff69b4;
    width:3px;
    height:18px;
    margin:0 15px -3px 15px;
  }

  footer .contact a.mail{
    padding:12px 40px 12px 50px;
    font-size:13px;
  }

  footer .contact a.mail i{
    font-size:14px;
    margin-left:10px;
  }
}

/* 店舗情報 */
footer .footer-wrap{
  background-color:#fff;
  margin-top:30px;
  border-radius:15px;
  padding:50px;
  display:flex;
  flex-wrap:wrap;
	justify-content: center;
}

footer .footer-wrap .shop-wrap{
  display:flex;
  flex-wrap:wrap;
  border-right:solid 2px #000;
  width:auto;
  padding-right:20px;
  margin:0;
}

footer .shop-wrap a.logo-icon{
  display:inline-block;
  width:80px;
}

footer .shop-wrap a.logo-icon img{
  width:100%;
}

footer .shop-wrap .shop-box{
  width:calc(100% - 80px);
  padding-left:20px;
}

footer .shop-wrap .shop-box a.logo-font{
  display:inline-block;
  width:250px;
}

footer .shop-wrap .shop-box a.logo-font img{
  width:100%;
}

footer .shop-wrap .shop-box p{
  margin:10px 0;
  display:inline-block;
  width:auto;
}

footer .shop-wrap .shop-box a.googlemap{
  display:inline-block;
  width:auto;
  padding:10px 20px 10px 25px;
  background-color:#9c1009;
  font-size:15px;
  letter-spacing: 0;
  color:#fff;
}

footer .shop-wrap .shop-box a.googlemap i{
  font-size:15px;
  margin-left:5px;
  color:#fff;
}

@media screen and (max-width: 1439px){
  footer .footer-wrap{
    border-radius:10px;
    padding:40px 20px;
    margin-top:20px;
  }

  footer .footer-wrap .shop-wrap{
    border-right:solid 2px #000;
    padding-right:20px;
  }

  footer .shop-wrap a.logo-icon{
    display:inline-block;
    width:60px;
  }

  footer .shop-wrap .shop-box{
    width:calc(100% - 60px);
    padding-left:10px;
  }

  footer .shop-wrap .shop-box a.logo-font{
    width:180px;
  }

  footer .shop-wrap .shop-box p{
    margin:0 0 5px 0;
    font-size:14px;
    line-height:18px;
  }

  footer .shop-wrap .shop-box a.googlemap{
    padding:6px 20px 8px 20px;
    font-size:13px;
    letter-spacing: 0;
    color:#fff;
    margin-top:5px;
  }

  footer .shop-wrap .shop-box a.googlemap i{
    font-size:14px;
  }
}

@media screen and (max-width: 1199px){
  footer .footer-wrap{
    padding:20px 0px;
  }

  footer .footer-wrap .shop-wrap{
    border-right:solid 2px #000;
    padding-right:15px;
  }

  footer .shop-wrap a.logo-icon{
    display:inline-block;
    width:50px;
  }

  footer .shop-wrap .shop-box{
    width:calc(100% - 50px);
    padding-left:5px;
  }

  footer .shop-wrap .shop-box a.logo-font{
    width:160px;
  }

  footer .shop-wrap .shop-box p{
    margin:0 0 5px 0;
    font-size:12px;
    line-height:18px;
  }

  footer .shop-wrap .shop-box a.googlemap{
    padding:5px 20px 7px 20px;
    font-size:12px;
    margin-top:5px;
  }

  footer .shop-wrap .shop-box a.googlemap i{
    font-size:13px;
  }
}

@media screen and (max-width: 742px){
  footer .footer-wrap{
    padding:20px 10px;
  }

  footer .footer-wrap .shop-wrap{
    border-right:none;
    border-bottom:dotted 3px lightgray;
    padding-right:0;
    padding-bottom:20px;
    margin-bottom:15px;
  }

  footer .shop-wrap a.logo-icon{
    display:block;
    width:50px;
  }

  footer .shop-wrap .shop-box{
    width:100%;
    padding-left:0;
    text-align: center;
  }

  footer .shop-wrap .shop-box a.logo-font{
    width:160px;
  }

  footer .shop-wrap .shop-box p{
    margin:0 0 5px 0;
    font-size:12px;
    line-height:18px;
  }

  footer .shop-wrap .shop-box a.googlemap{
    padding:5px 20px 7px 20px;
    font-size:12px;
    margin-top:5px;
  }

  footer .shop-wrap .shop-box a.googlemap i{
    font-size:13px;
  }
}

/* メニュー */
footer .menu-wrap{
  display:flex;
  flex-wrap:wrap;
  padding-left:30px;
  width:auto;
  margin:0;
}

footer .menu-wrap ul{
  width:auto;
  margin-right:40px;
}

footer .menu-wrap ul:last-of-type{
  margin-right:0;
}

footer .menu-wrap ul li{
  width:auto;
  margin-bottom:10px;
}

footer .menu-wrap ul li:last-of-type{
  margin-bottom:0;
}

footer .menu-wrap ul li a{
  display:inline-block;
  font-weight:600;
  font-size:15px;
}

@media screen and (max-width: 1439px){
  footer .menu-wrap{
    padding-left:20px;
  }

  footer .menu-wrap ul{
    margin-right:35px;
  }

  footer .menu-wrap ul li{
    margin-bottom:5px;
  }

  footer .menu-wrap ul li a{
    font-size:13px;
  }
}

@media screen and (max-width: 1199px){
  footer .menu-wrap ul li a{
    font-size:12px;
  }
}

@media screen and (max-width: 1023px){
  footer .menu-wrap{
    padding-left:15px;
  }

  footer .menu-wrap ul{
    margin-right:30px;
  }

  footer .menu-wrap ul li{
    margin-bottom:2px;
  }

  footer .menu-wrap ul li a{
    font-size:11.5px;
  }
}

@media screen and (max-width: 743px){
  footer .menu-wrap{
    padding-left:0;
  }

  footer .menu-wrap ul{
    margin-right:30px;
  }

  footer .menu-wrap ul li{
    margin-bottom:2px;
  }

  footer .menu-wrap ul li a{
    font-size:11.5px;
  }
}

/* コピーライト */
footer .copyright{
  border-top:solid 5px #fff;
  padding-top:10px;
  color:#fff;
  font-size:13px;
  display:block;
  text-align: right;
  padding-right:60px;
  padding-bottom:50px;
}

@media screen and (max-width: 1439px){
  footer .copyright{
    border-top:solid 3px #fff;
    padding-top:3px;
    font-size:9px;
    padding-right:60px;
    padding-bottom:20px;
  }
}

@media screen and (max-width: 743px){
  footer .copyright{
    border-top:solid 3px #fff;
    padding-top:3px;
    font-size:9px;
    padding-right:0;
    padding-bottom:20px;
    text-align: center;
  }
}





























/**/