/*
Theme Name: habakiri-child
Template: habakiri
*/
body {
    /* ƒSƒVƒbƒN‘Ì‚Ì�ê�‡ */
//    font-family: "Roboto", "Droid Sans", "ŸàƒSƒVƒbƒN", "YuGothic", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", "Hiragino Kaku Gothic ProN", "ƒ�ƒCƒŠƒI", "Meiryo", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
//    line-height: 1.8;
//    /* –¾’©‘Ì‚Ì�ê�‡ */
//    font-family: "Roboto", "Droid Sans", "Ÿà–¾’©", "YuMincho", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
//    line-height: 1.8;
	font-family: "Shippori Mincho B1", serif;
	overscroll-behavior-y:none;
}



.f-cronos {
	font-family: "cronos-pro", sans-serif;
}

.f-shippori {
	font-family: "Shippori Mincho B1", serif;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: unset;
	margin: unset;
}

h1.title {
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	font-style: italic;
}
h2.subtitle {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}

.sp_mode {
	display: none;
}

.pc_mode {
	display: block;
}

/*** ƒŒƒXƒ|ƒ“ƒVƒu‘Ήž ***/
.none {
	display: none !important;
}

.m_none {
	display: block !important;
}

.catch_none {
	display: initial !important;
}



.colF {
	color: #FFF;
}

.cw {
	width: 1200px;
	margin: 0 auto;
}

.cw100 {
	width: 100%;
	margin: 0 auto;
}

.contents {
	width: 900px;
	margin: 0 auto;
}

.btnMoreArea {
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
}

.btnMore_box {
	display: inline-block;
	padding: 5px 50px;
	background-color: #F5F2E9;
	color: #AF9251;
	border: 2px solid #AF9251;
	border-radius: 8px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: 0.2s;
	margin: 0 auto;
}

.btnMore_box:hover {
	background-color: #AF9251;
	color: #F5F2E9;
}



#header {
	background-color: #F097B3;
}

#header .container {
	width: 1300px;
}

#header .top_nm {
	color: #FFF;
	font-size: 20px;
}

#header .top_logo {
	position: absolute;
	top: -50px;
}

#header .m_title {
	color: #FFF;
	font-size: 17px;
	margin: unset;
}

#header .global-nav ul {
	display: flex;
	align-items: center;
}

#header .m_title_img img {
	width: 60%;
}

#header .global-nav .txt_li {
	padding-right: 20px;
}

#header .img_li div {
	display: flex;
	gap: 10px;
}

#header .img_li a {
	display: inline-block !important;
	padding: unset;
}

#header .img_li img {
	display: block;
	width: 3.5rem;
	height: auto;
}
#header .top_logo_img {
	position: relative;
	top: 70px;
}





/* ”wŒi‰æ‘œ */
#infoArea {
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
}

#infoArea::before {
	background-image: url("img/img1.png");
	background-position: top left;

	content: "";
	position: absolute;
	top: -30px;
	bottom: 0;
	left: -100px;
	width: calc((100% - 900px) / 2);
	background-repeat: no-repeat;
	background-size: 150px auto;
}

#infoArea::after {
	right: 0;
	background-image: url("img/img2.png");
	background-position: top right;

	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: calc((100% - 900px) / 2);
	background-repeat: no-repeat;
	background-size: 70px auto;
}

#infoArea .news_visual {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

#infoArea .news_item {
	display: block;
	text-decoration: none;
	color: inherit;
}

#infoArea .thumb_wrap {
	width: 100%;
	height: 180px;
	overflow: hidden;
}

#infoArea .thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

#infoArea .news_date {
	margin-top: 10px;
	font-size: 14px;
	color: #666;
}

#infoArea .news_title {
	margin-top: 5px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}

#infoArea .news_excerpt {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.6;
	color: #444;
}






/* ”wŒi‰æ‘œ */
#instagramArea {
	position: relative;
}

#instagramArea::before {
	left: 0;
	background-image: url("img/img3.png");
	background-position: center left;

	content: "";
	position: absolute;
	top: -100px;
	bottom: 0;
	width: calc((100% - 900px) / 2);
	background-repeat: no-repeat;
	background-size: 80px auto;
}

#instagramArea::after {
	right: 0;
	background-image: url("img/img4.png");
	background-position: top right;

	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: calc((100% - 900px) / 2);
	background-repeat: no-repeat;
	background-size: 150px auto;
}



#instagramArea .titleimg {
	width: 8%;
	display: block;
	margin: 0 auto;
}




/* ”wŒi‰æ‘œ */
#messageArea {
    position:relative;
    padding-bottom:100px;
}

