@charset "utf-8";

html { font-size: 16px; }
@media only screen and (max-width: 767px) {
	html { font-size: 16px; }
}
:root {

	--pagebg: #fff;
	--text: #4d4d4d;
	--text-hover: #6c5e7e;
	--bgcolor: #6c5e7e;
	--bgcolor-text: #fff;
	--bg-hover: #f8f8f8;

	--text-purple: color:#6C5E7E;
	--title-bg: #D0CBD8;
	
	--btcolor: #fff;
	--btbg: #333;
	--btcolor-hover: #fff;
	--btbg-hover: #5a4d6a;

	--price: #c00;
	--fttext: #fff;
	--fthovertext: #fff;
	--border-light: #D3CED4;
	--border-dark: #6c5e7e;
	
	--fontw1: 400;
	--fontw2: 600;
	--fontw3: 800;

	--icon-arrow-right:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC4zOCAxOC45MiI+PHBvbHlnb24gcG9pbnRzPSIuOTIgMTguOTIgMCAxOCA4LjU0IDkuNDYgMCAuOTIgLjkyIDAgMTAuMzggOS40NiAuOTIgMTguOTIiIHN0eWxlPSJmaWxsOiM2YzVlN2U7Ii8+PC9zdmc+");
	--icon-arrow-right-wht:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC4zOCAxOC45MiI+PHBvbHlnb24gcG9pbnRzPSIuOTIgMTguOTIgMCAxOCA4LjU0IDkuNDYgMCAuOTIgLjkyIDAgMTAuMzggOS40NiAuOTIgMTguOTIiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+");
	--icon-search-blk:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTUwNSA0NDIuN0w0MDUuMyAzNDNjLTQuNS00LjUtMTAuNi03LTE3LTdIMzcyYzI3LjYtMzUuMyA0NC03OS43IDQ0LTEyOEM0MTYgOTMuMSAzMjIuOSAwIDIwOCAwUzAgOTMuMSAwIDIwOHM5My4xIDIwOCAyMDggMjA4YzQ4LjMgMCA5Mi43LTE2LjQgMTI4LTQ0djE2LjNjMCA2LjQgMi41IDEyLjUgNyAxN2w5OS43IDk5LjdjOS40IDkuNCAyNC42IDkuNCAzMy45IDBsMjguMy0yOC4zYzkuNC05LjQgOS40LTI0LjYgLjEtMzR6TTIwOCAzMzZjLTcwLjcgMC0xMjgtNTcuMi0xMjgtMTI4IDAtNzAuNyA1Ny4yLTEyOCAxMjgtMTI4IDcwLjcgMCAxMjggNTcuMiAxMjggMTI4IDAgNzAuNy01Ny4yIDEyOC0xMjggMTI4eiIvPjwvc3ZnPg==");
	--icon-search-wht:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTUwNSA0NDIuN0w0MDUuMyAzNDNjLTQuNS00LjUtMTAuNi03LTE3LTdIMzcyYzI3LjYtMzUuMyA0NC03OS43IDQ0LTEyOEM0MTYgOTMuMSAzMjIuOSAwIDIwOCAwUzAgOTMuMSAwIDIwOHM5My4xIDIwOCAyMDggMjA4YzQ4LjMgMCA5Mi43LTE2LjQgMTI4LTQ0djE2LjNjMCA2LjQgMi41IDEyLjUgNyAxN2w5OS43IDk5LjdjOS40IDkuNCAyNC42IDkuNCAzMy45IDBsMjguMy0yOC4zYzkuNC05LjQgOS40LTI0LjYgLjEtMzR6TTIwOCAzMzZjLTcwLjcgMC0xMjgtNTcuMi0xMjgtMTI4IDAtNzAuNyA1Ny4yLTEyOCAxMjgtMTI4IDcwLjcgMCAxMjggNTcuMiAxMjggMTI4IDAgNzAuNy01Ny4yIDEyOC0xMjggMTI4eiIvPjwvc3ZnPg==");
	--icon-cart-blk:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNi42NiI+PHBvbHlnb24gcG9pbnRzPSIyMC4yNCAwIDE4Ljc3IDUuNyAwIDUuNyAzLjA2IDE3LjEgMTUuODMgMTcuMSAxNS4zNCAxOSAzLjU1IDE5IDMuNTUgMjAuODMgMTYuNzcgMjAuODMgMjEuNjcgMS44NCAyNSAxLjg0IDI1IDAgMjAuMjQgMCIgZmlsbD0iIzMzMyIvPjxwYXRoIGQ9Ik01LjkyLDIxLjYxYy0xLjM2LDAtMi40NywxLjExLTIuNDcsMi40N3MxLjExLDIuNDcsMi40NywyLjQ3LDIuNDctMS4xMSwyLjQ3LTIuNDctMS4xMS0yLjQ3LTIuNDctMi40N001LjkyLDI0LjcyYy0uMzUsMC0uNjMtLjI4LS42My0uNjNzLjI4LS42My42My0uNjMuNjMuMjguNjMuNjMtLjI4LjYzLS42My42MyIgZmlsbD0iIzMzMyIvPjxwYXRoIGQ9Ik0xNC42MiwyMS43MWMtMS4zNiwwLTIuNDcsMS4xMS0yLjQ3LDIuNDdzMS4xMSwyLjQ3LDIuNDcsMi40NywyLjQ3LTEuMTEsMi40Ny0yLjQ3LTEuMTEtMi40Ny0yLjQ3LTIuNDdNMTQuNjIsMjQuODJjLS4zNSwwLS42My0uMjgtLjYzLS42M3MuMjgtLjYzLjYzLS42My42My4yOC42My42My0uMjguNjMtLjYzLjYzIiBmaWxsPSIjMzMzIi8+PC9zdmc+");
	--icon-cart-wht:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNi42NiI+PHBvbHlnb24gcG9pbnRzPSIyMC4yNCAwIDE4Ljc3IDUuNyAwIDUuNyAzLjA2IDE3LjEgMTUuODMgMTcuMSAxNS4zNCAxOSAzLjU1IDE5IDMuNTUgMjAuODMgMTYuNzcgMjAuODMgMjEuNjcgMS44NCAyNSAxLjg0IDI1IDAgMjAuMjQgMCIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik01LjkyLDIxLjYxYy0xLjM2LDAtMi40NywxLjExLTIuNDcsMi40N3MxLjExLDIuNDcsMi40NywyLjQ3LDIuNDctMS4xMSwyLjQ3LTIuNDctMS4xMS0yLjQ3LTIuNDctMi40N001LjkyLDI0LjcyYy0uMzUsMC0uNjMtLjI4LS42My0uNjNzLjI4LS42My42My0uNjMuNjMuMjguNjMuNjMtLjI4LjYzLS42My42MyIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNC42MiwyMS43MWMtMS4zNiwwLTIuNDcsMS4xMS0yLjQ3LDIuNDdzMS4xMSwyLjQ3LDIuNDcsMi40NywyLjQ3LTEuMTEsMi40Ny0yLjQ3LTEuMTEtMi40Ny0yLjQ3LTIuNDdNMTQuNjIsMjQuODJjLS4zNSwwLS42My0uMjgtLjYzLS42M3MuMjgtLjYzLjYzLS42My42My4yOC42My42My0uMjguNjMtLjYzLjYzIiBmaWxsPSIjZmZmIi8+PC9zdmc+");

	--icon-guide:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS40IDE5LjQiPjxwYXRoIGQ9Ik0xNS41Ni4xOGMtLjQ5LS4yMS0xLjAzLS4xMi0xLjQyLjI0bC00LjQ0LDQuMDdMNS4yNi40MmMtLjM5LS4zNi0uOTQtLjQ1LTEuNDMtLjI0LS40OS4yMS0uNzkuNjgtLjc5LDEuMjF2MTEuNzFjMCwuMzcuMTYuNzIuNDMuOThsNS4zMyw0Ljg5Yy4yNS4yMy41Ny4zNC44OS4zNHMuNjQtLjEyLjg5LS4zNGw1LjMzLTQuODljLjI3LS4yNS40My0uNjEuNDMtLjk3VjEuMzljMC0uNTMtLjMtMS0uNzktMS4yMVpNNC40NiwxMy4xVjEuNjJsNC4zNCwzLjk4Yy4yNS4yMy41Ny4zNC44OS4zNHYxMS45MmwtNS4yMy00Ljc1WiIgZmlsbD0iIzIzMTgxNSIvPjwvc3ZnPg==");
	--icon-faq:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS40IDE5LjQiPjxwYXRoIGQ9Ik0xOS4xOSw5LjdjMCw1LjI0LTQuMjUsOS40OS05LjQ5LDkuNDlTLjIxLDE0Ljk0LjIxLDkuNyw0LjQ2LjIxLDkuNy4yMXM5LjQ5LDQuMjUsOS40OSw5LjQ5IiBmaWxsPSIjMjMxODE1Ii8+PHBhdGggZD0iTTUuNTUsNC4zOWMxLjE0LTEuMDEsMi4zOS0xLjUsMy45Mi0xLjUsMi44MSwwLDQuMzgsMS44Nyw0LjM4LDMuNzcsMCwxLjU3LS44NCwyLjMxLTIuMzEsMy41Ny0xLjA0Ljg5LTEuMDksMS4zLTEuMDksMi43OWgtMS44N2MwLTEuOTUuMS0yLjY4LDEuNzItNC4wMiwxLjIxLTEuMDEsMS42NS0xLjM4LDEuNjUtMi4yOSwwLTEuMTYtLjk5LTIuMDktMi41MS0yLjA5LS4zOSwwLTEuNzgsMC0zLjI1LDEuNTFsLS42NC0xLjc1Wk04LjQ2LDE0LjM1aDIuMTR2Mi4xNWgtMi4xNHYtMi4xNVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
	--icon-review:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyMC44NSI+PHBvbHlnb24gcG9pbnRzPSIyNSAwIDAgMCAwIDE1LjggOS44MiAxNS44IDEyLjUgMjAuODUgMTUuMTggMTUuOCAyNSAxNS44IDI1IDAiIGZpbGw9IiMzMzMiLz48bGluZSB4MT0iNS45MiIgeTE9IjcuOSIgeDI9IjUuOTIiIHkyPSI3LjkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMy4wNyIvPjxsaW5lIHgxPSIxMi41IiB5MT0iNy45IiB4Mj0iMTUuNzkiIHkyPSI3LjkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWRhc2hhcnJheT0iMCA2LjU4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIzLjA3Ii8+PGxpbmUgeDE9IjE5LjA4IiB5MT0iNy45IiB4Mj0iMTkuMDgiIHkyPSI3LjkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMy4wNyIvPjwvc3ZnPg==");
	--icon-login:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNi4wNCI+PHBhdGggZD0iTTI1LDEyLjVjMCw2LjktNS42LDEyLjUtMTIuNSwxMi41UzAsMTkuNCwwLDEyLjUsNS42LDAsMTIuNSwwczEyLjUsNS42LDEyLjUsMTIuNSIgZmlsbD0iIzMzMyIvPjxwYXRoIGQ9Ik0xMi41LDUuMjRjMi43MywwLDQuOTUsMi4yMiw0Ljk1LDQuOTVzLTIuMjIsNC45NS00Ljk1LDQuOTUtNC45NS0yLjIyLTQuOTUtNC45NSwyLjIyLTQuOTUsNC45NS00Ljk1IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkPSJNNC41NCwyNi4wNGgxNS45M3YtNC43MWMwLTMuMDItMi40NS01LjQ4LTUuNDgtNS40OGgtNC45OGMtMy4wMiwwLTUuNDgsMi40NS01LjQ4LDUuNDh2NC43MVoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");

	--icon-newmark:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBvbHlnb24gcG9pbnRzPSI0OCA0OCAyNCA0MiAwIDQ4IDAgMCA0OCAwIDQ4IDQ4IiBzdHlsZT0iZmlsbDojYmE2ZDdlOyIvPjxwYXRoIGQ9Ik03LjczLDI3LjY1di0xMS43OWgxLjlsMy45LDYuOTMsMS4yMywyLjQ4aC4wOGMtLjA1LS42LS4xMS0xLjI0LS4xNy0xLjkyLS4wNi0uNjgtLjA5LTEuMzQtLjA5LTEuOTh2LTUuNWgxLjc4djExLjc5aC0xLjlsLTMuOS02Ljk0LTEuMjMtMi40NmgtLjA2Yy4wNC42MS4wOSwxLjI0LjE0LDEuOS4wNS42Ni4wOCwxLjMyLjA4LDEuOTd2NS41NGgtMS43NloiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTE5LjQ3LDI3LjY1di0xMS43OWg2Ljk2djEuNTdoLTUuMXYzLjI4aDQuMzJ2MS41N2gtNC4zMnYzLjc5aDUuMjh2MS41OGgtNy4xNFoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTMwLjI3LDI3LjY1bC0yLjM4LTExLjc5aDEuOWwxLjEsNi4xM2MuMTEuNjMuMjEsMS4yNi4zMiwxLjg5LjExLjYzLjIxLDEuMjYuMzIsMS45aC4wNmMuMTMtLjY0LjI2LTEuMjcuMzktMS45LjEzLS42My4yNy0xLjI2LjQxLTEuODlsMS41LTYuMTNoMS42NWwxLjUyLDYuMTNjLjE0LjYyLjI3LDEuMjUuNCwxLjg4LjEzLjYzLjI2LDEuMjcuNCwxLjkxaC4wOGMuMTEtLjY0LjIxLTEuMjcuMy0xLjkuMS0uNjMuMTktMS4yNi4yOS0xLjg5bDEuMTItNi4xM2gxLjc4bC0yLjMyLDExLjc5aC0yLjI5bC0xLjU4LTYuNTRjLS4xLS40Ny0uMTktLjkzLS4yOC0xLjM3LS4wOS0uNDQtLjE4LS44OS0uMjYtMS4zNGgtLjA2Yy0uMDguNDUtLjE4Ljg5LS4yNywxLjM0LS4xLjQ0LS4xOS45LS4yOSwxLjM3bC0xLjU1LDYuNTRoLTIuMjZaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjwvc3ZnPg==");
	--icon-salemark:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBvbHlnb24gcG9pbnRzPSI0OCA0OCAyNCA0MiAwIDQ4IDAgMCA0OCAwIDQ4IDQ4IiBzdHlsZT0iZmlsbDojODViYTZkOyIvPjxwYXRoIGQ9Ik0xMC4wOSwyNy44OGMtLjgxLDAtMS41OC0uMTYtMi4zLS40Ni0uNzItLjMxLTEuMzUtLjc0LTEuOS0xLjI4bDEuMDktMS4yOGMuNDMuNDIuOTEuNzUsMS40NiwxLjAxczEuMTEuMzgsMS42OS4zOGMuNywwLDEuMjUtLjE1LDEuNjItLjQ2LjM4LS4zMS41Ny0uNzEuNTctMS4yLDAtLjM2LS4wOC0uNjUtLjI0LS44Ny0uMTYtLjIyLS4zOC0uNC0uNjYtLjU1LS4yOC0uMTUtLjYxLS4zLS45Ny0uNDZsLTEuNjMtLjdjLS4zOC0uMTYtLjc2LS4zNy0xLjEzLS42M3MtLjY3LS41OS0uOTEtLjk5Yy0uMjQtLjQtLjM2LS44OS0uMzYtMS40NiwwLS42Mi4xNy0xLjE3LjUtMS42Ni4zMy0uNDkuNzktLjg4LDEuMzgtMS4xNi41OS0uMjgsMS4yNS0uNDIsMi0uNDIuNjksMCwxLjM1LjEzLDEuOTcuNC42Mi4yNywxLjE1LjYzLDEuNTgsMS4wOWwtLjk0LDEuMThjLS4zNy0uMzMtLjc3LS41OS0xLjE5LS43OC0uNDItLjE5LS44OS0uMjgtMS40Mi0uMjgtLjYxLDAtMS4wOS4xNC0xLjQ0LjQxcy0uNTMuNjQtLjUzLDEuMWMwLC4zNC4wOS42Mi4yNy44NC4xOC4yMi40Mi40LjcxLjU0LjI5LjE0LjU5LjI4LjkuNDFsMS42Mi42OWMuNDcuMTkuODkuNDMsMS4yNS43cy42NS42MS44NSwxLjAxLjMuODkuMywxLjQ3YzAsLjYzLS4xNywxLjItLjUsMS43Mi0uMzMuNTItLjgxLjkzLTEuNDIsMS4yNS0uNjIuMzEtMS4zNi40Ny0yLjIyLjQ3WiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJNMTQuOSwyNy42NWwzLjktMTEuNzloMi4xNGwzLjksMTEuNzloLTEuOTdsLTEuOS02LjRjLS4xOS0uNjQtLjM4LTEuMjktLjU2LTEuOTQtLjE4LS42Ni0uMzYtMS4zMS0uNTQtMS45OGgtLjA2Yy0uMTcuNjctLjM1LDEuMzMtLjU0LDEuOTgtLjE5LjY1LS4zOCwxLjMtLjU3LDEuOTRsLTEuOSw2LjRoLTEuOVpNMTcuMTEsMjQuMzF2LTEuNDdoNS41djEuNDdoLTUuNVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTI2LjQxLDI3LjY1di0xMS43OWgxLjg2djEwLjIxaDQuOTl2MS41OGgtNi44NVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTM1LjM0LDI3LjY1di0xMS43OWg2Ljk2djEuNTdoLTUuMXYzLjI4aDQuMzJ2MS41N2gtNC4zMnYzLjc5aDUuMjh2MS41OGgtNy4xNFoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+");
	--icon-genteimark:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBvbHlnb24gcG9pbnRzPSI0OCA0OCAyNCA0MiAwIDQ4IDAgMCA0OCAwIDQ4IDQ4IiBzdHlsZT0iZmlsbDojNjM3Yjk1OyIvPjxwYXRoIGQ9Ik0xNSwxNi4xMWwuODcuNDhjLS4wMy4wNy0uMDcuMTQtLjEzLjE4LS4zNiwxLjExLS45LDIuNTgtMS4zOSwzLjcxLDEuMDgsMS4xMiwxLjQ0LDIuMDMsMS40NCwyLjkxLDAsMi4yMS0xLjQ0LDIuMTYtMi41NiwyLjEyLS4wMS0uMzQtLjE0LS44NC0uMzEtMS4xNi4yMS4wMy40MS4wNC41Ny4wNC43MSwwLDEuMDUtLjE1LDEuMDUtMS4xMSwwLS43My0uMzgtMS42MS0xLjQtMi42NS4zOS0uOTguNzgtMi4yOCwxLjA4LTMuMjhoLTEuNzF2MTEuMzJoLTEuMjV2LTEyLjUyaDMuNTJsLjIxLS4wNFpNMjAuMTYsMjIuNjNjLjE4LjYzLjQxLDEuMjUuNjcsMS43OS41Ny0uNSwxLjE4LTEuMTEsMS41Ny0xLjU4bDEuMTkuOWMtLjA2LjA3LS4yLjEtLjM1LjA3LS40Ni40Ni0xLjIyLDEuMDktMS44NiwxLjU4LjYzLjk0LDEuNDQsMS42OCwyLjQ3LDIuMTMtLjI5LjI1LS42OS43Ny0uODgsMS4xMS0yLjA5LTEuMDgtMy4yOS0zLjI0LTMuOTUtNmgtMS4zMnY0LjAyYy43Ni0uMTQsMS41NC0uMjksMi4zMy0uNDVsLjExLDEuMTZjLTEuNjguMzktMy40My43OS00LjU0LDEuMDItLjAzLjEzLS4xMS4yMS0uMjEuMjJsLS41My0xLjQzYy40NS0uMDguOTctLjE3LDEuNTUtLjI4di0xMC43Mmg2LjQ2djYuNDRoLTIuN1pNMjEuNTYsMTcuMzRoLTMuODd2MS40N2gzLjg3di0xLjQ3Wk0xNy43LDE5LjkydjEuNTVoMy44N3YtMS41NWgtMy44N1oiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTMxLjksMjQuNDd2Mi41NmMuNjIuMSwxLjMuMTQsMi4wMi4xNC42MiwwLDMuMDEsMCwzLjgyLS4wMy0uMjEuMzEtLjQzLjk1LS40OSwxLjM0aC0zLjRjLTIuODIsMC00Ljg3LS40OC02LjE4LTIuNzMtLjQ4LDEuMjItMS4xNSwyLjI0LTIuMDQsMi45Ni0uMjItLjI0LS43MS0uNjYtMS4wMi0uODcsMS41MS0xLjA4LDIuMjctMy4xOCwyLjU2LTUuN2wxLjYyLjI1Yy0uMDMuMTMtLjE0LjItLjMyLjItLjA3LjUyLS4xNywxLjAyLS4yOCwxLjUxLjUsMS4zNiwxLjMsMi4xMywyLjM0LDIuNTZ2LTUuNTVoLTMuMjJ2LTEuMjdoNy44NnYxLjI3aC0zLjI2djIuMWg0LjA4djEuMjVoLTQuMDhaTTI2LjYxLDE4LjQxdjIuMDJoLTEuM3YtMy4yOGg1LjE4di0xLjYybDEuNzUuMWMtLjAxLjEzLS4xLjIxLS4zNC4yNHYxLjI5aDUuMjJ2My4yOGgtMS4zNnYtMi4wMmgtOS4xNloiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+");

	--icon-plusmark:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMS4zOSAzMS4zOSI+PHJlY3QgeT0iMTQuMiIgd2lkdGg9IjMxLjM5IiBoZWlnaHQ9IjIuOTkiLz48cmVjdCB4PSIxNC4yIiB3aWR0aD0iMi45OSIgaGVpZ2h0PSIzMS4zOSIvPjwvc3ZnPg==");
	--icon-minusmark:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMS4zOSAyLjk5Ij48cmVjdCB3aWR0aD0iMzEuMzkiIGhlaWdodD0iMi45OSIvPjwvc3ZnPg==");

	--icon-decokome:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBvbHlsaW5lIHBvaW50cz0iNDAgNDAgMCA0MCAwIDAgNDAgMCIgc3R5bGU9ImZpbGw6IzZjNWU3ZTsiLz48cG9seWdvbiBwb2ludHM9IjIwLjMxIDE5LjMyIDIwLjMxIDExLjYgMTguOTUgMTEuNiAxOC45NSAxOS4zMiAwIDE5LjMyIDAgMjAuNjggMTguOTUgMjAuNjggMTguOTUgMjguNCAyMC4zMSAyOC40IDIwLjMxIDIwLjY4IDI4LjAzIDIwLjY4IDI4LjAzIDE5LjMyIDIwLjMxIDE5LjMyIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Ik0yNC42NSwxNi4wOGMuNjEsMCwxLjEtLjQ5LDEuMS0xLjFzLS40OS0xLjEtMS4xLTEuMS0xLjEuNDktMS4xLDEuMS40OSwxLjEsMS4xLDEuMVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTE0LjYxLDE2LjA4Yy42MSwwLDEuMS0uNDksMS4xLTEuMXMtLjQ5LTEuMS0xLjEtMS4xLTEuMS40OS0xLjEsMS4xLjQ5LDEuMSwxLjEsMS4xWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJNMTQuNjEsMjMuOTJjLS42MSwwLTEuMS40OS0xLjEsMS4xcy40OSwxLjEsMS4xLDEuMSwxLjEtLjQ5LDEuMS0xLjEtLjQ5LTEuMS0xLjEtMS4xWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJNMjQuNjUsMjMuOTJjLS42MSwwLTEuMS40OS0xLjEsMS4xcy40OSwxLjEsMS4xLDEuMSwxLjEtLjQ5LDEuMS0xLjEtLjQ5LTEuMS0xLjEtMS4xWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48L3N2Zz4=");

	--font-gothic: 'Noto Sans JP', -apple-system,  "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	--font-mincho: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

/* ---------- common ----------*/
body {
	font-family: var(--font-gothic);
		-webkit-text-size-adjust: 100%;
		-webkit-appearance: none;	/*button*/
	font-weight:var(--fontw1);
	color:var(--text);
	margin:0;
	min-width:320px;
}

header, footer { position:relative;	margin:0 auto; }
a, header a, footer a { text-decoration:none; transition-duration:0.2s; }
a, header a { color:var(--text); }
a:hover, header a:hover { color:var(--text-hover); }
footer a { color:var(--fttext); }
footer a:hover { color:var(--fthovertext); }

*, *::before, *::after { box-sizing:border-box; }
img { display:block; max-width: 100%; height: auto; margin:0 auto; aspect-ratio: attr(width) / attr(height); }
figure { margin:0; padding:0; }
p, ol, ul, table { line-height:2.1; margin:0 0 1.5em 0; }
img.pdficon, img.inline { display:inline; vertical-align:middle; }
strong { font-weight:var(--fontw2); }
.nsbr { white-space:nowrap; }
.urlstr { word-break:break-all !important; word-wrap:break-word; overflow-wrap:break-word; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.vhidden { visibility:hidden !important; }

.mode_pc { display:block; }
.mode_pcs { display:block; }
.mode_sp { display:none; visibility:hidden; }
.mode_sps { display:none; visibility:hidden; }

@media only screen and (max-width: 960px) {
	.mode_pc { display:none; visibility:hidden; }
	.mode_pcs { display:block; visibility:visible; }
	.mode_sp { display:block; visibility:visible; }
	.mode_sps { display:none; visibility:hidden; }
}

@media only screen and (max-width: 767px) {
	.mode_pcs { display:none;visibility:hidden; }
	.mode_sps { display:block !important;visibility:visible; }
}
.after_arrow::after {
	font-family: 'FontAwesome';
	content: '\20\f0da';
	font-size: 1.2em;
}

/* ---------- layout ----------*/

#pages { max-width:100%; min-width:320px; margin:0 auto; }
section { max-width:1200px; margin:0 auto; position:relative; }
.common_page { padding:0 30px; }
@media only screen and (max-width: 767px) {
.common_page { padding:0 15px; }
}

.text_container { max-width:800px; margin:0 auto; padding:0 10px }

h1 { font-size:2.2rem; line-height:1.4; font-weight:var(--fontw3); }
h2 { font-size:1.8rem; line-height:1.4; font-weight:var(--fontw3); }
h3 { font-size:1.6rem; line-height:1.4; font-weight:var(--fontw2); }
h4 { font-size:1.4rem; line-height:1.4; font-weight:var(--fontw2); }


.pageTop { position:relative; z-index:90; }
.pageTop a {
	position: fixed;
	background:url('../images/common/pagetop_bt.png') left top no-repeat;
	background-size:contain;
	display: block;
	width: 60px;
	height: 60px;
	right:10px;
	bottom:10px;
	text-indent:-9999px;
	opacity:0.9;
	border-radius:8px;
	box-shadow:1px 1px 6px 1px rgba(0,0,0,0.2);
}
.pageTop a:hover { opacity:1.0; }

.youtube_wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 2px;
	height: 0;
	overflow: hidden;
}
.youtube_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:none;
}




