@import url(Glend.css);

p{
	margin: 0 0 10px;
}


.dng-megamenu .primary_structure>li>a{
    text-transform: lowercase;
}
.dng-megamenu .primary_structure>li>a::first-letter{
    text-transform: uppercase;
}


.header_bg .container{
	width: 1460px;
}

.header-phone .icon{
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	font-size: 20px;
}

body a.HeaderTop-Button{
	display: inline-flex;
	align-items: center;
	padding: 0 16px;
	height: var(--header-top-height);
	color: #fff !important;
	font-weight: normal !important;
	background-color: var(--button-color1) !important;
	transition: all ease 300ms;
}
body a.HeaderTop-Button:hover{
	background-color: var(--button-hover-color1) !important;
}



/* link-default-color */
.link-default-color{
	color: var(--link-color) !important;
}
.link-default-color:hover{
	color: var(--link-hover-color) !important;
}

/* link-current-color */
.link-current-color{
	color: currentColor !important;
}
.link-current-color:hover{
	color: var(--link-hover-color) !important;
}

/* custom-button */
[class^='custom-button-'],
[class*=' custom-button-'] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
	line-height: calc( 20 / 14 );
    font-weight: 700;
    height: auto;
    padding: 8px clamp(10px, 0.8333333333333334vw + 4px ,20px);
    margin-right: 3px;
    margin-bottom: 3px;
    text-align: center;
    white-space: wrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 50px;
    -webkit-transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    -webkit-appearance: none;
    appearance: none;
}
body .custom-button-01 {
	border-radius: 0;
	background-color: var(--button-color1);
	color: #FFF;
	font-family: var(--family2);
}
body .custom-button-01, 
body .custom-button-01:link, 
body .custom-button-01:active, 
body .custom-button-01:visited {
	color: #FFF;
	transition: color ease-in 300ms, background-color ease-in 300ms;
}
body .custom-button-01:hover {
	background-color: var(--button-hover-color1);
	text-decoration: none !important;
}


/* custom-title-01 */
.custom-title-01{
	position: relative;
	margin-bottom: 24px;
}
.custom-title-01::after{
    content: "";
    display: inline-block;
    text-align: center;
    width: 45px;
    height: 6px;
	color: var(--accent-color);
    font-size: 0;
	line-height: 0;
	background-color: transparent;
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
}
.is-light-text .custom-title-01::after{
	color: #fff;
}
.custom-title-01 .title{
	margin: 0 0 0;
	text-transform: uppercase;
}


/* custom-title-02 */
.custom-title-02{
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid currentColor;
}
.custom-title-02 .title{
	margin: 0 0 0;
	text-transform: uppercase;
}



/* custom-list-01 */
.custom-list-01 {
    margin: 0;
    padding: 0;
    list-style: none;
}
.custom-list-01 li {
    color: currentColor;
    margin: 0 0 20px;
}
.custom-list-01 li .sico {
    margin-right: 8px;
}
.custom-list-01 li a{
	color: currentColor;
}
.custom-list-01 li a:hover{
	color: var(--link-hover-color);
	text-decoration: none;
}

/* custom-imgList-01 */
.custom-imgList-01{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 50px;
}
.custom-imgList-01::before{
    content: "";
    position: absolute;
	top: 0;
	left: 52px;
    display: block;
    text-align: center;
	width: 1px;
	height: 100%;
    border-left: 1px dashed white;
}
.custom-imgList-01 .item{
	position: relative;
	display: flex;
	align-items: center;
	gap: 15px;
}
.custom-imgList-01 .item .pic{
	flex-shrink: 0;
	width: 104px;
	text-align: center;
}




/* custom-imgBox-01 */
.custom-imgBox-01{
	position: relative;
	margin-bottom: 40px;
	text-align: center;
}
.row.row-custom-imgBox-01{
	row-gap: 40px;
}
.row.row-custom-imgBox-01 .custom-imgBox-01{
	margin-bottom: 0;
}
.custom-imgBox-01 .pic img{
	filter: brightness(100%);
    transition: all 350ms ease-in;
}
.custom-imgBox-01 .pic img:hover{
	filter: brightness(120%);
}
.custom-imgBox-01 .content{
	padding-top: 10px;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: calc( 20 / 14 );
}
.custom-imgBox-01 .content .title{
	margin: 0 0 10px;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: calc( 20 / 14 );
}
.custom-imgBox-01 .content p:last-child{
	margin-bottom: 0;
}


/* custom-imgBox-02 */
.custom-imgBox-02{
	position: relative;
	text-align: center;
}
.custom-imgBox-02 .pic{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	border: 1px solid #e4e4e4;
}
.custom-imgBox-02 .content{
	padding-top: 15px;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: calc( 20 / 14 );
}
.custom-imgBox-02 .content .title{
	margin: 0 0 10px;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: calc( 20 / 14 );
}
.custom-imgBox-02 .content p:last-child{
	margin-bottom: 0;
}
.custom-imgBox-02 .content .link a{
	display: block;
	padding: 10px 16px;
	width: 100%;
	color: #fff;
	font-size: 0.9375rem;
    line-height: 1.33;
	letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: center;
	border-radius: 0;
	background-color: var(--button-color1);
	transition: all ease 300ms;
}
.custom-imgBox-02 .content .link a:hover{
	background-color: var(--button-hover-color1);
}


/* custom-picture-01 */
.custom-picture-01{
	position: relative;
	display: inline-block;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.8);
}