#messageArea::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:150px;
    width:calc((100% - 900px) / 2);
    background-image:url("img/img5.png");
    background-position:bottom left;
    background-repeat:no-repeat;
    background-size:150px auto;
}

#messageArea::after {
    content:"";
    position:absolute;
    top:140px;
    bottom:0;
    right:0;
    width:50%;
    background-image:url("img/img6.png");
    background-repeat:no-repeat;
    background-position:top right;
    background-size:310px auto;
    z-index:2;
    pointer-events:none;
}

#messageArea .wakuArea {
    position:relative;
    display:inline-block;
}

#messageArea .waku {
    display:block;
    margin:0 auto;
}

#messageArea .titleimg {
    position:absolute;
    width:20%;
    top:20px;
    left:50%;
    transform:translateX(-50%);
    z-index:2;
}

#messageArea .titleimg2 {
    position:absolute;
    top:0;
    left:-80px;
    z-index:3;
    width:260px;
}

#messageArea .msgArea {
    position:absolute;
    left:50%;
    bottom:90px;
    transform:translateX(-50%);
    width:80%;
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    gap:30px;
    z-index:3;
    top: 190px;
}

#messageArea .msgArea .ownerImg {
    width:30%;
    height:auto;
    padding-top: 20px;
}

#messageArea .msgArea .mes_box {
    width:70%;
    text-align:left;
}

#messageArea .msgArea .mes_box p {
    font-size:30px;
    color:#AF9251;
    text-decoration:underline;
    text-underline-offset:15px;
}

#messageArea .msgArea .mes_box .message {
    padding-top:20px;
    font-size:17px;
}


#featuresArea {
	background-image: url("img/fea_haikei.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#featuresArea .top {
	position: relative;
	display: inline-block;
	padding: 50px 0px;
}

#featuresArea .titleimg_fea {
	display: block;
	margin: 0 auto;
}

#featuresArea .subtitle_fea {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	white-space: nowrap;
	color: #AF9251;
	font-size: 30px;
}

#featuresArea .point {
	display: flex;
	gap: 50px;
	align-items: stretch;
	padding-bottom: 100px;
}

#featuresArea .point01,
#featuresArea .point02,
#featuresArea .point03,
#featuresArea .point04 {
	flex: 1;
	display: flex;
	flex-direction: column;
}

#featuresArea .pointTitleArea {
	display: flex;
	align-items: center;
	gap: 10px;
}

#featuresArea .pointTitleArea .img {
	width: 60px;
	height: auto;
}

#featuresArea .pointtitle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 23px;
	line-height: 1.3;
	color: #AF9251;
	letter-spacing: 0.05em;
}

#featuresArea .pointSentenceArea {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 15px;
	flex: 1;
}

#featuresArea .pointImgArea {
	text-align: center;
}

#featuresArea .pointImgArea .img {
	max-width: 100%;
	height: auto;
}



#baArea {
	background-image: url("img/ba_haikei.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* ”wŒi‰æ‘œ */
#baArea .ba_cw {
	position: relative;
	padding: 100px 0px;
}

#baArea .ba_cw::before {
	left: 0;
	background-image: url("img/img7.png");
	background-position: top left;

	content: "";
	position: absolute;
	top: -50px;
	bottom: 0;
	width: calc((100% - 900px) / 2);
	background-repeat: no-repeat;
	background-size: 150px auto;
}





#baArea .ba1 {
	position: relative;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	margin-top: 100px;
}

#baArea .ba_title {
	position: absolute;
	bottom: 100%;
	left: 0;
	background: #5F5F5F;
	color: #fff;
	padding: 5px 12px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 12px 35px 0 0;
	width: 35%;
	box-sizing: border-box;
}

#baArea .baLayout {
	width: 100%;
	background: #F5F0EF;
	border: none;
	border-radius: 0;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	margin-top: 0;
}

#baArea .ba_left {
	width: 45%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#baArea .ba_left .text {
	color: #D87891;
	font-size: 40px;
	margin: unset;
	position: relative;
	top: 10px;
}

#baArea .ba_left .result {
	position: relative;
	display: inline-block;
	font-size: 90px;
	color: #D87891;
	line-height: 1;
}

#baArea .ba_left .result::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 100%;
	height: 4px;
	background: #D87891;
}

#baArea .ba_left .kg {
	font-size: 40px;
}

#baArea .ba_right {
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#baArea .weight,
#baArea .bfp {
	position: relative;
	width: 100%;
	background: #D87891;
	border-radius: 10px;
	padding: 28px 20px 15px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}