.breadCrumb ul {
	max-width:1200px; margin:0 auto 20px auto; padding:8px; background-color:rgba(255,255,255,0.7); font-size:0.8rem; border-radius:0 0 8px 0;
	white-space:nowrap; overflow-x:auto;
}
.breadCrumb ul li { display:inline-block; }
.breadCrumb ul li:after { content: " > "; }
.breadCrumb ul li:last-child:after { content: ""; }
.breadCrumb ul li a { padding:2px 6px; color:var(--text); display:inline-block; text-decoration:underline; }

.pagenation { margin:40px 20px 20px 20px; display:flex; justify-content:center; font-size:0.9rem; }
.pagenation .pgn_prev { flex:0 1 30%; text-align:right; }
.pagenation .pgn_link { flex:1 0 30%; text-align:center; }
.pagenation .pgn_next { flex:0 1 30%; text-align:left; }
.pgn_link a, .pgn_link .pgn_this {
	text-decoration: none;
	width:28px;height:28px;
	line-height:28px;
	display:inline-block;
	margin:0 5px; padding:0;
	transition-duration:0.2s;
}
.pgn_link a { padding:0; background-color:var(--btbg); color:var(--btcolor); border-radius:60px; }
.pgn_link a:hover { background-color:var(--btbg-hover); color:var(--btcolor-hover); }
.pgn_link .pgn_this { background-color:var(--btbg-active); color:var(--btcolor-active); border-radius:6px; }
.pagenation .pgn_prev a, .pagenation .pgn_next a {
	text-decoration:none;  transition-duration:0.2s;
	height:28px; line-height:28px;
	display:inline-block;
	background-color:var(--btbg); color:var(--btcolor);
}
.pagenation .pgn_prev a:hover, .pagenation .pgn_next a:hover { background-color:var(--btbg-hover); color:var(--btcolor-hover); }
.pagenation .pgn_prev a {
	padding:0 10px 0 15px;
	background-color:var(--btbg);
	clip-path: polygon(0 50%, 20% 0, 100% 0, 100% 100%, 20% 100%);
}
.pagenation .pgn_next a {
	padding:0 15px 0 10px;
	background-color:var(--btbg);
	clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%);
}

