@charset "utf-8";

:root {
	--chart-color: #e6d243;
	--chart-hover-color: #e0d372;
	--white-color: #fff;
	--offwhite-color: rgb(246, 246, 246);
	--gray-color: rgb(177, 177, 177);
	/* --black-color: rgb(25, 25, 25); */
	--black-color: rgb(25, 25, 25);
	/* --main-color: #FDB55D; */
	/* --sub-color: #FEC57E; */
	--main-color: #fff5aa;
	--sub-color: #fcf6c5;
	--base-color: #f9fcf7;
}

html {
	background-color: #fff;
	color: var(--black-color);
}

.h_box {
	background-color: var(--black-color);
	color: #fff;
}
.h_box.t2 {
	background-color: var(--main-color);
	color: var(--black-color);
}
h6 {
	background-color: #fff;
}
.red {
	color: #EF3B2C;
}

/*--------------------------------------------
プログレスバー
--------------------------------------------*/

#progress-bar {
	background: var(--main-color);
}

/*--------------------------------------------
ボタン
--------------------------------------------*/

.btn_main {
	border: 2px solid var(--black-color);
}
.btn_main.t1 {
	background-color: var(--sub-color);
}
.btn_main.t2 {
	background-color: #fff;
}

.btn_main.large {
	border: 2px solid var(--black-color);
}
.btn_main.minimum {
	border-color: var(--black-color);
	color: var(--black-color);
}

/* .btn_main.invalid {
	background-color: #e6e6e6;
	color: #B5B5B5;
} */

/* SNS Googleログインエリアの文字色 */
.sns_btn.google p {
	color: var(--black-color);
}

/*--------------------------------------------
メイン　要素
--------------------------------------------*/

.main .title {
	background-color: #fff;
}
.main .overview {
	background-color: #fff;
}

.price_circle {
	background-color: var(--main-color);
}

.info_area .box {
	background-color: var(--main-color);
}

/*--------------------------------------------
メイン背景
--------------------------------------------*/

main {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTI4NCAxNTU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjg0IDE1NTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGN0YyRTk7fQ0KCS5zdDF7ZmlsbDojZmZmNWFhO30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI1NTAuNSIgY3k9IjEwMDguNSIgcj0iNTUwLjUiLz4NCjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjkxNy41IiBjeT0iMzY2LjUiIHI9IjM2Ni41Ii8+DQo8L3N2Zz4=');
}

@media (max-width: 820px) {
	main {
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjAxIDk2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAxIDk2NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I2ZmZjVhYTt9DQoJLnN0MXtmaWxsOiNGN0YyRTk7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjM0OC41IiBjeT0iMjUyLjUiIHI9IjI1Mi41Ii8+DQo8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSIxNTMiIGN5PSI4MTQiIHI9IjE1MyIvPg0KPC9zdmc+DQo=');
	}
}

/*--------------------------------------------
商品一覧背景
--------------------------------------------*/

.item_bg1 {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjA4NyAxMDA2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMDg3IDEwMDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGN0YyRTk7fQ0KCS5zdDF7ZmlsbDojZmZmNWFhO30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxNzkyLjUiIGN5PSI3MTEuNSIgcj0iMjk0LjUiLz4NCjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjQ3Mi41IiBjeT0iNDcyLjUiIHI9IjQ3Mi41Ii8+DQo8L3N2Zz4NCg==');
}
.item_bg2 {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTgwOCA5NDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4MDggOTQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjdGMkU5O30NCgkuc3Qxe2ZpbGw6I2ZmZjVhYTt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjk0LjUiIGN5PSI0NjguNSIgcj0iMjk0LjUiLz4NCjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjEzMzUuNSIgY3k9IjQ3Mi41IiByPSI0NzIuNSIvPg0KPC9zdmc+DQo=');
}

@media (max-width: 820px) {

	.item_bg1 {
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTgyIDU2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTgyIDU2NTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I2ZmZjVhYTt9DQoJLnN0MXtmaWxsOiNGN0YyRTk7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjE2MyIgY3k9IjE2MyIgcj0iMTYzIi8+DQo8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI0MzYiIGN5PSI0MTkiIHI9IjE0NiIvPg0KPC9zdmc+DQo=');
	}
	.item_bg2 {
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTgyIDU2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTgyIDU2NTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0Y3RjJFOTt9DQoJLnN0MXtmaWxsOiNmZmY1YWE7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjE0NiIgY3k9IjQxOSIgcj0iMTQ2Ii8+DQo8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI0MTkiIGN5PSIxNjMiIHI9IjE2MyIvPg0KPC9zdmc+DQo=');
	}
}

/*--------------------------------------------
見出しやフッターなどのワンポイント装飾
--------------------------------------------*/

.onepoint::after {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTk0IDYxLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5NCA2MS4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojZmZmNWFhO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTk0LDBMMTk0LDBDMTI0LjYsMCw1Ni45LDIxLjQsMCw2MS4yaDE5NFYweiIvPg0KPC9zdmc+DQo=');
}

