/*
 Theme Name:   楽三
 Theme URI:
 Description:
 Author:
 Author URI:
 Template:     iconic_tcd062
 Version:
 Text Domain:
*/

:root {
	--main-color: #00bb9e;
}

.hidden {
	display: none;
}

header.l-header {
	.p-header__logo {
		img {
			max-width: 260px;
		}
	}
	.p-global-nav > li > a::after, .p-global-nav > li.current-menu-item > a::after {
		background-color: var(--main-color);
	}
}

.p-header__welcart-nav .p-button {
	background-color: #f2aa69;
	border: 1px solid #f2aa69;
	text-align: center;
	height: auto;
	min-width: 0;
	a {
		padding-inline: 2em;
		color: #fff;
		justify-content: center;
		font-weight: bold;
		&:hover {
			text-decoration: none;
			color: var(--main-color);
		}
	}
	span {
		font-weight: bold;
	}
}

.p-header__welcart-nav li a#js-header-cart {
	background-color: var(--main-color);
}

#js-index-slider .slick-slide {
    margin: 0 1em;
}

.p-index-slider__item-button span {
	font-weight: bold;
}

.p-button {
	padding-inline: 0;
	background-color: var(--main-color);
	a {
		color: #fff;
		&:hover {
			text-decoration: none;
			color: #fff;
		}
	}
	span {
		font-weight: bold;
	}
}

.p-index-news__item-date {
	background-color: #424242;
}

.p-footer-widget-area .p-widget {
	width: auto;
	.footer_about {
		.logo {
			img {
				max-width: 305px;
			}
		}
		.description {
			margin-top: 1em;
		}
		address {
			margin-top: 2em;
			font-style: normal;
		}
	}
	.footer_menu {
		display: flex;
		gap: 5em;
		.title {
			font-size: 16px;
			font-weight: bold;
		}
		ul {
			display: flex;
			flex-direction: column;
			gap: 1em;
			margin-left: 1.5em;
		}
		li {
			margin: 0;
		}
		.contact {
		}
	}
	.p-button {
		padding: 0;
		background-color: #f2aa69;
		margin-top: -1em;
		min-width: 0;
		border: 1px solid #f2aa69;
		a {
			padding: 1em 2em;
			color: #fff;
			font-weight: bold;
			&:hover {
				text-decoration: none;
				color: var(--main-color);
			}
		}
	}
}

.p-footer-widget-area .p-widget {
	.footer_menu {
		flex-direction: column;
		.title {
			font-size: 20px;
		}
		ul {
			flex-direction: row;
			flex-wrap: wrap;
			align-items: center;
			margin-bottom: 0;
		}
		li {
			font-size: 18px;
			line-height: 1em;
		}
		.p-button {
			margin: 0;
		}
	}
}
body .p-button {
	border: 1px solid var(--main-color);
}
body .p-button:hover {
	background-color: #fff;
}
body .p-header__welcart-nav  .p-button:hover {
	background-color: #fff;
}
body .p-header__welcart-nav  .p-button:hover a {
	color: #f2aa69;
}
body .p-footer-widget-area .p-widget .p-button:hover {
	background-color: #fff;
}
body .p-footer-widget-area .p-widget .p-button:hover a {
	color: #f2aa69;
}