/*
Theme Name: 伊佐市観光特産ガイド
Description:
Theme URI:
Author: スリーグッド鹿児島
Author URI:
Version:
License:
License URI:
*/

/* --------------------------
    variables
-------------------------- */
:root {
    --content-width: 1100px;
    --middle-width: 960px;
    --narrow-width: 800px;
    --wide-width: 1200px;
	--header-height: 150px;
    --topbar-height: 50px;
    --floating-height: 80px;
    --color: var(--color-brown-dark);
    --color-red-orange: #f07824;
    --color-red-orange-pale: #fee8d0;
    --color-orange: #f69220;
    --color-green: #34a361;
    --color-lime-green: #a0d25f;
    --color-aqua: #4ea6c7;
    --color-pink: #fb9e8c;
    --color-brown: #744e26;
    --color-brown-light: #82746b;
    --color-brown-dark: #534741;
    --color-yellow: #ffde39;
    --color-yellow-pale: #fefcdc;
    --color-yellow-dull: #d5c789;
    --color-beige: #eee3b5;
    --color-beige-dull: #b28146;
    --color-facebook: #1877f1;
    --color-line: #00b900;
    --color-spring: #f48787;
    --color-spring-pale: #ffe9e9;
    --color-summer: #34a361;
    --color-summer-pale: #dff4e7;
    --color-autumn: #f07824;
    --color-autumn-pale: #f2dfd3;
    --color-winter: #4ea6c7;
    --color-winter-pale: #dff0f4;
    --line-height: 1.75;
    --font-size: 16px;
    --font-size-sp: 14px;
    --letter-spacing: 0.1em;
    --font-family: 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック ProN W3', 'Hiragino Kaku Gothic ProN', 'Meiryo UI', 'ＭＳ Ｐゴシック', sans-serif;
    --serif-font: 'Noto Serif JP', '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    --slab-font: 'Roboto Slab', 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック ProN W3', 'Hiragino Kaku Gothic ProN', 'Meiryo UI', 'ＭＳ Ｐゴシック', sans-serif;
    --script-font: 'Caveat', cursive;
    --font-awesome: 'Font Awesome 7 Free';
    --loading-logo: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPgogIDxwYXRoIGQ9Ik0xOTcuNDQsMTA3LjQ1bC0uNTEtMy4zNy4xOS01LjI0Yy0xLjA2LTUuNjUtMS41MS0xMS4xNC00LjMzLTE2LjExLDAtLjAyLTIuNzgtNC45LTIuNzgtNC45bC0xLjcyLTQuNzMtMy42My00LjQ2cy0zLjY1LTQuMzMtMy43MS00LjM5Yy0uODUtMS4wMi03LjU2LTEwLjQtOC42OC0xMC40bC01LjA1LTIuNzQtNC45OS0yLjhjLTMuODYtMi4xNi03LjkyLTQuOC0xMi4zMS01LjY3LTMuNTQtLjctNy40NS0yLjQ2LTExLjA2LTIuNDItMi44Mi4wNC01LjYuNTctOC40Ny4yMy0yLjY1LS4zMi01Ljg4LTEuMjktOC40NS0xLjM0LTEuODUtLjA0LTMuMTIsMS4zNC00LjgyLDEuNzQtMS44NS40Mi0zLjc2LS4wNi01LjY5LjQtNC4xNCwxLjAyLTguMDksMy41Mi0xMi4wNSw1LjA3LTMuMzEsMS4yOS02LjkyLDIuODktOS44OSw0Ljg4LTMuMTQsMi4xLTcuNDksMy4zMy05LjUzLDYuNzctMS4yNywyLjE2LTIuMzgsMy44LTQuMDMsNS41NC0zLjYxLDMuODItNi43NSw5LjU3LTkuMywxNC4yLTQuMzEsNy44My01Ljc5LDE1LjUxLTcuNTYsMjQuMTMtLjM4LDEuOTMuMjEsMy43MS0uMDQsNS42NSwwLC4xMS0uNzQsNS42LS43NCw1LjZsMS4yOSw1LjUyLjc5LDUuNiwyLjQsNS4xMWMzLjc0LDQuNzMsNS42NSw5Ljg5LDguNzksMTQuOTQsMS4wOCwxLjc0LDIuMjcsMy40MiwzLjQyLDUuMTFsMy43NCw0LjQ0LDIuNDIsMS40NiwzLjA4LDMuNzYsNC43MSwzLjA2LDQuNTYsMy4zNyw0Ljk5LDIuOTdjMy40NCwyLjA0LDcuOTQsMi44MiwxMS41NSw0Ljk0bDUuNzUuODcsNS43MSwxLjA4LDUuODEtLjE5LDIuNjMtLjU5LDQuNjMuNzQsNS42Ny0xLjIxLDUuNjktMS4wNmM0LjA3LS43Niw3LjQ1LTMuOTUsMTEuMzgtNS4xNiw2LjkyLTIuMTQsOS45Ny02LjAxLDE1LjUzLTEwLjU1LDUuNjItNC42MSw5LjI3LTcuMjYsMTEuNzYtMTEuMjVsMy41OS02LjY0YzIuMDQtMy4yNywzLjk3LTYuNTQsNS40NS0xMC4wNmwyLjE5LTUuMThjLjYyLTMuNjUsMS41My03LjM5LDEuOC0xMS4xMi4xMy0xLjg1LjEzLTMuNzEtLjE1LTUuNTZoMGwtLjAyLS4wNlpNMTkxLjE2LDEyMi45Yy0uMywxLjI1LS44MywyLjQ4LTEuMjUsMy43Ni01LjA3LDE1LjI2LTExLjk3LDIzLjk2LTI0Ljc1LDMyLjM5LTMuOTcsMi42My04LjEzLDQuMTYtMTIuNSw2LjA5LTguNDksMy43Ni0xOC4wNiw0Ljg2LTI3LjI3LDQuMjQtMTcuOTEtMS4yMS0zNy44OC05LjA2LTQ4LjA5LTI0LjU1LTMuNjEtNS40OC04LjExLTExLjA0LTEwLjA4LTE3LjM4LTIuNS04LjA5LTUuOTItMTkuNzQtMi44LTI4LjIzbDIuMTItNS43M2MuMDYtMi40LS4wNC00LjM5LjkxLTYuNDEuNzYtMS42MS43LTMuNjUsMS44NS01LjA1LDEuNy0yLjA4LDIuNDYtMi41LDMuNDgtNS4wMSwxLjY2LTQuMDcsNS4xNi04LjAyLDcuODktMTEuMzgsMy4zMS00LjA3LDYuMDktOC4xOSwxMS4yMS05Ljg3LDQuNzUtMS41NSw4LjU1LTUuMTgsMTMuMi03LjMsMy45NS0xLjgsNy45Mi0yLjQsMTIuMDgtMy4yOSw3LjA3LTEuNTMsMTQuNDMtLjc2LDIxLjU2LS4wOCwzLjk1LjM4LDQuNjMsMS40Niw3LjYyLDEuNTUsMi45MS4wOCw1LjYsMi40Miw3Ljk2LDMuODgsNC44OCwyLjgsMTAuMjUsNC4xOCwxNC43Nyw3LjYsNi45Niw1LjI4LDkuODUsMTIuNTIsMTQuNzUsMTkuMzUsMy4yNyw0LjU0LDUuODQsOC42Niw3LjM0LDE0LjEzLDIuNzQsMTAuMDYsMi40LDIxLjItLjAyLDMxLjNoMGwuMDItLjAyWiIvPgogIDxwYXRoIGQ9Ik04OC40NCw4Mi43N2MxLjkxLDEuNjEuNjgsNS4yNiwxLjgsNy4zbC4zLDQuNDguNjQsMy4yN2MuMjMuNC41My43Mi44My45Ni4zMi4yMS42OC40MiwxLjEyLjU3LjY2LjA0LDEuMjctLjA0LDEuODUtLjIzczEuMDQtLjUzLDEuMzYtMS4wMmwuNTctMS42OGMuNjQtMS44Ny0xLjEtNS45OC0xLjQ2LTcuOTItLjMyLTEuNzYtMS4yMS0zLjU5LTEuNTMtNS4zNS0uNTEtMi43OC0xLjk3LTQuODYtMS41MS03LjY4LjQyLTIuNDQsMi4yOS00LjU0LDIuMjUtNy4wOS0uMDQtMi44LS42Ni03LjYtNC40NC03LjA5LTMuOTcuNTUtMi45NSw2Ljk0LTQuMDUsOS44My0xLjEyLDIuOTMtOS4xNSwxMC4wOC0zLjA2LDExLjQsMS43LjM2LDMuNzYtMS4wNCw1LjMxLjI4aDBsLjAyLS4wMloiLz4KICA8cGF0aCBkPSJNMTE4LjQ3LDc4Ljg2Yy4xMSwwLC4yMS4wNC4zNC4wMi44NS0uMDguOTEtLjg5LDEtMi4xLjA4LTEuMDguMjUtMi4zMS4zOC0yLjc4LjIzLS44My4zMi0xLjY2LjM0LTIuNDQuMy0uMDYuNTktLjE1LjkxLS4xOS45My0uMTcsMi4zOC0uNDIsMi45My0xLjM0LDEuMjMtMi4wNC0xLjEyLTIuNzItMi43LTIuODctLjQtLjA0LS43OS0uMDQtMS4xNy0uMDQsMC0xLjYxLS41My0zLjU0LS4xNS01LjAzLDEuMS00LjQ2LTMuOTctMy4xMi02LjU4LTMuMjMtLjgzLS4wNC0yLjEyLjQyLTIuOTEuNTctLjMuMDYtMS4xLjUxLTEuNC41NWwtMy44Mi4zOGgtMi4wNmMtLjcuMTUtMS40NC42NC0yLjEuNzItLjExLjA0LS4zMi4yMS0uMzYuMjUtMS4xMiwxLjI5LTEuMzYsMi4zNi0xLjA0LDMuMTguMy44MSwxLjEsMS4zOCwxLjc2LDEuNjYuMTkuMTEuMjMuMDguMzguMDguNzktLjA4LDEuNTEtLjIzLDIuMjMtLjM2bDIuMTYtLjRzLjA2LDAsLjExLS4wMmgwYy4xOS41OS4yMSwxLjMyLjM0LDEuOTcuMDQuMjUuMDguNTUuMTEuODMtMS4yOS4yMS0yLjUzLjY2LTMuODYuODMtMS4wNi4xMy0yLjY1LjQ1LTMuNzQuNTctMS4xLjEzLTIuMDguMDYtMi45My45Ni0uOTMuOTMtMS4wMiwyLjQyLS4xMSwzLjQ4LjI1LjMuNTkuNDcuOTYuNTUsMS4xLjI1LDIuNTctLjI4LDMuNTItLjQuODEtLjExLDEuNjMtLjU1LDIuNDQtLjY0LDEuMzQtLjE3LDIuNzYtLjIzLDQuMTItLjM4LDAsLjE1LjAyLjMuMDQuNDVsLjA4LDEuNjYuMTEsMS45MWMtLjk2LjA2LTIuMTQuMDQtMy4xNC4xNy0uODkuMTEtMS45MS40LTIuNTMuOTgtMS4wNi45OC0xLjIzLDIuMTYuMDgsMy4yMy4zOC4zLjUxLjgxLDEsLjkxLjY2LjEzLDEuNDktLjIzLDIuMjMtLjMyLjc5LS4wOCwxLjU1LS4wMiwyLjIzLS4wNi0uMDQuNC0uMTEuODEtLjE3LDEuMjUtLjA4Ljc5LS4yOCwxLjYzLS40NywyLjQ4LS40NSwyLjEyLTEuMDYsNC4xLTEuOTcsNi4wNy0uNjgsMS40Ni0yLjc4LDIuOTktMi45Myw0LjUsNy4zNiwzLjc2LDkuODktMTEuNCwxMC41Ny0xNC43Ny4wNi0uMjguMTEtLjQ5LjE1LS43LjUzLS4wOC44Ny0uMTMuODctLjEzLDAsMCwzLjcxLS45OCwzLjU3LTEuMDguNDctLjI4Ljg5LS42MiwxLjE1LS45NmgwbC4wMi4wMlpNMTEyLjM4LDY3LjY4Yy0uMDQtLjMyLS4wNi0uNjQtLjEzLS45Ni0uMTMtLjcyLS4xOS0xLjQtLjM4LTIuMTQuNjYtLjEzLDEuMzItLjIzLDEuOTctLjM2LDIuNC0uNDcsMi41LDEuMTUsMi41MywyLjk5LS40Ny4wNi0xLC4xMy0xLjYzLjE5LS43LjA4LTEuNTMuMTctMi4zOC4yOGguMDJaTTExMy41Myw3Ni43NHMtLjE5LDAtLjQ5LjA0bC0uMDgtMS43Yy0uMDItLjU1LS4wNi0xLjA4LS4wOC0xLjYzLDAtLjI4LS4wNC0uNTUtLjA2LS44My44NS0uMTEsMS42OC0uMjEsMi40LS4zLjQ5LS4wNi45Ni0uMDgsMS4zNC0uMTEuMDQuMzguMTUuOTMuMDgsMS4xNS4wMi40NS4wNCwyLjI1LjEzLDMuNDQtLjk4LS4yNS0xLjc0LjA2LTMuMjMtLjA2aDBaIi8+CiAgPHBhdGggZD0iTTE2Mi42NCw2Ny45M2wtLjk4LS4xOS4zNi0uOTNjLjExLS42Mi4xNS0xLjI1LjA4LTEuODdzLjAyLTEuMjUuMjUtMS45M2MuMjMtLjY2LjMtMS4yOS4xOS0xLjg5bC0uOTMtMS4xNWMtLjMyLS4wNi0uNjYtLjEzLTEuMDItLjE5LS4zOC0uMDYtLjc0LS4wMi0xLjA4LjEzLS41OS4zLS45Ni43Ni0xLjA2LDEuMzRzLTEsNi4zNy0xLjg1LDYuMmMtLjQyLS4wOC0uODctLjE5LTEuMzQtLjM0LTEuMzItLjQyLTIuNzItLjc0LTQuMTQtLjUxLTEuMDYuMTctMS41NywxLjA2LTIuMjcsMS44NS0uNTkuNjYtLjQyLDIuNDgtLjA4LDMuMjUuNDcsMS4wNCwxLjQ2LDEuNTEsMi40OCwxLjg1LjU3LjE5LDEuMTUuMzYsMS43Mi40LS4wOCwwLDEuMjctLjIzLDEuMS4xMS0uNTEuOTEtMS4wMiwxLjgzLTEuNTMsMi43Ni0uOTEsMS41OS0xLjkzLDMuMi0zLjQyLDQuMzEtLjc2LjU1LTEuMzgsMS4yMS0xLjg3LDEuOTVzLS45MywxLjQ0LTEuMzgsMi4xbC0uMzIsMS42M2MuMTEuNjYuNDUsMS4xNywxLjAyLDEuNDkuNDIuMDguODMuMTcsMS4yMS4yM3MuNzQtLjAyLDEuMS0uMjhjLjc2LS41MywxLjQ0LTEuMDQsMi4wNC0xLjUzczEuMTItMS4wNCwxLjYzLTEuNjYsMS4wOC0xLjIxLDEuNzItMS43MmwuMzIuMDZzLjA2Ljg3LjExLjk4Yy4xNy40LjY2Ljg1LDEsMS4xMiwxLjEuODcsMi41Ljc0LDMuNjcsMS4zOGwtMS4xNywzLjQ0Yy0uNy4yOC0xLjQ2LjQyLTIuMjkuNDctLjg1LjAyLTEuNy0uMDQtMi42MS0uMjEtMS4zOC0uMjUtMy41OS4yMS0zLjYzLDIuMDQtLjAyLDEuMTkuOTYsMS42NiwyLjA0LDEuODUuODUuMTUsMS43OC4xMywyLjM2LjE1LDEuMS4wNCwyLjIxLjExLDMuMzEuMTcsMi4wMi4xMSw0LjAxLjIzLDYuMDEuNDIuODkuMDgsMS44My4zOCwyLjc0LjU1LjY0LjEzLDEuMzIuMjUsMi4wOC4zOC43NC4xMywxLjQuMTUsMS45Ny4wMmwuODMtLjgxYy4xOS0uNTMuMjEtMS4wMi4wOC0xLjQyLS4xNS0uNC0uMjgtLjc5LS40LTEuMTUtLjQ5LS41My0xLjA2LS44OS0xLjcyLTEuMDZzLTEuMzgtLjM0LTIuMTItLjQ3LTEuNDktLjI4LTIuMjMtLjRsLS4wOC0xLjMyLjYyLTIuMjEuOTEuMzJjLjUxLjIxLDEuMDIuMywxLjUzLjIxLjUxLS4wOCwxLjAyLS4yMywxLjUxLS40N2wxLjY2LTEuODdjLjExLS42Mi4xNy0xLjIxLjE3LTEuNzYtLjA0LTMuNTctNi40OS0zLjI3LTguNzQtMy41NC0uNzYtLjA4LTEuNDYtLjA4LTIuMTIsMGwtMi44Ny0uNjgsMi4xLTQuMWMuNTUtLjE3LDEuMzItLjYyLDEuODktLjU5Ljg5LDAsMS43Ni41MywyLjc0LjQ5LDEuNzYtLjA4LDUuMjQsMS42MSw2LjYyLS4wOGwxLjUxLTEuODNjLjIxLS42NC4yNS0xLjIzLjE1LTEuOC0xLjAyLTQuODYtNi4wNS0zLjEyLTkuNTEtMy43NmgwbC0uMDYuMDZaIi8+CiAgPHBhdGggZD0iTTE0My4yNiw3MS41Yy42NC0uNjgsMS4xLTEuNCwxLjQ0LTIuMTZzLjcyLTEuNTEsMS4yMS0yLjIxYy40Ny0uNy44My0xLjQ5LDEuMDYtMi4zOC40Mi0xLjY2LDEuNDktMy45OS44Ny01LjcxLTIuOC03LjctOS4yNyw1LjU0LTEwLjg0LDcuNjQtMS43OCwyLjQtNi43MSwyLjc2LTcuMzYsNS43Ny0xLjYxLDcuMzIsNy4xOSwyLjI3LDguMDksMy45Ny40Mi43OS0uODcsNy4wNy0uOTYsOC4yMy0uMTMsMS41MS0uNjIsMy4wMy0uOTEsNC41MmwtLjI1LDMuMzVjLjEzLjQ3LjMyLjg1LjU1LDEuMTUuMjUuMy41NS41OS45My44Ny42NC4yMSwxLjI1LjMsMS44Ny4yOHMxLjE1LS4yMywxLjYxLS42MmwxLTEuNDljLjIzLS44NS4zNi0xLjY4LjM0LTIuNDQsMC0uNzYsMC0xLjUzLjA0LTIuMjlzLjExLTEuNTMuMjEtMi4zM2MuMTEtLjg3LS4wNi0xLjY4LjA2LTIuNTUuMTMtLjkxLjMtMS45MS4wNC0yLjgyLS4yMS0uNzQtLjM0LTEuNTMtLjM0LTIuMzNzLS4wNC0xLjYxLS4xMS0yLjM4Yy0uMDYtLjc5LS4xMS0xLjU1LS4xMS0yLjI5bC4wOC0uNjYsMS40NC0xLjFoMGwuMDItLjAyWiIvPgogIDxwYXRoIGQ9Ik0xMjMuODIsMTE2LjE1Yy43Ni0xLjQyLDEuMjctMi45NSwxLjU1LTQuNTRsMS4wNC0uNTkuMzguMTFjLjQyLjEzLjc0LDIuNjUuODUsMy4wOC4xOS42OC41MywxLjQ0LjIxLDIuMTYtLjE5LjQ1LS41Ny4zOC0xLjA2LjQybC0uMTkuNC4xOS45Ni4yOC4wOGMuNjYtLjExLDEuMDItLjIzLDEuNTctLjUzLjU5LS4zMiwxLjI3LS4zLDEuNjYtLjk2LjUxLS44Ny43Ni0xLjg1Ljc2LTIuODRzLS4xMS0xLjg3LS4zLTIuNzRjLS4yOC0xLjIxLS40Mi0yLjU3LTEuMjEtMy41OS0uNzktMS4wNC0yLjU5LTEuNDItMy44Mi0xLjQ2LDAsMC0uMDQtMS45My0uMDYtMi4xMi0uMDgtLjcyLS4zNi0xLjQyLS45OC0xLjg1bC0xLjI3LjExYy0uNTEuMzgtLjgzLjg1LS45NiwxLjQ0bC4wOC42OC0uMTcsMi4yM2MtMS40Mi4wNi0yLjcyLjQ1LTMuODYsMS4xNS0uNTMuNTEtLjg1LDEuMTItLjk4LDEuODMtLjEzLDEuMDQuMTMsMS45My43OSwyLjdsLjI4LjI4LDEuMjcuNjhjLjc2LjA4LDEuMzgtLjE1LDIuMTItLjIxLS4xMS42NC0uMjgsMS4yNS0uNDIsMS44OS0uMTUuNTkuMTUsMS41My45MSwxLjYxLjUxLjA2Ljk2LS4wNiwxLjM2LS40aDBsLS4wMi4wNFoiLz4KICA8cGF0aCBkPSJNMTM5LjkxLDk4Ljc3Yy0uNjYuMTEtMS4xLjctMS4yNywxLjI5LS4wNC4xMS0uMjgsMS4xLS4wNiwxLjE1bC0uMzgtLjA4Yy0yLjU1LS4zMi0xLjkxLDMuOCwwLDMuNTQuNDUtLjA2LjgzLS4yMSwxLjE1LS40OS4xNS0uMjguMjMtLjU5LjMtLjkxLjAyLS4xOS0uMDYtLjcuMDItLjgzLjE5LS4zLjIzLS4xMS41Ny4wMi42Ni4yMywyLjA0LjM4LDEuOTMtLjc5LS4xMS0xLjEyLS43OS0zLjE2LTIuMjMtMi45M2gwbC0uMDIuMDJaIi8+CiAgPHBhdGggZD0iTTEzNi45NCwxMDUuOTdjLS41MS0uNTctMS40NC0xLjk1LTIuMjktMi4wNC0uNy0uMDYtMS4yOS4wOC0xLjc0LjQ5bC0uNC42OGMtLjI1LjQ3Ljg1LDIuMzgsMS4wOCwyLjguNzIsMS4yNSwxLjkxLDIuNTcsMi44OSwzLjYzLjIxLjIzLjUxLjQyLjgxLjU1LjcyLjI4LDEuNTMuMTUsMS43OC0uODFoLjE5Yy40NS0uODEuMDYtMS45NS0uNDUtMi42MS0uNjQtLjg1LTEuMTUtMS44NS0xLjg3LTIuNjd2LS4wMloiLz4KICA8cGF0aCBkPSJNOTguMzMsMTM3LjMxYy0xLjE5LS4wOC0yLjA4LjM2LTIuNywxLjM0bC0xLjA2LjkzYy0uMTUtMS44My0uMy0zLjU5LS40OS01LjI4LS4xNy0xLjctLjQ5LTMuMzUtLjkzLTQuOTctLjc2LTEuMDQtLjk4LTIuNTMtMi4xMi0yLjYxLTEuMjctLjExLTIuNC4xNy0zLjM1LjgzLS43LjQ5LTEuMTksMi4xNi0xLjQyLDIuOTUtLjMyLjk2LS40MiwxLjc4LS4zMiwyLjc2LjU1LDUuMjIuMTUsMTAuNjUsMS45OSwxNS42OC41NSwxLjQ5LDEuNjEsMi40OCwzLjIsMi45OSwxLjQuMjEsMi42My0uMDYsMy42Ny0uODMuNTktLjQyLDEuMDQtMS45NSwxLjM0LTIuNTkuMzgtLjg3Ljc0LTEuNzYsMS4wNC0yLjY3LjUzLTEuNjYsMS4xMi0zLjEyLDIuMDYtNC41OC4yMy0uMzYuNzktLjcuODUtMS4yNS4xMS0uODUtLjA4LTEuNTMtLjY0LTIuMDRsLTEuMTItLjY0aDB2LS4wMloiLz4KICA8cGF0aCBkPSJNMTE2LjIyLDEzMi43M2MtLjM4LTEuNjMtMS4xMi0zLjEtMi4xOS00LjM1bC0xLjMyLS42NGMtLjg5LjEzLTEuOTkuMTctMi42My44OS0uNDkuNTUtLjM2LDEuNzItLjM0LDIuNDIuMDQsMS4xLjQsMi4yNS41OSwzLjM1LjEzLjY4LjcsNC42MywxLjM4LDQuNTQuMTEuNjgsMSwxLjE1LDEuOCwxLjI5LjM2LjA2LjcuMDguOTYuMDQsMS4wNi0uMjMsMy4wOC0xLjQsMi44LTIuNy0uMzQtMS41Ny0uNjgtMy4xOC0xLjA4LTQuODRoMGwuMDItLjAyWiIvPgogIDxwYXRoIGQ9Ik0xMzcuNzYsMTM1LjQyYy0uNzYsMC0xLjQ5LjE1LTIuMTQuNDUtLjc2LS4wOC0xLjUzLS4xOS0yLjI3LS4yOHMtMS40Ni0uMjgtMi4xOS0uNDlsLS44OS4xMWMtLjg5LDAtMS43MiwwLTIuNTMtLjA0LS43OS0uMDQtMS42MS0uMTMtMi40NC0uMjgtLjkzLS4xNS0xLjcuMTktMi4zMSwxLS4zMi40OS0uNTMsMS4wOC0uNjYsMS43NC0uMTEsMS4yNy4xMywyLjI5Ljc0LDMuMSwxLjA0Ljk4LDIuMjMsMS40LDMuNTQsMS4zMiwxLjU5LjE1LDMuMDgsMCw0LjUtLjQ5LDEuNC0uNDcsMi44NC0uNzksNC4zMy0uOTNsLjM0LjExYzEtLjE1LDEuOTUtLjQ1LDIuODktLjg3bC41Ny0xLjMyYy4wNC0uODEtLjA2LTEuNTEtLjM0LTIuMS0uMzItLjUxLS43LS44NS0xLjE1LTFoMHYtLjAyWiIvPgogIDxwYXRoIGQ9Ik0xNjMuODksMTQ3LjU0bC00LjU4LTEuMjUtMS40OS0xLjYzLS4zMi4wNC0uMDQtLjMyYy0uNTktLjQtLjc2LS41Ny0xLjQ5LS41MS0uODcuMDgtMS41NS4zMi0xLjg5LDEuMjEtLjcsMS44NSwxLjIzLDQuMDcsMi41Nyw1LjA5LDEuNTMsMS4xMiwzLjYzLDEuMzQsNS40OCwxLjQuODUuMDIsMS41NS0uMjUsMi4xMi0uODNsLjUzLTEuMTljLjA0LS44Ny0uMjUtMS41NS0uODctMi4wMmgtLjAyWiIvPgogIDxwYXRoIGQ9Ik0xNjkuNTUsMTI1LjM4Yy0xLjU1LS4zNC0zLjk3LjkxLTUuMzEsMS42MWgtMS41OWMtLjk2LTEuOTMtMS45MS0zLjg2LTIuODctNS43OWwtLjk4LS4zNi0xLjU3LjY0LS41OSwxLjg1Yy4zNiwxLjM2LjkzLDIuNjUsMS43MiwzLjg0bC4wNi41OWMtMS40OS4xNS0yLjk1LjMyLTQuMzcuNDdzLTIuOC4xMS00LjEyLS4xN2MtMS43Mi4wNi0zLjEuNTktNC4xNCwxLjU3LS44OS44NS0xLjM4LDEuOC0xLjQ2LDIuODlsLjc0LDIuNjNjLjIzLjUzLjYyLjg5LDEuMDYsMS4yMy4xNy4xNS44NS45MS45OC45My40Mi4xMywxLjQyLjc0LDEuODUuNjQsMS45Ny0uNDIsMy45My0uODUsNS44Ni0xLjI3LDEuOTMtLjQyLDMuNjktMS4xNSw1LjMxLTIuMTZsMS40NC0uMTVjLjMyLS4wNCwxLjc2LDQuNTIsMS45Myw0Ljk5LjIzLjcuNCwxLjg3Ljg1LDIuNDQuMy4zOCwxLjA0Ljc2LDEuNTUuOTMuMDYuMDIuMTEuMDQuMTcuMDQsMS4xNS4zMiwyLjI1LS4yNSwyLjU5LTEuNDIuNDItMS40Ni0uNy0zLjE4LTEuMzgtNC40NC0uNy0xLjI5LTEuNzgtMi45My0xLjg5LTQuNDEsMi4yMy0uNTMsMy44NC0xLDUuNzEtMi4zNiwyLjA2LTEuNDkuODEtNC4yNy0xLjQ5LTQuNzhoMGwtLjA2LjAyWiIvPgogIDxwYXRoIGQ9Ik0xMy41LDE5NS4xOWMtLjYyLDEuNTctMS4zOCwzLjE0LTIuMjUsNC42OHYxNi45aC0yLjczdi0xMi43N2MtLjY1LjgzLTEuMzMsMS42Mi0yLDIuMjctLjI3LS42OC0xLjA0LTIuMjItMS41Mi0yLjkyLDIuMzEtMi4xOCw0LjUzLTUuNiw1Ljg0LTksMCwwLDIuNjUuODQsMi42NS44NFpNMjcuOTMsMjAzLjkxaC0xLjQ3djYuNjNoLTIuNzd2LTEuMTZoLTMuODhjLS43LDIuODktMi4zMSw1LjY0LTUuOTEsNy41MS0uMzktLjYxLTEuMjktMS42Mi0xLjk1LTIuMTgsMi45Mi0xLjMsNC4yNy0zLjI2LDQuOTUtNS4zM2gtMy40NXYtMi42NWgzLjk0Yy4wNS0uNjguMDctMS4zMy4wNy0xLjk4di0uODRoLTUuMjR2LTIuNjVoNS4yNHYtMi44aC0zLjc5di0yLjY1aDEyLjgxdjUuNDVoMS40N3YyLjY1aC0uMDFaTTIzLjY4LDIwMy45MWgtMy40MXYuODdjMCwuNjUtLjAzLDEuMjktLjA3LDEuOTVoMy40OHYtMi44M2gwWk0yMC4yNywyMDEuMjZoMy40MXYtMi44aC0zLjQxdjIuOFoiLz4KICA8cGF0aCBkPSJNNDQuNDcsMjAxLjY1Yy0uMjgsMS4yNi0uNjIsMi40OS0uOTksMy42NGg5LjU4djIuNjVoLTQuMTh2NS40MWg0LjcxdjIuNjhoLTEyLjg0di0yLjY4aDUuMjl2LTUuNDFoLTMuMjN2LS43Yy0xLjA4LDIuODctMi40Myw1LjM2LTQuMTgsNy4zMy0uMzQtLjQ2LTEuMTYtMS4yOS0xLjgxLTEuODV2NGgtMi43M3YtMTIuNzRjLS42NS44NC0xLjMzLDEuNi0yLDIuMjctLjI3LS42OC0xLjAxLTIuMjUtMS41LTIuOTIsMi4yOS0yLjE4LDQuNTItNS42LDUuODItOS4wMmwyLjY1Ljg3Yy0uNjIsMS41NC0xLjM4LDMuMTQtMi4yNSw0LjY1djExLjk3YzIuMTktMi41LDMuNjctNi4wNiw0LjY4LTEwLjE2aC0zLjY3di0yLjcxaDQuMjVjLjI4LTEuNDIuNS0yLjg5LjctNC40MWwyLjk1LjMxYy0uMTksMS4zOS0uNDEsMi43Ny0uNjgsNC4xaDguNTR2Mi43MWgtOS4xMi4wMVoiLz4KICA8cGF0aCBkPSJNNjkuMywyMDAuMXYyLjUzaDcuNnY4LjE2YzAsMS4zOC0uMjgsMi4xOS0xLjI5LDIuNjItMS4wMS40My0yLjM5LjQ5LTQuMjcuNDktLjEyLS44My0uNTUtMi4wNi0uOTYtMi44MywxLjIuMDUsMi42Mi4wNSwzLjAyLjA1cy41LS4xMi41LS4zOXYtNS4zaC00LjYxdjExLjM5aC0yLjk5di0xMS4zOWgtNC4yMnY4LjQ3aC0yLjg5di0xMS4yN2g3LjEydi0yLjUzaC05LjM5di0yLjhoOS4zNnYtMy4xNGgzLjA3djMuMTRoOS41OHYyLjhoLTkuNjMuMDFaIi8+CiAgPHBhdGggZD0iTTEwMi4zNCwyMTQuMDNjLjM0LDAsLjQxLS4zNC40OS0yLjgzLjQ5LjQxLDEuNTIuODMsMi4xOSwxLjAxLS4yMiwzLjMtLjgzLDQuMTUtMi4zOSw0LjE1aC0xLjM5Yy0xLjk2LDAtMi4zNy0uNzQtMi4zNy0yLjk5di0zLjg4aC0xLjA3Yy0uMzcsMy4xOC0xLjM1LDUuNzUtNC42OCw3LjI5LS4xOS0uNDMtLjU4LTEuMDEtLjk5LTEuNWgtNS40MnYuOTloLTIuNTJ2LTguNTZjLS4yMi4yMi0uNDMuNDMtLjY1LjYyLS4zMS0uNTUtMS4xNC0xLjcyLTEuNjItMi4yNSwxLjE4LS45OSwyLjI1LTIuMjksMy4xNC0zLjc5aC0yLjU4di0yLjI1aDEuNDVjLS41My0uNDMtMS4yNi0uOTYtMS43Mi0xLjIsMS4wOC0xLjE4LDItMi45MiwyLjUyLTQuNjVsMi41My42MWMtLjE1LjQ5LS4zMS45Ni0uNTEsMS40Mmg2LjQ5djIuMjVoLTMuNzNjLS4xNi41My0uMzcsMS4wNy0uNTgsMS42aDQuNTN2Mi4yNWgtNS41NWMtLjMxLjY1LS42NSwxLjI2LTEuMDEsMS44NWgxLjY5Yy4yNC0uNjEuNDktMS4zLjYxLTEuODFsMi41OC40M2MtLjI3LjQ5LS41NS45Ni0uODMsMS4zOGgyLjM0djEuODhoLTIuNjF2MS4xOGgyLjI3djEuNzloLTIuMjd2MS4xNGgyLjI3djEuODFoLTIuMjd2MS4yNmgyLjYxdi41NWMxLjM1LTEuMDgsMS44NS0yLjU2LDIuMS00LjI3aC0xLjMzdi0xNC4zNGg5LjU4djE0LjM0aC0yLjI5djMuODRjMCwuNjIuMDMuNy4zNC43aC42NlpNODYuMjIsMjAwLjA2Yy4yMi0uNTEuNDMtMS4wNy42Mi0xLjZoLTEuMmMtLjM0LjU4LS42OCwxLjE0LTEuMDcsMS42aDEuNjVaTTg4LjI4LDIwNi4wNGgtMS41N3YxLjE4aDEuNTd2LTEuMThaTTg4LjI4LDIwOS4wMWgtMS41N3YxLjE0aDEuNTd2LTEuMTRaTTg2LjcxLDIxMy4yMWgxLjU3di0xLjI2aC0xLjU3djEuMjZaTTk2LjU3LDE5OS4yNmg0LjQ0di0xLjZoLTQuNDR2MS42Wk05Ni41NywyMDMuMTFoNC40NHYtMS42MmgtNC40NHYxLjYyWk05Ni41NywyMDYuOThoNC40NHYtMS42MmgtNC40NHYxLjYyWiIvPgogIDxwYXRoIGQ9Ik0xMjYuNiwyMTQuMDNjLjc3LDAsLjkyLS41MywxLjAxLTMuODEuNjIuNDksMS44OC45NiwyLjYyLDEuMTYtLjI4LDQuMjItMS4wMSw1LjM2LTMuNDEsNS4zNmgtMi44N2MtMi43MywwLTMuNDEtLjkyLTMuNDEtMy42N3YtNy4yOWgtMy40MmMtLjQxLDUuMDctMS41Miw4LjkzLTcuODUsMTEuMDUtLjMxLS43Ny0xLjA4LTEuOTMtMS43My0yLjUsNS41Mi0xLjY0LDYuMTgtNC42MSw2LjUyLTguNTRoLTUuODh2LTIuNzFoOS4yN3YtOC44MWgyLjg5djguODFoOS41MXYyLjcxaC02LjR2Ny4yNmMwLC44NC4xMi45OS45Mi45OWgyLjIyWk0xMTIuNDEsMjAyLjIyYy0uMzctMS41Ny0xLjQ1LTQuMDYtMi40OS01Ljk3bDIuNTgtLjk5YzEuMDgsMS44MSwyLjMsNC4xOSwyLjcxLDUuODRsLTIuOCwxLjExWk0xMjguNTEsMTk2LjE1Yy0xLjA4LDIuMTUtMi4yOSw0LjQ2LTMuMzMsNS45NGwtMi41Mi0uOTVjMS4wMS0xLjYxLDIuMTktNC4xMywyLjc3LTYuMDNsMy4wNiwxLjA0aC4wMVoiLz4KICA8cGF0aCBkPSJNMTUzLjE0LDIwMy43MnYyLjE4aDIuNDN2Mi42NWgtMi40M3Y1LjA1YzAsMS40NS0uMjQsMi4yMi0xLjIsMi42OC0uOTkuNDMtMi4zNC40OS00LjE1LjQ5LS4wOS0uODMtLjQ5LTIuMDYtLjg3LTIuODUsMS4yLjA1LDIuNS4wNSwyLjg5LjA1LjQxLS4wMy41MS0uMDkuNTEtLjQxdi00Ljk5aC01LjA1YzEuMDYsMS4wNywyLjMxLDIuNTMsMi44OSwzLjZsLTIuMjksMS40N2MtLjQ5LTEuMDQtMS43Mi0yLjYyLTIuNzUtMy43OWwyLjA3LTEuMjloLTIuOTJ2LTEuMjljLS43LjIyLTEuNDIuNDYtMi4xMi42OHY4Ljg2aC0yLjYydi04LjA2Yy0xLjMuMzktMi41My43NC0zLjYzLDEuMDdsLS42OC0yLjc1YzEuMTgtLjI3LDIuNjgtLjY1LDQuMjktMS4wOHYtNC40NGgtMS42MmMtLjI0LDEuMTYtLjU1LDIuMTktLjg5LDMuMDctLjQzLS4zNy0xLjQ3LTEuMDEtMi4wMy0xLjMuNzctMS45MywxLjE2LTQuOTIsMS4zOC03Ljc2bDIuMzkuMzljLS4wOS45Ni0uMjIsMS45My0uMzcsMi44OWgxLjE0di00LjUyaDIuNjJ2NC41MmgydjIuMjdoNS4zdi0yLjA2aC00LjI3di0yLjYxaDQuMjd2LTIuMTVoMi44NHYyLjE1aDQuNDR2Mi42MWgtNC40NHYyLjA2aDUuNDh2Mi42NWgtMi42NXYtLjA1Wk0xNTAuMzEsMjAzLjcyaC04LjU2di0yLjE5aC0xLjZ2My42OWwyLjIyLS42Mi4xOSwxLjNoNy43NXYtMi4xOFoiLz4KICA8cGF0aCBkPSJNMTgxLjA1LDIwMS4wMnYyLjQ2aC0xNy40OXYxLjQ1YzAsMy4zOC0uNDMsOC41LTIuNzEsMTEuOC0uNDMtLjUtMS42NC0xLjUtMi4yMi0xLjgxLDEuOTgtMi45NSwyLjE4LTcuMTQsMi4xOC0xMC4wMXYtMy44OGg0LjM3Yy0uMTktLjc0LS41My0xLjY2LS45Mi0yLjQxbC41My0uMTVoLTQuMTh2LTIuNDNoOC4xNnYtMS43NmgyLjg3djEuNzZoOC4yMnYyLjQzaC0yLjk5Yy0uNTUuOTItMS4wOCwxLjg0LTEuNTQsMi41NiwwLDAsNS43MiwwLDUuNzIsMFpNMTczLjczLDIxMy45NWg3LjE3djIuMzdoLTE2Ljkxdi0yLjM3aDYuOTN2LTIuMTJoLTUuMDd2LTIuMTVsLS4xNS4xNWMtLjUzLS40My0xLjYyLTEuMDgtMi4yNy0xLjM4LDEuMzMtMS4xNiwyLjQzLTIuOTUsMy4wNC00LjcxbDIuNTMuNThjLS4xNS40My0uMzQuODctLjUzLDEuM2gyLjQzdi0xLjc5aDIuODN2MS43OWg1Ljg2djIuMTloLTUuODZ2MS44MWg1LjE3djIuMTloLTUuMTd2Mi4xMmgwWk0xNzAuOTIsMjA5LjY0di0xLjgxaC0zLjY0Yy0uNDMuNjgtLjkyLDEuMy0xLjM4LDEuODFoNS4wMlpNMTY3LjE3LDE5OC40NmMuNDEuOC43NCwxLjcyLjg5LDIuMzdsLS43My4xOWg1LjY3bC0uNDMtLjEyYy4zMS0uNy42Mi0xLjYxLjg3LTIuNDNoLTYuMjguMDFaIi8+CiAgPHBhdGggZD0iTTE5NS40MSwxOTcuNzZjLS4wMy43NC0uMDUsMS40NS0uMDksMi4xNWg0LjUzYy42MSwwLDEuMjMtLjA1LDEuODEtLjE2bDIuMSwxLjAxYy0uMDcuNDEtLjE2LDEuMDEtLjE2LDEuMjktLjA5LDIuNjEtLjM5LDkuMzYtMS40MiwxMS44Mi0uNTMsMS4yLTEuNDUsMS44NS0zLjExLDEuODUtMS4zOCwwLTIuODMtLjEyLTMuOTgtLjIybC0uMzktMy4yMWMxLjE4LjE5LDIuNDMuMzEsMy4zOC4zMS43NywwLDEuMTEtLjI0LDEuMzgtLjg0LjctMS41MiwxLjAxLTYuMzQsMS4wMS04Ljk2aC01LjQyYy0uODksNi40LTMuMTgsMTAuMTYtNy41MSwxMy4yM2wtMi44LTIuMjdjLjk5LS41NSwyLjE5LTEuMzgsMy4xNy0yLjM0LDIuMjUtMi4yMiwzLjQ1LTQuOTUsMy45OC04LjYyaC0zLjE4Yy0uODMsMC0yLjE1LjAzLTMuMTguMTJ2LTMuMThjMS4wMS4xMiwyLjI3LjE2LDMuMTguMTZoMy40NWMuMDMtLjY4LjA1LTEuMzguMDUtMi4xLDAtLjUzLS4wNy0xLjY0LS4xNi0yLjIyaDMuNTRjLS4wNy41OC0uMTIsMS42LS4xNSwyLjE4bC0uMDMtLjAzWk0yMDMuNjcsMTk4LjY4bC0xLjkzLjg0Yy0uNTEtLjk5LTEuMjMtMi40MS0xLjg4LTMuMzVsMS45MS0uOGMuNjEuODksMS40NSwyLjQxLDEuOTEsMy4zaDBaTTIwNi41NiwxOTcuNTdsLTEuOTMuODRjLS40OS0xLjAxLTEuMjYtMi40MS0xLjkzLTMuMzNsMS45MS0uOGMuNjIuOTIsMS41MiwyLjQzLDEuOTUsMy4yOWguMDFaIi8+CiAgPHBhdGggZD0iTTIxOS4yOCwyMDAuOTljMi40OS0xLjU0LDUuMjQtMy45Niw2LjgtNS44NmwyLjYxLDIuNDljLTEuODQsMS44MS00LjE1LDMuNjktNi40OSw1LjI0djkuNzVjMCwxLjA3LjA1LDIuNTYuMjIsMy4xN2gtMy44MWMuMDktLjU4LjE2LTIuMS4xNi0zLjE3di03LjcyYy0yLjQ5LDEuMy01LjU1LDIuNjEtOC41MiwzLjQ4bC0xLjUyLTMuMDRjNC4zMi0xLjExLDcuODctMi42OCwxMC41NS00LjMyaDBaIi8+CiAgPHBhdGggZD0iTTIzNS45NCwxOTguODdjMC0uODctLjA3LTIuMDYtLjI0LTIuOTJoMy43NmMtLjA5Ljg0LS4yMiwxLjkxLS4yMiwyLjkydjMuNTJjMy4yMS45Niw3Ljg2LDIuNjgsMTAuMDksMy43NmwtMS4zNSwzLjM1Yy0yLjUyLTEuMzMtNi4xMy0yLjczLTguNzQtMy42djYuODNjMCwuNjguMTIsMi4zNy4yNCwzLjM1aC0zLjc5Yy4xNS0uOTUuMjQtMi40MS4yNC0zLjM1di0xMy44OGgwWk0yNDcuNzcsMjAwLjRsLTIuMS45NWMtLjctMS41Mi0xLjIzLTIuNDktMi4xMi0zLjc1bDIuMDMtLjg0Yy42OCwxLjAxLDEuNjQsMi41NiwyLjE5LDMuNjRoMFpNMjUxLDE5OC45OWwtMi4wMy45OWMtLjc3LTEuNTItMS4zNS0yLjQxLTIuMjUtMy42M2wyLS45NWMuNy45NiwxLjcyLDIuNDksMi4yNywzLjU3aDBaIi8+Cjwvc3ZnPg==);
    --icon-post: url(/wp-content/themes/isakanko/src/isakanko-icon-post-brown.svg);
    --icon-tag: url(/wp-content/themes/isakanko/src/isakanko-icon-tag-brown.svg);
    --icon-sightseeing: url(/wp-content/themes/isakanko/src/isakanko-icon-pin-redorange.svg);
    --icon-sightseeing-white: url(/wp-content/themes/isakanko/src/isakanko-icon-pin-white.svg);
    --icon-gourmet: url(/wp-content/themes/isakanko/src/isakanko-icon-gourmet-orange.svg);
    --icon-gourmet-white: url(/wp-content/themes/isakanko/src/isakanko-icon-gourmet-white.svg);
    --icon-stay: url(/wp-content/themes/isakanko/src/isakanko-icon-stay-green.svg);
    --icon-stay-white: url(/wp-content/themes/isakanko/src/isakanko-icon-stay-white.svg);
    --icon-tour: url(/wp-content/themes/isakanko/src/isakanko-icon-tour-aqua.svg);
    --icon-tour-white: url(/wp-content/themes/isakanko/src/isakanko-icon-tour-white.svg);
    --icon-course: url(/wp-content/themes/isakanko/src/isakanko-icon-course-pink.svg);
    --icon-course-white: url(/wp-content/themes/isakanko/src/isakanko-icon-course-white.svg);
    --icon-specialty: url(/wp-content/themes/isakanko/src/isakanko-icon-specialty-brown.svg);
    --icon-specialty-white: url(/wp-content/themes/isakanko/src/isakanko-icon-specialty-white.svg);
    --icon-event: url(/wp-content/themes/isakanko/src/isakanko-icon-event-limegreen.svg);
    --icon-event-white: url(/wp-content/themes/isakanko/src/isakanko-icon-event-white.svg);
    --icon-isa: url(/wp-content/themes/isakanko/src/isa-logo.svg);
    --icon-spiner: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjYWFhIiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPgo8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVUeXBlPSJ4bWwiCiAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iCiAgICB0eXBlPSJyb3RhdGUiCiAgICBmcm9tPSIwIDI1IDI1IgogICAgdG89IjM2MCAyNSAyNSIKICAgIGR1cj0iMC42cyIKICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CjwvcGF0aD4KPC9zdmc+);
    --top-isa-bg: url(/wp-content/themes/isakanko/src/isakanko-top-ricefield.webp);
    --ornament1: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE5MjAgMTIwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2ZlZThkMDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTk2MCwwQzYxNy4wNSwwLDI5MS43OCw0MywwLDEyMFYwaDE5MjB2MTIwQzE2MjguMjIsNDMsMTMwMi45NSwwLDk2MCwwIi8+Cjwvc3ZnPg==);
    --ornament1-spring: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE5MjAgMTIwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2ZmZTllOTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTk2MCwwQzYxNy4wNSwwLDI5MS43OCw0MywwLDEyMFYwaDE5MjB2MTIwQzE2MjguMjIsNDMsMTMwMi45NSwwLDk2MCwwIi8+Cjwvc3ZnPg==);
    --ornament1-summer: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE5MjAgMTIwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2RmZjRlNzsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTk2MCwwQzYxNy4wNSwwLDI5MS43OCw0MywwLDEyMFYwaDE5MjB2MTIwQzE2MjguMjIsNDMsMTMwMi45NSwwLDk2MCwwIi8+Cjwvc3ZnPg==);
    --ornament1-autumn: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE5MjAgMTIwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2YyZGZkMzsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTk2MCwwQzYxNy4wNSwwLDI5MS43OCw0MywwLDEyMFYwaDE5MjB2MTIwQzE2MjguMjIsNDMsMTMwMi45NSwwLDk2MCwwIi8+Cjwvc3ZnPg==);
    --ornament1-winter: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE5MjAgMTIwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2RmZjBmNDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTk2MCwwQzYxNy4wNSwwLDI5MS43OCw0MywwLDEyMFYwaDE5MjB2MTIwQzE2MjguMjIsNDMsMTMwMi45NSwwLDk2MCwwIi8+Cjwvc3ZnPg==);
    --ornament2: url(data:image/webp;base64,UklGRg4EAABXRUJQVlA4WAoAAAAwAAAAkQAABwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBInQEAAA0kAUmKrIgIDde2bWPP/hnbtm1U7JyUdtImD2C/gSqWRm3btm3b996oj4gJgJtt27Hn/m3bVmk7GiCVM8BfZoS0XsDcwJ1Zq7Ntp/qO9x0hIibAMBtJy7ue53PvO4EiRMQEgF7n8ArMNZy2x2/xH8oaLrrrysrKXp2cPDvJ2j6pcPNyWESmTZmLQN2ss1zZfKJ511S1lorb3ugQ7S6t7YlUXGlKCOxP/1MR+tUQ8+UGp+oKD8eu7iU1Wob4KCEnx8VHsZSCZzr3JFgAgMAnErDyUAfGMil8wwAQyqeDYAxoGiiE+0Jg1kNpg6XCXQT0YuZDdAEg5wJILdkjK4Ji3QKFQRCX5kEyGLYIQF8aJiD6yFPbJAvRQMMcmZmMdYFPPLrGKjCcnQmmOU/jgbzL00zBfEa2FSdai4zyD+YRze1W7INpaJgvwcOaYC8etA/VuwE/w8E7gJXFHVCsNuUITsbJfdiAq4KisoKCaN+CeeEcmD+FzFj4ij4H7Gk3VXbiASxnO880MY/ofhAc0D/scLjPZnhyPL58Q6HT3EECAFZQOCB6AAAA0AQAnQEqkgAIAD5lJpBFpCIhmZUAQAZEtIbYCtAAAr9/rpY0KqE7/zRSLZIzcIAA/vNo1/jyv+bnVIYDY/fn+AM+jb1m2YEw0Vg5gMdEhlj/Vf/80Nd7O2yH03GCVd3z6nUioWMJItgVn+WmI5c9iOMjE/2n3/dNAAA=);
    --ornament3: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEyOCAxNiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNmZmRlMzk7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC42OSw4LjU3YzAsMS45OS0uMjcsMy44NS0xLjU3LDUuMTVzLTMuMTYsMS4zNi01LjE1LDEuMzYtNC4xLjE5LTUuNC0xLjExLTEuOTItMy40MS0xLjkyLTUuNCwxLjItMy41MSwyLjUxLTQuODFTNS45OCwxLjE5LDcuOTcsMS4xOXM0LjAyLjc1LDUuMzMsMi4wNSwxLjQsMy4zNCwxLjQsNS4zM1oiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDcuNDIsOC41OGMwLDEuOTktMS41LDMuMzItMi44LDQuNjJzLTIuNjMsMS44OS00LjYyLDEuODktNC4yNC4zNC01LjU0LS45Ny0yLTMuNTUtMi01LjU0LDEuMDgtMy44NiwyLjM5LTUuMTYsMy4xNy0xLjkxLDUuMTYtMS45MSwzLjM5LDEuMDgsNC42OSwyLjM4LDIuNzMsMi43LDIuNzMsNC42OVoiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzkuNDgsOC41NWMwLDEuOTktMS41LDMuMzYtMi44LDQuNjZzLTIuNjcsMS44Ni00LjY2LDEuODYtMy45NS4wNC01LjI2LTEuMjYtMS44My0zLjI3LTEuODMtNS4yNi4zMS00LjE3LDEuNjEtNS40OCwzLjQ5LTIuMjEsNS40OC0yLjIxLDMuNjQsMS40NCw0Ljk0LDIuNzQsMi41MiwyLjk2LDIuNTIsNC45NFoiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEwLjc2LDguNjFjMCwxLjk5LS4yNywzLjg5LTEuNTcsNS4xOXMtMy4yMSwxLjMzLTUuMTksMS4zMy0zLjgxLS4xMS01LjExLTEuNDEtMS43NS0zLjEzLTEuNzUtNS4xMS40My0zLjgyLDEuNzMtNS4xMywzLjE0LTEuNDIsNS4xMy0xLjQyLDQuMjgtLjMzLDUuNTguOTcsMS4xOCwzLjU5LDEuMTgsNS41OFoiLz4KPC9zdmc+);
    --ornament4: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2ZmZGUzOTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LDguNDljMCwyLjI5LS4zMSw0LjQzLTEuNzksNS45M3MtMy42LDEuNTctNS44NywxLjU3LTQuNjcuMjItNi4xNS0xLjI4UzAsMTAuNzgsMCw4LjQ5LDEuMzcsNC40NiwyLjg2LDIuOTYsNi4wNywwLDguMzQsMHM0LjU5Ljg2LDYuMDcsMi4zNiwxLjU5LDMuODQsMS41OSw2LjEzWiIvPgo8L3N2Zz4=);
    --ornament5: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMyIDgiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjNTZhOGQzOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEuMDgsNS4zYy0yLjc4LDEuMjgtMy4yOSwxLjM1LTYuMDcuMDctMS4yOC0uNTktMS4yOC0yLjE4LDAtMi43NywyLjc4LTEuMjgsMy4xOC0uOTEsNi4xMS0uMDUsMS40Ny40MywxLjI0LDIuMTYtLjA1LDIuNzZaIi8+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTI2Ljg5LDUuMzhjLTIuNzgsMS4yOC0zLjMyLDEuMjQtNi4xLS4wNC0xLjI4LS41OS0xLjMyLTIuMjMtLjA0LTIuODIsMi43OC0xLjI4LDMuMjItLjg5LDYuMTYsMCwxLjUxLjQ1LDEuMjcsMi4yNy0uMDIsMi44N1oiLz4KPC9zdmc+);
    --character1: url(/wp-content/themes/isakanko/src/isakanko-isaking1.webp);
    --character2: url(/wp-content/themes/isakanko/src/isakanko-isaking2.webp);
    --course-check-spring: url(/wp-content/themes/isakanko/src/isakanko-course-check-spring.svg);
    --course-check-summer: url(/wp-content/themes/isakanko/src/isakanko-course-check-summer.svg);
    --course-check-autumn: url(/wp-content/themes/isakanko/src/isakanko-course-check-autumn.svg);
    --course-check-winter: url(/wp-content/themes/isakanko/src/isakanko-course-check-winter.svg);
    --course-ornament1-spring: url(/wp-content/themes/isakanko/src/isakanko-course-ornament1-spring.svg);
    --course-ornament1-summer: url(/wp-content/themes/isakanko/src/isakanko-course-ornament1-summer.svg);
    --course-ornament1-autumn: url(/wp-content/themes/isakanko/src/isakanko-course-ornament1-autumn.svg);
    --course-ornament1-winter: url(/wp-content/themes/isakanko/src/isakanko-course-ornament1-winter.svg);
    --course-ornament2-spring: url(/wp-content/themes/isakanko/src/isakanko-course-ornament2-spring.svg);
    --course-ornament2-summer: url(/wp-content/themes/isakanko/src/isakanko-course-ornament2-summer.svg);
    --course-ornament2-autumn: url(/wp-content/themes/isakanko/src/isakanko-course-ornament2-autumn.svg);
    --course-ornament2-winter: url(/wp-content/themes/isakanko/src/isakanko-course-ornament2-winter.svg);
    --course-ornament3-1: url(/wp-content/themes/isakanko/src/isakanko-course-ornament3-1.svg);
    --course-ornament3-2: url(/wp-content/themes/isakanko/src/isakanko-course-ornament3-2.svg);
    --course-ornament4-spring: url(/wp-content/themes/isakanko/src/isakanko-course-ornament4-spring.svg);
    --course-ornament4-summer: url(/wp-content/themes/isakanko/src/isakanko-course-ornament4-summer.svg);
    --course-ornament4-autumn: url(/wp-content/themes/isakanko/src/isakanko-course-ornament4-autumn.svg);
    --course-ornament4-winter: url(/wp-content/themes/isakanko/src/isakanko-course-ornament4-winter.svg);
    --course-ornament5-spring: url(/wp-content/themes/isakanko/src/isakanko-course-ornament5-spring.svg);
    --course-ornament5-summer: url(/wp-content/themes/isakanko/src/isakanko-course-ornament5-summer.svg);
    --course-ornament5-autumn: url(/wp-content/themes/isakanko/src/isakanko-course-ornament5-autumn.svg);
    --course-ornament5-winter: url(/wp-content/themes/isakanko/src/isakanko-course-ornament5-winter.svg);
    --course-ornament6-spring: url(/wp-content/themes/isakanko/src/isakanko-course-relate-heading-spring.webp);
    --course-ornament6-summer: url(/wp-content/themes/isakanko/src/isakanko-course-relate-heading-summer.webp);
    --course-ornament6-autumn: url(/wp-content/themes/isakanko/src/isakanko-course-relate-heading-autumn.webp);
    --course-ornament6-winter: url(/wp-content/themes/isakanko/src/isakanko-course-relate-heading-winter.webp);
    --balloon1: url(/wp-content/themes/isakanko/src/isa-about-balloon1.webp);
    --balloon2: url(/wp-content/themes/isakanko/src/isa-about-balloon2.webp);
    --balloon3: url(/wp-content/themes/isakanko/src/isa-about-balloon3.webp);
    --balloon4: url(/wp-content/themes/isakanko/src/isa-about-balloon4.webp);
    --balloon5: url(/wp-content/themes/isakanko/src/isa-about-balloon5.webp);
    --balloon6: url(/wp-content/themes/isakanko/src/isa-about-balloon6.webp);
}