@media (max-width: 820px) {

	.onepoint::after {
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjAuNyA0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAuNyA0NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I2ZmZjVhYTt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsNDdoNjAuN1YwaC0wLjJDMzYuMywxMCwxNS41LDI2LjMsMCw0N3oiLz4NCjwvc3ZnPg0K');
	}

}

/*--------------------------------------------
賞 見出し
--------------------------------------------*/

.rank svg text.foreground {
	fill: var(--main-color);
}
.rank svg text.background {
	stroke: #2F2F2F;
}

/*--------------------------------------------
賞の情報、ポータルサイトのアバウト情報
--------------------------------------------*/

.rank_info h3::after,
.about_info h3::after {
	/* 点線 */
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgdmlld0JveD0iMCAwIDIwLjUgNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAuNSA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowLjU7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiLz4NCjwvc3ZnPg0K');
}

/*--------------------------------------------
当選数
--------------------------------------------*/

.volume {
	background-color: #fff;
	border: 2px solid var(--black-color);
}

/*--------------------------------------------
商品表示
--------------------------------------------*/

.item {
	background-color: #fff;
	border: 1px solid var(--gray-color);
}
.item p.name {
	background-color: var(--offwhite-color);
	color: var(--black-color);
	border-top: 1px solid var(--gray-color);
}
.item div.rank {
	text-shadow:
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color),
			0 0 5px var(--white-color);
}

/*--------------------------------------------
注意事項等（下部）
--------------------------------------------*/

.unit p {
	color: #818181;
}

/*--------------------------------------------
ドロワー
--------------------------------------------*/

.drawer .area {
	background-color: var(--main-color);
}

/*--------------------------------------------
ウィンドウ枠
--------------------------------------------*/

.window {
	background-color: #fff;
	border: 1px solid var(--gray-color);
}
.window h3 {
	background-color: var(--main-color);
	color: #000;
	border-bottom: 1px solid var(--gray-color);
}

/*--------------------------------------------
フォームパーツ
--------------------------------------------*/

input,
select + p,
textarea {
	border: 1px solid var(--black-color);
	background-color: #fff;
}

*:focus {
	outline-color: var(--main-color);
}

input:focus,
select:focus + p,
textarea:focus {
	outline: 6px solid var(--main-color);
	outline-offset: 0px;
	border: 1px solid var(--black-color);
}

input[type="checkbox"] + span {
	border: 2px solid var(--black-color);
	background-color: #fff;
}
input[type="radio"] + span {
	border: 1px solid var(--black-color);
	background-color: #fff;
}
input[type="checkbox"]:checked + span {
	background-color: var(--black-color);
}

/* 利用規約・プライバシーポリシーのチェックボックス枠 */
.check_note.detail {
	background-color: var(--sub-color);
}

/*--------------------------------------------
ストライプ表示
--------------------------------------------*/

.stripe::before {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj4NCgk8ZGVmcz4NCgkJPHBhdHRlcm4gaWQ9InBhdHRlcm5fMXd6Q01qIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxsaW5lIHgxPSIwIiB5PSIwIiB4Mj0iMCIgeTI9IjEwIiBzdHJva2U9IiNGN0YyRTkiIHN0cm9rZS13aWR0aD0iNiIvPjwvcGF0dGVybj4NCgk8L2RlZnM+DQoJPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuXzF3ekNNaikiIG9wYWNpdHk9IjEiLz4NCjwvc3ZnPg==');
	background-color: #fff;
}

/*--------------------------------------------
ボックス型の情報表示エリア（配送手続きの賞品選択ページで使用）
--------------------------------------------*/

.box_area {
	background-color: var(--sub-color);
}

/*--------------------------------------------
ページャー
--------------------------------------------*/

/* 各ボタン共通 */
.pager > div {
	background-color: #fff;
	color: #000;
}
/* マウスオーバー表示 */
.pager > div:hover {
	background-color: rgb(245, 245, 245);
}
/* 前へ、次へボタン */
.pager .prev,
.pager .next {
	border: 1px solid var(--black-color);
}
/* ページ選択状態 */
.pager .active {
	background-color: var(--black-color);
	color: #fff;
}

/*--------------------------------------------
アコーディオン（よくある質問で使用）
--------------------------------------------*/

.accordion > li > p {
	background: var(--sub-color);
	color: var(--black-color);
	border-top: 1px solid var(--gray-color) !important;
	border-bottom: 1px solid var(--gray-color) !important;
}

/*--------------------------------------------
ポータルサイト
--------------------------------------------*/
.c_portal .about {
	background-color: var(--base-color);
}
.c_portal .about .link_btns .border {
	border: 1px solid var(--gray-color);
}

/* ↓ 2022-09-29 StudioSEIA 追加 ↓ */
/*--------------------------------------------
くじを選択 アニメーション
--------------------------------------------*/
#kuji-choice .check-box input:checked + .check-img {
	border: 10px solid var(--main-color);
	background-color: var(--main-color);
	border-radius: 15px;
}
/* ↑ 2022-09-29 StudioSEIA 追加 ↑ */