/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 23 2025 | 12:45:32 */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@import url("https://use.typekit.net/fgp1bug.css");

.en {
    font-family: "Lato";
	font-weight:400;
}


/*トップ*/
.p_28{
	font-size:clamp(1.25rem, 0.361rem + 1.85vw, 1.75rem);
	max-height:30px;
}
.p_56{
		font-size:clamp(2.5rem, 0.722rem + 3.7vw, 3.5rem);
	max-height:70px;
	}
.img1 img{
	height:clamp(3.938rem, -22.396rem + 54.86vw, 18.75rem) !important;
}
.wp-block-button.has-text-align-center.ys-is-font-responsive.parts_btn .wp-block-button__link.ystdb-button__link.has-ys-black-color.has-text-color.has-ys-yellow-background-color.has-background.is-block.is-block--desktop.is-block--tablet.is-block--mobile{
	max-height: 120px;
    display: flex;
    align-items: end;
    justify-content: center;
}

.colum_radius{
	border:#E86CBF 6px solid;
	border-radius: 50%;
	max-height: 310px;
    max-width: 310px;
	position: relative;
padding: 15% !important;
	height: 0;

}
.colum_radius h1,.colum_radius h3{
	position: absolute;
top: calc((100% - 1em)/2);
left: 0;
right: 0;
margin: 0;
	text-align: center;
}

.colum_radius2{
	border:#E86CBF 6px solid;
	border-radius: 50%;
	max-height: 310px;
    max-width: 310px;
		position: relative;
padding: 15% !important;
	height: 0;
}
.colum_radius2 h1,.colum_radius h3{
	position: absolute;
top: calc((100% - 1em)/2.8);
left: 0;
right: 0;
margin: 0;
	text-align: center;

}

@media screen and (max-width:1120px) {
	.colum_radius2 h1,.colum_radius h3{
		top: calc((100% - 1em)/3);
	}
}

@media screen and (max-width:1024px) {
	.colum_radius2 h1,.colum_radius h3{
		top: calc((100% - 1em)/2.8);
	}
}

@media screen and (max-width:810px) {
	.colum_radius2 h1,.colum_radius h3{
		top: calc((100% - 1em)/3);
	}
}

@media screen and (max-width:520px) {
	.colum_radius h1,.colum_radius h3{
		font-size:28px !important;
	}
	
	.colum_radius2 h1,.colum_radius h3{
		font-size:28px !important;
		top: calc((100% - 1em)/3);
	}
}

@media screen and (max-width:420px) {
	.colum_radius h1,.colum_radius h3{
		font-size:24px !important;
	}
	
	.colum_radius2 h1,.colum_radius h3{
		font-size:24px !important;
		top: calc((100% - 1em)/3);
	}
}

@media screen and (max-width:375px) {
	.colum_radius h1,.colum_radius h3{
		font-size:22px !important;
	}
	
	.colum_radius2 h1{
		font-size:22px !important;
		top: calc((100% - 1em)/3.2);
	}
}

@media screen and (max-width:350px) {
	.colum_radius h1,.colum_radius h3{
		font-size:20px !important;
	}
	
	.colum_radius2 h1,.colum_radius h3{
		font-size:20px !important;
		top: calc((100% - 1em)/3.2);
	}
}