@media (max-width: 1160px) {
	:root {
		--header-height: 100px;
    	--topbar-height: 30px;
	}
}

/* --------------------------
    reset
-------------------------- */
* {
    margin: 0;
    padding: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-feature-settings: 'palt';
    overflow-wrap: anywhere;
    line-break: strict;
	-webkit-text-size-adjust: 100%;
    font-size: var(--font-size);
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
	color: var(--color);
    font-family: var(--font-family);
    font-weight: 400;
    min-height: 100vh;
}

main {
    display: block;
	padding-top: var(--header-height);
}

main.top {
	padding-top: unset;
}

img {
    display: block;
    max-width: 100%;
}

input[type="image"],
video,
embed,
iframe,
marquee,
object {
    display: block;
    max-width: 100%;
    aspect-ratio: attr(width) / attr(height);
}

table {
    max-width: 100%;
    aspect-ratio: attr(width) / attr(height);
}

a {
    color: inherit;
    text-decoration: none;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.25rem;
}

h4 {
    font-size: 1rem;
}

h5 {
    font-size: 1rem;
}

h6 {
    font-size: 1rem;
    font-weight: 500;
}

table {
    border-spacing: 0;
}

@media (max-width: 768px) {
    body {
        font-size: var(--font-size-sp);
    }
}

