@charset "utf-8";
/*================================================================
【pattern】
=================================================================*/
.dots {
	background-color: transparent; /* ベース色 */
	background-image: radial-gradient(#d3d3d3 1px, #fff7dc 2px);
	background-size: 25px 25px; /* ドットの間隔 */
	background-repeat: repeat;
}
/*================================================================
【all】 pattern②
=================================================================*/
/*:::::::::::【画面全体】::::::::::*/
.bg_pattern-01 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #ffe9a7;
	opacity: 0.4;
	z-index: -1;
}
.bg_pattern-01::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 2;
}
/*:::::::::::【セクションごと】::::::::::*/
.bg_pattern-02 {
	width: 100%;
	height: 100%;
	background-color: #ffe9a7;
}
.bg_pattern-02::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 2;
}
/*:::::::::::【手前に持ってくるコンテンツ】::::::::::*/
.fg_box {
	position: relative;
	z-index: 5;
}
/*================================================================
【背景パターン / 水玉①】
=================================================================*/
.Polka {
	background-image: radial-gradient(#ffc107 2px, #ffffff 2px);
	background-size: 20px 20px;
}
/*================================================================
【背景パターン / 水玉②】
=================================================================*/
.Polka_v2 {
	background-image: radial-gradient(#ffc107 2px, transparent 2px), radial-gradient(#ffc107 2px, #ffffff 2px);
	background-size: 40px 40px;
	background-position: 0 0, 20px 20px;
}
/*================================================================
【背景パターン / 十字】
=================================================================*/
.Cross {
	background: radial-gradient(circle, transparent 20%, #ffe9a7 20%, #ffe9a7 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #ffe9a7 20%, #ffe9a7 80%, transparent 80%, transparent) 50px 50px, linear-gradient(#ffc107 4px, transparent 4px) 0 -2px, linear-gradient(90deg, #ffc107 4px, #ffe9a7 4px) -2px 0;
	background-size: 100px 100px, 100px 100px, 50px 50px, 50px 50px;
}