@charset "UTF-8";

/*調整 250411*/
#pan {
  display: none;
}
#cp {
  display: none;
}

/*--------------------------------------
#fixbtn {
  margin-bottom: 0;
}
#fixbtn.scrolled .fixbtnwrap {
  height: 130px;
}
#fixbtn .inner {
  position: relative;
  padding-top: 30px;
}
#fixbtn .inner::before {
  content: "24時間 ご予約承ります";
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-63%);
}
#fixbtn .inner > div.contents_btn01 a:not(:has(img)) {
  display: none;
}
#fixbtn .inner > div.contents_btn01 a img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 20px;
}
#fixbtn .contents_btn01 span {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fixbtn .contents_btn01 a[target=_blank] span {
    padding-right: 35px !important;
}
#fixbtn .contents_btn01 a[target=_blank] span:before {
    right: 21px;
}
#fixbtn .contents_btn01 a[target=_blank] span:after {
    right: 22px;
}
@media screen and (max-width: 700px) {
    #fixbtn .contents_btn01 a:nth-last-child(2)[target="_blank"] span,
    #fixbtn .contents_btn01 a+a[target="_blank"] span {
       padding-left: 20px !important;
    }
    #fixbtn .inner::before {
      transform: translateX(-50%);
    }
}
@media screen and (max-width: 600px) {
    #fixbtn .inner::before {
        width: 100%;
    }
    #fixbtn .contents_btn01 a span {
        padding: 20px;
    }
}

a.sp_btn_tx {
    background: #F58220;
    border-color: #F58220;
    color: #fff !important;
}

a.sp_btn_tx span::after, a.sp_btn_tx span::before {
    border-color: #fff !important;
}

a.sp_btn_tx:hover {
    background: transparent;
    color: #F58220 !important;
}

a.sp_btn_tx:hover span::after, a.sp_btn_tx:hover span::before {
    border-color: #F58220 !important;
}
-----------------------------*/

/*--------------フォント------------*/
#fixbtn .inner>div, #fixbtn .contents_btn01 span {
    font-family: 'Noto Serif JP', "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/*---------電話番号---------*/
@media screen and (max-width: 600px) {
    #fixbtn .fixbtntel [data-tel], #fixbtn .fixbtntel>a {
        font-size: 2.5rem !important;
    }
}

@media screen and (max-width: 400px) {
    #fixbtn .fixbtntel [data-tel], #fixbtn .fixbtntel>a {
        font-size: 2.1rem !important;
    }
}

/*---------------LINEフッターボタン------------*/
@media screen and (max-width: 480px) {
    .sp_btn {
        display: block;
        width: 100% !important;
    }

    /* #fixbtn .contents_btn01 a:nth-of-type(1):nth-last-of-type(2),
    #fixbtn .contents_btn01 a:nth-of-type(2):nth-last-of-type(1) {
        display: none;
    } */

    #fixbtn .inner {
        flex-direction: column;
        align-items: center;
    }

	#fixbtn .inner>div.contents_btn01 {
        width: 90%;
		height: auto;
		margin: 0 auto;
    }

	#fixbtn .contents_btn01 a.sp_btn_tx {
		min-width: 97% !important;
		max-width: none !important;
		height: 80px;
	}

	#fixbtn .contents_btn01 a.sp_btn_tx span {
		padding-right: 44px !important;
		padding: 28px 44px 28px 50px;
	}
	.sp_btn:before {
		content: "";
		display: block;
		background: url(/common/upload_data/isin-hair-designcom/image/20250415181728.png) no-repeat;
		width: 40px;
		height: 40px;
		position: absolute;
		background-size: 40px;
		z-index: 6;
		left: 13%;
		top: 11px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/*.contents_btn01 a[target=_blank] span:before {
		right: 68px;
	}

	.contents_btn01 a[target=_blank] span:after {
		right: 70px;
	} */
     #fixbtn .contents_btn01 a {
            background: #fff;
}

}