/* --------------------------
    loading
-------------------------- */
#loading {
	display: block;
	width: 100vw;
	height: 100svh;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

body:not(.home).show #loading {
    display: none;
}

body:not(.home).show #loading:after {
    opacity: 0;
    pointer-events: none;
    transition: all 0s 0s ease;
}

body:not(.home) #loading:before {
	display: none;
}

body.home.show #loading {
    opacity: 0;
    pointer-events: none;
    transition: all 1s 1s ease;
}

body.home #loading:before {
	content: '';
	display: block;
	width: 240px;
	aspect-ratio: 1/ 1;
	background-image: var(--loading-logo);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

body.home.show #loading:before {
	opacity: 0;
	transition: all 0.3s 0.7s ease;
}


/* --------------------------
    common
-------------------------- */
.content-width {
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
}

.narrow-width {
    width: 100%;
    max-width: var(--narrow-width);
    margin: 0 auto;
}

.middle-width {
    width: 100%;
    max-width: var(--middle-width);
    margin: 0 auto;
}

.wide-width {
    width: 100%;
    max-width: var(--wide-width);
    margin: 0 auto;
}

.section-padding {
    padding: 4em 1em;
}

.section-padding-low {
    padding: 2em 1em;
}

.section-padding-full {
    padding: 4em 0;
}