.pagenation .pgn_prev .pgn_dis, .pagenation .pgn_next .pgn_dis { color:var(--btcolor-active); line-height:28px; }



/* ========== contents ========== */
.page_notice p, .navi_notice p { margin:0; }
.page_notice .notice_shipping,
.navi_notice .notice_shipping {
	padding:10px;
	font-weight:var(--fontw2);
	background-color:#F3E270;
	color:var(--text-purple);
	text-align:center;
	font-size:1.5rem;
	line-height:1.1;
}
.navi_notice .notice_shipping { font-size:1.6rem; }




/* ----- news list ----- */
ul.news_list { margin:10px 0; padding:0; list-style:none;  line-height:1.6; }
ul.news_list li { margin:0; padding:0; border-top:1px var(--border-light) solid; }
ul.news_list li:last-child { border-bottom:1px var(--border-light) solid; }
ul.news_list li>a,
ul.news_list li>span { display:flex; flex-wrap:wrap; padding:16px 6px; }
ul.news_list li a:hover { background-color:var(--bg-hover); }
ul.news_list li span.news_date { flex:0 0 7em; }
/*
ul.news_list li span.news_date.newitem {
	display:inline-block;
	padding-right:1.5em;
	background-image: var(--icon-newmark);
	background-position:left 6em top 0.3em;
	background-repeat: no-repeat;
	background-size:2.5em;
}
*/
ul.news_list li span.news_title { flex:1 1 20em; }
.top_info_listpage { text-align:right; }
@media only screen and (max-width: 767px) {
	ul.news_list li span.news_date { flex:0 0 100%; }
	ul.news_list li span.news_title { flex:0 0 100%; }
}


