@charset "utf-8";
/* ==========================================================================
 * ress.css v4.1（心彩テーマ最適化版）
 * --------------------------------------------------------------------------
 * License : MIT
 * Source  : github.com/filipelinhares/ress
 * Purpose : 日本語環境のWordPressテーマ向けに最適化したリセットCSS
 * Author  : Web制作・デザイン心彩（Cocoiro）
 * ========================================================================== */

/* ============================================================
 * Global
 * ============================================================ */
html{
	box-sizing : border-box;
	-webkit-text-size-adjust : 100%; /* === iOS向けフォントサイズ調整 === */
	word-break : break-word; /* === 日本語環境で自然な折り返し === */
	tab-size : 4;
	-moz-tab-size : 4;
	scroll-behavior : smooth;
}

*,
::before,
::after{
	box-sizing : inherit;
	background-repeat : no-repeat;
}

*{
	margin : 0;
	padding : 0;
}

::before,
::after{
	text-decoration : inherit;
	vertical-align : inherit;
}

/* ============================================================
 * Body & Common Elements
 * ============================================================ */
body{
	line-height : 1.6;
	font-size : 16px;
	color : #1D1D1D;
	-webkit-font-smoothing : antialiased;
	text-rendering : optimizeLegibility;
	background-color : #fff;
}

img{
	border-style : none;
	image-rendering : -webkit-optimize-contrast;
	vertical-align : middle;
	max-width : 100%;
	height : auto;
}

svg,
video,
canvas{
	max-width : 100%;
	height : auto;
	display : block;
}

a{
	background-color : transparent;
	color : inherit;
	text-decoration : none;
	transition : opacity 0.3s ease;
}
/*
a:hover{
	opacity : 0.7;
}
*/
/* ============================================================
 * Typography
 * ============================================================ */
b,
strong{
	font-weight : 700;
}

small{
	font-size : 80%;
}

sub,
sup{
	font-size : 75%;
	line-height : 0;
	position : relative;
	vertical-align : baseline;
}

sub{ bottom : -0.25em; }
sup{ top : -0.5em; }

/* ============================================================
 * Lists
 * ============================================================ */
ul,
ol{
	list-style : none;
}

dl,
dt,
dd{
	margin : 0;
	padding : 0;
}

/* ============================================================
 * Tables
 * ============================================================ */
table{
	border-collapse : collapse;
	border-spacing : 0;
	width : 100%;
	text-indent : 0;
}

th,
td{
	border : 1px solid #ddd;
	padding : 0.5em;
	text-align : left;
}

/* ============================================================
 * Forms
 * ============================================================ */
button,
input,
select,
textarea{
	font : inherit;
	color : inherit;
	background : none;
	border : none;
}

button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"]{
	cursor : pointer;
}

[disabled]{
	cursor : default;
	opacity : 0.6;
}

textarea{
	resize : vertical;
}

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

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

/* ============================================================
 * Misc
 * ============================================================ */
hr{
	border : none;
	border-top : 1px solid #ccc;
	margin : 1em 0;
}

[hidden]{
	display : none !important;
}

[aria-busy="true"]{
	cursor : progress;
}

[aria-disabled="true"]{
	cursor : default;
}

/* ============================================================
 * Accessibility
 * ============================================================ */
:focus{
	outline : none;
}

:focus-visible{
	outline : 2px solid #555;
	outline-offset : 2px;
}