.clearfix {
    clear: both;
}

.button-wrap {
	margin-top: 2em;
}

.button-wrap.center {
	text-align: center;
}

.button-wrap.right {
	text-align: right;
}

.button {
	display: inline-flex;
	justify-content: center;
	min-width: 200px;
	background-color: var(--color-yellow);
	padding: 0.5lh 1.5lh 0.5lh 1lh;
	border-radius: 1.75lh;
	font-weight: 700;
	position: relative;
	transition: all 0.3s ease;
}

.button.course {
	background-color: var(--course-theme-color);
	color: #fff;
}

.button:hover {
	opacity: 0.7;
	transition: all 0.3s ease;
}

.button:before {
	content: '\f04b';
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5rem;
	aspect-ratio: 1 / 1;
	background-color: #fff;
	border-radius: 50%;
	font-family: var(--font-awesome);
	font-weight: 700;
	font-size: 8px;
	letter-spacing: 0;
	position: absolute;
	top: 50%;
	right: 0.75lh;
	transform: translateY(-50%);
}

.button.course:before {
	color: var(--course-theme-color);
}

.mt4 {
	margin-top: 4em;
}

#clippath {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

h2.single-heading {
	font-size: clamp(1.5em, 3vw, 2em);
    font-weight: 600;
}

h3.single-heading {
	font-size: clamp(1.25em, 3vw, 1.5em);
    font-weight: 600;
	padding-bottom: 0.5em;
	border-bottom: 3px solid var(--color-beige-dull);
	margin-bottom: 1em;
}

*:not(.plain):not(h1, h2, h3, h4, h5, h6) + .single-heading:is(h1, h2, h3, h4, h5, h6) {
	margin-top: 3em;
}

.heading-attractions {
	font-size: clamp(1.5em, 3vw, 2.5em);
    font-weight: 600;
	font-family: var(--serif-font);
	display: flex;
	justify-content: center;
	margin-bottom: 1em;
}

.heading-attractions:before {
	content: '\f3c5';
	font-family: var(--font-awesome);
    font-weight: 700;
	margin-right: 0.25em;
	color: var(--color-red-orange);
}

#page-wrap {
	overflow: hidden;
}

.bg-red-orange-pale {
	background-color: var(--color-red-orange-pale);
}

.youtube-embed {
	width: 100%;
	aspect-ratio: 16 / 9;
	background-color: #eee;
}

.youtube-embed > iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.button-list {
	list-style-type: none;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2em;
}

.button-list > li > a {
	display: block;
	width: 100%;
}

@media (max-width: 768px) {
	.button-list {
		grid-template-columns: 1fr;
		grid-gap: 1em;
	}
}

@media (max-width: 768px) {
    .section-padding {
        padding: 2em 1em;
    }

    .section-padding-low {
        padding: 1em;
    }
    
    .section-padding-full {
        padding: 2em 0;
    }
	
	.mt4 {
		margin-top: 2em;
	}
}

/* --------------------------
    header
-------------------------- */
/* top header */
#top-header {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: var(--header-height);
	padding: 0 2em;
	position: absolute;
	left: 0;
	z-index: 254;
}

#top-header > .left {
	display: flex;
	align-items: center;
}

#top-header > .left > .logo {
	display: inline-block;
	height: calc(100% - var(--topbar-height) - 1em);
	color: #fff;
}

#top-header > .left > .logo > img {
	width: fit-content;
	height: 100%;
	filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.2)) drop-shadow(0 0 0.1em rgba(0, 0, 0, 0.2));
}

#top-header > .right {
	display: flex;
	align-items: center;
	height: fit-content;
	margin-top: 2em;
}

#top-header-menu {
	list-style-type: none;
	display: flex;
	font-size: 0.875em;;
	color: #fff;
	filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.2)) drop-shadow(0 0 0.1em rgba(0, 0, 0, 0.2));
}

#top-header-menu > li + li {
	margin-left: 3em;
}

#top-header-menu > li > a {
	display: flex;
	flex-flow: column;
	align-items: center;
}

#top-header-menu > li > a > img {
    width: 1.5em;
}

#top-header-menu > li > a > span {
	font-weight: 700;
	margin-top: 0.25em;
}

#top-header-menu > li > a > i {
	font-size: 1.5em;
}

#top-header-menu > li > a > img {
	width: 1.5em;
}

#header-sns-list {
	list-style-type: none;
	display: flex;
	margin-left: 1em;
	color: #fff;
}

#header-sns-list > li + li {
	margin-left: 0.5em;
}

#header-sns-list > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2em;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
	letter-spacing: 0;
	position: relative;
	z-index: 1;
}

#header-sns-list > li > a.facebook {
	background-color: #0866ff;
}

#header-sns-list > li > a.instagram {
	background: linear-gradient(135deg, #427eff 0%, #f13f79 80%) no-repeat;
}

#header-sns-list > li > a.instagram:before {
	content: '';
	display: block;
	width: 150%;
	aspect-ratio: 1 / 1;
	background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: -1;
	transform: translate(-37.5%, -37.5%);
}

@media (max-width: 1160px) {
	#top-header {
		padding: 0 0 0 1em;
	}

	#top-header > .left > .logo {
		height: calc(100% - 2em);
	}

	#top-header > .right {
		margin-top: 0;
	}

	#top-header-menu {
		display: none;
	}
}

#header {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: var(--header-height);
	padding: 0 2em;
	background-color: var(--color-yellow-pale);
	border-bottom: 1px solid var(--color-beige);
	position: absolute;
	left: 0;
	z-index: 254;
}

#header > .left {
	display: flex;
	align-items: center;
}

#header > .left > .logo {
	display: inline-block;
	height: calc(100% - var(--topbar-height) - 1em);
	color: #fff;
}

#header > .left > .logo > img {
	width: fit-content;
	height: 100%;
}

#header > .right {
	display: flex;
	flex-flow: column;
	align-items: flex-end;
}

#header > .right > div {
	display: flex;
	height: calc(100% - var(--topbar-height));
	align-items: center;
}

#topbar-menu {
	list-style-type: none;
	justify-self: flex-end;
	display: flex;
	align-items: center;
	height: var(--topbar-height);
	font-size: 0.875em;
	font-weight: 500;
	color: var(--color-beige-dull);
}

#topbar-menu > li + li {
	margin-left: 1.5em;
}

#header-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: calc(100% - var(--topbar-height));
}

#header-content > .logo {
	display: inline-block;
	height: calc(100% - 1em);
	color: #fff;
}

#header-content > .logo > img {
	height: 100%;
}

#header-content > div {
	display: flex;
	align-items: center;
}

#header-menu {
	list-style-type: none;
	display: flex;
	font-weight: 700;
	font-size: 0.875em;
	color: var(--color-beige-dull);
}

#header-menu > li + li {
	margin-left: 2em;
}

#header-menu > li > a > img {
	width: 1.5em;
	font-size: 1.5em;
	letter-spacing: 0;
	margin: 0 auto;
}

#header-menu > li > a > span {
	display: block;
	margin-top: 0.25em;
}

@media (max-width: 1160px) {
	#header {
		padding: 0 0 0 1rem;
	}

	#header > .left > .logo {
		height: calc(100% - 2em);
	}

	#header > .right > div {
		height: 100%;
	}

	#header-menu {
		display: none;
	}

	#topbar-menu {
		display: none;
	}
}

/* floating */
#floating-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: var(--floating-height);
	background-color: rgba(255, 255, 255, 0.9);
	padding: 0 2em;
	position: fixed;
	left: 0;
	z-index: 255;
	transform: translateY(-100%);
	transition: all 0.2s ease;
}

#floating-wrap.show {
	transform: translateY(0);
	transition: all 0.2s ease;
}

#floating-wrap > .logo {
	display: inline-block;
	width: 200px;
}

#floating-wrap > .logo > img {
	height: 100%;
}

#floating-menu {
	list-style-type: none;
	display: flex;
	align-items: center;
	font-size: 0.875em;
	font-weight: 700;
}

#floating-menu > li + li {
	margin-left: 2em;
}

@media (max-width: 1160px) {
	#floating-wrap {
		padding: 0 0 0 1em;
	}

	#floating-menu {
		display: none;
	}
}


/* drawer */
.drawer-open,
#drawer-close {
    display: none;
    height: auto;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: var(--header-height);
    aspect-ratio: 1 / 1;
    font-size: 1em;
    appearance: none;
    outline: none;
    border: none;
	background: unset;
    margin-left: 0.25rem;
}

#floating-wrap > .drawer-open {
	width: var(--floating-height);
}

#drawer-close {
	width: var(--floating-height);
	position: absolute;
	top: 0;
	right: 0;
}

#mobile-menu-wrap:popover-open #drawer-open > span,
#mobile-menu-wrap:popover-open #drawer-close > span {
	background-color: transparent;
	transition: background-color 0.2s ease;
}

#mobile-menu-wrap:popover-open #drawer-open > span:before,
#mobile-menu-wrap:popover-open #drawer-close > span:before {
	transform: translateY(0) rotate(45deg);
	transition: transform 0.2s ease;
}

#mobile-menu-wrap:popover-open #drawer-open > span:after,
#mobile-menu-wrap:popover-open #drawer-close > span:after {
	transform: translateY(0) rotate(-45deg);
	transition: transform 0.2s ease;
}

.drawer-open > span,
#drawer-close > span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	height: 1px;
	background-color: var(--color);
	margin: 0.75em 0;
	position: relative;
}

.drawer-open.top > span {
	background-color: #fff;
}

.drawer-open > span:before,
#drawer-close > span:before {
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background-color: var(--color);
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-0.5em);
}

.drawer-open.top > span:before,
#drawer-close.top > span:before {
	background-color: #fff;
}

.drawer-open > span:after,
#drawer-close > span:after {
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background-color: var(--color);
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(0.5em);
}

.drawer-open.top > span:after,
#drawer-close.top > span:after {
	background-color: #fff;
}

#mobile-menu-wrap:popover-open::backdrop {
	background-color: rgba(0, 0, 0, 0.3);
}

#mobile-menu-wrap {
	display: grid;
	grid-template-columns: auto;
	width: 100%;
	max-width: 320px;
	height: 100dvh;
	border: none;
	opacity: 0;
	background-color: #fff;
	padding-top: var(--floating-height);
	margin-left: auto;
	pointer-events: none;
	overflow-y: scroll;
	transform: translateX(100%);
	transition-property: transform, opacity, display;
	transition-duration: 0.2s;
	transition-behavior: normal, normal, allow-discrete;
	position: fixed;
}

#mobile-menu-wrap:popover-open {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0);
	transition-property: transform, opacity, display;
	transition-duration: 0.2s;
	transition-behavior: normal, normal, allow-discrete;
}

#mobile-menu {
	list-style-type: none;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#mobile-menu li > ul {
	background-color: rgba(0, 0, 0, 0.05);
}

#mobile-menu li > a {
	display: block;
	background-color: rgba(0, 0, 0, 0.05);
	padding: 1em 3em 1em 1.5em;
	position: relative;
}

#mobile-menu li > a:before {
	content: '';
	display: block;
	border-top: 0.25em solid transparent;
	border-left: 0.25em solid var(--color);
	border-bottom: 0.25em solid transparent;
	position: absolute;
	top: 50%;
	right: 1.5em;
	transform: translateY(-50%);
}

#mobile-menu li + li {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}


@media (max-width: 1160px) {
    .drawer-open,
	#drawer-close {
        display: flex;
    }
}

@media (max-width: 768px) {
	.drawer-open {
    	width: var(--floating-height);
	}

	.drawer-open > span:before,
	#drawer-close > span:before {
		transform: translateY(-0.375em);
	}

	.drawer-open > span:after,
	#drawer-close > span:after {
		transform: translateY(0.375em);
	}
}

/* --------------------------
    footer
-------------------------- */
/* part share */
#part-share {
	background-color: var(--color-red-orange-pale);
}

#part-share.spring {
	background-color: var(--color-spring-pale);
}

#part-share.summer {
	background-color: var(--color-summer-pale);
}

#part-share.autumn {
	background-color: var(--color-autumn-pale);
}

#part-share.winter {
	background-color: var(--color-winter-pale);
}

#part-share > div {
	padding: 2em 0;
}

#part-share-wrap {
	display: flex;
	flex-flow: column;
	align-items: center;
}

#part-share-wrap > dt {
	border: 1px solid var(--color);
	border-radius: 0.5em;
	padding: 0.25em 0.75em;
	background-color: #fff;
	font-weight: 500;
	font-size: 0.875em;
	margin-bottom: 1em;
	position: relative;
}

#part-share-wrap > dt:before {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid var(--color);
	border-bottom: 1px solid var(--color);
	border-radius: 0 0 0.25em 0;
	background-color: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 1;
	transform: translate(-50%, 50%) rotate(45deg);
}

#part-share-list {
	list-style-type: none;
	display: flex;
}

#part-share-list > li + li {
	margin-left: 0.5em;
}

#part-share-list > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2em;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-color: #eee;
	color: #fff;
	letter-spacing: 0;
}

#part-share-list > li > .facebook {
	background-color: var(--color-facebook);
}

#part-share-list > li > .x {
	background-color: #111;
}

footer {
	padding-top: calc(100vw / 18);
	background-image: var(--ornament1);
	background-size: 100% auto;
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
}

footer.spring {
    background-image: var(--ornament1-spring);
}

footer.summer {
    background-image: var(--ornament1-summer);
}

footer.autumn {
    background-image: var(--ornament1-autumn);
}

footer.winter {
    background-image: var(--ornament1-winter);
}

footer > div:first-of-type {
	display: flex;
	flex-flow: column;
	align-items: center;
}

#footer-logo-wrap {
	display: flex;
	flex-flow: column;
	align-items: center;
	margin-bottom: 2em;
}

#footer-logo > img {
	width: 96px;
}

#footer-logo + span {
	letter-spacing: 0.25em;
	font-weight: 500;
	margin-top: 0.5em;
}

#footer-info-list {
	list-style-type: none;
	font-weight: 500;
	margin-bottom: 2em;
}

#footer-info-list > li {
	display: flex;
}

#footer-info-list > li + li {
	margin-top: 1em;
}

#footer-info-list > li > span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 5rem;
	margin-right: 1rem;
	font-size: 0.75em;
	letter-spacing: 0;
	padding: 0.25em 0.75em;
	border-radius: 0.5em;
	border: 1px solid var(--color);
}

#footer-sns-wrap {
	display: flex;
	flex-flow: column;
	align-items: center;
	margin-bottom: 2em;
}

#footer-sns-wrap > dt {
	border: 1px solid var(--color);
	border-radius: 0.5em;
	padding: 0.25em 0.75em;
	background-color: #fff;
	font-weight: 500;
	font-size: 0.875em;
	margin-bottom: 1em;
	position: relative;
}

#footer-sns-wrap > dt:before {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid var(--color);
	border-bottom: 1px solid var(--color);
	border-radius: 0 0 0.25em 0;
	background-color: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 1;
	transform: translate(-50%, 50%) rotate(45deg);
}

#footer-sns-list {
	list-style-type: none;
	display: flex;
	justify-content: center;
	color: #fff;
}

#footer-sns-list > li + li {
	margin-left: 0.5em;
}

#footer-sns-list > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2em;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
	letter-spacing: 0;
	position: relative;
	z-index: 1;
}

#footer-sns-list > li > a.facebook {
	background-color: var(--color-facebook);
}

#footer-sns-list > li > a.instagram {
	background: linear-gradient(135deg, #427eff 0%, #f13f79 80%) no-repeat;
}

#footer-sns-list > li > a.instagram:before {
	content: '';
	display: block;
	width: 150%;
	aspect-ratio: 1 / 1;
	background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: -1;
	transform: translate(-37.5%, -37.5%);
}

#footer-sns-list > li > a.x {
	background-color: #111;
}

#footer-sns-list > li > a.line {
	background-color: var(--color-line);
}

#footer-menu {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-weight: 600;
	font-size: 0.875em
}

#footer-menu > li:not(:last-of-type)  {
	margin-right: 2em;
}

#footer-menu > li {
	margin: 0.5em 0;
	padding-left: 1em;
	position: relative;
}

#footer-menu > li:before {
	content: '';
	display: block;
	border-top: 0.3em solid transparent;
	border-bottom: 0.3em solid transparent;
	border-left: 0.3em solid var(--color-green);
	position: absolute;
	left: 0;
	top: 0.5lh;
	transform: translateY(-50%);
}

#copyright {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 4em;
	padding: 0 1em;
	font-size: 0.875em;
	font-weight: 600;
	text-align: center;
}

@media (max-width: 768px) {
	#footer-menu {
		flex-flow: column;
	}
}

/* --------------------------
    archive
-------------------------- */
/* archive */
.archive-list {
    list-style-type: none;
}

.archive-list > li {
    padding: 1rem 0;
}

.archive-list > li:first-of-type {
    padding-top: 0;
}

.archive-list > li + li {
    border-top: 1px dashed var(--color-yellow-dull);
}

.archive-list > li > a {
    display: block;
}

.archive-list > li > a > article {
    display: flex;
    align-items: center;
}