#baArea .weight .textr,
#baArea .bfp p:first-child {
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 35px;
	font-weight: bold;
	color: #00;
	filter:
		drop-shadow(0 0 6px #D87891)
		drop-shadow(0 0 6px #D87891)
		drop-shadow(0 0 6px #D87891);
	white-space: nowrap;
}

#baArea .weight .resultr,
#baArea .bfp p:last-child {
	font-size: 30px;
	color: #000;
	margin: unset;
}

#baArea .after {
	color: #fff;
	font-size: 40px;
}

#baArea .bfp {
	margin-top: 50px;
}

#baArea .ba_minus {
	padding-left: 15px;
}




#adviceArea {
	background-image: url(img/ad_haikei.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;

}
#adviceArea::after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 25px solid #534F46;
}

#adviceArea .top {
	width: 50%;
	margin: 0 auto;
	background-color: #AF9251;
	color: #FFF;
	border-radius: 16px;
	text-align: center;
	padding: 20px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

#adviceArea .title_ad {
	font-size: 24px;
	margin: 0;
}

#adviceArea .adList {
	width: 50%;
	margin-left: auto;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 100px;
	padding-bottom: 100px;
}

#adviceArea .adList div {
	background-image: url(img/ad_waku.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 20px;
	padding-left: 55px;
	border-radius: 0;
	text-align: left;
}






/* ”wŒi‰æ‘œ */
#reasonArea {
	background-image: url("img/rea_haikei.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#reasonArea .rea_cw {
	position: relative;
}

#reasonArea .rea_cw::before {
	left: 0;
	background-image: url("img/img8.png");
	background-position: top left;

	content: "";
	position: absolute;
	top: 30px;
	bottom: 0;
	width: calc((100% - 900px) / 2);
	background-repeat: no-repeat;
	background-size: 150px auto;
}

#reasonArea .rea_cw::after {
	content: "";
	position: absolute;
	top: 710px;
	bottom: 0;
	right: 0;
	width: 200px;
	background-image: url(img/img9.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 200px auto;
	z-index: 2;
	pointer-events: none;
}


#reasonArea .title .img {
	width: 80%;
	display: block;
	margin: 0 auto;
}

#reasonArea .reason {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

#reasonArea .reason .img {
	width: 40%;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

#reasonArea .reason .img img {
	width: 100%;
	height: auto;
}

#reasonArea .reason .text {
	width: 60%;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

#reasonArea .reason .text div {
	background-image: url("img/waku_reason.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #000;
	font-size: 20px;
	padding: 10px 24px;
	padding-left: 50px;
}

#reasonArea .reason .text .emp {
	color: #fff;
}

#reasonArea .title {
	padding: 50px 0px;
}

#reasonArea .owner {
	display: flex;
	gap: 30px;
	align-items: flex-start;
	padding-top: 100px;
}

#reasonArea .owner .img {
	width: 40%;
}

#reasonArea .owner .img img {
	width: 100%;
	height: auto;
}

#reasonArea .owner .info {
	width: 60%;
	font-size: 18px;
	color: #000;
}

#reasonArea .owner .info table {
	width: 100%;
	border-collapse: collapse;
}

#reasonArea .owner .info table td {
	padding: 10px 0;
	vertical-align: top;
}

#reasonArea .owner .info table .hd {
	color: #D87891;
	width: 180px;
}

#reasonArea .owner .info table tr:nth-child(1) {
	border-bottom: 1px dotted #999;
}

#reasonArea .owner .info table tr:nth-child(2) {
	border-bottom: 1px dotted #999;
}

#reasonArea .ownermes {
	padding-bottom: 100px;
	padding-top: 20px;
}

#reasonArea .ownermes img {
	width: 40%;
}

#reasonArea .owner .info .name {
	font-size: 40px;
	font-weight: bold;
	font-style: italic;
}



#chachArea {
    background-color:#F5F0EF;
    padding-top:100px;
    padding-bottom:100px;
}

#chachArea .contents {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:40px;
}

#chachArea .sentence {
    width:60%;
}

#chachArea .image {
    width:40%;
    display:flex;
    justify-content:center;
    align-items:center;
}

#chachArea .image .img {
    width:100%;
    height:auto;
}

#chachArea .title1 {
    font-size:22px;
    color:#000;
    margin-bottom:8px;
}

#chachArea .title2 {
    font-size:34px;
    color:#D87891;
    font-weight:700;
    margin-bottom:16px;
}

#chachArea .pointCw {
    margin-top:20px;
    display:flex;
    flex-direction:column;
    gap:16px;
}

#chachArea .point {
    background:url("img/catch_haikei.png") no-repeat center/cover;
    padding:20px 20px 20px 30px;
    color:#fff;
    line-height:1.6;
    position:relative;
    font-size: 20px;
    font-weight: bold;
}

