@charset "UTF-8";

/*---------------------------
  
  1.reset
  2.colors

---------------------------*/

/* ================================================================
 * 
 * reset
 * 
=================================================================== */
/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Prevent font size inflation */
html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin-block-end: 0;
}

.filter__desc--row-st {
	display: flex;
	gap: 8px;
}

	.filter__desc--row-st input[type="radio"] {
		display: none;
	}

	.filter__desc--row-st label {
		padding: 8px 16px;
		border: 1px solid #ccc;
		border-radius: 6px;
		cursor: pointer;
		background: #fff;
		transition: .2s;
	}

	.filter__desc--row-st input[type="radio"]:checked + label {
		background: #0078d4;
		color: #fff;
		border-color: #0078d4;
	}

	.filter__desc--row-st label:hover {
		background: #f5f5f5;
	}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
    list-style: none;
}

/* Set core body defaults */
body {
    min-height: 100vh;
}

/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
button,
input,
label {
    line-height: 1.1;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
    text-decoration-skip-ink: auto;
    color: currentColor;
}

/* Make images easier to work with */
img,
picture {
    max-width: 100%;
    display: block;
}

	img.loadImage {
		max-width: 100%;
		display: revert;
	}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
    min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
    scroll-margin-block: 5ex;
}


input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border: none;
	border-radius: 0;
	background: transparent;

	padding: 0;
	margin: 0;
	box-sizing: border-box;

	font-family: inherit;
	font-size: inherit;
	color: inherit;
	line-height: inherit;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus {
	outline: none;
}

input::placeholder {
  color: var(--color-gray-dark);
  opacity: 1; 
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background: transparent;
	border: none;
	border-radius: 0;

	padding: 0;
	margin: 0;
	box-sizing: border-box;

	font-family: inherit;
	font-size: inherit;
	color: inherit;
	line-height: inherit;

	cursor: pointer;

	-webkit-tap-highlight-color: transparent;
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	outline: none;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background: transparent;
	border: none;
	border-radius: 0;

	padding: 0;
	margin: 0;
	box-sizing: border-box;
	width: 100%;

	font-family: inherit;
	font-size: inherit;
	color: inherit;
	line-height: inherit;

	cursor: pointer;
}

select:focus {
	outline: none;
}

select::-ms-expand {
	display: none;
}

/* optionタグに対する最低限の調整 */
option {
	background-color: var(--color-wht);
	color: var(--color-text-main);                              
}

/* ================================================================
 * 
 * colors
 * 
=================================================================== */

:root {
    /*基本の色*/
	--color-wht: #fff;
    --color-text-main: #2c2c2c;
	--color-btn:#E68A00;
	--color-link:#1351f0;
	--color-bg:#f5f5f5;
	--color-main:#45b035;
	--color-sub:#40a331;
	--color-main-dark:#0a8c0d;
	--color-bg-light:#eaf5e9;
	--color-caution:#db1226;
	
	/*線・影など*/
	--color-line:#ccc;
	--color-shadow: #a6abaf;
	--gradation-btn:linear-gradient(180deg, rgba(230, 138, 0, 1) 0%, rgba(230, 119, 0, 1) 100%);
	--gradation-btn-back:linear-gradient(180deg, rgba(179, 179, 179, 1) 0%, rgba(153, 153, 153, 1) 100%);
	
	/*gray*/
	--color-gray-thin: #dedede;
	--color-gray-light: #b3b3b3;
	--color-gray-dark: #999; 
}