.archive-list > li > a > article > .thumb {
    width: 30%;
    margin-right: 2em;
    position: relative;
}

.archive-list > li > a > article > .info {
    width: calc(70% - 2em);
}

.archive-list > li > a > article > .info > time {
    display: block;
    font-size: 1em;
	font-weight: 700;
    margin-bottom: 0.5em;
}

.archive-list > li > a > article > .info > .category {
    margin-bottom: 0.5em;
}

.archive-list > li > a > article > .info > .category > span {
    display: inline-block;
    border-radius: 0.5em;
    background-color: var(--color-beige);
    padding: 0.25em 0.75em;
    margin: 0 0.5em 0.5em 0;
	font-size: 0.75em;
	font-weight: 700;
}

.archive-list > li > a > article > .info > h3 {
    font-size: clamp(1em, 2vw, 1.25em);
    margin-bottom: 0.5em;
}

.archive-list > li > a > article > .info > p {
    font-size: 0.875em;
    margin-top: 1em;
}

@media (max-width: 768px) {
    .archive-list > li > a > article {
        flex-flow: column;
    }
    
    .archive-list > li > a > article > .info {
        width: 100%;
    }
    
    .archive-list > li > a > article > .thumb {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
    }
}

/* archive pagination */
#pagination {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

#pagination > * {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    letter-spacing: 0;
    min-width: 3em;
    height: 3em;
	border-radius: 0.25em;
    background-color: #eee;
    color: var(--color);
    margin: 0 0.5em;
    transition: all 0.3s ease;
}

#pagination > span,
#pagination > a:hover {
    background-color: var(--color-beige);
    transition: all 0.3s ease;
}


/* --------------------------
    single
-------------------------- */
/* single */
#single-date {
    display: block;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 2em;
}

.single-content *:not(.plain):not(h1, h2, h3, h4, h5, h6) + *:not(.plain):is(h1, h2, h3, h4, h5, h6) {
	margin-top: 3em;
}

.single-content h1:not(.plain),
.single-content h2:not(.plain) {
	font-size: clamp(1.5em, 3vw, 2em);
	font-weight: 600;
	background-image: var(--ornament3);
	background-size: 3em auto;
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 0.75em;
    margin-bottom: 1em;
}

.single-content h1:not(.plain).center,
.single-content h2:not(.plain).center {
	background-size: 3em auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.single-content h3:not(.plain) {
	font-size: clamp(1.25em, 2vw, 1.5em);
	font-weight: 600;
	padding-left: 1lh;
	background-image: var(--ornament4);
	background-size: 1em 1em;
	background-position: top calc((1lh - 1em) / 2) left;
	background-repeat: no-repeat;
	margin-bottom: 1em;
}

.single-content h4:not(.plain) {
	font-weight: 600;
	border-left: 0.25em solid var(--color-yellow);
	padding-left: 1em;
    margin-bottom: 1em;
}

.single-content h5:not(.plain) {
	font-weight: 600;
	border-left: 1px solid var(--color-yellow);
	padding-left: 1em;
    margin-bottom: 1em;
}

.single-content h6:not(.plain) {
	font-weight: 600;
    margin-bottom: 1em;
}

.single-content hr:not(.plain) {
    display: block;
    border: none;
    border-top: 2px solid #bbb;
    margin: 4em 0;
}

.single-content ul:not(.plain) {
    background-color: var(--color-yellow-pale);
	border-radius: 0.5em;
    padding: 2em 2em 2em 3em;
    margin-bottom: 3em;
}

.single-content ol:not(.plain) {
    background-color: var(--color-yellow-pale);
	border-radius: 0.5em;
    padding: 2em 2em 2em 3em;
    margin-bottom: 3em;
}

.single-content ul:not(.plain) > li + li,
.single-content ol:not(.plain) > li + li {
    margin-top: 0.5em;
}

.single-content blockquote:not(.plain) {
    background-color: var(--color-yellow-pale);
	border-radius: 0.5em;
    padding: 2em;
    margin-bottom: 2em;
}

.single-content p:not(.plain) {
    text-align: justify;
    margin-bottom: 1em;
}

.single-content dl:not(.plain) {
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #ddd;
    margin-bottom: 3em;
}

.single-content dl:not(.plain) > dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    background-color: #f5f5f5;
    border-bottom: 2px solid #ddd;
    padding: 1em 2em;
    font-weight: 700;
}

.single-content dl:not(.plain) > dd {
    width: 70%;
    background-color: #fff;
    border-bottom: 2px solid #ddd;
    padding: 1em 2em;
}

.single-content img:not(.plain) {
    height: auto;
    margin-bottom: 2em;
}

.single-content img:not(.plain).alignleft {
    float: left;
    margin: 0 2em 2em 0;
}

.single-content img:not(.plain).alignright {
    float: right;
    margin: 0 0 2em 2em;
}

.single-content img:not(.plain).aligncenter {
    margin: 0 auto 2em auto;
}

.single-content a:not(.plain) {
    text-decoration: underline;
    transition: all 0.3s ease;
}

.single-content a:not(.plain):hover {
    opacity: 0.7;
    transition: all 0.3s ease;
}

.single-content a:not(.plain)[target="_blank"]:after {
    content: ' \f08e';
	font-family: var(--font-awesome);
	font-weight: 700;
	font-size: 0.875em;
}

.single-content small:not(.plain) {
    font-size: 0.75em;
}

.single-content * + .gallery {
	margin-top: 2em;
}

.single-content .gallery {
	display: grid;
	grid-gap: 2em;
}

.single-content .gallery > br {
	display: none;
}

.single-content .gallery-columns-1 {
	grid-template-columns: repeat(1, 1fr);
}

.single-content .gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.single-content .gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.single-content .gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.single-content .gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.single-content .gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.single-content .gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.single-content .gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.single-content .gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.single-content .gallery > dl:not(.plain) {
	display: unset;
	flex-wrap: unset;
	border-top: unset;
	margin-bottom: unset;
}

.single-content .gallery > dl:not(.plain) > dt {
	display: block;
	flex-flow: unset;
	justify-content: unset;
	align-items: unset;
	width: unset;
	background-color: unset;
	border-bottom: unset;
	padding: unset;
	font-weight: unset;
	text-align: unset;
}

.single-content .gallery > dl:not(.plain) > dd {
	display: block;
	flex-flow: unset;
	justify-content: unset;
	width: unset;
	background-color: unset;
	border-bottom: unset;
	padding: unset;
	margin-top: 1em;
	font-size: 0.875em;
	line-height: 1.75;
	text-align: justify;
	word-break: break-all;
}

.single-content .gallery img:not(.plain) {
	margin-bottom: unset;
	width: unset;
	height: unset;
	max-width: 100%;
	margin: 0 auto;
}

@media (max-width: 768px) {
	.single-content h1:not(.plain),
	.single-content h2:not(.plain) {
	}
	
	.single-content h3:not(.plain) {
	}
	
	.single-content hr:not(.plain) {
		margin: 2em 0;
	}

	.single-content ul:not(.plain) {
		padding: 1em 1em 1em 2em;
	}
	
	.single-content ol:not(.plain) {
		padding: 1em 1em 1em 3em;
	}
	
	.single-content blockquote:not(.plain) {
		padding: 1em;
	}
	
	.single-content dl:not(.plain) {
		flex-flow: column;
	}
	
	.single-content dl:not(.plain) > dt {
		width: 100%;
		padding: 1em;
	}
	
	.single-content dl:not(.plain) > dd {
		width: 100%;
		padding: 1em;
	}

	.single-content img.aligncenter:not(.plain),
	.single-content img.alignleft:not(.plain),
	.single-content img.alignright:not(.plain) {
		float: none;
		margin: 0 auto 2em auto;
	}

	.single-content .gallery-columns-1,
	.single-content .gallery-columns-2,
	.single-content .gallery-columns-3,
	.single-content .gallery-columns-4,
	.single-content .gallery-columns-5,
	.single-content .gallery-columns-6,
	.single-content .gallery-columns-7,
	.single-content .gallery-columns-8,
	.single-content .gallery-columns-9 {
		grid-template-columns: 1fr;
	}
}

/* single pagination */
#single-pagination {
    list-style-type: none;
    display: flex;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    padding: 1rem 0;
    margin-top: 2rem;
}

#single-pagination > li {
    width: 50%;
}

#single-pagination > li + li {
    border-left: 2px solid #ddd;
}

#single-pagination > li > a {
    display: block;
    color: var(--main-color);
    padding: 1rem 3rem;
    position: relative;
}

#single-pagination > li:first-of-type > a:before {
    content: '';
    display: block;
    border-top: 0.3rem solid transparent;
    border-left: 0.3rem solid transparent;
    border-right: 0.3rem solid var(--color);
    border-bottom: 0.3rem solid transparent;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

#single-pagination > li:last-of-type > a:before {
    content: '';
    display: block;
    border-top: 0.3rem solid transparent;
    border-left: 0.3rem solid var(--color);
    border-right: 0.3rem solid transparent;
    border-bottom: 0.3rem solid transparent;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    #single-pagination {
        flex-flow: column;
        padding: 0;
    }

    #single-pagination > li {
        width: 100%;
    }

    #single-pagination > li + li {
        border-left: none;
    }

    #single-pagination > li:first-of-type:empty {
        border-top: 2px solid #ddd;
    }
}

/* --------------------------
    top
-------------------------- */
#top-main-banner {
	width: 100%;
	height: 100vh;
	background-color: #eee;
	position: relative;
}

#top-main-banner > img {
	width: clamp(240px, 75vw, 800px);
	filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.2)) drop-shadow(0 0 0.1em rgba(0, 0, 0, 0.2));
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	transition: opacity 2s 0s ease;
}

#top-main-banner > img.show {
	opacity: 1;
	transition: opacity 3s 2s ease;
}

#top-main-banner > video {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	object-position: center;
	filter: brightness(0.8);	
}

@media (max-width: 768px) {
	#top-main-banner {
		width: 100%;
		height: 100vw;
	}

	#top-main-banner > video {
		height: 100vw;
	}
}

#top-navigation-list {
	list-style-type: none;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 2em;
}

#top-navigation-list > li {
	display: flex;
	flex-flow: column;
	align-items: center;
	width: 100%;
}

#top-navigation-list > li > a {
	display: block;
	width: 100%;
}

#top-navigation-list > li > a > figure {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
}

#top-navigation-list > li > a > figure.red-orange {
	border: 4px solid var(--color-red-orange);
}

#top-navigation-list > li > a > figure.orange {
	border: 4px solid var(--color-orange);
}

#top-navigation-list > li > a > figure.green {
	border: 4px solid var(--color-green);
}

#top-navigation-list > li > a > figure.aqua {
	border: 4px solid var(--color-aqua);
}

#top-navigation-list > li > a > figure.pink {
	border: 4px solid var(--color-pink);
}

#top-navigation-list > li > a > figure.brown {
	border: 4px solid var(--color-brown);
}

#top-navigation-list > li > a > figure > img {
	width: 50%;
	height: 50%;
	object-fit: contain;
	object-position: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#top-navigation-list > li > a > span {
	display: block;
	text-align: center;
	word-break: auto-phrase;
	font-size: clamp(0.875em, 1.5vw, 1em);
	font-weight: 700;
	line-height: 1.5;
	margin-top: 1em;
}

@media (max-width: 768px) {
	#top-navigation-list {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 1em;
		max-width: 80%;
		margin: 0 auto;
	}
}

#top-pickup {
	overflow: hidden;
}

#top-pickup-slider {
	font-size: clamp(1em, 2vw, 1.25em);
}

#top-pickup-slider .thumb {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	position: relative;
}

#top-pickup-slider .thumb > .badge {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width:8em;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-color: #ddd;
	line-height: 1.25;
	font-size: 0.5em;
	font-weight: 700;
	text-align: center;
	padding: 1em;
	word-break: auto-phrase;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(0, -1em);
}

#top-pickup-slider .thumb > .badge:before {
	content: '';
	display: block;
	width: 2em;
	height: 2em;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 0.5em;
}

#top-pickup-slider .thumb > .sightseeing {
	background-color: var(--color-red-orange);
}

#top-pickup-slider .thumb > .sightseeing:before {
	background-image: var(--icon-sightseeing-white);
}

#top-pickup-slider .thumb > .gourmet {
	background-color: var(--color-orange);
}

#top-pickup-slider .thumb > .gourmet:before {
	background-image: var(--icon-gourmet-white);
}

#top-pickup-slider .thumb > .stay {
	background-color: var(--color-green);
}

#top-pickup-slider .thumb > .stay:before {
	background-image: var(--icon-stay-white);
}

#top-pickup-slider .thumb > .tour {
	background-color: var(--color-aqua);
}

#top-pickup-slider .thumb > .tour:before {
	background-image: var(--icon-tour-white);
}

#top-pickup-slider .thumb > .course {
	background-color: var(--color-pink);
}

#top-pickup-slider .thumb > .course:before {
	background-image: var(--icon-course-white);
}

#top-pickup-slider .thumb > .specialty {
	background-color: var(--color-brown);
}

#top-pickup-slider .thumb > .specialty:before {
	background-image: var(--icon-specialty-white);
}

#top-pickup-slider .thumb > .event {
	background-color: var(--color-lime-green);
}

#top-pickup-slider .thumb > .event:before {
	background-image: var(--icon-event-white);
}

#top-pickup-slider .thumb > .area {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	width: 100%;
	position: absolute;
	top: 10%;
	left: 7.5%;
}

#top-pickup-slider .thumb > .area > span {
	background-color: #fff;
	border: 1px solid var(--color-red-orange);
	color: var(--color-red-orange);
	padding: 0.25em 0.75em;
	border-radius: 0.5em;
	font-size: 0.5em;
	margin: 0 0.25em 0.25em 0;
}

#top-pickup-slider .thumb > .area > span:before {
	content: '\f3c5';
	font-family: var(--font-awesome);
	font-weight: 700;
	margin-right: 0.25em;
}

#top-pickup-slider .title {
	display: block;
	font-weight: 600;
	font-size: 1em;
	padding: 0 1em;
}

#top-pickup-slider .tag {
	font-size: 0.75em;
	font-weight: 600;
	padding: 0 1.25em;
	margin-top: 1em;
}

#top-pickup-slider .tag > a {
	display: inline-block;
	border-radius: 0.5em;
	background-color: var(--color-beige);
	padding: 0.25em 0.75em;
	margin: 0 0.5em 0.5em 0;
}

#top-pickup-slider .tag > a:before {
	content: '#';
}

#top-pickup-slider .swiper-navigation {
	height: 3em;
	position: relative;
	margin-bottom: 2em;
}

#top-pickup-slider .swiper-button-next:after,
#top-pickup-slider .swiper-button-prev:after {
	display: none;
}

#top-pickup-slider .swiper-button-next,
#top-pickup-slider .swiper-button-prev {
	width: 3em;
	height: 3em;
	background-color: var(--color-brown-light);
	color: #fff;
	border-radius: 50%;
	font-family: var(--font-awesome);
	font-weight: 700;
}

#top-pickup-slider .swiper-button-next:before {
	content: '\f04b';
}

#top-pickup-slider .swiper-button-prev:before {
	content: '\f04b';
	transform: scaleX(-1);
}


#term-select-back + .article-list  {
	margin-top: 2em;
}

.article-list {
	list-style-type: none;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 2em;
	font-weight: 600;
	font-size: clamp(1em, 2vw, 1.25em);
}

.article-list.col2 {
	grid-template-columns: 1fr 1fr;
}

.article-list > li > .thumb {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	position: relative;
}

.article-list > li > .thumb > .area {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	width: calc(100% - 15%);
	position: absolute;
	top: 10%;
	left: 7.5%;
}

.article-list > li > .thumb > .area > span {
	background-color: #fff;
	border: 1px solid var(--color-red-orange);
	color: var(--color-red-orange);
	padding: 0.25em 0.75em;
	border-radius: 0.5em;
	font-size: 0.5em;
	margin: 0 0.25em 0.25em 0;
}

.article-list > li > .thumb > .area > span:before {
	content: '\f3c5';
	font-family: var(--font-awesome);
	font-weight: 700;
	margin-right: 0.25em;
}

.article-list > li > .title {
	display: block;
	font-weight: 600;
	font-size: 1em;
	line-height: 1.5;
	padding: 0 1em;
	margin-top: 0.5em;
}

.article-list > li > .tag {
	font-size: 0.75em;
	font-weight: 600;
	padding: 0 1.25em;
	margin-top: 1em;
}

.article-list > li > .tag > a {
	display: inline-block;
	border-radius: 0.5em;
	background-color: var(--color-beige);
	padding: 0.25em 0.75em;
	margin: 0 0.5em 0.5em 0;
}

.article-list > li > .tag > a:before {
	content: '#';
}

.bg-red-orange-pale .article-list > li > .tag > a {
	background-color: #fff;
}

@media (max-width: 768px) {
	.article-list {
		grid-template-columns: 1fr;
		max-width: 480px;
		margin: 0 auto;
	}

	#top-pickup-slider .thumb > .badge {
		font-size: 0.75em;
	}

	.article-list > li > .thumb > .area > span,
	#top-pickup-slider .thumb > .area > span {
		font-size: 0.75em;
	}
}

#top-post {
	background-color: var(--color-yellow-pale);
}

#top-post > div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2em;
}

#top-sightseeing {
	overflow: hidden;
}

#top-sightseeing > div > .article-list {
	position: relative;
}

#top-sightseeing > div > .article-list:before {
	content: '';
	display: block;
	width: 6em;
	aspect-ratio: 1 / 1;
	background-image: var(--character1);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(1em, -100%) rotate(10deg);
	z-index: 1;
}

#top-sightseeing-slider {
	font-size: clamp(1em, 2vw, 1.25em);
	font-weight: 700;
}

#top-sightseeing-slider .thumb {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	position: relative;
}

#top-sightseeing-slider .thumb > .area {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	width: 100%;
	position: absolute;
	top: 10%;
	left: 7.5%;
}

#top-sightseeing-slider .thumb > .area > span {
	background-color: #fff;
	border: 1px solid var(--color-red-orange);
	color: var(--color-red-orange);
	padding: 0.25em 0.75em;
	border-radius: 0.5em;
	font-size: 0.5em;
	margin: 0 0.25em 0.25em 0;
}

#top-sightseeing-slider .thumb > .area > span:before {
	content: '\f3c5';
	font-family: var(--font-awesome);
	font-weight: 700;
	margin-right: 0.25em;
}

#top-sightseeing-slider .title {
	display: block;
	font-weight: 600;
	font-size: 1em;
	padding: 0 1em;
}

#top-sightseeing-slider .tag {
	font-size: 0.75em;
	font-weight: 600;
	padding: 0 1.25em;
	margin-top: 1em;
}

#top-sightseeing-slider .tag > a {
	display: inline-block;
	border-radius: 0.5em;
	background-color: var(--color-beige);
	padding: 0.25em 0.75em;
	margin: 0 0.5em 0.5em 0;
}

#top-sightseeing-slider .tag > a:before {
	content: '#';
}

#top-sightseeing-slider .swiper-navigation {
	display: block;
	height: 3em;
	position: relative;
	margin-bottom: 2em;
}

#top-sightseeing-slider .swiper-button-next:after,
#top-sightseeing-slider .swiper-button-prev:after {
	display: none;
}

#top-sightseeing-slider .swiper-button-next,
#top-sightseeing-slider .swiper-button-prev {
	width: 3em;
	height: 3em;
	background-color: var(--color-brown-light);
	color: #fff;
	border-radius: 50%;
	font-family: var(--font-awesome);
	font-weight: 700;
}

#top-sightseeing-slider .swiper-button-next:before {
	content: '\f04b';
	line-height: 1;
}

