@charset "UTF-8";
/*
Theme Name: Storefront Child
Author: John Doe
Author URI: https://example.com/
Version: 1.0.0
Description: Storefront Child Theme
Template: storefront
Tags: e-commerce
*/

/* ---------------------------------- */
/* ↓ ↓ ここからカスタムCSSをインポート ↓ ↓ */
/* ---------------------------------- */

@import url("assets/css/_header.css");
@import url("assets/css/_footer.css");
@import url("assets/css/_quote.css");
@import url("assets/css/_body.css");
@import url("assets/css/_customize.css");

.site {
    overflow: visible;
}

.home.blog .site-header{
	margin-bottom: 0;
}

body {
	position: relative;
	margin: 0;
	text-align: left;
	overflow-x: hidden;
	background: #fff;
	font-size: 16px;
	line-height: 2;
	color: #333;
	font-family: "Open Sans", "Helvetica", "Noto Sans JP", "sans-serifs", "Arial";
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	line-height: 1.4;
	color: inherit;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0.5rem;
}

h1 {
	font-size: clamp(2rem, 5vw, 3rem);
}

h2 {
	font-size: clamp(1.7rem, 5vw, 2.25rem);
}

h3 {
	font-size: clamp(1rem, 5vw, 1.5rem);
}

h4 {
	font-size: clamp(0.8rem, 5vw, 1rem);
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

a{
	color:#333;
}

a:hover{
	color:#0168b7;
}