#chachArea .point::before {
    content:"";
    position:absolute;
    left:5px;
    top:10px;
    bottom:10px;
    width:3px;
    background:#fff;
    border-radius:2px;
}

#chachArea .otoku {
    font-size:24px;
    color:#000;
    margin-top:30px;
    line-height:1.8;
    text-align: center;
}

#chachArea .otoku .emp {
    font-size:40px;
    color:#D87891;
}

#chachArea .otoku .bk_emp {
    background-color:#D87891;
    color:#fff;
    padding:2px 6px;
    border-radius:4px;
    font-weight:700;
    margin-right: 10px;
}

#chachArea .otoku .line_emp {
    color:#D87891;
    font-weight:700;
    font-size:30px;
    margin-left: 10px;
    position:relative;
    display:inline-block;
}

#chachArea .otoku .line_emp::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:7px;
    height:10px;
    background:rgba(255,216,77,0.5);
    z-index:100;
}

#chachArea .btn_more {
    background-color:#F5F2E9;
    color:#AF9251;
    border:2px solid #AF9251;
    padding:14px 40px;
    font-size:20px;
    font-weight:700;
    display:block;
    width:max-content;
    margin:40px auto 0;
    text-align:center;
    border-radius:8px;
    cursor:pointer;
}






/* ”wŒi‰æ‘œ */
#flowArea {
	background-image: url("img/flow_haikei.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 100px;
}

#flowArea .flo_cw {
	position: relative;
}

#flowArea .flo_cw::before {
	left: 0;
	background-image: url("img/img10.png");
	background-position: top left;

	content: "";
	position: absolute;
	top: -50px;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: 350px auto;
	width: 50%;
}


#flowArea h1.title {
	padding-top: 100px;
}

#flowArea h2.subtitle {
	padding-bottom: 50px;
}


#flowArea .step1,
#flowArea .step2,
#flowArea .step3,
#flowArea .step4 {
	background-color: #fff;
	border-radius: 16px;
	padding: 10px;
	display: flex;
	align-items: stretch;
	gap: 10px;
	margin-bottom: 30px;
	height: 250px;
}

#flowArea .step1 .img_step,
#flowArea .step2 .img_step,
#flowArea .step3 .img_step,
#flowArea .step4 .img_step {
	margin-left: 10px;
	width: 54px;
	height: 100%;
	object-fit: contain;
}

#flowArea .step1 .img,
#flowArea .step2 .img,
#flowArea .step3 .img,
#flowArea .step4 .img {
	width: 270px;
	height: 100%;
	object-fit: cover;
}

#flowArea .step1 .text,
#flowArea .step2 .text,
#flowArea .step3 .text,
#flowArea .step4 .text {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
	height: 100%;
	padding: 10px;
}

#flowArea .step1 .text .title,
#flowArea .step2 .text .title,
#flowArea .step3 .text .title,
#flowArea .step4 .text .title {
	color: #AF9251;
	font-size: 27px;
	font-weight: 700;
}

#flowArea .step1 .text .line,
#flowArea .step2 .text .line,
#flowArea .step3 .text .line,
#flowArea .step4 .text .line {
	border: none;
	border-top: 2px solid #AF9251;
	width: 100%;
	margin: 0;
}
#flowArea .step1 .text .sentence,
#flowArea .step2 .text .sentence,
#flowArea .step3 .text .sentence,
#flowArea .step4 .text .sentence {
	color: #000;
	font-size: 16px;
	line-height: 1.6;
}








/* ”wŒi‰æ‘œ */
#salonArea {
	background-image: url("img/salon_haikei.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 100px;
	position: relative;
}

#salonArea::before {
	background-image: url("img/img11.png");
	background-position: center left;

	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -60px;
	background-repeat: no-repeat;
	background-size: 150px auto;
	width: calc((100% - 900px) / 2);
}

#salonArea::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: -70px;
	right: -40px;
	width: calc((100% - 900px) / 2);
	background-image: url(img/img12.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 150px auto;
	z-index: 2;
	pointer-events: none;
}

#salonArea .sal_cw {
	padding-top: 50px;
}

#salonArea .image {
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:30px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#salonArea .image img {
    width:48%;
    height:auto;
}




/* ”wŒi‰æ‘œ */
#footer {
	position: relative;
	background-color: #534F46;
	padding-top: 80px;
	padding-bottom: 40px;
	background-image: url("img/foot_haikei.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 100px;
}

#footer .f_con {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-top: 50px;
}

#footer .logo {
	position: absolute;
	top: -170px;
	left: 50%;
	transform: translateX(-50%);
	width: 180px;
	height: auto;
}

#footer .info {
	width: 50%;
	color: #FFF;
	font-size: 16px;
}