#top-sightseeing-slider .swiper-button-prev:before {
	content: '\f04b';
	transform: scaleX(-1);
	line-height: 1;
}

@media (min-width: 768px) {
	#top-sightseeing-slider > .swiper-wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 2em;
	}

	#top-sightseeing-slider .swiper-navigation {
		display: none;
	}
}

.top-post-list {
	list-style-type: none;
	font-weight: 600;
}

.top-post-list > li + li {
	border-top: 1px dashed var(--color-yellow-dull);
}

.top-post-list > li > a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: calc(80px + 2em);
	padding: 1em 3em 1em 0;
	position: relative;
}

.top-post-list > li > a:before {
	content: '\f04b';
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5rem;
	aspect-ratio: 1 / 1;
	background-color: var(--color-yellow);
	border-radius: 50%;
	font-family: var(--font-awesome);
	font-weight: 700;
	font-size: 8px;
	letter-spacing: 0;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.top-post-list > li > a > figure {
	width: 80px;
	aspect-ratio: 1 / 1;
	background-color: #eee;
}

.top-post-list > li > a > figure > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.top-post-list > li > a:has(figure) > div {
	width: calc(100% - 80px - 1em);
}

.top-post-list > li > a > div > h3 {
	font-weight: 600;
	font-size: 1em;
}

@media (max-width: 768px) {
	#top-post > div {
		grid-template-columns: 1fr;
		grid-row-gap: 4em;
	}

	.top-post-list > li > a {
		min-height: unset;
	}
}

#top-specialty > div > div {
	border: 2px dashed var(--color);
	border-radius: 2em;
	padding: 4em;
	margin: 0 4em;
	position: relative;
}

/* #top-specialty > div > div:before {
	content: '';
	display: block;
	width: 8em;
	aspect-ratio: 1 / 1;
	background-image: var(--character2);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translate(-50%, 1em) rotate(-10deg);
	z-index: 1;
} */

#top-specialty-furusato-tax-badge {
	display: block;
	width: clamp(100px, 20vw, 200px);
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(1em, -25%);
	transition: all 0.3s ease;
}

#top-specialty-furusato-tax-badge:hover {
	transform: translate(1em, -25%) scale(1.05);
	filter: brightness(1.1);
	transition: all 0.3s ease;
}

#top-specialty-furusato-tax-badge > img {
	width: 100%;
	height: 100%;
}

#top-specialty-slider {
	overflow-x: hidden;
	padding-bottom: 3em;
	margin-top: 4em;
	position: relative;
}

#top-specialty-slider .swiper-slide {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 4em;
}

#top-specialty-slider .swiper-slide > figure {
	width: 100%;
	aspect-ratio: 3 / 2;
	background-color: #eee;
	border-radius: 1em;
	overflow: hidden;
}

#top-specialty-slider .swiper-slide > figure > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#top-specialty-slider .swiper-slide > div > h3 {
	padding-left: 4em;
	margin: 0.5lh 0 1lh 0;
	position: relative;
}

#top-specialty-slider .swiper-slide > div > h3:before {
	content: attr(data-num);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3em;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-color: var(--color-yellow);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.swiper-pagination-bullet-active {
	background-color: #888;
}

@media (max-width: 768px) {
	#top-specialty > div > div {
		padding: 80px 1em 4em 1em;
		margin: 0;
	}

	#top-specialty > div > div:before {
		transform: translate(-1em, 1em) rotate(-10deg);
	}

	#top-specialty-slider {
		margin-top: 2em;
	}

	#top-specialty-slider .swiper-slide {
		grid-template-columns: 1fr;
		grid-gap: 1em;
	}
}

#top-isa {
	position: relative;
}

#top-isa:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #eee;
	background-image: var(--top-isa-bg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#top-isa > div > h2 {
	display: flex;
	flex-flow: column;
	align-items: center;
	font-family: var(--serif-font);
	font-size: clamp(1.5em, 3vw, 2.5em);
	font-weight: 600;
	margin-bottom: 1em;
}

#top-isa > div > h2:before {
	content: '';
	display: block;
	width: 1em;
	aspect-ratio: 1 / 1;
	background-image: var(--icon-isa);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

#top-isa > div > div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2em;
}

#top-isa > div > div > div {
	align-self: center;
	background-color: rgb(255, 255, 255, 0.5);
	padding: 3em;
	border-radius: 1em;
}

#top-isa > div > div > div > h3 {
	font-size: clamp(1.25em, 2vw, 1.5em);
	white-space: nowrap;
	margin-bottom: 1em;
}

#top-isa > div > div > figure {
	align-self: center;
}

#top-isa > div > div > figure > img {
	width: 75%;
	margin: 0 auto;
}

@media (max-width: 768px) {
	#top-isa > div > div {
		grid-template-columns: 1fr;
	}

	#top-isa > div > h2 {
		font-size: clamp(1.5em, 6vw, 2.5em);
	}
	
	#top-isa > div > div > div {
		padding: 2em;
		margin-bottom: 1em;
	}
}

#top-contents-list {
	list-style-type: none;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2em;
}

#top-contents-list > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 3 / 2;
	background-color: #eee;
	border-radius: clamp(0.5em, 3vw, 1em);
	overflow: hidden;
	position: relative;
}

#top-contents-list > li > a > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	filter: brightness(0.7);
	position: absolute;
	top: 0;
	left: 0;
}

#top-contents-list > li > a > h3 {
	display: flex;
	flex-flow: column;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: clamp(1.25em, 3vw, 2em);
	white-space: nowrap;
	z-index: 1;
}

#top-contents-list > li > a > h3:before {
	content: attr(data-text);
	font-family: var(--slab-font);
	font-size: 0.75em;
}

#top-contents-list > li > a:before {
	content: '\f04b';
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.5em;
	aspect-ratio: 1 / 1;
	color: #fff;
	border-radius: 50%;
	font-family: var(--font-awesome);
	font-weight: 700;
	font-size: clamp(0.75em, 1.75vw, 1.25em);
	letter-spacing: 0;
	position: absolute;
	bottom: 1em;
	right: 1em;
}

#top-contents-list > li.gourmet > a:before {
	background-color: var(--color-orange);
}

#top-contents-list > li.stay > a:before {
	background-color: var(--color-green);
}

#top-contents-list > li.tour > a:before {
	background-color: var(--color-aqua);
}

#top-contents-list > li.course > a:before {
	background-color: var(--color-pink);
}

#top-contents-list > li > a > span {
	display: block;
	width: 10em;
	aspect-ratio: 1 / 1;
	background-color: #888;
	border-radius: 50%;
	font-size: clamp(0.75em, 1.75vw, 1.25em);
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
	z-index: 1;
}

#top-contents-list > li.gourmet > a > span {
	background-color: var(--color-orange);
}

#top-contents-list > li.stay > a > span {
	background-color: var(--color-green);
}

#top-contents-list > li.tour > a > span {
	background-color: var(--color-aqua);
}

#top-contents-list > li.course > a > span {
	background-color: var(--color-pink);
}

#top-contents-list > li > a > span:before {
	content: '';
	width: 15%;
	aspect-ratio: 1 / 1;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 62.5%;
	left: 62.5%;
}

#top-contents-list > li.gourmet > a > span:before {
	background-image: var(--icon-gourmet-white);
}

#top-contents-list > li.stay > a > span:before {
	background-image: var(--icon-stay-white);
}

#top-contents-list > li.tour > a > span:before {
	background-image: var(--icon-tour-white);
}

#top-contents-list > li.course > a > span:before {
	background-image: var(--icon-course-white);
}

@media (max-width: 768px) {
	#top-contents-list {
		grid-template-columns: 1fr;
		grid-gap: 1em;
	}
}

#top-gallery {
	overflow-x: hidden;
}

#top-gallery > div > h2 {
	display: flex;
	justify-content: center;
	font-family: var(--serif-font);
	font-size: clamp(1.5em, 3vw, 2.5em);
	font-weight: 600;
	margin-bottom: 1em;
}

#top-gallery > div > p {
	display: flex;
	justify-content: center;
	text-align: center;
}

#top-gallery-slider {
	margin-top: 4em;
}

#top-gallery-slider .swiper-slide {
	background-color: #eee;
}

#top-gallery-slider .swiper-slide > img {
	aspect-ratio: 3 / 2;
	background-color: #eee;
}

@media (max-width: 768px) {
	#top-gallery > div > h2 {
		font-size: clamp(1.5em, 6vw, 2.5em);
	}
}

#top-sns {
	background-color: var(--color-red-orange-pale);
}

#top-contact {
	background-color: var(--color-red-orange-pale);
}

#top-contact > div > div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	background-color: #fff;
	border-radius: clamp(1em, 2vw, 1.5em);
	padding: 4em 0;
	position: relative;
}

#top-contact > div > div > span {
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
}

#top-contact > div > div > span:first-of-type:before {
	content: '';
	display: block;
	width: 1em;
	aspect-ratio: 1 / 1;
	background-color: #aaa;
	border-radius: 50%;
	position: absolute;
	top: 1.5em;
	left: 1.5em;
}

#top-contact > div > div > span:first-of-type:after {
	content: '';
	display: block;
	width: 1em;
	aspect-ratio: 1 / 1;
	background-color: #aaa;
	border-radius: 50%;
	position: absolute;
	top: 1.5em;
	right: 1.5em;
}

#top-contact > div > div > span:last-of-type:before {
	content: '';
	display: block;
	width: 1em;
	aspect-ratio: 1 / 1;
	background-color: #aaa;
	border-radius: 50%;
	position: absolute;
	bottom: 1.5em;
	left: 1.5em;
}

#top-contact > div > div > span:last-of-type:after {
	content: '';
	display: block;
	width: 1em;
	aspect-ratio: 1 / 1;
	background-color: #aaa;
	border-radius: 50%;
	position: absolute;
	bottom: 1.5em;
	right: 1.5em;
}

#top-contact > div > div > div {
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding: 0 4em;
}

#top-contact > div > div > div > .heading {
	margin-bottom: 0;
}

#top-contact > div > div > div > .tel {
	margin-bottom: 1em;
}

#top-contact > div > div > div > .tel > img {
	max-width: 320px;
	margin: 0 auto;
}

#top-contact > div > div > div > p {
	text-align: center;
	font-size: 0.875em;
}

#top-contact > div > div > div > p > span {
	display: inline-block;
	border: 1px solid var(--color);
	border-radius: 0.5em;
	padding: 0.25em 0.75em;
	margin-right: 1em;
	font-size: 0.75em;
	font-weight: 700;
}

#top-contact > div > div > div > .button-wrap > .button {
	width: 100%;
}

@media (max-width: 768px) {
	#top-contact > div > div {
		grid-template-columns: 1fr;
		grid-gap: 2em;
	}

	#top-contact > div > div > div {
		padding: 0 2em;
	}
}

#top-banner {
	background-color: var(--color-red-orange-pale);
}

.top-banner-list {
	list-style-type: none;
	display: grid;
	grid-gap: 1em;
}

.top-banner-list + .top-banner-list {
	margin-top: 1em;
}

.top-banner-list.col3 {
	grid-template-columns: repeat(3, 1fr);
}

.top-banner-list.col4 {
	grid-template-columns: repeat(4, 1fr);
}

.top-banner-list > li > a {
	display: block;
	aspect-ratio: 3 / 1;
	background-color: #eee;
}

.top-banner-list > li > a > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media (max-width: 768px) {
	.top-banner-list,
	.top-banner-list.col3,
	.top-banner-list.col4 {
		grid-template-columns: 1fr;
		max-width: 300px;
	}
}

.heading {
	max-width: 100%;
	height: 2em;
	margin-bottom: 1em;
	font-size: clamp(0.75em, 4vw, 2.5em);
}

.heading.low {
	font-size: clamp(0.75em, 2vw, 1.25em);
}

.heading > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

@media (max-width: 768px) {
	.heading {
		font-size: clamp(0.75em, 6vw, 2.5em);
	}

	.heading.low {
		font-size: clamp(0.75em, 3vw, 1.25em);
	}
}

/* --------------------------
    contact
-------------------------- */
.grecaptcha-badge {
	z-index: 254;
}

#contact-tel-wrap {
	background-color: var(--color-beige);
	padding: 2.5em 2em 2em 2em;
	border-radius: 1em;
}

#contact-tel-wrap > .tel {
	margin-bottom: 1em;
}

#contact-tel-wrap > .tel > img {
	max-width: 320px;
	margin: 0 auto;
}

#contact-tel-wrap > p {
	text-align: center;
	font-size: 0.875em;
	margin-bottom: 0;
}

#contact-tel-wrap > p > span {
	display: inline-block;
	border: 1px solid var(--color);
	border-radius: 0.5em;
	padding: 0.25em 0.75em;
	margin-right: 1em;
	font-size: 0.75em;
	font-weight: 700;
}

.contactform dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 1rem;
}

.contactform > dl > dt {
	padding: 1em 5em 1em 0;
	position: relative;
	width: 20em;
	font-weight: 600;
	align-items: center;
	display: flex;
}

.contactform > dl > dd {
	padding: 1em 2em;
	width: calc(100% - 20em);
	display: flex;
	justify-content: center;
	flex-flow: column;
	border: none;
}

.contactform > dl > dt.required:after {
	content: '必 須';
	display: block;
	font-size: 10px;
	line-height: 1;
	letter-spacing: 0;
	padding: 0.5em 1em;
	background: var(--color-red-orange);
	color: #fff;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 3px;
}

.contactform > dl > dt:not(.required):after {
	content: '任 意';
	display: block;
	font-size: 10px;
	color: var(--color);
	line-height: 1;
	letter-spacing: 0;
	padding: 0.5em 1em;
	background-color: #eee;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 3px;
}

.contactform > dl > dd input[type=text],
.contactform > dl > dd input[type=email],
.contactform > dl > dd input[type=tel],
.contactform > dl > dd textarea {
	display: block;
	width: 100%;
	border-radius: 3px;
	border: none;
	border: 1px solid #ccc;
	padding: 0.5em 1em;
}

.contactform > dl > dd select {
	display: block;
	border-radius: 3px;
	border: none;
	border: 1px solid #ccc;
	padding: 0.5em 1em;
}

.contactform > dl > dd input[type=date] {
	width: 30%;
	display: block;
	border-radius: 3px;
	border: none;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	padding: 0.5em 1em;
}

.contactform > dl > dd select {
	padding: 0.5em 1em;
}

.contactform > dl > dd input[type=number] {
	display: block;
	border-radius: 3px;
	border: none;
	border: 1px solid #ccc;
	padding: 0.5em 1em;
}

.contactform > dl > dd input.inline {
	display: inline-block;
}

.contactform > dl > dd input[readonly="readonly"] {
	background-color: transparent;
	border: none;
	padding: 0.5em 0;
}

.contactform > dl > dd input[readonly="readonly"]:focus {
	outline: none;
}

.contactform > dl > dd >.zip-wrap input[type=text] {
	width: 10em;
	margin: 0 0.25em;
}

.agreement-wrap {
	text-align: center;
	margin-bottom: 1rem;
}

.contactform input[name=agreement] {
	appearance: none;
	-webkit-appearance: none;
	border: none;
}

.contactform input[name=agreement] + span {
	display: flex;
	justify-content: center;
	align-items: center;
}

.contactform input[name=agreement] + span:hover {
	cursor: pointer;
}

.contactform input[name=agreement] + span:before {
	content: '';
	display: inline-block;
	width: 3rem;
	height: 3rem;
	border: 1px solid #aaa;
	border-radius: 3px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGZvY3VzYWJsZT0iZmFsc2UiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIgoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQUFBQUFBO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3My45LDQzOS40TDcuNSwyNzNjLTEwLTEwLTEwLTI2LjIsMC0zNi4ybDM2LjItMzYuMmMxMC0xMCwyNi4yLTEwLDM2LjIsMEwxOTIsMzEyLjdMNDMyLjEsNzIuNgoJYzEwLTEwLDI2LjItMTAsMzYuMiwwbDM2LjIsMzYuMmMxMCwxMCwxMCwyNi4yLDAsMzYuMkwyMTAuMSw0MzkuNEMyMDAuMSw0NDkuNCwxODMuOSw0NDkuNCwxNzMuOSw0MzkuNEwxNzMuOSw0MzkuNHoiLz4KPC9zdmc+Cg==);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 1rem;
	background-color: #fff;
}

.contactform input[name=agreement]:checked + span:before {
	content: '';
	display: inline-block;
	width: 3rem;
	height: 3rem;
	border: 1px solid #333;
	border-radius: 3px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjaGVjayIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWNoZWNrIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ij48L3BhdGg+PC9zdmc+);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
}

.contactform .submit-wrap {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.contactform .submit-wrap > .wpcf7-spinner {
	margin-top: 1em;
}

.contactform .submit-wrap > input[type=submit] {
	width: 100%;
	max-width: 280px;
	border: none;
	color: var(--color);
	font-weight: 700;
	background-color: var(--color-yellow);
	padding: 1rem 2rem;
	border-radius: 0.5em;
	cursor: pointer;
}

.contactform .submit-wrap > input[type=submit]:hover {
	opacity: 0.7;
}

.contactform .submit-wrap > input[type=submit]:disabled {
	color: #aaa;
	background-color: #ddd;
	cursor: not-allowed;
}

.contactform > dl > dd >.zip-wrap > span {
	display: flex;
	align-items: center;
}

.contactform > dl > dd >.zip-wrap + span {
	margin-top: 0.5em;
}

.contactform > dl > dd >.zip-wrap input[type=text] {
	width: 10em;
	margin: 0.25em;
}

.contactform > dl > dd >.zip-wrap > span:before {
	content: "〒";
}

@media (max-width: 810px) {
	.contactform > dl {
		flex-flow: column;
	}
	
	.contactform > dl > dt {
		display: block;
		width: 100%;
		padding: 0 5em 0 0;
		margin-bottom: 0.5em;
	}

	.contactform > dl > dt.required:after,
    .contactform > dl > dt:not(.required):after {
		right: 0;
	}

	.contactform > dl > dd {
		display: block;
		width: 100%;
		padding: 0;
	}

	.contactform > dl > dt:not(:first-of-type) {
		margin-top: 1em;
	}

	#contact-tel-wrap {	
		padding: 1.5em 1em 1em 1em;
	}

	#contact-tel-wrap > .tel > img {
		max-width: 240px;
	}
}


/* --------------------------
    page
-------------------------- */
#page-header + #page-wrap > #page-content {
	padding-top: 0;
}

#page-header > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4em 1em;
}

#page-header > div > h2 {
	font-size: clamp(1.5em, 3vw, 2em);
	font-weight: 600;
}

#page-header > div > #breadcrumb {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	font-size: 0.875em;
	font-weight: 600;
}

#page-header > div > #breadcrumb > li + li {
	padding-left: 1.25em;
	position: relative;
}

#page-header > div > #breadcrumb > li:not(:last-of-type) {
	margin-right: 1em;
}

#page-header > div > #breadcrumb > li + li:before {
	content: '';
	display: block;
	border-top: 0.4em solid transparent;
	border-bottom: 0.4em solid transparent;
	border-left: 0.4em solid var(--color-green);
	position: absolute;
	top: calc(0.5lh + 0.25em);
	left: 0;
	transform: translateY(-50%);
}

#page-header > div > #breadcrumb > li > * {
    display: inline-block;
    border-radius: 0.5em;
    padding: 0.25em 0.75em;
}

#page-header > div > #breadcrumb > li > a {
    background-color: var(--color-beige);
}

@media (max-width: 768px) {
	#page-header > div {
		flex-flow: column;
		justify-content: unset;
		align-items: center;
		padding: 2em 1em;
	}

	#page-header > div > #breadcrumb {
		margin-top: 1em;
	}
}

