@charset "utf-8";
/***************************************************
information
  filename : private.css;
***************************************************/

/* ** private_custom start ** */
/****************** カスタムcss ******************/

/********* 基本箇所変更 *********/
:root {
	--DezComBox-rod: 0.2em; /* 角丸 */
	--DezBase-cr: #a0000d; /* ベース赤色カラー */
	--DezBase-Txt: clamp(1.6rem, 2.0vw, 2.0rem); /* フォントサイズ(本文サイズ) */
	--DezBase-Gc: 1.6; /* フォント行間(本文行間) */
	--DezBase-width: 960px;
	--DezBase-cr-r: #a0000d; /* ベース赤カラー */

	--app-articleArea-txtsd: 0.3rem 0.3rem 1.5rem #fff, 0.3rem 0.3rem 1.5rem #fff,-0.3rem 0.3rem 1.5rem #fff,0.3rem -0.3rem 1.5rem #fff, 0.3rem 0.3rem 1.5rem #fff,-0.3rem -0.3rem 1.5rem #fff;

	--indexLinkBox-brd: 1px solid #3e2829;

    --app-scroll-brd: 1px solid #3e2829;
    --app-scroll-cr: #a0000d;
	--app-scroll-sd: 0 0 3.0rem #434848;

    --app-scroll-ch-brd: 1px solid #3e2829;
    --app-scroll-ch-cr: #a0000d;
    --app-scroll-ch-sd: 0 0 3.0rem #434848;

	--contsearch-rod: 0.3rem;
    --contsearch-txt: #fff;
    --contsearch-bg: #fff;
    --contsearch-bt-bg: #a0000d;
    --contsearch-brd: 2px solid #a0000d;
    --contsearch-sd: none;

	--app-footer-cr: #fff; /* フッター背景色 */
	--app-footer-txt: #000; /* フッターテキスト色 */
    --app-spfooter-cr: #fff; /* SPフッター背景色 */
    --app-spfooter-txt: #000; /* SPフッターテキスト色 */
	--app-fnavi-txt: #000; /* テキスト色 */
	--app-fnavi-a-txt: #000; /* テキスト色（aタグ） */

    --app-gnavis-cr: inherit;
    --app-gnavis-txt: #fff;
    --app-gnavis-a-cr: inherit;
    --app-gnavis-a-txt: #fff;
    --app-gnavis-ah-cr: #fff;
    --app-gnavis-ah-txt: #fff;


	--heading01-size: 0.2rem; /* ボーダーサイズ */
	--font-heading01: clamp(4.0rem, 6.0vw, 6.0rem); /* フォントサイズ */

    --app-mainTi-mg: 0 auto;
    --app-mainTi-pd: 4.0rem 0 4.0rem 0;
    --app-mainTi-txt: #fff;
    --app-mainTi-bg: #a0000d;
    --app-mainTi-brd: 1px solid #a0000d;
    --font-mainTi: clamp(1.6rem, 2.0vw, 2.0rem);

    --app-articleArea-width: 100%;

    --SldDot-bg: #000; /* ドット表示背景色 */
    --SldDot-li: #000; /* ドット通常色 */
    --SldDot-lia: #999; /* ドットアクティブ色 */

    --app-catenavSl-ah-cr: #a0000d;
    --app-catenavY-ah-cr: #a0000d;
    --app-pagenum-ah-cr: #a0000d;
    --tab-munu-tp01-crt-bg: #a0000d;

	--tab-munu-tp-ctm-brd: #3e2829;

	--NBLinkBt-pwidth: 20%;
	--NBLinkBt-txt: #fff;
	--NBLinkBt-bg: none;
	--NBLinkBt-brd: 1px solid #fff;
	--NBLinkBt-sd: none;
	--ListBkBt-size: 30%;
	--ListBkBt-txt: #fff;
	--ListBkBt-bg: none;
	--ListBkBt-brd: 1px solid #fff;
	--ListBkBt-sd: none;

	--InputBaseBox-size: 100%; /* 登録画面画面サイズ */

	--app-spheader-txt: #fff;

    --app-conVisualArea-mg: 0 auto 0 auto;
	--app-BgBox-sd: none;

    --LoginBox-size: 100%;
    --app-BackListBt-bg: #a0000d;
    --app-BackListBt-brd: #a0000d;

    --memInfo-size: 200px;
    --memInfo-txt: #fff;
    --memInfo-bg: #a0000d;
    --memInfo-brd: 1px solid #fff;
    --fmcicon-bg: rgb(230,230,230); /* 通知アイコン 基本 背景色 */

    --app-popupTi-txt: #fff;
    --app-popupTi-bg: #a0000d;

    --app-ctmf-cr: #f4f1e5;
    --app-FulfillmentBox-txt: #3d2415;
    --app-FulfillmentBox-bg: #f4f1e5;

	--app-DetSubBt-txt-crt: #fff; /* カレントテキスト色 */
    --app-DetSubBt-cr-crt: #a0000d;

	--app-EditBtArea-txt: #fff;
    --app-EditBtArea-edit-cr: #a0000d;
    --app-EditBtArea-edit-brd: 1px solid #a0000d;
    --app-EditBtArea-oth-cr: #d29900;
    --app-EditBtArea-oth-brd: 1px solid #d29900;
}
@media screen and (max-width: 600px) {
	:root {
		--heading01-size: 0.1rem; /* ボーダーサイズ */
		--DezBase-width: 90%;
	    --app-mainTi-pd: 3.0rem 0 2.5rem 0;
		--app-articleBox-width: 100%;
	    --app-articleArea-width: 100%;
		--NBLinkBt-pwidth: 40%;
		--ListBkBt-size: 60%;
	    --memInfo-size: 100%;
	}
}

/* ** private_custom end ** */