@charset "utf-8";
/* CSS Document */


/* 全体
=============================================================*/
* {
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

body {
	container-type: inline-size;
	overflow-x: hidden;
}

main {
	display: flex;
	width: 100vw;
	background-color: #EEEEEE;
}

img {
	width: 100%;
	display: block;
}

#content__center {
	position: relative;
	z-index: 100;
	box-shadow: 0 0 16px rgba(20,5,0,0.4);
}


/* コンテンツ-全サイズ共通
=============================================================*/
#content__left {
	background-color: #DE3F42;
}

#content__right {
	display: none;
	background-color: #DE3F42;
}


/* コンテンツ-スマホサイズ
=============================================================*/
@media screen and (max-width: 500px) {
	#content__left {
		width: 0;
	}
	
	#content__center {
		width: 100%;
	}
}


/* コンテンツ-中間サイズ
=============================================================*/
@media screen and  (min-width: 501px) and (max-width: 1080px) {
	#content__left,#content__right {
		width: 20vw;
	}
	
	#content__center {
		width: 100%;
	}
	
	#content__right {
		display: block;
	}
	
	#content__right ul {
		display: none;
	}
}


/* コンテンツ-最大サイズ
=============================================================*/
@media screen and  (min-width:1081px) {
	#content__left {
		width: 10vw;
	}
	
	#content__center {
		width: 500px;
	}
	
	#content__right {
		width: calc(90vw - 500px);
		display: block;
	}

	#content__right ul {
		position: fixed;
		top: calc((100vh - 409px) / 2);
		right: calc((90vw - 800px) / 2);
		list-style: none;
	}
	
	#content__right ul li a {
		display: flex;
		justify-content: space-between;
		text-decoration: none;
		color: #fff;
		font-size: 12px;
		width: 240px;
		padding: 20px 20px;
	}
	
	#content__right ul li::after {
		content: "";
		display: block;
		height: 1px;
		background-color: #CC9596;
	}
}




/* footer（コンテンツ中央に記述してあります）
=============================================================*/
footer {
	background-color: #000;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	padding: 50px 20px;
}