/* --------------------------
    archive custom common
-------------------------- */
#archive-page-header + #page-wrap > #page-content {
	padding-top: 0;
}

#archive-page-header > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4em 1em;
}

#archive-page-header > div > h2 {
	font-size: clamp(1.5em, 3vw, 2em);
	font-weight: 600;
	padding-left: 1.5em;
	background-position: left top 0.375em;
	background-repeat: no-repeat;
	background-size: 1em auto;
}

#archive-page-header > div > h2.post {
	background-image: var(--icon-post);
}

#archive-page-header > div > h2.tag,
#archive-page-header > div > h2.tags {
	background-image: var(--icon-tag);
}

#archive-page-header > div > h2.sightseeing,
#archive-page-header > div > h2.sightseeings {
	background-image: var(--icon-sightseeing);
}

#archive-page-header > div > h2.gourmet,
#archive-page-header > div > h2.gourmets {
	background-image: var(--icon-gourmet);
}

#archive-page-header > div > h2.stay,
#archive-page-header > div > h2.stays {
	background-image: var(--icon-stay);
}

#archive-page-header > div > h2.tour,
#archive-page-header > div > h2.tours {
	background-image: var(--icon-tour);
}

#archive-page-header > div > h2.course,
#archive-page-header > div > h2.courses {
	background-image: var(--icon-course);
}

#archive-page-header > div > h2.specialty,
#archive-page-header > div > h2.specialties {
	background-image: var(--icon-specialty);
}

#archive-page-header > div > h2.event,
#archive-page-header > div > h2.events {
	background-image: var(--icon-event);
}

#archive-page-header > div > #breadcrumb {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	font-size: 0.875em;
	font-weight: 600;
}

#archive-page-header > div > #breadcrumb > li + li {
	padding-left: 1.25em;
	position: relative;
}

#archive-page-header > div > #breadcrumb > li:not(:last-of-type) {
	margin-right: 1em;
}

#archive-page-header > div > #breadcrumb > li + li:before {
	content: '';
	display: block;
	border-top: 0.4em solid transparent;
	border-bottom: 0.4em solid transparent;
	border-left: 0.4em solid var(--color-green);
	position: absolute;
	top: calc(0.5lh + 0.25em);
	left: 0;
	transform: translateY(-50%);
}

#archive-page-header > div > #breadcrumb > li > * {
    display: inline-block;
    border-radius: 0.5em;
    padding: 0.25em 0.75em;
}

#archive-page-header > div > #breadcrumb > li > a {
    background-color: var(--color-beige);
}

#term-list {
	list-style-type: none;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1em;
	padding-top: 3em;
	margin-bottom: 4em;
	position: relative;
}

#term-list:before {
	content: '絞り込み検索';
	font-size: 0.875em;
	padding: 0.5em 1em;
	border-radius: 0.25em;
	background-color: var(--color);
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}

.term-select-wrap {
	height: 100%;
	border: 1px solid var(--color);
	border-radius: 0.5em;
	position: relative;
	overflow: hidden;
}

.term-select-wrap:before {
	content: attr(data-text);
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: #fff;
	padding: 1em 3em 1em 2em;
	line-height: 1;
	pointer-events: none;
	font-weight: 700;
	color: var(--color-brown-dark);
	position: absolute;
	top: 0;
	left: 0;
}

.term-select-wrap:after {
	content: '\f0d7';
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: var(--font-awesome);
	font-weight: 700;
	letter-spacing: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	right: 0.75lh;
	transform: translateY(-50%);
}

.term-select-wrap > select {
	display: block;
	width: 100%;
	appearance: none;
	border: none;
	outline: none;
	background-color: transparent;
	padding: 1em 3em 1em 2em;
	font-size: 1em;
	color: var(--color);
}

.term-select-wrap > select:focs {
	outline: none;
}

#term-list > li > a {
	display: block;
	height: 100%;
	padding: 1em 3em 1em 2em;
	border: 1px solid var(--color);
	border-radius: 0.5em;
	font-weight: 700;
	position: relative;
}

#term-list > li > a:before {
	content: '\f04b';
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4em;
	aspect-ratio: 1 / 1;
	background-color: var(--color-brown-light);
	color: #fff;
	border-radius: 50%;
	font-family: var(--font-awesome);
	font-weight: 700;
	font-size: 6px;
	letter-spacing: 0;
	position: absolute;
	top: 50%;
	right: 3em;
	transform: translateY(-50%);
}

#term-select-back {
	display: inline-block;
	padding: 1em 2em 1em 4em;
	font-size: 1em;
	font-weight: 700;
	color: var(--color);
	border: 1px solid var(--color);
	border-radius: 0.5em;
	margin-bottom: 1em;
	position: relative;
}

#term-select-back:before {
	content: '\f04b';
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4em;
	aspect-ratio: 1 / 1;
	background-color: var(--color-brown-light);
	color: #fff;
	border-radius: 50%;
	font-family: var(--font-awesome);
	font-weight: 700;
	font-size: 6px;
	letter-spacing: 0;
	position: absolute;
	top: 50%;
	left: 3em;
	transform: translateY(-50%);
}

@media (max-width: 768px) {
	#term-list {
		grid-template-columns: 1fr 1fr;
		grid-gap: 0.5em;
	}

	#archive-page-header > div {
		flex-flow: column;
		justify-content: unset;
		align-items: center;
		padding: 2em 1em;
	}

	#archive-page-header > div > #breadcrumb {
		margin-top: 1em;
	}

	#term-select-back:before {
		font-size: 4px;
	}

	#term-list > li > a:before {
		font-size: 4px;
	}
}

/* --------------------------
    single custom common
-------------------------- */
#single-custom-header.course {
	background-color: var(--course-theme-color-pale);
}

#single-custom-header > div {
	padding: 4em 1em 0 1em;
}

#single-custom-meta {
	display: flex;
	justify-content: space-between;
}

#single-custom-meta .label {
	display: flex;
	align-items: center;
	font-weight: 700;
}

#single-custom-meta .label.sightseeing {
	color: var(--color-red-orange);
}

#single-custom-meta .label.gourmet {
	color: var(--color-orange);
}

#single-custom-meta .label.stay {
	color: var(--color-green);
}

#single-custom-meta .label.tour {
	color: var(--color-aqua);
}

#single-custom-meta .label.course {
	color: var(--color-pink);
}

#single-custom-meta .label.specialty {
	color: var(--color-brown);
}

#single-custom-meta .label.event {
	color: var(--color-lime-green);
}

#single-custom-meta .label:before {
	content: '';
	width: 1em;
	height: 1em;
	background-position: center left;
	background-size: 1em 1em;
	background-repeat: no-repeat;
	display: block;
	margin-right: 0.5em;
}

#single-custom-meta .label.sightseeing:before {
	background-image: var(--icon-sightseeing);
}

#single-custom-meta .label.gourmet:before {
	background-image: var(--icon-gourmet);
}

#single-custom-meta .label.stay:before {
	background-image: var(--icon-stay);
}

#single-custom-meta .label.tour:before {
	background-image: var(--icon-tour);
}

#single-custom-meta .label.course:before {
	background-image: var(--icon-course);
}

#single-custom-meta .label.specialty:before {
	background-image: var(--icon-specialty);
}

#single-custom-meta .label.event:before {
	background-image: var(--icon-event);
}

#single-custom-meta .ruby {
	font-weight: 600;
}

#single-custom-meta .area {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	font-weight: 700;
}

#single-custom-meta .area > a {
	display: inline-block;
	padding-left: 1.5em;
	margin: 0 0 0.5em 0.5em;
	background-image: var(--icon-sightseeing);
	background-size: 1em 1em;
	background-position: top 0.375em left;
	background-repeat: no-repeat;
}

#single-custom-meta .tag {
	font-size: 0.875em;
	font-weight: 600;
	margin-top: 0.5em;
	justify-self: flex-end;
}

#single-custom-meta .tag > a {
	display: inline-block;
	border-radius: 0.5em;
	background-color: var(--color-beige);
	padding: 0.25em 0.75em;
	margin: 0 0 0.5em 0.5em;
}

.course #single-custom-meta .tag > a {
	background-color: #fff;
}

#single-custom-meta .tag > a:before {
	content: '#';
}

@media (max-width: 768px) {
	#single-custom-meta {
		flex-flow: column;
	}
	
	#single-custom-meta .area {
		margin-top: 0.5em;
	}

	#single-custom-header > div {
		padding: 2em 1em 0 1em;
	}
}


#single-custom-slider-wrapper {
	margin-bottom: 4em;
	position: relative;
}

#single-custom-slider {
	position: relative;
	padding-bottom: 3em;
}

#single-custom-slider .swiper-slide {
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

#single-custom-slider .swiper-slide > figure {
	border-radius: clamp(2em, 4vw, 4em);
	overflow: hidden;
	aspect-ratio: 3 / 2;
	width: 100%;
    height: 100%;
}

#single-custom-slider .swiper-slide > figure > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#single-custom-slider-wrapper .swiper-navigation {
	position: absolute;
    top: 50%;
    width: calc(100% - 1em);
    height: 4em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    transform: translate(0%, calc(-50% - 1.5em));
    top: 50%;
    z-index: 3;
    left: 0.5em;
}

#single-custom-slider-wrapper .swiper-button-prev:after {
	display: flex;
	justify-content: center;
	align-items: center;
	content: '\f053';
	width: 3em;
	height: 3em;
	font-family: var(--font-awesome);
	font-weight: 700;
	font-size: 1.5em;
	color: #fff;
	border-radius: 50%;
}

#single-custom-slider-wrapper .swiper-button-prev {
	width: 4em;
	height: 4em;
	background-color: var(--color-yellow);
	border-radius: 50%;
	margin-top: 0;
	position: inherit;
	top: 0;
	left: 0;
}

#single-custom-slider-wrapper .swiper-button-next:after {
	display: flex;
	justify-content: center;
	align-items: center;
	content: '\f054';
	width: 3em;
	height: 3em;
	font-family: var(--font-awesome);
	font-weight: 700;
	font-size: 1.5em;
	color: #fff;
	border-radius: 50%;
	margin-top: 0;
}

#single-custom-slider-wrapper .swiper-button-next {
    width: 4em;
    height: 4em;
    background-color: var(--color-yellow);
	border-radius: 50%;
	margin-top: 0;
	position: inherit;
	top: 0;
	right: 0;
}

@media (max-width: 768px) {
	#single-custom-slider-wrapper {
		margin-bottom: 2em;
	}
	
	#single-custom-slider-wrapper .swiper-navigation {
		width: 100%;
		left: 0;
		height: 3em;
	}
	
	#single-custom-slider-wrapper .swiper-button-prev,
	#single-custom-slider-wrapper .swiper-button-next {
		width: 3em;
		height: 3em;
	}
	
	#single-custom-slider-wrapper .swiper-button-prev:after,
	#single-custom-slider-wrapper .swiper-button-next:after {
		font-size: 1.25em;
	}
}

.single-custom-content-wrapper + .single-custom-content-wrapper {
	margin-top: 3em;
}

.single-custom-content-wrapper > div {
	display: flex;
	justify-content: space-between;
}

.single-custom-content-wrapper > div:not(:has(div)) {
	display: block;
}

.single-custom-content-wrapper:nth-of-type(even) > div {
	flex-flow: row-reverse; 
}

.single-custom-content-wrapper > div > div {
	width: calc(60% - 1em);
}

.single-custom-content-wrapper > div:not(:has(figure)) > div {
	width: 100%;
}

.single-custom-content-wrapper > div:not(:has(div)) > figure {
	width: 75%;
	max-width: 800px;
	margin: 0 auto;
}

.single-custom-content-wrapper > div > figure {
	border-radius: clamp(1em, 2.5vw, 2em);
	overflow: hidden;
	aspect-ratio: 3 / 2;
	width: calc(40% - 1em);
	height: 100%;
}

.single-custom-content-wrapper > div > figure > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

@media (max-width: 768px) {
	.single-custom-content-wrapper > div,
	.single-custom-content-wrapper:nth-of-type(even) > div {
		flex-flow: column-reverse;
	}

	.single-custom-content-wrapper > div > figure {
		width: 100%;
	}
	
	.single-custom-content-wrapper > div > div {
		width: 100%;
		margin-top: 1em;
	}
}


/* --------------------------
    gourmet
-------------------------- */
#single-information-heading {
	font-size: 1.5em;
	font-weight: 600;
	margin-bottom: 1em;
}

#single-information-heading:before {
	content: ' \f05a';
	font-family: var(--font-awesome);
	margin-right: 0.25em;
}

.single-information-list {
	padding: 2em 3em;
	border: 1px solid var(--color);
	border-radius: 2em;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}

.single-information-list > dt {
	padding: 0 1em;
	font-weight: 600;
	display: flex;
    align-items: center;
    width: 15em;
    padding: 1em 0;
    font-weight: 700;
}

.single-information-list > dt:not(:last-of-type) {
	border-bottom: 1px solid var(--color-yellow-dull);
}

.single-information-list > dd {
	width: calc(100% - 15em);
    padding: 1em 0 1em 1em;
}

.single-information-list > dd:not(:last-of-type) {
	border-bottom: 1px solid var(--color-yellow-dull);
}

.single-information-list > dt:first-of-type,
.single-information-list > dd:first-of-type {
	padding-top: 0;
}
.button:before {
	content: '\f04b';
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5rem;
	aspect-ratio: 1 / 1;
	background-color: #fff;
	border-radius: 50%;
	font-family: var(--font-awesome);
	font-weight: 700;
	font-size: 8px;
	letter-spacing: 0;
	position: absolute;
	top: 50%;
	right: 0.75lh;
	transform: translateY(-50%);
}
.single-information-list > dt:last-of-type,
.single-information-list > dd:last-of-type {
	padding-bottom: 0;
}

#single-map-wrapper > figure {
	aspect-ratio: 2 / 1;
	border-radius: 2em;
	overflow: hidden;
}

#single-map-wrapper > figure iframe {
	width: 100%;
	height: 100%;
}

#single-map-wrapper > div {
	margin-top: 0.5em;
	text-align: right;
}

@media (max-width: 768px) {
	.content-wrapper + .content-wrapper {
		margin-top: 2em;
	}
	
	.content-wrapper > div {
		flex-flow: column-reverse;
	}
	
	.content-wrapper:nth-of-type(even) > div {
		flex-flow: column-reverse;
	}
	
	.content-wrapper > div > figure {
		width: 100%;
		margin-bottom: 2em;
	}
	
	.content-wrapper > div > div {
		width: 100%;
	}
	
	.single-information-list {
		padding: 2em;
		border-radius: 1em;
	}
	
	.single-information-list > dt {
		width: 100%;
		padding: 1em 0 0 0;
	}
	
	.single-information-list > dt:not(:last-of-type) {
		border-bottom: none;
	}
	
	.single-information-list > dd {
		width: 100%;
		padding: 0 0 1em 0;
	}
	
	#single-map-wrapper > figure {
		aspect-ratio: 1 / 1;
	}	
}

/* --------------------------
    tour
-------------------------- */
#single-tour-flyer-image {
	width: 100%;
	max-width: 800px;
	max-height: 800px;
	margin: 0 auto;
}

.single-tour-content-wrapper + .single-tour-content-wrapper {
	margin-top: 2em;
}

.single-tour-content-wrapper > figure {
	width: 100%;
	aspect-ratio: 3 / 2;
    border-radius: clamp(1em, 2.5vw, 2em);
	overflow: hidden;
	margin-bottom: 2em;
}

.single-tour-content-wrapper > figure > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


/* --------------------------
    event
-------------------------- */
#event-summary {
	display: grid;
	grid-template-columns: 6em auto;
	grid-column-gap: 1em;
	grid-row-gap: 0.5em;
	font-size: clamp(1.125em, 2.25vw, 1.375em);
	font-weight: 600;
}

* + #single-event-main-image {
	margin-top: 4em;
}

#single-event-main-image {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.single-event-flyer {
	width: 100%;
	max-width: 800px;
	margin: 4em auto;
}

.single-event-flyer > img {
	width: 100%;
}


/* --------------------------
    specialty
-------------------------- */
#single-specialty-catch-copy {
	display: flex;
	justify-content: center;
	font-size: clamp(1.25em, 3vw, 1.75em);
	margin-bottom: 2em;
}


/* --------------------------
    course
-------------------------- */
#single-course-header {
	display: flex;
	flex-flow: column;
	align-items: center;
}

#single-course-header > p {
	text-align: center;
	margin-bottom: 4em;
	font-size: clamp(1.125em, 2vw, 1.25em);
	font-weight: 700;
	letter-spacing: 0.2em;
	word-break: auto-phrase;
	white-space: nowrap;
	line-height: 2;
}

#single-course-button-list {
	list-style-type: none;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 1em;
	margin-bottom: 4em;
}

#single-course-button-list > li > a {
    display: block;
    height: 100%;
    padding: 1em 3em 1em 2em;
	background-color: #fff;
    border: 1px solid var(--color);
    border-radius: 0.5em;
    font-weight: 700;
    position: relative;
}

#single-course-button-list > li > a:before {
    content: '\f04b';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4em;
    aspect-ratio: 1 / 1;
    background-color: var(--color-brown-light);
    color: #fff;
    border-radius: 50%;
    font-family: var(--font-awesome);
    font-weight: 700;
    font-size: 6px;
    letter-spacing: 0;
    position: absolute;
    top: 50%;
    right: 3em;
    transform: translateY(-50%);
}

#single-course-content {
	background-color: var(--course-theme-color-pale);
}

.single-course-wrap {
	position: relative;
}

.single-course-wrap {
	margin-top: 10em;
}

.single-course-spot {
	position: relative;
}

.single-course-spot > .heading-wrap > div > h2 {
	font-size: clamp(1.25em, 2.5vw, 1.5em);
	padding-left: 1.5em;
	margin-bottom: 0.5em;
	position: relative;
}

.single-course-spot > h3 {
	text-align: center;
	margin: 2em 0 0.5em 0;
	position: relative;
}

.single-course-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2em;
}

.single-course-content > figure {
	grid-row: 1;
	grid-column: 1;
	position: relative;
}

.single-course-content > figure:before {
	content: attr(data-text);
	font-family: var(--script-font);
	font-size: clamp(2em, 4vw, 4em);
	letter-spacing: 0;
	line-height: 1;
	color: var(--course-theme-color);
	text-shadow: 2px 2px 0 #fff;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-5deg) translate(-12.5%, -25%);
}

.single-course-content > figure:after {
	content: '';
	width: 7.5%;
	aspect-ratio: 1 / 1;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	transform: translate(40%, -40%);
}

.spring .single-course-content > figure:after {
	background-image: var(--course-ornament1-spring);
}

.single-course-content > div {
	grid-row: 1;
	grid-column: 2;
	align-self: center;
}

#single-course-button-list + .single-course-wrap {
	margin-top: 14em;
}

#single-course-button-list + .single-course-wrap:before {
	content: '';
	display: block;
	width: 100%;
	height: 14em;
	background-position: center;
	background-size: auto 8em;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-100%);
}

.spring #single-course-button-list + .single-course-wrap:before {
	background-image: var(--course-ornament5-spring);
}

.summer #single-course-button-list + .single-course-wrap:before {
	background-image: var(--course-ornament5-summer);
}

.autumn #single-course-button-list + .single-course-wrap:before {
	background-image: var(--course-ornament5-autumn);
}

.winter #single-course-button-list + .single-course-wrap:before {
	background-image: var(--course-ornament5-winter);
}

.single-course-wrap + .single-course-wrap:before {
	content: '';
	display: block;
	width: 100%;
	height: 10em;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-100%);
}