/* ========== shopping navi ========== */
.shopping_nav { background-color:#EEEDF0; padding:20px 0; margin-top:80px; font-size:0.9rem; }
#shopping_navi { display:flex; justify-content:space-around; }
#shopping_navi dl { flex:0 0 46%; }
#shopping_navi dl dt span { display:inline-block; padding:8px 10px; background-color:var(--bgcolor); color:var(--bgcolor-text); min-width:100px; line-height:1; }
#shopping_navi dl dd { margin:8px 0 40px 0; line-height:1.6; }
#shopping_navi dl dd p { line-height:1.6; }
#shopping_navi dl dd a { text-decoration:underline; color:#00f; }
#shopping_navi dl dd .attention { color:#c00; }
#shopping_navi table.soryo { border-top:1px #333 solid; border-bottom:1px var(--border-dark) solid; width:100%; }
#shopping_navi table.soryo th { font-weight:normal; text-align:left; padding:3px 0; }
#shopping_navi table.soryo td { text-align:right; padding-left:10px; vertical-align:middle; }
#shopping_navi p.daibiki { display:inline-block;  border-top:1px var(--border-dark) solid; border-bottom:1px var(--border-dark) solid; margin-top:0; padding:10px; }
@media only screen and (max-width: 767px) {
	#shopping_navi { display: block; }

	#shopping_navi dl { margin:0; }
	#shopping_navi dl dt span {
		display:block;
		width:100%;
		padding:10px;
		box-sizing:border-box;
	}
}