#footer .info table {
	width: 100%;
	border-collapse: collapse;
	color: #FFF;
}

#footer .info table td {
	padding: 8px 0;
	vertical-align: top;
}

#footer .info table tr {
	border-bottom: 1px solid #FFF;
}

#footer .info table tr:last-child {
	border-bottom: none;
}

#footer .info table .hd {
	width: 120px;
	font-weight: 700;
	color: #FFF;
}

#footer .tel {
	margin-top: 20px;
	font-size: 22px;
	font-weight: 700;
	color: #FFF;
}

#footer .img_li {
	list-style: none;
	margin-top: 20px;
}

#footer .img_li div {
	display: flex;
	gap: 16px;
}

#footer .img_li img {
	width: 36px;
	height: 36px;
}

#footer .copyright {
	margin-top: 20px;
	font-size: 10px;
	color: #FFF;
	background-color: unset;
}

#footer .map {
	width: 45%;
}

#footer .map iframe {
	width: 100%;
	height: 100%;
	border: none;
}


#footer .tel a {
	color: #FFF !important;
	text-decoration: unset;
}

#footer .tel img {
	width: 40px;
}




#article .container9 {
	max-width: 1000px;
	margin: 0 auto;
	padding: 150px 20px;
}

#article .ttlWrap {
	text-align: center;
	margin-bottom: 50px;
}

#article .ttlWrap img {
	display: block;
	margin: 0 auto 10px;
	width: 60px;
	height: auto;
}

#article .sectionTtl {
	font-size: 32px;
	font-weight: 700;
	color: #534F46;
}

#article .newsArchives ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #ccc;
}

#article .newsItem {
	border-bottom: 1px solid #ccc;
}

#article .newsItem a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 10px;
	text-decoration: none;
	color: #333;
	transition: 0.2s;
}

#article .newsItem a:hover {
	background-color: #f7f7f7;
}

#article .news_a_i_day {
	font-size: 16px;
	color: #534F46;
	width: 120px;
	flex-shrink: 0;
}

#article .newsItem p {
	flex: 1;
	font-size: 18px;
	color: #333;
	display: flex;
	align-items: center;
	gap: 10px;
}

#article .newsItem .new {
	display: inline-block;
	background-color: #D87891;
	color: #fff;
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 12px;
}

#article .pagenation {
	text-align: center;
	margin-top: 40px;
}

#article .pagenation .page-numbers {
	display: inline-block;
	margin: 0 6px;
	padding: 8px 12px;
	border: 1px solid #ccc;
	color: #534F46;
	text-decoration: none;
	border-radius: 6px;
	transition: 0.2s;
}

#article .pagenation .page-numbers:hover {
	background-color: #534F46;
	color: #fff;
}

#article .pagenation .current {
	background-color: #534F46;
	color: #fff;
	border-color: #534F46;
}

#article .single {
	max-width: 900px;
	margin: 0 auto;
	padding: 150px 20px;
}

#article .singleHead {
	margin-bottom: 40px;
}

#article .singleWrap {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 10px;
}

#article .singleWrap__category {
	background-color: #D87891;
	color: #fff;
	font-size: 14px;
	padding: 4px 12px;
	border-radius: 12px;
}

#article .singleWrap__day {
	color: #534F46;
	font-size: 14px;
}

#article .singleTtl {
	font-size: 32px;
	font-weight: 700;
	color: #534F46;
	line-height: 1.4;
	margin-top: 10px;
}

#article .singleContents {
	margin-top: 40px;
	font-size: 18px;
	line-height: 1.8;
	color: #333;
}

#article .singleContents__thumbnail {
	margin-bottom: 30px;
	text-align: center;
}

#article .singleContents__thumbnail img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}

#article .singleContents p {
	margin-bottom: 24px;
}

#article .singleContents h2,
#article .singleContents h3 {
	color: #534F46;
	margin: 40px 0 20px;
	font-weight: 700;
}

#article .singleContents ul,
#article .singleContents ol {
	margin: 20px 0 20px 20px;
}

#article .singleContents a {
	color: #D87891;
	text-decoration: underline;
}









.cf7-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 40px;
}

.cf7-table th {
	width: 30%;
	padding: 14px 10px;
	text-align: left;
	vertical-align: top;
	color: #534F46;
	font-weight: 700;
	font-size: 16px;
}

.cf7-table td {
	padding: 14px 10px;
}

.req {
	display: inline-block;
	background-color: #D87891;
	color: #fff;
	font-size: 12px;
	padding: 2px 6px;
	border-radius: 4px;
	margin-right: 6px;
}

.cf7-table input,
.cf7-table select,
.cf7-table textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 16px;
	box-sizing: border-box;
	background-color: #fff;
	color: #333;
}