.spring .single-course-wrap + .single-course-wrap:nth-of-type(odd):before {
	background-image: var(--course-ornament3-1), var(--course-ornament4-spring);
	background-position: center, left center;
	background-repeat: no-repeat, no-repeat;
	background-size: 8em auto, 25% auto;
}

.spring .single-course-wrap + .single-course-wrap:nth-of-type(even):before {
	background-image: var(--course-ornament3-2), var(--course-ornament4-spring);
	background-position: center, right center;
	background-repeat: no-repeat, no-repeat;
	background-size: 8em auto, 25% auto;
}

.summer .single-course-wrap + .single-course-wrap:nth-of-type(odd):before {
	background-image: var(--course-ornament3-1), var(--course-ornament4-summer);
	background-position: center, left center;
	background-repeat: no-repeat, no-repeat;
	background-size: 8em auto, 25% auto;
}

.summer .single-course-wrap + .single-course-wrap:nth-of-type(even):before {
	background-image: var(--course-ornament3-2), var(--course-ornament4-summer);
	background-position: center, right center;
	background-repeat: no-repeat, no-repeat;
	background-size: 8em auto, 25% auto;
}

.autumn .single-course-wrap + .single-course-wrap:nth-of-type(odd):before {
	background-image: var(--course-ornament3-1), var(--course-ornament4-autumn);
	background-position: center, left center;
	background-repeat: no-repeat, no-repeat;
	background-size: 8em auto, 25% auto;
}

.autumn .single-course-wrap + .single-course-wrap:nth-of-type(even):before {
	background-image: var(--course-ornament3-2), var(--course-ornament4-autumn);
	background-position: center, right center;
	background-repeat: no-repeat, no-repeat;
	background-size: 8em auto, 25% auto;
}

.winter .single-course-wrap + .single-course-wrap:nth-of-type(odd):before {
	background-image: var(--course-ornament3-1), var(--course-ornament4-winter);
	background-position: center, left center;
	background-repeat: no-repeat, no-repeat;
	background-size: 8em auto, 25% auto;
}

.winter .single-course-wrap + .single-course-wrap:nth-of-type(even):before {
	background-image: var(--course-ornament3-2), var(--course-ornament4-winter);
	background-position: center, right center;
	background-repeat: no-repeat, no-repeat;
	background-size: 8em auto, 25% auto;
}

.single-course-wrap:nth-of-type(odd) .single-course-content > figure {
	grid-column: 2;
}

.single-course-wrap:nth-of-type(odd) .single-course-content > div {
	grid-column: 1;
}

.single-course-wrap:nth-of-type(odd) .single-course-content:not(:has(figure)) > div,
.single-course-wrap:nth-of-type(even) .single-course-content:not(:has(figure)) > div {
	grid-row: 1;
	grid-column: 1 / span 2;
}

.single-course-content > div > .heading-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 2em;
}

.single-course-content > div > .heading-wrap > span {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 3em;
	height: 3em;
	margin-right: 0.5em;
	color: #fff;
	line-height: 1.25;
	font-size: 1.5em;
	font-weight: 700;
	letter-spacing: 0.05em;
	position: relative;
	z-index: 1;
}

.single-course-content > div > .heading-wrap > span:before {
	content: 'spot';
	font-size: 0.5em;
}

.single-course-content > div > .heading-wrap > span:after {
	content: '';
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	background-color: #eee;
	border-radius: 50% 50% 0 50%;
	background-color: var(--course-theme-color);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transform: rotate(45deg);
}

.single-course-content > div > .heading-wrap > div {
	width: calc(100% - 4em);
}

.single-course-content > div > .heading-wrap > div > h3 {
	color: var(--course-theme-color);
	line-height: 1.25;
}

.single-spot-nearby-heading {
	display: flex;
	justify-content: center;
	align-items: center;
}

.single-spot-nearby-heading:before {
	content: '';
	display: block;
	width: 5em;
	aspect-ratio: 3 / 2;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 0.5em;
}

.spring .single-spot-nearby-heading:before {
	background-image: var(--course-ornament2-spring);
}

.summer .single-spot-nearby-heading:before {
	background-image: var(--course-ornament2-summer);
}

.autumn .single-spot-nearby-heading:before {
	background-image: var(--course-ornament2-autumn);
}

.winter .single-spot-nearby-heading:before {
	background-image: var(--course-ornament2-winter);
}

.single-spot-nearby-list {
	list-style-type: none;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 2em;
}

.single-spot-nearby-list > li > .nearby-image {
	display: block;
	position: relative;
}

.single-spot-nearby-list > li > a.nearby-image:before {
	content: '';
	width: 35%;
	aspect-ratio: 2 / 1;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.spring .single-spot-nearby-list > li > a.nearby-image:before {
	background-image: var(--course-check-spring);
}

.summer .single-spot-nearby-list > li > a.nearby-image:before {
	background-image: var(--course-check-summer);
}

.autumn .single-spot-nearby-list > li > a.nearby-image:before {
	background-image: var(--course-check-autumn);
}

.winter .single-spot-nearby-list > li > a.nearby-image:before {
	background-image: var(--course-check-winter);
}

.single-spot-nearby-list > li > .nearby-image > svg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.2s ease;
}

.single-spot-nearby-list > li > a.nearby-image:hover > svg {
	opacity: 0.7;
	transform: scale(1.05);
	transition: all 0.2s ease;
}

.single-spot-nearby-list > li > .nearby-title {
	display: block;
	margin-top: 0.5em;
}

.single-spot-nearby-list > li > .nearby-title > h5 {
	display: flex;
	justify-content: center;
	font-size: 1em;
}

.single-spot-nearby-list > li > a.nearby-title:hover > h5 {
	text-decoration: underline;
}

#course-relate-content.spring {
	background-color: var(--color-spring-pale);
}

#course-relate-content.summer {
	background-color: var(--color-summer-pale);
}

#course-relate-content.autumn {
	background-color: var(--color-autumn-pale);
}

#course-relate-content.winter {
	background-color: var(--color-winter-pale);
}

#course-relate-big-heading {
	display: flex;
	justify-content: center;
	font-size: clamp(1.25em, 2.25vw, 2em);
	font-weight: 600;
	margin-bottom: 0.5em;
}

#course-relate-big-heading > span {
	padding: 1em 2em 0 4.5em;
	position: relative;
}

#course-relate-big-heading > span:before {
	content: '';
	display: block;
	width: 4em;
	height: 3em;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(25%, -100%);
}

#course-relate-content.spring #course-relate-big-heading > span:before {
	background-image: var(--course-ornament6-spring);
}

#course-relate-content.summer #course-relate-big-heading > span:before {
	background-image: var(--course-ornament6-summer);
}

#course-relate-content.autumn #course-relate-big-heading > span:before {
	background-image: var(--course-ornament6-autumn);
}

#course-relate-content.winter #course-relate-big-heading > span:before {
	background-image: var(--course-ornament6-winter);
}

.course-relate-heading {
	font-size: clamp(1.25em, 2vw, 1.75em);
	font-weight: 600;
	padding-left: 2.5em;
	margin-bottom: 1em;
	position: relative;
}

.course-relate-heading:before {
	content: '';
	width: 2em;
	aspect-ratio: 1 / 1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.course-relate-heading.gourmet:before {
	background-image: var(--icon-gourment);
}

.course-relate-heading.stay:before {
	background-image: var(--icon-stay);
}

.course-relate-heading.specialty:before {
	background-image: var(--icon-specialty);
}

.course-relate-heading.gourmet:before {
	background-image: var(--icon-gourmet);
}

.single-relate-wrap + .single-relate-wrap {
	margin-top: 4em;
}

#course-relate-content .article-list > li > .tag > a {
	background-color: #fff;
}

@media (max-width: 768px) {
	#single-course-button-list {
		grid-template-columns: 1fr 1fr;
		grid-gap: 0.5em;
	}

	.single-course-spot {
		padding: 1.5em;
	}

	.single-course-spot:before {
		left: 0.25em;
	}

	.single-course-content {
		grid-template-columns: 1fr;
	}

	.single-course-wrap:nth-of-type(odd) .single-course-content > figure {
		grid-column: unset;
	}
	
	.single-course-content > figure,
	.single-course-content > div {
		grid-column: unset;
		grid-row: unset;
	}

	.single-course-content > figure:before {
		font-size: clamp(2em, 10vw, 4em);
	}

	.single-spot-nearby-list {
		grid-template-columns: 1fr;
	}

	.single-course-content > div > .button-wrap.right {
		text-align: center;
	}

	.single-relate-wrap > .article-list {
		max-width: 100%;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1em;
		font-size: 0.75em;
	}
}


/* --------------------------
    gallery
-------------------------- */
.gallery-list {
	list-style-type: none;
	width: 100% !important;
}

.gallery-list > .item {
    width: calc(100% / 4 - 6px);
    margin-top: 8px;
}

.lum-lightbox {
	z-index: 255;
}

.lum-lightbox-inner img {
	margin: 0 auto;
}

@media (max-width: 768px) {
	.gallery-list > .item {
    	width: calc(100% / 2 - 4px);
	}
}


/* --------------------------
    tags
-------------------------- */
#tag-list {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.25em;
	font-weight: 600;
}

#tag-list > li > a {
	display: inline-block;
	border-radius: 0.5em;
	background-color: var(--color-beige);
	padding: 0.25em 0.75em;
	margin: 0 0.5em 0.5em 0;
}

#tag-list > li > a:before {
	content: '#';
}


/* --------------------------
    areas
-------------------------- */
#area-list {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.25em;
	font-weight: 600;
}

#area-list > li > a {
	display: inline-flex;
	align-items: center;
	border-radius: 0.5em;
	background-color: var(--color-beige);
	padding: 0.25em 0.75em;
	margin: 0 0.5em 0.5em 0;
}

#area-list > li > a:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
    background-image: var(--icon-sightseeing);
	background-size: 1em 1em;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 0.25em;
}


/* --------------------------
    swiper
-------------------------- */
.swiper-pagination-bullet-active {
	background-color: var(--color);
}


/* --------------------------
    access
-------------------------- */
#access-header > div {
	display: flex;
	flex-flow: column;
	align-items: center;
}

#access-header > div > p {
	text-align: center;
	font-size: clamp(1.125em, 2vw, 1.25em);
	font-weight: 700;
	letter-spacing: 0.2em;
	word-break: auto-phrase;
	line-height: 2;
}

#access-map > div > img {
	max-width: 640px;
	margin: 0 auto 2em auto;
}

#access-map-way {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2em;
}

#access-map-way > div:last-of-type:nth-of-type(odd) {
	grid-column: span 2;
}

#access-map-way > div {
	padding: 2em 3em;
	border: 3px solid var(--color-yellow);
	border-radius: clamp(0.5em, 2vw, 1em);
}

#access-map-way > div > ul {
	padding-left: 1em;
	margin-bottom: 1em;
}

#access-map-way > div > ul > li + li {
	margin-top: 0.5em;
}

#access-map-way > div > ul > li > span {
	display: inline-block;
	background-color: var(--color-aqua);
	padding: 0.25lh 0.5lh;
	border-radius: 0.75lh;
	color: #fff;
	font-size: 0.75em;
	font-weight: 600;
	margin: 0 0.5em;
}

#access-gmap-wrap {
	aspect-ratio: 8 / 3;
	background-color: #eee;
	border-radius: clamp(1em, 3vw, 2em);
	overflow: hidden;
	margin-top: 4em;
}

#access-gmap-wrap > iframe {
	width: 100%;
	height: 100%;
}

@media (max-width: 768px) {
	#access-map-way {
		grid-template-columns: 1fr;
		grid-gap: 1em;
	}

	#access-map-way > div {
		padding: 1em 1.5em;
	}

	#access-map-way > div:last-of-type:nth-of-type(odd) {
		grid-column: span 1;
	}

	#access-gmap-wrap {
		aspect-ratio: 1 / 1;
	}
}


/* --------------------------
    about
-------------------------- */
.about-heading {
	display: flex;
	justify-content: center;
	margin-bottom: 2em;
}

.about-heading > span {
	padding: 0 clamp(80px, 12.5vw, 200px);
	position: relative;
}

.about-heading > span > img:nth-of-type(1) {
	width: clamp(240px, 75vw, 600px);
}

.about-heading.balloon1 > span:before,
.about-heading.balloon2 > span:before,
.about-heading.balloon3 > span:before,
.about-heading.balloon4 > span:before,
.about-heading.balloon5 > span:before,
.about-heading.balloon6 > span:before {
	content: '';
	display: block;
	width: clamp(80px, 12.5vw, 200px);
	aspect-ratio: 3 / 2;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
}

@keyframes balloonLeft {
	0% {
		transform: translate(25%, -50%) rotate(0);
	}
	25% {
		transform: translate(25%, -50%) rotate(-10deg);
	}
	50% {
		transform: translate(25%, -50%) rotate(0);
	}
	75% {
		transform: translate(25%, -50%) rotate(10deg);
	}
} 

@keyframes balloonRight {
	0% {
		transform: translate(-25%, -50%) rotate(0);
	}
	25% {
		transform: translate(-25%, -50%) rotate(-10deg);
	}
	50% {
		transform: translate(-25%, -50%) rotate(0);
	}
	75% {
		transform: translate(-25%, -50%) rotate(10deg);
	}
}

.about-heading.balloon1 > span:before,
.about-heading.balloon3 > span:before,
.about-heading.balloon5 > span:before {
	right: 0;
	transform: translate(-25%, -50%);
	animation: balloonRight 3s steps(1) infinite;
}

.about-heading.balloon2 > span:before,
.about-heading.balloon4 > span:before,
.about-heading.balloon6 > span:before {
	left: 0;
	transform: translate(25%, -50%);
	animation: balloonLeft 3s steps(1) infinite;
}

.about-heading.balloon1 > span:before {
	background-image: var(--balloon1);
}

.about-heading.balloon2 > span:before {
	background-image: var(--balloon2);
}

.about-heading.balloon3 > span:before {
	background-image: var(--balloon3);
}

.about-heading.balloon4 > span:before {
	background-image: var(--balloon4);
}

.about-heading.balloon5 > span:before {
	background-image: var(--balloon5);
}

.about-heading.balloon6 > span:before {
	background-image: var(--balloon6);
}

.about-heading2 {
	max-width: 180px;
	margin-bottom: 1em;
}

* + .about-heading2 {
	margin-top: 4em;
}

#about-header > div > div:last-of-type {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2em;
}

#about-header > div > div:last-of-type > div {
	grid-row: 1 ;
	grid-column: 1 ;
}

#about-header > div > div:last-of-type > figure {
	grid-row: 1 ;
	grid-column: 2;
}

#about-header > div > div:last-of-type > div > h4 {
	color: #006934;
}

#about-header > div > div:last-of-type > div > div {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 2em;
	align-items: center;
}

@media (max-width: 768px) {
	#about-header > div > div:last-of-type {
		display: block;
	}

	#about-header > div > div:last-of-type > figure {
		width: 75%;
		max-width: 480px;
		margin: 0 auto 2em auto;
	}
}

#about-isa > div > p {
	text-align: center;
	word-break: auto-phrase;
	line-height: 2.25;
}

#about-isa > div > div:nth-of-type(2) {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 2em;
	margin-top: 2em;
}


#about-isa > div > div:nth-of-type(2) > figure > img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
	background-color: #eee;
}

#about-isa > div > div:nth-of-type(2) > figure > figcaption {
	display: flex;
	justify-content: center;
	font-size: 0.875em;
	margin-top: 1em;
}

@media (max-width: 768px) {
	#about-isa > div > div:nth-of-type(2) {
		grid-template-columns: 1fr;
		grid-gap: 1em;
		max-width: 480px;
		margin: 2em auto 0 auto;
	}
}

#about-rice > div > ol {
	list-style-type: none;
}

#about-rice > div > ol > li + li {
	margin-top: 2em;
}

#about-rice > div > ol > li > div {
	display: flex;
	align-items: center;
	padding-bottom: 0.75em;
	background-image: var(--ornament5);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-size: 2em 0.5em;
	margin-bottom: 1em;
}

#about-rice > div > ol > li > div > img {
	width: 8em;
	height: auto;
	margin-right: 1em;
}

#about-rice > div > ol > li > div > span {
	font-size: 1.25em;
	font-weight: 600;
}

#about-rice > div > div:nth-of-type(2) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2em;
	align-items: center;
	margin-top: 4em;
}

#about-rice > div > div:nth-of-type(2) > img {
	background-color: #eee;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
}

#about-rice > div > div:nth-of-type(2) > div {
	display: flex;
	justify-content: center;
}

@media (max-width: 768px) {
	#about-rice > div > div:nth-of-type(2) {
		grid-template-columns: 1fr;
		grid-gap: 1em;
		max-width: 480px;
		margin: 2em auto 0 auto;
	}
}

#about-tanokansa > div > div:nth-of-type(2) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2em;
	align-items: center;
}

#about-tanokansa > div > div:nth-of-type(2) > img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center;
	background-color: #eee;
}

@media (max-width: 768px) {
	#about-tanokansa > div > div:nth-of-type(2) {
		grid-template-columns: 1fr;
		grid-gap: 1em;
		max-width: 480px;
		margin: 2em auto 0 auto;
	}
}

#about-tadamoto > div > div:nth-of-type(2) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2em;
	align-items: center;
	margin-top: 4em;
}

#about-tadamoto > div > div:nth-of-type(2) > figure {
	width: 100%;
}

#about-tadamoto > div > div:nth-of-type(2) > figure > img {
	background-color: #eee;
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	object-position: center;
}

#about-tadamoto > div > div:nth-of-type(2) > figure > figcaption {
	font-size: 0.875em;
	margin-top: 1em;
}

#about-tadamoto > div > div:nth-of-type(3) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2em;
	margin-top: 2em;
}

#about-tadamoto > div > div:nth-of-type(3) > figure > img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
	background-color: #eee;
}

#about-tadamoto > div > div:nth-of-type(3) > figure > figcaption {
	display: flex;
	justify-content: center;
	font-size: 0.875em;
	margin-top: 1em;
}

@media (max-width: 768px) {
	#about-tadamoto > div > div:nth-of-type(2) {
		grid-template-columns: 1fr;
		grid-gap: 1em;
		max-width: 480px;
		margin: 2em auto 0 auto;
	}

	#about-tadamoto > div > div:nth-of-type(3) {
		grid-template-columns: 1fr;
		grid-gap: 1em;
		max-width: 480px;
		margin: 2em auto 0 auto;
	}
}

#about-hishikari-mine > div > p {
	text-align: center;
	word-break: auto-phrase;
	line-height: 2.25;
}

#about-hishikari-mine > div > div:nth-of-type(2) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2em;
	align-items: center;
	margin-top: 4em;
}

#about-hishikari-mine > div > div:nth-of-type(2) > img {
	background-color: #eee;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
}

#about-hishikari-mine > div > div:nth-of-type(2) > div {
	display: flex;
	justify-content: center;
}

@media (max-width: 768px) {
	#about-hishikari-mine > div > div:nth-of-type(2) {
		grid-template-columns: 1fr;
		grid-gap: 1em;
		max-width: 480px;
		margin: 2em auto 0 auto;
	}
}

#about-livability > div > p {
	text-align: center;
	word-break: auto-phrase;
	line-height: 2.25;
}

#about-livability > div > ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#about-livability > div > ul > li {
	width: calc(100% / 5 - 2em);
	margin: 1em;
}

#part-slider {
	overflow: hidden;
}

#part-slider > .swiper-wrapper {
	transition-timing-function: linear;
}

@media (max-width: 768px) {
	#about-livability > div > ul {
		max-width: 480px;
		margin: 0 auto;
	}

	#about-livability > div > ul > li {
		width: calc(100% / 3 - 1em);
		margin: 0.5em;
	}
}