/* ========== header ========== */
.inc_header { position:relative; top:0; z-index:100; background-color:var(--pagebg); }
@media only screen and (max-width: 767px) {
	.inc_header { position:sticky; border-bottom:1px var(--border-light) solid; }
}
header { font-weight:var(--fontw1); }

#sp_menu_bt {
	position:absolute;
	display: block;
	top:15px;
	right:15px;
	width: 30px;
	height: 30px;
	cursor:pointer;
	background-color:var(--pagebg);
	border-radius:3px;
	z-index:600;
}
#sp_menu_bt span {
	width: 30px;
	height: 2px;
	border-radius:2px;
	display: block;
	background: var(--bgcolor);
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
}
#sp_menu_bt span { transition: all 0.3s; transform: rotate(0deg); }
#sp_menu_bt .top { transform: translateY(-11px); }
#sp_menu_bt .middle { transform: translateY(-1px); }
#sp_menu_bt .bottom { transform: translateY(9px); }
#sp_menu_bt.active .middle { background: rgba(255, 255, 255, 0); }
#sp_menu_bt.active .top { transform: rotate(-45deg) translateY(0px); }
#sp_menu_bt.active .bottom { transform: rotate(45deg) translateY(0px); }

.header_logo { margin:0 auto; padding:40px 0 30px 0; max-width:200px; }
.header_logo img { max-height:58px; }
.toppage .header_logo { padding:100px 0 80px 0; max-width:200px; }
.toppage .header_logo img { max-height:78px; }
.header_logo img a { display:inline-block; }
@media only screen and (max-width: 767px) {
	.header_logo,
	.toppage .header_logo { margin:0; padding:5px; max-width:65px; height:60px; }
	.header_logo img,
	.toppage .header_logo img { max-height:100%; }
}