/* custom-product-01 */
.custom-product-01{
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
	padding: 5px;
	background-color: #fff;
    border: 1px solid #eeeeee;
}
.row.row-custom-product-01{
	row-gap: 15px;
}
.row.row-custom-product-01 .custom-product-01{
	margin-bottom: 0;
}
.custom-product-01 .pic{
	position: relative;
}
.custom-product-01 .pic img{
	width: 100%;
}
.custom-product-01 .content{
	padding-top: 10px;
}
.custom-product-01 .content .title{
	margin: 0 0 10px;
	padding: 0 0 10px;
	text-align: center;
	color: #34475e;
	font-size: clamp(1rem, 0.4166666666666667vw + 0.8125rem ,1.3125rem) /* 16px ~ 21px */;
	font-weight: 700;
	line-height: 1.1;
    border-bottom: 1px solid gray;
}
.custom-product-01 .content .title a{
	color: currentColor;
}
.custom-product-01 .content .title a:hover{
	color: var(--link-hover-color);
}
.custom-product-01 .content .recipesList{
	list-style: none;
	margin: 0 0 0;
}
.custom-product-01 .content .recipesList .item{
	display: flex;
	padding: 2px;
	width: 100%;
	font-size: 0.875rem;
	line-height: calc( 20 / 14 );
}
.custom-product-01 .content .recipesList .item .item-label,
.custom-product-01 .content .recipesList .item .item-value{
    flex: 1 0 50%;
	padding: 5px 20px;
	width: 50%;
	color: #34475e;
}
.custom-product-01 .content .recipesList .item .item-label{
	text-align: right;
	text-transform: lowercase;
	border-right: 1px solid #fff;
}
.custom-product-01 .content .recipesList .item .item-value{
    font-weight: 700;
	text-align: left;
}
.custom-product-01 .content .recipesList .item:nth-child(even) {
    background: #eeeeee;
}
.custom-product-01 .content .recipesList .item:last-child {
    font-size: 1rem;
    font-style: italic;
	background-color: #fff;
	border-top: 1px solid #adadad;
}
.custom-product-01 .content .link a{
	display: block;
	padding: 10px 40px;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: calc( 20 / 14 );
	text-align: center;
	background: var(--button-color1);
	text-decoration: none;
	transition: all ease 300ms;
}
.custom-product-01 .content .link a:hover{
	background-color: var(--button-hover-color1);
}

/* custom-recipesBox-01 */
.custom-recipesBox-01{
	position: relative;
	padding: 5px 0;
	font-size: 0.875rem;
	line-height: calc( 20 / 14 );
}
.row.row-custom-recipesBox-01{
	margin-left: 0;
	margin-right: 0;
}
.row.row-custom-recipesBox-01 > [class*="col-"]:nth-child(even) {
    background: #f9f8f8;
}
.row.row-custom-recipesBox-01 > [class*="col-"]:nth-child(odd) {
    background: #daecf5;
}
.custom-recipesBox-01 .recipes-title{
	padding-right: 15px;
	font-weight: 700;
}


/* custom-recipesBox-02 */
.custom-recipesBox-02{
	position: relative;
	display: flex;
	flex-direction: column;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: calc( 20 / 14 );
	text-align: center;
}
.row.row-custom-recipesBox-02{
	margin-left: 0;
	margin-right: -1px;
}
.row.row-custom-recipesBox-02 > [class*="col-"]{
	padding-left: 0;
	padding-right: 0;
}
.row.row-custom-recipesBox-02 .custom-recipesBox-02{
	margin-right: 1px;
}
.custom-recipesBox-02 .recipes-title,
.custom-recipesBox-02 .recipes-value{
	padding: 10px 15px;
}
.custom-recipesBox-02 .recipes-title{
    background: #57b0d8;
}
.custom-recipesBox-02 .recipes-value{
	background: #eeeeee;
}


/* custom-portfolioMasonry-01 */
.custom-portfolioMasonry-01{
	position: relative;
}
.custom-portfolioMasonry-01 .isotope-main{
	position: relative;
}
.custom-portfolioMasonry-01 .isotope-main .box{
	position: relative;
}
.custom-portfolioMasonry-01 .isotope-main .pic{
	position: relative;
}
.custom-portfolioMasonry-01 .isotope-main .pic .img{
	width: 100%;
}
.custom-portfolioMasonry-01 .isotope-main .pic::after{
	content: '';
	position: absolute;
	inset: 0;
	background-color: #000;
	opacity: 0;
	transition: opacity 600ms ease-in;
}
.custom-portfolioMasonry-01 .isotope-main .content{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px;
	width: 100%;
	color: #fff;
}
.custom-portfolioMasonry-01 .isotope-main .content .title{
	margin: 0 0 2px;
	color: #fff;
	font-size: 1.625rem;
	line-height: 1.2;
}
.custom-portfolioMasonry-01 .isotope-main .content .title a{
	color: currentColor;
}
.custom-portfolioMasonry-01 .isotope-main .content .title a:hover{
	color: var(--accent-color);
}
.custom-portfolioMasonry-01 .isotope-main .content .description{
	margin-bottom: 2px;
}
.custom-portfolioMasonry-01 .isotope-main .content .moreBox{
	--Height: 0;
	height: 0;
	overflow: hidden;
	transition: all 600ms ease-in;
}
.custom-portfolioMasonry-01 .isotope-main .content .moreBox p{
	margin-bottom: 0;
}
.custom-portfolioMasonry-01 .isotope-main .content .full-link{
	display: inline-block;
    margin-top: 10px;
	padding: 8px 20px;
	color: #000;
	font-size: 0.875rem;
    font-weight: bold;
	line-height: 1;
	background-color: #fff;
}
.custom-portfolioMasonry-01 .isotope-main .box:hover .pic::after{
	opacity: 0.7;
}
.custom-portfolioMasonry-01 .isotope-main .box:hover .content .moreBox{
	height: var(--Height);
}