@charset "UTF-8";
body {
    background: #faf9d9;
/*  background-size: cover;
  background-attachment: fixed;
  background-position: bottom;*/
  font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Segoe UI', Meiryo, sans-serif;
  color:#1a1818; 
  font-size:14px;
}

@media screen and (min-width: 750px) {
  .body-inner {
    max-width: 750px;
    box-shadow: 0 1px 20px rgb(0 0 0 / 30%);
    background: #fff;
    margin-left: auto;
    margin-right: auto;
  }
}
img {
  width: 100%;
  margin-top: -1px; /*--隙間調整--*/
}

/* コンテンツの横幅 */
/* ============================================ */
.o-wrapper {
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
/* コンテンツの横幅 ここまで */
/* ============================================ */

/* 表示、非表示設定 */
/* ============================================ */

/*スマホだけに表示*/

@media(min-width:751px){
    .sp{
        display: none !important;
    }
}

/*タブレット、PCだけに表示*/

@media(max-width:750px){
    .pc{
        display: none !important;
    }
}

/* フォント設定など*/
/* ============================================ */

p{
    padding-bottom: 20px;
}

.orange-pink{
    color: #f4625e;
}

.red{
    color: #d40717;
}

.big-200{
    font-size: 200%;
}
.futoji-600{
    font-weight: 600;
}


/* マージン*/
/* ============================================ */
.mt20{
    margin-top: 20px !important;
}

.mt50{
    margin-top: 50px !important;
}

.mb0{
    margin-bottom: 0px !important;
}

.mb10{
    margin-bottom: 10px !important;
}

.pb0{
    padding-bottom: 0px !important;
}


/* 電話注文テキスト説明部分 */
/* ============================================ */

.tel-text{
/*padding:10px 50px 40px 50px;    
*/
padding:4% 4% 2% 4%;    
background: #ffffff;
}

.tel-text p{
    font-size:1.2em;
    line-height: 1.7;
}

.tel-text-white{
padding:4%; 
background: #ffffff;
}

.tel-text-white p{
    font-size:20px;
    line-height: 1.5;
}

/* CTAボタン */
/* ============================================ */
.first-cta-area{
    position: relative;
}

.first-cta-area .first-button{
    z-index: 1;
    width: 88.13333%;
    position: absolute;
    top: 98%;
    left: 50%;
    -webkit-transform: translate(-50%, -83.5%);
    transform: translate(-50%, -83.5%);
}

.second-cta-area{
    position: relative;
}

.second-cta-area .second-button{
    z-index: 1;
    width: 88.13333%;
    position: absolute;
    top: 94%;
    left: 50%;
    -webkit-transform: translate(-50%, -83.5%);
    transform: translate(-50%, -83.5%);
}

.tel-cta-area{
    position: relative;
}

.tel-cta-area .tel-button{
    z-index: 1;
    width: 85%;
    position: absolute;
    top: 84%;
    left: 50%;
    -webkit-transform: translate(-50%, -83.5%);
    transform: translate(-50%, -83.5%);
}

/*ボタンが揺れる*/
.yureru_anime{
	animation: yureru_anime 2s infinite;
}
@keyframes yureru_anime {
	0% {
		transform: translate(2px, 0px);
	}
	5% {
		transform: translate(-2px, 0px);
	}
	10% {
		transform: translate(2px, 0px);
	}
	15% {
		transform: translate(-2px, 0px);
	}
	20% {
		transform: translate(2px, 0px);
	}
	25% {
		transform: translate(-2px, 0px);
	}
	30% {
		transform: translate(0px, 0px);
	}
}

/* CTAボタン ここまで */
/* ============================================ */

/* footer */
/* ============================================ */
footer {
  display: block;
  padding-top: 10px;
/*  border-top: 3px solid #ddd;
*/  background: #fff;
}
ul {
  list-style: none;
}
.footer_nav {
  text-align: center;
  padding: 10px 0;
}
.footer_nav li {
  display: block;
  margin: 0 5px 0 0;
  padding-bottom: 20px;
  border-right: #000 solid thin;
  font-size: 13px;
}

@media screen and (min-width:769px){
.footer_nav li {
  display:inline-block;
  margin: 0 5px 0 0;
  padding-bottom: 0;
  border-right: #000 solid thin;
  font-size: 13px;
}
    }

.footer_nav li a {
  text-decoration: none;
  padding: 0 10px 0 0;
  color: #000;
}
.footer_nav li:last-child {
  border: none;
}
footer .copyright {
  text-align: center;
  padding: 10px 0;
  font-size: 12px;
  padding-bottom: 10px;
}
/* footer ここまで */
/* ============================================ */


.float-bnr {
  height: 0;
  opacity: 0;
  transition: 1s;
  pointer-events: none;
}
.float-bnr.show {
  display: block;
  height: auto;
  opacity: 1;
  transition: 1s;
  pointer-events: painted;
  position: fixed;
  bottom: 0;
  z-index: 9999;
}