.shop_menu { position:absolute; top:20px; right:80px; margin:0; padding:0; display:flex; justify-content:center; list-style:none; line-height:1.1; font-size:0.9rem; }
.shop_menu li { padding:0 10px; }
@media only screen and (max-width: 767px) {
	.shop_menu { top:13px; right:60px; font-size:0.7rem; }
	.shop_menu a { height:100%; }
}
.guide_menu { position:absolute; top:20px; left:10px; margin:0; padding:0; display:flex; justify-content:center; list-style:none; line-height:1.1; font-size:0.9rem; }
.guide_menu li { padding:0 10px; }

#site_navi a {
	display:block;
	background-repeat: no-repeat;
	transition-duration:0.2s;
}
#site_navi a:hover { color:var(--text); opacity:0.7; }

#site_navi a.login { padding-top:25px; background-image: var(--icon-login); background-position:center top; background-size:20px; }
#site_navi a.review { padding-top:25px; background-image: var(--icon-review); background-position:center top; background-size:20px; }
#site_navi a.cart { padding-top:25px; background-image: var(--icon-cart-blk); background-position:center top; background-size:20px; }
#site_navi a.guide { padding-left:1.3em; background-image: var(--icon-guide); background-position:left center; background-size:1em; }
#site_navi a.faq { padding-left:1.3em; background-image: var(--icon-faq); background-position:left center; background-size:1em; }


