@charset "utf-8";

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

	--bf-pagebg: #fff;
	--bf-text: #111;
	--bf-text-hover: #e74c3c;
	--bf-bgcolor: #231815;
	--bf-bg-hover: #f8f8f8;

	--bf-btcolor: #fff;
	--bf-btbg: #231815;
	--bf-btcolor-hover: #fff;
	--bf-btbg-hover: var(--bf-text-hover);

	--bf-price: #c00;
	--bf-fttext: #fff;
	--bf-fthovertext: #ddd;
	--bf-border-light: #ccc;
	--bf-border-dark: #231815;
	
	--bf-fontw1: 400;
	--bf-fontw2: 600;
	--bf-fontw3: 800;

	--icon-arrow-right:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTI4NS41IDI3M0w5MS4xIDQ2Ny4zYy05LjQgOS40LTI0LjYgOS40LTMzLjkgMGwtMjIuNy0yMi43Yy05LjQtOS40LTkuNC0yNC41IDAtMzMuOUwxODguNSAyNTYgMzQuNSAxMDEuM2MtOS4zLTkuNC05LjMtMjQuNSAwLTMzLjlsMjIuNy0yMi43YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwTDI4NS41IDIzOWM5LjQgOS40IDkuNCAyNC42IDAgMzMuOXoiLz48L3N2Zz4=");
	--icon-arrow-right-wht:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTI4NS41IDI3M0w5MS4xIDQ2Ny4zYy05LjQgOS40LTI0LjYgOS40LTMzLjkgMGwtMjIuNy0yMi43Yy05LjQtOS40LTkuNC0yNC41IDAtMzMuOUwxODguNSAyNTYgMzQuNSAxMDEuM2MtOS4zLTkuNC05LjMtMjQuNSAwLTMzLjlsMjIuNy0yMi43YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwTDI4NS41IDIzOWM5LjQgOS40IDkuNCAyNC42IDAgMzMuOXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
	--icon-search-wht:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTUwNSA0NDIuN0w0MDUuMyAzNDNjLTQuNS00LjUtMTAuNi03LTE3LTdIMzcyYzI3LjYtMzUuMyA0NC03OS43IDQ0LTEyOEM0MTYgOTMuMSAzMjIuOSAwIDIwOCAwUzAgOTMuMSAwIDIwOHM5My4xIDIwOCAyMDggMjA4YzQ4LjMgMCA5Mi43LTE2LjQgMTI4LTQ0djE2LjNjMCA2LjQgMi41IDEyLjUgNyAxN2w5OS43IDk5LjdjOS40IDkuNCAyNC42IDkuNCAzMy45IDBsMjguMy0yOC4zYzkuNC05LjQgOS40LTI0LjYgLjEtMzR6TTIwOCAzMzZjLTcwLjcgMC0xMjgtNTcuMi0xMjgtMTI4IDAtNzAuNyA1Ny4yLTEyOCAxMjgtMTI4IDcwLjcgMCAxMjggNTcuMiAxMjggMTI4IDAgNzAuNy01Ny4yIDEyOC0xMjggMTI4eiIvPjwvc3ZnPg==");
	--icon-cart-blk:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS40IDE5LjQiPjxwYXRoIGQ9Ik0xNi4yOCwxNC41OUg3LjM3Yy0uNDMsMC0uODEtLjI5LS45Mi0uN0wzLjY1LDMuNWMtLjExLS40Mi0uNDktLjctLjkyLS43aC0xLjY3Yy0uNTMsMC0uOTUtLjQzLS45NS0uOTV2LS42MUMuMTIuNzEuNTQuMjgsMS4wNy4yOGgzLjU5Yy40MywwLC44LjI5LjkyLjdsLjg4LDMuMjh2LS4wMmgxMS44N2MuNjEsMCwxLjA3LjU4LjkyLDEuMTdsLTIuMDUsOC40M2MtLjEuNDMtLjQ5LjczLS45Mi43MyIgZmlsbD0iIzIzMTgxNSIvPjxwYXRoIGQ9Ik05LjMyLDE3LjY0YzAsLjgxLS42NiwxLjQ3LTEuNDcsMS40N3MtMS40Ny0uNjYtMS40Ny0xLjQ3LjY2LTEuNDcsMS40Ny0xLjQ3LDEuNDcuNjYsMS40NywxLjQ3IiBmaWxsPSIjMjMxODE1Ii8+PHBhdGggZD0iTTE3LjI2LDE3LjY0YzAsLjgxLS42NiwxLjQ3LTEuNDcsMS40N3MtMS40Ny0uNjYtMS40Ny0xLjQ3LjY2LTEuNDcsMS40Ny0xLjQ3LDEuNDcuNjYsMS40NywxLjQ3IiBmaWxsPSIjMjMxODE1Ii8+PC9zdmc+");
	--icon-cart-wht:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS40IDE5LjQiPjxwYXRoIGQ9Ik0xNi4yOCwxNC41OUg3LjM3Yy0uNDMsMC0uODEtLjI5LS45Mi0uN0wzLjY1LDMuNWMtLjExLS40Mi0uNDktLjctLjkyLS43aC0xLjY3Yy0uNTMsMC0uOTUtLjQzLS45NS0uOTV2LS42MUMuMTIuNzEuNTQuMjgsMS4wNy4yOGgzLjU5Yy40MywwLC44LjI5LjkyLjdsLjg4LDMuMjh2LS4wMmgxMS44N2MuNjEsMCwxLjA3LjU4LjkyLDEuMTdsLTIuMDUsOC40M2MtLjEuNDMtLjQ5LjczLS45Mi43MyIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik05LjMyLDE3LjY0YzAsLjgxLS42NiwxLjQ3LTEuNDcsMS40N3MtMS40Ny0uNjYtMS40Ny0xLjQ3LjY2LTEuNDcsMS40Ny0xLjQ3LDEuNDcuNjYsMS40NywxLjQ3IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE3LjI2LDE3LjY0YzAsLjgxLS42NiwxLjQ3LTEuNDcsMS40N3MtMS40Ny0uNjYtMS40Ny0xLjQ3LjY2LTEuNDcsMS40Ny0xLjQ3LDEuNDcuNjYsMS40NywxLjQ3IiBmaWxsPSIjZmZmIi8+PC9zdmc+");

	--icon-guide:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS40IDE5LjQiPjxwYXRoIGQ9Ik0xNS41Ni4xOGMtLjQ5LS4yMS0xLjAzLS4xMi0xLjQyLjI0bC00LjQ0LDQuMDdMNS4yNi40MmMtLjM5LS4zNi0uOTQtLjQ1LTEuNDMtLjI0LS40OS4yMS0uNzkuNjgtLjc5LDEuMjF2MTEuNzFjMCwuMzcuMTYuNzIuNDMuOThsNS4zMyw0Ljg5Yy4yNS4yMy41Ny4zNC44OS4zNHMuNjQtLjEyLjg5LS4zNGw1LjMzLTQuODljLjI3LS4yNS40My0uNjEuNDMtLjk3VjEuMzljMC0uNTMtLjMtMS0uNzktMS4yMVpNNC40NiwxMy4xVjEuNjJsNC4zNCwzLjk4Yy4yNS4yMy41Ny4zNC44OS4zNHYxMS45MmwtNS4yMy00Ljc1WiIgZmlsbD0iIzIzMTgxNSIvPjwvc3ZnPg==");
	--icon-faq:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS40IDE5LjQiPjxwYXRoIGQ9Ik0xOS4xOSw5LjdjMCw1LjI0LTQuMjUsOS40OS05LjQ5LDkuNDlTLjIxLDE0Ljk0LjIxLDkuNyw0LjQ2LjIxLDkuNy4yMXM5LjQ5LDQuMjUsOS40OSw5LjQ5IiBmaWxsPSIjMjMxODE1Ii8+PHBhdGggZD0iTTUuNTUsNC4zOWMxLjE0LTEuMDEsMi4zOS0xLjUsMy45Mi0xLjUsMi44MSwwLDQuMzgsMS44Nyw0LjM4LDMuNzcsMCwxLjU3LS44NCwyLjMxLTIuMzEsMy41Ny0xLjA0Ljg5LTEuMDksMS4zLTEuMDksMi43OWgtMS44N2MwLTEuOTUuMS0yLjY4LDEuNzItNC4wMiwxLjIxLTEuMDEsMS42NS0xLjM4LDEuNjUtMi4yOSwwLTEuMTYtLjk5LTIuMDktMi41MS0yLjA5LS4zOSwwLTEuNzgsMC0zLjI1LDEuNTFsLS42NC0xLjc1Wk04LjQ2LDE0LjM1aDIuMTR2Mi4xNWgtMi4xNHYtMi4xNVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
	--icon-login:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS40IDE5LjQiPjxwYXRoIGQ9Ik0uMjUsOS43Qy4yNSw0LjQ4LDQuNDguMjUsOS43LjI1czkuNDUsNC4yMyw5LjQ1LDkuNDUtNC4yMyw5LjQ1LTkuNDUsOS40NVMuMjUsMTQuOTIuMjUsOS43IiBmaWxsPSIjMjMxODE1Ii8+PHBhdGggZD0iTTYuNDQsOC43M2MwLTEuOCwxLjQ2LTMuMjYsMy4yNi0zLjI2czMuMjYsMS40NiwzLjI2LDMuMjYtMS40NiwzLjI2LTMuMjYsMy4yNi0zLjI2LTEuNDYtMy4yNi0zLjI2IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTkuNywxMi41NWMtMi44OCwwLTUuNDksMS4xNC03LjQyLDIuOTksMS43MywyLjE5LDQuNDEsMy42MSw3LjQyLDMuNjFzNS42OS0xLjQxLDcuNDItMy42MWMtMS45My0xLjg1LTQuNTQtMi45OS03LjQyLTIuOTkiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNLjI1LDkuN0MuMjUsNC40OCw0LjQ4LjI1LDkuNy4yNXM5LjQ1LDQuMjMsOS40NSw5LjQ1LTQuMjMsOS40NS05LjQ1LDkuNDVTLjI1LDE0LjkyLjI1LDkuN1oiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzIzMTgxNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii41Ii8+PC9zdmc+");

	--icon-newmark:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNS43MSAxMS45NSI+PHJlY3Qgd2lkdGg9IjI1LjcxIiBoZWlnaHQ9IjExLjk1IiBmaWxsPSIjZTUwMDEyIi8+PHBvbHlnb24gcG9pbnRzPSI0LjMgMy4xIDcuNDEgNy45IDcuNDEgMy4xIDguNTQgMy4xIDguNTQgOS40OCA3LjIgOS40OCA0LjA5IDQuNjcgNC4wOSA5LjQ4IDIuOTYgOS40OCAyLjk2IDMuMSA0LjMgMy4xIiBmaWxsPSIjZmZmIi8+PHBvbHlnb24gcG9pbnRzPSIxMy4zNiA1LjY4IDEzLjM2IDYuNjkgMTAuNjkgNi42OSAxMC42OSA4LjQ1IDEzLjcyIDguNDUgMTMuNzIgOS40OCA5LjU3IDkuNDggOS41NyAzLjEgMTMuNjEgMy4xIDEzLjYxIDQuMTMgMTAuNjkgNC4xMyAxMC42OSA1LjY4IDEzLjM2IDUuNjgiIGZpbGw9IiNmZmYiLz48cG9seWdvbiBwb2ludHM9IjE3LjMyIDkuNDggMTUuOTMgOS40OCAxNC4wNSAzLjEgMTUuMjUgMy4xIDE2LjYyIDguMTYgMTcuOTMgMy4xIDE5LjMzIDMuMSAyMC42NCA4LjE2IDIyLjAxIDMuMSAyMy4yMSAzLjEgMjEuMzQgOS40OCAxOS45NCA5LjQ4IDE4LjYzIDQuMzYgMTcuMzIgOS40OCIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
	--icon-salemark:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNS43MSAxMS45NSI+PHJlY3Qgd2lkdGg9IjI1LjcxIiBoZWlnaHQ9IjExLjk1IiBmaWxsPSIjNGNhZjYwIi8+PHBhdGggZD0iTTYuNDIsNS44MWMtLjItLjE2LS40NC0uMy0uNzEtLjRsLS44Ny0uMzVjLS4xOS0uMDgtLjM2LS4xNS0uNTEtLjIzLS4xNi0uMDctLjI4LS4xNi0uMzgtLjI3LS4xLS4xLS4xNC0uMjMtLjE0LS4zOSwwLS4yMi4wOS0uMzkuMjYtLjUyLjE3LS4xMi40LS4xOC42OS0uMThzLjU0LjA1Ljc2LjE0Yy4yMy4xLjQ1LjIzLjY2LjRsLjY3LS44M2MtLjI3LS4yOC0uNTktLjQ5LS45NS0uNjQtLjM3LS4xNS0uNzUtLjIzLTEuMTQtLjIzLS40NCwwLS44NC4wOS0xLjE5LjI2LS4zNS4xNy0uNjIuNC0uODIuNjktLjIuMjktLjMuNjEtLjMuOTgsMCwuMzIuMDcuNi4yLjg0LjEzLjIzLjMxLjQzLjUxLjU4LjIxLjE1LjQyLjI3LjY0LjM2bC44OC4zOWMuMi4wOC4zNy4xNi41Mi4yMy4xNS4wOC4yNy4xNy4zNi4yN3MuMTMuMjMuMTMuNGMwLC4yMy0uMDkuNDItLjI3LjU2LS4xOC4xNC0uNDQuMjEtLjc5LjIxLS4yOSwwLS41OC0uMDctLjg5LS4yLS4zLS4xMy0uNTctLjMxLS44MS0uNTRsLS43Ny45MmMuMzIuMzEuNy41NSwxLjEyLjcycy44Ni4yNSwxLjMxLjI1Yy41MiwwLC45Ni0uMDksMS4zMi0uMjguMzYtLjE5LjY0LS40My44NC0uNzRzLjI5LS42NC4yOS0xYzAtLjMyLS4wNi0uNi0uMTctLjgzLS4xMS0uMjMtLjI3LS40Mi0uNDctLjU5WiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik05LjUxLDIuNDRsLTIuMTMsNi42N2gxLjM1bC40Ny0xLjcxaDIuMTVsLjQ3LDEuNzFoMS40bC0yLjEzLTYuNjdoLTEuNTdaTTkuNDgsNi4zNmwuMi0uNzNjLjEtLjM1LjE5LS43MS4yOS0xLjA4LjEtLjM3LjE5LS43NC4yNy0xLjFoLjA0Yy4xLjM1LjIuNzIuMjksMS4wOS4wOS4zOC4xOS43NC4yOSwxLjA4bC4yLjczaC0xLjU5WiIgZmlsbD0iI2ZmZiIvPjxwb2x5Z29uIHBvaW50cz0iMTUuMzMgMi40NCAxNCAyLjQ0IDE0IDkuMTEgMTguMDQgOS4xMSAxOC4wNCA3Ljk5IDE1LjMzIDcuOTkgMTUuMzMgMi40NCIgZmlsbD0iI2ZmZiIvPjxwb2x5Z29uIHBvaW50cz0iMjAuNTMgNy45OSAyMC41MyA2LjIxIDIyLjg2IDYuMjEgMjIuODYgNS4wOSAyMC41MyA1LjA5IDIwLjUzIDMuNTYgMjMuMjkgMy41NiAyMy4yOSAyLjQ0IDE5LjIgMi40NCAxOS4yIDkuMTEgMjMuMzggOS4xMSAyMy4zOCA3Ljk5IDIwLjUzIDcuOTkiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}