.cf7-table textarea {
	height: 150px;
	resize: vertical;
}

.wpcf7-list-item {
	display: inline-flex;
	align-items: center;
	margin-right: 20px;
}

.wpcf7-list-item-label {
	margin-left: 6px;
}

.wpcf7-list-item input {
	margin: 0;
}

.submit-wrap {
	text-align: center;
}

.submit-wrap input[type="submit"] {
	background-color: #D87891;
	color: #fff;
	padding: 12px 40px;
	font-size: 18px;
	border: none;
	border-radius: 30px;
	cursor: pointer;
	transition: 0.3s;
}

.submit-wrap input[type="submit"]:hover {
	opacity: 0.8;
}

.wpcf7-not-valid-tip {
	color: #D87891;
	font-size: 14px;
	margin-top: 4px;
}

.wpcf7-response-output {
	border: 2px solid #D87891;
	padding: 12px;
	color: #D87891;
	margin-top: 20px;
	border-radius: 6px;
}

.time-select .time-row {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.time-select select {
	width: auto;
	min-width: 80px;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 16px;
}

.time-unit {
	color: #534F46;
	font-size: 14px;
}

.time-separator {
	margin: 0 10px;
	font-weight: 700;
	color: #534F46;
}

.spNavi {
	display: none;
}


@media screen and (max-width: 768px) {
	.cf7-table th,
	.cf7-table td {
		display: block;
		width: 100%;
	}

	.cf7-table th {
		margin-bottom: 4px;
	}

	.cf7-table tr {
		margin-bottom: 20px;
		display: block;
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
	}
}



@media screen and (max-width: 768px) {
	.sp_mode {
		display: block;
	}

	.pc_mode {
		display: none;
	}

	/*** ƒŒƒXƒ|ƒ“ƒVƒu‘Ήž ***/
	.none {
		display: block !important;
	}

	.m_none {
		display: none !important;
	}

	.catch_none {
		display: none !important;
	}


	#header .container {
		width: 100%;
	}

	#header .top_logo {
		position: unset;
	}

	#header .top_logo_img {
		position: unset;
		width: 70px;
	}

	#header .top_nm {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: clamp(12px, 3vw, 20px);
	}

	.cw {
		width: 100%;
		margin: 0 auto;
	}

	.contents {
		width: 100%;
		margin: 0 auto;
	}


	.site-branding {
		padding-left: 5px;
	}


	#infoArea .cw {
		width: 100%;
		padding: 0 20px;
	}

	#infoArea .contents {
		width: 100%;
		padding: 0 10px;
	}

	#infoArea h1.title {
		font-size: 28px;
	}

	#infoArea h2.subtitle {
		font-size: 16px;
	}

	#infoArea .news_visual {
		grid-template-columns: 1fr;
		gap: 20px;
		padding-top: 50px;
	}

	#infoArea .thumb_wrap {
		height: 200px;
	}

	#instagramArea .cw {
		width: 100%;
		padding: 0 20px;
	}

	#instagramArea .contents {
		width: 100%;
		padding: 0 10px;
	}

	#instagramArea .titleimg {
		width: 20%;
	}

	#messageArea .waku {
		height: 600px;
	}

	#messageArea .cw {
		width: 100%;
		padding: 0 20px;
	}

	#messageArea::after {
		background-image: unset;
	}

	#messageArea .contents {
		width: 100%;
		padding: 0 10px;
	}

	#messageArea .titleimg {
		width: 20%;
		top: 30px;
	}

	#messageArea .titleimg2 {
		width: 100px;
		left: -10px;
		top: 30px;
	}

	#messageArea .msgArea {
		width: 100%;
	}

	#messageArea .msgArea .mes_box {
		width: 100%;
		bottom: 40px;
		position: absolute;
		transform: unset;
		left: unset;
		top: 100px;
		padding: 15px;
	}

	#messageArea .msgArea .mes_box p {
		font-size: 22px;
		text-align: center;
	}

	#messageArea .msgArea .mes_box .message {
		font-size: 15px;
		text-align: left;
	}

	#messageArea .msgArea .ownerImg {
		display: none;
	}

	#messageArea .msgArea {
		top: 0px;
	}

	#featuresArea .cw100 {
		width: 100%;
	}

	#featuresArea .contents {
		width: 100%;
		padding: 0 10px;
	}

	#featuresArea h1.title {
		padding-top: 50px;
	}

	#featuresArea .subtitle_fea {
		position: unset;
		transform: unset;
		font-size: 20px;
		padding-bottom: 50px;
		text-align: center;
		font-weight: bold;
	}

	#featuresArea .top {
		position: unset;
		display: unset;
	}

	#featuresArea .titleimg_fea {
		display: none;
	}

	#featuresArea .point {
	flex-direction: column;
		gap: 40px;
		padding-bottom: 60px;
	}

	#featuresArea .pointtitle {
		font-size: 20px;
		font-weight: bold;
	}

	#featuresArea .pointSentenceArea {
		font-size: 15px;
	}

	#baArea .cw100 {
		width: 100%;
	}

	#baArea .ba_cw {
		padding: 80px 0;
	}

	#baArea .contents {
		width: 100%;
		padding: 0 10px;
	}

	#baArea .ba1 {
		max-width: 100%;
		margin-top: 60px;
	}

	#baArea .ba_title {
		width: 60%;
		font-size: 16px;
	}

	#baArea .baLayout {
		flex-direction: column;
		gap: 20px;
	}

	#baArea .ba_left,
	#baArea .ba_right {
		width: 100%;
	}

	#baArea .ba_left .text {
		font-size: 28px;
	}

	#baArea .ba_left .result {
		font-size: 60px;
	}

	#baArea .ba_left .kg {
		font-size: 28px;
	}

	#baArea .weight,
	#baArea .bfp {
		padding: 20px 10px;
	}

	#baArea .weight .textr,
	#baArea .bfp p:first-child {
		font-size: 26px;
		top: -20px;
	}

	#baArea .weight .resultr,
	#baArea .bfp p:last-child {
		font-size: 22px;
	}

	#baArea .ba_minus {
		text-align: center;
		padding-bottom: 25px;
	}

	#adviceArea .cw100 {
		width: 100%;
	}

	#adviceArea .contents {
		width: 100%;
		padding: 0 10px;
	}

	#adviceArea .top {
		width: 90%;
		font-size: 18px;
	}

	#adviceArea .adList {
		width: 90%;
		padding-top: 80px;
		padding-bottom: 80px;
		margin: 0 auto;
	}

	#adviceArea .adList div {
		font-size: 16px;
		padding-left: 40px;
	}


    #chachArea .contents {
        flex-direction:column;
        gap:30px;
        padding: 10px;
    }

    #chachArea .sentence {
        width:100%;
        text-align: center;
    }

    #chachArea .image {
        width:100%;
    }

    #chachArea .image .img {
        width:100%;
        height:auto;
    }

	#chachArea .point {
		padding: 10px 10px 10px 10px;
		font-size: 14px;
		text-align: left;
	}

	#chachArea .btn_more {
		font-size: 15px;
	}


	#reasonArea .cw100 {
		width: 100%;
	}

	#reasonArea .rea_cw {
		width: 100%;
		padding: 0 10px;
	}

	#reasonArea .contents {
		width: 100%;
		padding: 0 10px;
	}

	#reasonArea .reason {
		flex-direction: column;
	}

	#reasonArea .reason .img,
	#reasonArea .reason .text {
		width: 100%;
	}

	#reasonArea .owner {
		flex-direction: column;
	}

	#reasonArea .owner .img,
	#reasonArea .owner .info {
		width: 100%;
	}

	#reasonArea .title .img {
		width: 100%;
	}

	#reasonArea .reason .text div {
		padding: 5px 24px;
		padding-left: 10px;
		font-size: 15px;
	}

	#reasonArea .rea_cw::after {
		background-image: unset;
	}




	#reasonArea .info table {
		width: 100%;
		border-collapse: collapse;
	}

	#reasonArea .info table tr {
		display: block;
	}

	#reasonArea .info table td {
		display: block;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	
	}

	#reasonArea .info table td.hd {
		font-weight: bold;
		color: #D87891;
		margin-bottom: 5px;
		padding: unset;
		padding-top: 15px;
	}

	#reasonArea .info table td.dt p {
		margin: 0;
	}

	#reasonArea .owner .info table td.dt {
		padding: unset;
		padding-bottom: 15px;
	}

	#reasonArea .ownermes img {
		width: 100%;
	}

	#flowArea .cw100 {
		width: 100%;
	}

	#flowArea .flo_cw {
		width: 100%;
		padding: 0 10px;
	}

	#flowArea .contents {
		width: 100%;
		padding: 0 10px;
	}

	#flowArea .step1,
	#flowArea .step2,
	#flowArea .step3,
	#flowArea .step4 {
		flex-direction: column;
		height: auto;
	}

	#flowArea .step1 .img_step,
	#flowArea .step2 .img_step,
	#flowArea .step3 .img_step,
	#flowArea .step4 .img_step {
		width: 40px;
		height: auto;
		margin: 0 auto;
	}

	#flowArea .step1 .img,
	#flowArea .step2 .img,
	#flowArea .step3 .img,
	#flowArea .step4 .img {
		width: 100%;
		height: auto;
	}

	#flowArea .step1 .text .title,
	#flowArea .step2 .text .title,
	#flowArea .step3 .text .title,
	#flowArea .step4 .text .title {
		font-size: 22px;
	}


	#flowArea .step1,
	#flowArea .step2,
	#flowArea .step3,
	#flowArea .step4 {
		flex-direction: column;
		height: auto;
	}

	#flowArea .step1 .img_wrap,
	#flowArea .step2 .img_wrap,
	#flowArea .step3 .img_wrap,
	#flowArea .step4 .img_wrap {
		display: flex;
		align-items: stretch;
		gap: 10px;
		height: 170px;
	}

	#flowArea .step1 .img_step,
	#flowArea .step2 .img_step,
	#flowArea .step3 .img_step,
	#flowArea .step4 .img_step {
		width: 40px;
		height: 100%;
		object-fit: contain;
	}

	#flowArea .step1 .img,
	#flowArea .step2 .img,
	#flowArea .step3 .img,
	#flowArea .step4 .img {
		flex: 1;
		height: 100%;
		object-fit: cover;
	}

	#flowArea .step1 .text,
	#flowArea .step2 .text,
	#flowArea .step3 .text,
	#flowArea .step4 .text {
		padding: 10px;
	}





	#flowArea .flo_cw::before {
		background-size: 180px auto;
	}

	#salonArea .cw100 {
		width: 100%;
	}

	#salonArea .contents {
		width: 100%;
		padding: 0 10px;
	}

	#salonArea .contents div {
		text-align: center;
	}

    #salonArea .image {
        flex-direction:column;
        gap:20px;
    }

    #salonArea .image img {
        width:100%;
    }


	#footer {
		background-image: unset;
		padding-top: unset;
	}

	#footer .cw100 {
		width: 100%;
	}

	#footer .f_con {
		flex-direction: column;
		gap: 40px;
	}

	#footer .info,
	#footer .map {
		width: 100%;
	}


	#footer .f_con {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 40px;
		padding-top: 40px;
	}

	#footer .logo {
		position: static;
		transform: none;
		margin-bottom: 20px;
	}

	#footer .info {
		width: 100%;
		text-align: center;
	}

	/* •\‚ð1�s�¨2�s‚É‚·‚é */
	#footer .info table tr {
		display: block;
		padding: 12px 0;
		border-bottom: unset;
	}

	#footer .info table td {
		display: block;
		width: 100%;
		padding: 4px 0;
	}

	#footer .info table .hd {
		font-weight: 700;
		margin-bottom: 4px;
	}

	#footer .tel {
		justify-content: center;
		font-size: 20px;
		margin-top: 20px;
	}

	#footer .tel img {
		width: 32px;
	}

	#footer .img_li div {
		justify-content: center;
	}

	#footer .map {
		width: 100%;
		padding-top: 50px;
	}

	#footer .map iframe {
		height: 300px;
	}

	#footer .copyright {
		text-align: center;
		margin-top: 20px;
	}

	#footer .info table .hd {
		width: 100%;
	}