/* ----- pickup site menu ----- */
.site_menu {
	margin:0 0 30px 0; padding:0; display:flex; justify-content:center; list-style:none; line-height:1.1;
	font-size:0.95rem; font-weight:var(--fontw2);
}
.site_menu li { padding:0; margin:0; flex:0 0 180px; text-align:center; border-left:1px var(--text) solid;  }
.site_menu li:last-child { border-right:1px var(--text) solid;  }
.site_menu li a { display:flex; width:100%; height:100%; padding:5px; color:var(--text); }
.site_menu li a:hover { background-color:var(--bg-hover); color:var(--text-hover); }
.site_menu li a span { flex:0 0 100%; align-self:center; }
@media only screen and (max-width: 767px) {
	.site_menu { margin:10px 0; }
	.site_menu li { flex:1 0 5%; }
}

/* ----- slide menu ----- */
#slide_menu {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
    opacity:0;
    visibility:hidden;
	transition-delay: 0.7s;
	z-index: 150;
}
@media only screen and (max-width: 767px) {
	#slide_menu { top:61px;	height:calc(100vh - 61px); }  
}
#slide_menu.open {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}
#slide_menu .slide_menu_bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
#slide_menu.open .slide_menu_bg { display:block; }
#slide_menu .slide_menu_item {
	position: absolute;
	top: 0;
	right: -101vw;
	width: 100%;
	max-width: 460px;
	height: 100%;
	padding: 30px 40px 150px 40px;
	background-color:var(--pagebg);
	overflow: auto;
	overscroll-behavior: none;
	transition: right 0.5s;
}
@media only screen and (max-width: 767px) {
	#slide_menu .slide_menu_item { padding: 30px 20px 150px 20px; }
}
#slide_menu.open .slide_menu_item { right:0; }
#menu_close { margin-bottom:20px; text-align:right; font-size:1.8rem; font-weight:var(--fontw3); cursor:pointer; }

#slide_menu .formbox {
	margin:20px auto;
	display: flex;
	box-sizing:border-box;
	width: 280px;
	border: 2px var(--btbg) solid;
	border-radius:6px;
}
#slide_menu .formtxt, #slide_menu .formtxt:focus, #slide_menu .formtxt:active {
	border: none; width: 100%; outline: none; padding:8px !important; border-radius:5px 0 0 5px;
	font-size:16px; border:none !important; margin:0 !important;
}
#slide_menu .formtxt:focus, #slide_menu .formtxt:active { background-color:#eee;  }
#slide_menu .formsubmit {
	width:32px;
	background-image: var(--icon-search-wht);
	background-position:center center;
	background-repeat: no-repeat;
	background-size:16px;
	background-color:var(--btbg); border: none; cursor:pointer;
}

#slide_menu .join a {
	display:block; width:280px; margin:20px auto 40px auto; text-align:center;
	color:var(--btcolor); background-color:var(--btbg); 
	padding:20px 20px; border-radius:8px;
	background-image: var(--icon-arrow-right-wht);
	background-position:right 5px center;
	background-repeat: no-repeat;
	background-size: 8px;
}
#slide_menu .join a:hover { color:var(--btcolor-hover); background-color:var(--btbg-hover); }

#slide_menu ul.category_menulist,
#slide_menu ul.common_menulist { margin:40px 0 0 0; padding:0; list-style:none; line-height:1.2; font-size:0.9rem; }
#slide_menu ul.category_menulist li,
#slide_menu ul.common_menulist li {	padding:0; border-top:1px var(--border-light) solid; }
#slide_menu ul.category_menulist li:last-child,
#slide_menu ul.common_menulist li:last-child { border-bottom:1px var(--border-light) solid; }
#slide_menu ul.category_menulist li a,
#slide_menu ul.common_menulist li a {
	background-image: var(--icon-arrow-right);
	background-position:right 8px center;
	background-repeat: no-repeat;
	background-size: 6px;
}

#slide_menu .linkmenu_block+.linkmenu_block ul { margin-top:0; }

#slide_menu ul.category_menulist li a,
#slide_menu ul.category_menulist li>span { display:flex; align-items:center; }
#slide_menu ul.category_menulist li a .cate_img,
#slide_menu ul.category_menulist li>span .cate_img { flex:0 0 70px; height:70px; padding:10px; display:flex; align-items:center; }
#slide_menu ul.category_menulist li a .cate_img img,
#slide_menu ul.category_menulist li>span .cate_img img { max-height:100%;  }
#slide_menu ul.category_menulist li a .cate_name,
#slide_menu ul.category_menulist li>span .cate_name { flex:1 1 150px; padding-left:10px; }
#slide_menu ul.category_menulist li a:hover { background-color:var(--bg-hover); }

#slide_menu ul.category_menulist span.category_menulist_title {
	cursor:pointer;
	background-image: var(--icon-plusmark);
	background-position:right 8px center;
	background-repeat: no-repeat;
	background-size: 10px;
}
#slide_menu ul.category_menulist span.category_menulist_title.active { 	background-image: var(--icon-minusmark); }
#slide_menu ul.category_child_menulist { margin:0;padding:0; list-style:none; display:none; }
#slide_menu ul.category_child_menulist li { border:none !important; }
#slide_menu ul.category_child_menulist li a { padding:8px 0 8px 90px; }


#slide_menu ul.common_menulist li a,
#slide_menu ul.common_menulist li span { display:block; padding:12px 0; }
#slide_menu ul.common_menulist li a:hover { background-color:var(--bg-hover); }
#slide_menu ul.common_menulist li span { padding-left:0.5em; background-color:var(--title-bg); }
#slide_menu ul.common_menulist li ul { margin:0; padding:0; list-style:none;line-height:1.2; }
#slide_menu ul.common_menulist li ul li a { padding-left:2em; }
#slide_menu ul.common_menulist_endline { margin-bottom:40px !important; }