.ystdb-column.has-background.has-ys-white-background-color.colum_radius{
		display:flex !important;
	align-items:center !important;
}
.ystdb-column.has-background.has-ys-white-background-color.colum_radius2{
		display:flex !important;
	align-items:center !important;
}
.colum_radius .ystdb-column-block-container{
	max-height:clamp(2rem, -9.714rem + 18.29vw, 4rem);
}
.colum_radius2 .ystdb-column-block-container{
	max-height:clamp(5.188rem, -25.196rem + 47.43vw, 10.375rem);
}
.block_div{
	  gap:9.6px;
  max-height:60px;
  margin-top:16px;
	align-items:flex-start;
}
.block_div2{
	  gap:9.6px;
  margin-top:16px;
	align-items:flex-start;
}
.block_div3{
	  gap:9.6px;
  max-height:60px;
  margin-top:16px;
	align-items:baseline !important;
}
.p_ryoukin{
	  font-size:clamp(3.5rem, 1.57rem + 8.58vw, 5.688rem);
    display: flex;
    align-items: center;
	font-family: "Lato", sans-serif;
}
.block_tate{
	  gap:0px;
  align-items:center;
}
.about_column{
	border:#E5E5E5 solid 10px;
}
.p_en{
	  font-family: "yu-gothic-pr6n", sans-serif;
font-weight: 400;
font-style: normal;
  font-size:clamp(1.5rem, 0.611rem + 1.85vw, 2rem);
  display: flex;
    align-items: baseline;
max-height:70px;
}
.p_zei{
	 font-family: "yu-gothic-pr6n", sans-serif;
font-weight: 400;
font-style: normal;
	height:10px;
	font-size:clamp(0.625rem, 0.349rem + 1.23vw, 0.938rem);
}
.pink_border{
	border-bottom:3px solid #E86CBF;
}
.yellow_border{
	border-bottom:6px solid #F2C925;
	margin:0 auto;
}
.column_back{
	background-image:url("https://diet.gelafru.jp/wp-content/uploads/2024/05/img18-1.png");
	background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.column_back::before{
	content:"01";
	font-size:64px;
	color:#E86CBF;
	display:block;
position:absolute;
	top:-50px;
	left:5%;
	background-size: contain;
	font-family: "century-gothic";
}
.column_back2{
	background-image:url("https://diet.gelafru.jp/wp-content/uploads/2024/05/img18-1.png");
	background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.column_back2::before{
	content:"02";
	font-size:64px;
	color:#E86CBF;
	display:block;
position:absolute;
	top:-50px;
	left:5%;
	background-size: contain;
	font-family: "century-gothic";
}
.column_back3{
	background-image:url("https://diet.gelafru.jp/wp-content/uploads/2024/05/img18-1.png");
	background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.column_back3::before{
	content:"03";
	font-size:64px;
	color:#E86CBF;
	display:block;
position:absolute;
	top:-50px;
	left:5%;
	background-size: contain;
	font-family: "century-gothic";
}
.column_back4{
	background-image:url("https://diet.gelafru.jp/wp-content/uploads/2024/05/img18-1.png");
	background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.column_back4::before{
	content:"04";
	font-size:64px;
	color:#E86CBF;
	display:block;
position:absolute;
	top:-50px;
	left:5%;
	background-size: contain;
	font-family: "century-gothic";
}
.column_back5{
	background-image:url("https://diet.gelafru.jp/wp-content/uploads/2024/05/img18-1.png");
	background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.column_back5::before{
	content:"05";
	font-size:64px;
	color:#E86CBF;
	display:block;
position:absolute;
	top:-50px;
	left:5%;
	background-size: contain;
	font-family: "century-gothic";
}
.mintyo{
			font-family:"游明朝体";
	font-weight:500 !important;
}
.box_title .ystdtb-box__label.has-background.is-label-normal{
	left:35%;
	font-weight:bold;
	font-size:clamp(1rem, -1.222rem + 4.63vw, 2.25rem);
}
.box_title,.box_title2,.box_title3{
	display:inline;
}
.box_title2 .ystdtb-box__label.has-background.is-label-normal{
	font-weight:bold;
		left:10%;
	font-size:clamp(1rem, -1.222rem + 4.63vw, 2.25rem);
}
.box_title3 .ystdtb-box__label.has-background.is-label-normal{
	font-weight:bold;
		left:20%;
	font-size:clamp(1.25rem, -0.528rem + 3.7vw, 2.25rem);
}
.box_title3 .ystdtb-box__label-contents{
	margin-left:20px;
}
.box_title3 .ystdtb-box__label.has-background.is-label-normal::before{
	content:url("https://diet.gelafru.jp/wp-content/uploads/2024/05/img21.png");
	display:block;
	width:120px;
	position:absolute;
	    top: 0px;
    left: 0%;
}
.plan_div{
	gap:0px !important;
}
.p_531{
	font-family:"游明朝体";
	font-size:clamp(2.5rem, -4.167rem + 13.89vw, 6.25rem);
}
.p_100{
	font-size:clamp(3rem, -2.778rem + 12.04vw, 6.25rem);
}
.p_40{
	font-size:clamp(1rem, -1.667rem + 5.56vw, 2.5rem);
}
.p_plan{
	font-family: "Lato";
	max-height:86px;
}
.border_white{
	border-bottom:1px solid #fff;
  margin:0px 14px;
}
.box_plan{
	gap:10px !important;
	align-items: baseline !important;
}
.box_2 .ystdtb-box__label.has-ys-white-background-color.has-background.has-ys-black-color.has-text-color.is-label-bold::before{
	content:url("https://diet.gelafru.jp/wp-content/uploads/2024/05/56d22e3365a170113d15f5732bbd7f5d.png");
	position:absolute;
	z-index:8;
	top:-20px;
}
.box_3 .ystdtb-box__label.has-ys-white-background-color.has-background.has-ys-black-color.has-text-color.is-label-bold::before{
	content:url("https://diet.gelafru.jp/wp-content/uploads/2024/05/b50b74e0dcf9546973118a64884ab0c7.png");
	position:absolute;
	z-index:8;
	top:-20px;
}
.plan_column .ystdtb-box__content{
	max-height:235px !important;
}
.sub_plan{
	font-size:clamp(1.25rem, -2.75rem + 8.33vw, 3.5rem);
}

.voice-box .has-ys-white-background-color {
    background-color: #ffffffd4 !important;
}

.border_colum{
	display:inline-block;
}
.border_colum::before{
	content: "";
    display: block;
    width: 3px;
    height: 90%;
    border-left: 0.125rem solid #fff;
    position: absolute;
	left: 65%;
    top: 70px;
}
.flow_number{
	max-height:76px;
	display: flex;
        align-items: end;
    justify-content: center;
	font-size:clamp(2.5rem, -0.167rem + 5.56vw, 4rem);
}
.flow_number::before{
	content:"STEP.";
	display: contents;
	color:#727272;
	font-size:clamp(1.125rem, 0.903rem + 0.46vw, 1.25rem);
}
.section_border{
	border-bottom:1px solid #727272;
}
.p_72{
	font-size:clamp(1.75rem, -3.139rem + 10.19vw, 4.5rem);
}
.p_101{
	font-size:clamp(4.5rem, 1.389rem + 6.48vw, 6.25rem);
}
.rout{
	gap:clamp(0.625rem, -0.042rem + 1.39vw, 1rem);
}

.taiken-btn .ystdb-button__link .ystdb-button__text {
    line-height: 1.3;
	font-weight:600;
}

.taiken-btn span.vk_inline-font-size {
    display: block;
}

/* TOPページ料金表調整 */
.ystdb-section.has-ys-white-border-color.price-box {
    position: relative;
}

.price-box{
	border-top:none !important;
}

.price-box:before {
	border-top: solid 1px #fff;
	top:0;
	left:0;
}

.price-box:before {
	content: '';
    width: 80px;
    position: absolute;
    display: inline-block;
}

.price-box:after{
	border-top: solid 1px #fff;
	top:0;
	right:0;
}

.price-box:after {
	content: '';
    width: 80px;
    position: absolute;
    display: inline-block;
}

@media screen and (max-width:599px) {
	.price-box:before {
	content: '';
    width: 40px !important;
}
	.price-box:after {
	content: '';
    width: 40px;
    position: absolute;
    display: inline-block;
}
}


p.has-text-align-center.price-p {
	width: 80%;
    padding: 8px 0;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 1;
}

p.has-text-align-center.price-p-limited {
	width: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
	    top: -50px;
    z-index: 1 !important;
	font-size:clamp(1.125rem, 0.716rem + 2.05vw, 2.25rem) !important;
}


.price-p-limited mark.has-inline-color.has-ys-black-color {
    background: #fff !important;
    padding: 8px;
	margin-right:10px;
}

.normal  code {
    font-size: initial;
    color: #fff;
}

.normal span.vk_inline-font-size{
    font-family: "Lato";
	padding:0 10px;
	font-size:clamp(3rem, 2.818rem + 0.91vw, 3.5rem) !important;
/* 	font-size:56px !important; */
}
.normal2  code {
    font-size: initial;
    color: #000;
}

.normal2 span.vk_inline-font-size{
    font-family: "Lato";
	padding:0 10px;
	font-size:clamp(3rem, 2.818rem + 0.91vw, 3.5rem) !important;
/* 	font-size:56px !important; */
}

.zero code {
    font-family: inherit;
    color: #fff;
    font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem) !important;
	    position: absolute;
/* 	transform: translate(-50%, -50%); */
        left: 53.5%;
	top:18%;
}

.zero span.vk_inline-font-size{
	font-family: "Lato";
	padding:0 10px;
		font-size:clamp(3.5rem, 2.5rem + 5vw, 6.25rem) !important;
}

.zero2 code {
    font-family: inherit;
    color: #000;
    font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem) !important;
	    position: absolute;
/* 	transform: translate(-50%, -50%); */
        left: 60%;
	top:18%;
}
.zero2 span.vk_inline-font-size{
	font-family: "Lato";
	padding:0 10px;
		font-size:clamp(3.5rem, 2.5rem + 5vw, 6.25rem) !important;
}

.top-news .ys-posts__date{
	color:#fff;
}

.top-news .ys-posts.is-simple .ys-posts__meta .ys-posts__cat{
	background:#E86CBF;
}

.top-news .ys-posts__title{
	color:#fff;
}


@media screen and (max-width:599px) {
	p.has-text-align-center.price-p-limited {
	width: 80%;
}
	.zero code {
		        top: 5%;
        left: 52.5%;
}
		.zero2 code {
		        top: 5%;
        left: 52.5%;
}
}