.spNavi-top {
    position:fixed;
    left:0;
    right:0;
    top:-80px;
    z-index:9999;
    background-color:#D87891;
    transition:top 0.3s ease;
}
.spNavi-top.show {
    top:0;
}

.spNavi__menu {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    list-style:none;
    padding:0;
    margin:0;
    border-bottom:1px solid #FFFADC;
    border-top:1px solid #FFFADC;
    background-color:#D87891;
}

.spNavi__menu li {
    border-left:1px solid #FFFADC;
}

.spNavi__menu li:first-child {
    border-left:0;
}

.spNavi__menu a {
    display:block;
    padding:0.5rem;
    text-align:center;
    background-color:#D87891;
}

.spNavi__menu a img {
    width:20px;
}

.spNavi__menu a p {
    color:#FFFADC;
    font-size:12px;
    margin-top:0.5rem;
    line-height:1.0;
}










	nav.global-nav {
		background-color: #F097B3;
	}

	.off-canvas-nav--dark li {
		border: unset;
	}

	nav.global-nav .sp_menu ul {
		border: unset;
	}

	nav.global-nav .sp_menu .txt_li .m_title {
		font-size: 22px;
		color: #FFF;
		text-align: center;
	}

	.sp_menu a {
	    background-color:transparent !important;
	    color:inherit !important;
	}

	.sp_menu a:hover {
	    background-color:transparent !important;
	    color:inherit !important;
	}

	.img_li div {
	    display:flex;
	    justify-content:center;
	    gap:10px;
	}


}