#slide_menu .text_link { margin:40px 0; text-align:center; }
#slide_menu .text_link a {
	display:inline-block;
	padding-right:1.5em;
	background-image: var(--icon-arrow-right);
	background-position:right center;
	background-repeat: no-repeat;
	background-size: 0.5em;
}
#slide_menu .footer_sns { margin-top:40px; }


/* ========== footer ========== */
#footer .shopping_category_list { display:none; }

.inc_footer { margin-top:80px; }
.shopping_nav+.inc_footer { margin-top:0; }
footer { background-color:var(--bgcolor); color:var(--fttext); background-image:url('../images/common/footer_bg.png'); }

#footer { padding:30px 30px; }

@media only screen and (max-width: 767px) {
#footer { padding:30px 15px; }
}


.footer_content { max-width:1200px; margin:0 auto; }
.footer_contact, .footer_addr { width:25%; float:right; padding-bottom:40px; }
.footer_contact a { display:block; padding:10px;text-align:center;text-decoration:none;color:#fff; font-size:1.1rem; border:1px #fff solid; }
.footer_contact a:hover { background-color:#fff; color:var(--text-hover); }
.footer_addr p { font-size:0.9rem; color:#fff; line-height:1.8; }
.footer_addr p a { text-decoration:none; }

.footer_menulist { width:73%; float:left; padding:10px; }
.footer_menulist .linkmenu_block { width:30%; margin-right:3%; float:left; }
#footer .linkmenu_block ul { margin:0;padding:0 0 20px 0;list-style:none; font-size:0.9rem; line-height:1.6; }
#footer .linkmenu_block ul li a,
#footer .linkmenu_block ul li span { display:block; text-decoration:none; padding:6px 0; }
#footer .linkmenu_block ul li span { background-color:rgba(255,255,255,0.1); padding-left:1em; }
#footer .linkmenu_block ul li a:hover { text-decoration:underline; }
#footer .linkmenu_block ul li ul { margin:0;padding:0 0 20px 20px; }
#footer .linkmenu_block ul.ft_menu_site li ul { padding:0 0 0 20px; }

.footer_addr img { margin-bottom:12px; max-width:248px; }
.footer_sns { display:flex; justify-content:center; }
.footer_sns div { padding:10px; }
.footer_sns div img { max-height:40px; }

.footer_notice { max-width:1200px; margin:0 auto; }
.ft_plink { float:left; }
.ft_plink a { text-decoration:none; padding:2px 10px; border-right:1px #fff solid; font-size:0.8rem; }
.ft_plink a:hover { text-decoration:underline; }
.ft_plink a:last-child { border-right:none; }
.ft_copy { float:right; font-size:0.8rem; margin-right:70px; }
@media only screen and (max-width: 960px) {
	.footer_contact, .footer_addr { width:100%; float:none; padding:20px; text-align:center; }
	.footer_menulist { width:100%; float:none; padding:0px; }
	#footer .linkmenu_block ul { padding:0 10px; }
	#footer .linkmenu_block ul li a { border-bottom:1px #7C7195 dotted; }
	#footer .linkmenu_block ul li a,
	#footer .linkmenu_block ul li span { padding:8px 12px; }
}
@media only screen and (max-width: 767px) {
	#footer .footer_menulist .linkmenu_block { width:100%; float:none; }
	#footer .linkmenu_block ul { padding:0; }
	#footer .linkmenu_block ul li span { background-color:#7C7195; }
	.ft_plink a { display:block; border:none; }
	.ft_plink, .ft_copy { float:none; text-align:center; margin:30px 0; line-height:3; }
}


/* ========== form ========== */
input, select, textarea {
	font-size:0.9rem;
	line-height:1.8;
}
input { padding:5px; }
input[type=text], input[type=tel], input[type=email], input[type=number], textarea {
	padding:4px;
	border:1px #ccc solid;
	background-color:#F7F7F7;
	margin:4px 0 8px 0;
}
select {
	background-color:#F7F7F7;
	border:1px #ccc solid;
	padding:4px;margin-bottom:8px;
	cursor:pointer;
}
input[type=text]:focus, select:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus {
	border:solid 1px #ccc;
	background-color:#fff;
}
form label { cursor:pointer; }
input[type=submit] {
	white-space:normal;
	line-height:1.6;
}
input[type=submit].form_submit_bt {
	appearance: none;
	-webkit-appearance: none;
	display:inline-block;
	border:none;
	border-radius:6px;
	background-color:var(--btbg);
	color:var(--btcolor);
	cursor:pointer;
	font-size:1.0rem;
	margin:40px 0;
	padding:16px 20px;
	min-width:240px;
}


<!--




/* ========== calendar ========== */
.cal_day {}
.cal_wri {background-color:#ddd; }
.doyou {color:#0000FF;}
.nitiyou {color:#FF0000;}
.cal_wria {height:25px;width:25px;background-color:#002BF5; }
.cal_wrib {height:25px;width:25px;background-color:#C0F52B; }
.cal_wric {height:25px;width:25px;background-color:#2BD0F5; }
.cal_wrid {height:25px;width:25px;background-color:#FF99AA; }
.cal_wrie {height:25px;width:25px;background-color:#99CCFF; }
.cal_wrif {height:25px;width:25px;background-color:#0099FF; }
.cal_wrig {height:25px;width:25px;background-color:#00CC00; }
.cal_wrih {height:25px;width:25px;background-color:#66AA99; }
.cal_wrii {height:25px;width:25px;background-color:#FFFF00; }
.cal_wrij {height:25px;width:25px;background-color:#66FF88; }
.calendar{ border-left:solid 1px #ccc; border-top:solid 1px #ccc; }
.calendar td {
	height: 26px;
	width: 26px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	text-align: center;
	font-size: 10px;
}


/* common style overwrite */
#pages.itempage .pageTop { display:none; }


.yokuaru ul{
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0;
	
}
.yokuaru li{
display: inline-block;
margin:0 10px;
}

.yokuaru ul a{
color:#1178f8;
text-decoration:underline;
}