/* ---------- common ----------*/
body {
	font-family: 'Noto Sans JP', -apple-system,  "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
		-webkit-text-size-adjust: 100%;
		-webkit-appearance: none;	/*button*/
	font-weight:var(--bf-fontw1);
	color:var(--bf-text);
	margin:0;
}

header, footer { position:relative;	margin:0 auto; }
a, header a, footer a { text-decoration:none; transition-duration:0.2s; }
a, header a { color:var(--bf-text); }
a:hover, header a:hover { color:var(--bf-text-hover); }
footer a { color:var(--bf-fttext); }
footer a:hover { color:var(--bf-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; }
.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; }
.fserif { font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; }
.fsanserif { font-family: 'Noto Sans JP', -apple-system,  "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }
strong { font-weight:var(--bf-fontw2); }

.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 {
	content:"";
	display:inline-block;
	width:1.25em;
	height:1em;
	background-image:var(--icon-arrow-right);
	background-repeat:no-repeat;
	background-position:right center;
	vertical-align:middle;
}

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

#pages { max-width:100%; min-width:320px; margin:0 auto; }
section { max-width:1200px; margin:0 auto; position:relative; }
.common_page { padding:0 10px; }
.text_container { max-width:800px; margin:0 auto; padding:0 10px }

h1 { font-size:2.2rem; line-height:1.4; font-weight:var(--bf-fontw3); }
h2 { font-size:1.8rem; line-height:1.4; font-weight:var(--bf-fontw3); }
h3 { font-size:1.6rem; line-height:1.4; font-weight:var(--bf-fontw2); }
h4 { font-size:1.4rem; line-height:1.4; font-weight:var(--bf-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(--bf-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(--bf-btbg); color:var(--bf-btcolor); border-radius:60px; }
.pgn_link a:hover { background-color:var(--bf-btbg-hover); color:var(--bf-btcolor-hover); }
.pgn_link .pgn_this { background-color:var(--bf-btbg-active); color:var(--bf-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(--bf-btbg); color:var(--bf-btcolor);
}
.pagenation .pgn_prev a:hover, .pagenation .pgn_next a:hover { background-color:var(--bf-btbg-hover); color:var(--bf-btcolor-hover); }
.pagenation .pgn_prev a {
	padding:0 10px 0 15px;
	background-color:var(--bf-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(--bf-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(--bf-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(--bf-fontw2);
	background-color:#ED1C24;
	color:#fff;
	text-align:center;
	font-size:2rem;
	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(--bf-border-light) solid; }
ul.news_list li:last-child { border-bottom:1px var(--bf-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(--bf-bg-hover); }
ul.news_list li span.news_date { flex:0 0 9.5em; }
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 guide ----- */
.shop_guide { margin-top:60px; background-color:#f8f8f8; padding:10px 10px 60px 10px; }
.shop_guide h3 {
	margin-top:10px !important; font-size:1.5rem !important; border:none !important;
	padding:8px; background-color:var(--bf-pagebg); border-radius:8px; text-align:center;
}
.shop_guide h4 { text-align:center; font-size:1.3rem; font-weight:var(--bf-fontw3); }
.shop_guide .guide_items { display:flex; flex-wrap:wrap; }
.shop_guide .guide_items .guide_item_block { flex:0 0 25%; padding:10px; border-right:1px var(--bf-border-light) solid; text-align:center; }
.shop_guide .guide_items .guide_item_block:nth-child(4n) { border-right:none; }
.shop_guide .guide_items .guide_item_block p {
	font-size:0.9rem;
	display:inline-block;
	text-align:left;
	line-height:1.6;
	margin-bottom:0.5em;
}
.shop_guide .guide_items .guide_item_block ul.notice { margin:0; padding:0; list-style:none; line-height:1.6; font-size:0.8rem; text-align:left; }
.shop_guide .guide_items .guide_item_block ul.notice li { margin:0; padding-left:1em; text-indent:-1em; }
.shop_guide .guide_items .guide_item_block ul.notice li:before { content:"＊"; }
@media only screen and (max-width: 767px) {
	.shop_guide .guide_items .guide_item_block { flex:0 0 100%; border-right:none; border-bottom:1px var(--bf-border-light) solid; padding:10px 0 20px 0; }
	.shop_guide p+h4, .shop_guide ul+h4 { padding-top:1.3em; border-top:1px var(--bf-border-light) solid; }

}




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

#sp_menu_bt {
	position:absolute;
	display: block;
	top:15px;
	right:15px;
	width: 30px;
	height: 30px;
	cursor:pointer;
	background-color:var(--bf-pagebg);
	border-radius:3px;
	z-index:600;
}
#sp_menu_bt span {
	width: 30px;
	height: 2px;
	border-radius:2px;
	display: block;
	background: var(--bf-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:30px 0 20px 0; max-width:200px; }
.header_logo img a { display:inline-block; }
@media only screen and (max-width: 767px) {
	.header_logo { margin:0; padding:5px; max-width:140px; height:60px; }
}

.shop_menu { position:absolute; top:30px; right:80px; margin:0; padding:0; display:flex; justify-content:center; list-style:none; line-height:1.1; font-size:0.7rem; }
.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:40px; left:20px; margin:0; padding:0; display:flex; justify-content:center; list-style:none; line-height:1.1; font-size:0.7rem; }
.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(--bf-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-weight:var(--bf-fontw2); }
.site_menu li { padding:0; margin:0; flex:0 0 180px; text-align:center; border-left:1px var(--bf-text) solid;  }
.site_menu li:last-child { border-right:1px var(--bf-text) solid;  }
.site_menu li a { display:flex; width:100%; height:100%; padding:5px; color:var(--bf-text); }
.site_menu li a:hover { background-color:var(--bf-bg-hover); color:var(--bf-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(--bf-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(--bf-fontw3); cursor:pointer; }

#slide_menu .formbox {
	margin:20px auto;
	display: flex;
	box-sizing:border-box;
	width: 280px;
	border: 2px var(--bf-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(--bf-btbg); border: none; cursor:pointer;
}

#slide_menu .join a {
	display:block; width:280px; margin:20px auto; text-align:center;
	color:var(--bf-btcolor); background-color:var(--bf-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(--bf-btcolor-hover); background-color:var(--bf-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; }
#slide_menu ul.category_menulist li,
#slide_menu ul.common_menulist li {	padding:0; border-top:1px var(--bf-border-light) solid; }
#slide_menu ul.category_menulist li:last-child,
#slide_menu ul.common_menulist li:last-child { border-bottom:1px var(--bf-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 ul.category_menulist li a { display:flex; align-items:center; }
#slide_menu ul.category_menulist li a .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 { max-height:100%;  }
#slide_menu ul.category_menulist li a .cate_name { flex:1 1 150px; padding-left:10px; }
#slide_menu ul.category_menulist li a:hover { background-color:var(--bf-bg-hover); }

#slide_menu ul.common_menulist li a,
#slide_menu ul.common_menulist li span { display:block; padding:16px 0; }
#slide_menu ul.common_menulist li a:hover,
#slide_menu ul.common_menulist li span:hover { background-color:var(--bf-bg-hover); }
#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;
}



/* ========== footer ========== */
.inc_footer { margin-top:80px; }
.shop_guide+.inc_footer { margin-top:0; }
footer { background-color:var(--bf-bgcolor); padding:40px 10px; color:var(--bf-fttext); }
footer a { display:inline-block }
.footer_logo { margin:40px auto; text-align:center; }
.footer_sns { display:flex; justify-content:center; margin-bottom:40px; }
.footer_sns div { flex:0 0 66px; text-align:center; }
ul.footer_link { display:flex; justify-content:center; flex-wrap:wrap; margin:40px 0; padding:0; list-style:none; font-size:0.9rem; line-height:1.4; }
ul.footer_link li { padding:0 14px; margin:0; border-left:1px var(--bf-fttext) solid; }
ul.footer_link li:last-child { border-right:1px var(--bf-fttext) solid; }
@media only screen and (max-width: 767px) {
	ul.footer_link { max-width:375px; margin:40px auto; }
	ul.footer_link li { flex:0 0 100%; border-left:none; text-align:center; padding:16px 0; border-top:1px var(--bf-fttext) solid; }
	ul.footer_link li a { display:block; }
	ul.footer_link li:last-child { border-right:none; border-bottom:1px var(--bf-fttext) solid; }
}
.ft_copy { text-align:center; margin:0; font-size:0.9rem; }





/* ========== 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(--bf-btbg);
	color:var(--bf-btcolor);
	cursor:pointer;
	font-size:1.0rem;
	margin:40px 0;
	padding:16px 20px;
	min-width:240px;
}