/* ========================================
   Base
======================================== */

:root {
    --color-main: #e8a800;
    --color-accent: #0b6f7a;
    --color-text: #222;
    --color-bg: #fffdf8;

    --content-width: 1200px;

    --font-mincho: "Zen Old Mincho", serif;
    --font-sans: "Noto Sans JP", sans-serif;
	
	--font-base: 20px;
    --font-small: 16px;
    --font-large: 26px;
    --font-h1: 46px;
    --font-h2: 30px;
    --font-h3: 22px;
	--font-hero: 36px;
	--font-button: 18px;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--color-text);
    background: var(--color-bg);
    font-family: var(--font-sans);
}

img {
    max-width: 100%;
    height: auto;
}

.wp-block-image {
    margin-bottom: 0;
}

.tada-container {
    width: min(var(--content-width), calc(100% - 40px));
    margin-inline: auto;
}



@media (max-width: 767px) {
	
	    :root {
        --font-base: 16px;
        --font-small: 14px;
        --font-large: 22px;
        --font-h1: 36px;
        --font-h2: 24px;
        --font-h3: 20px;
		--font-hero: 28px;
		--font-button: 16px;
    }
	
	
    .tada-container {
        width: calc(100% - 32px);
    }
}