@charset "utf-8";

/* WIDGET */
	.widget {
		margin: 2.4rem 0;
		}
	.widget-header {
		font-weight: 700;
		line-height: 1em;
		margin: 1rem 0;
		}
	.boxbar-sub .widget-header {
		background-color: var(--mywp-shade-65);
		color: var(--mywp-white);
		font-size: var(--mywp-ts-text-sub-3);
		font-weight: 700;
		padding: 1rem;
		}
	.widget-area .widget-header {
		font-weight: var(--mywp-heavy);
		}
	.widget .menu,
	.widget > ul {
		color: var(--mywp-shade-35);
		font-size: var(--mywp-ts-text-sub-3);
		}
	.widget .menu li,
	.widget > ul li {
		color: rgba(0,0,0,0.5);
		padding: 0.5rem 0 0.5rem 1.5em;
		position: relative;
		}
	.widget .menu li::before,
	.widget > ul li::before {
		border-width: 0.3rem;
		border-style: solid;
		border-color: transparent transparent transparent var(--mywp-color);
		content: '';
		left: 0.5rem;
		position: absolute;
		top: 1.3rem;
		}
	.widget .menu > li + li,
	.widget > ul > li + li {
		border-top: 0.1rem solid rgba(0,0,0,0.1);
		}
	.widget .menu li a,
	.widget > ul li a {
		color: var(--mywp-shade-85);
		line-height: 1.5em;
		}
	.widget .menu > li a:hover,
	.widget .menu > li a:focus,
	.widget > ul > li a:hover,
	.widget > ul > li a:focus {
		color: var(--mywp-color);
		}
	.widget select {
		background-color: transparent;
		border: 0.1rem solid var(--mywp-shade-15);
		color: var(--mywp-shade-50);
		font-size: var(--mywp-ts-text-sub-3);
		margin: 1rem 0;
		padding: 1rem;
		width: 100%;
		}
	.widget select option {
		margin: 0;
		padding: 0.5rem;
		}
	.widget .gform_wrapper .button {
		display: block;
		width: 100%;
		}
	.widget .search-form {
		display: grid;
		grid-template-columns: 1fr 10rem;
		}
	.widget .search-form > label > input,
	.widget .search-form > input {
		font-size: var(--mywp-ts-text-sub-2);
		height: 4rem;
		}
	.widget .search-form > label > input {
		background: var(--mywp-white);
		border: 0.1rem solid var(--mywp-shade-35);
		border-radius: var(--mywp-radius) 0 0 var(--mywp-radius);
		padding: 0 1rem;
		width: 100%;
		}
	.widget .search-form > input {
		background: var(--mywp-shade-35);
		box-shadow: none;
		color: var(--mywp-white);
		cursor: pointer;
		border-radius: 0 var(--mywp-radius) var(--mywp-radius) 0;
		min-width: 0;
		padding: 0;
		text-align: center;
		}
	.widget .search-form > input:hover,
	.widget .search-form > input:focus {
		background-color: var(--mywp-color);
		}
	.widget .tagcloud {
		font-weight: var(--mywp-heavy);
		text-align: justify;
		}
	.widget .tagcloud a {
		color: var(--mywp-shade-65);
		}
	.widget .tagcloud a:hover,
	.widget .tagcloud a:focus {
		color: var(--mywp-color);
		}