@charset "utf-8";

:root {
	/* 色設定 */
	--main-text-color: #1A2042;
	--body-bg-color: #DEE2E8;
	--article-bg-color: #fff;
	--accent: #CC4E89;
}



@media screen and (min-width: 769px) {


	body{
        overflow-y: scroll;
		min-height: 100vh;
		position: relative;
}

	#bgimage {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-clip-path: inset(0);
		        clip-path: inset(0);
		z-index: -1;
	}

	#bgimage::before {
		content: '';
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: fixed;
		background-image: url("https://get-the-tail.boy.jp/img/bg.jpg");  
        background-size: 100% auto; /* 幅、高さ */
		background-repeat:  no-repeat;
        background-position: center;
	}

}

@media screen and (max-width: 768px) {

	body{
        overflow-y: scroll;
		min-height: 100vh;
		position: relative;
}

	#bgimage {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		-webkit-clip-path: inset(0);
		        clip-path: inset(0);
		z-index: -1;
	}

	#bgimage::before {
		content: '';
		z-index: -1;
		inset: 0;
		width: 100%;
		height: 100%;
		position: fixed;
		background-image: url("https://get-the-tail.boy.jp/img/bg.jpg");  
        background-size: auto 100vh ; /* 幅、高さ */
        background-repeat:  no-repeat;
        background-position: center 0;

	}

}