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

/*
	共通
-----------------------------------------------------------------------------------------------*/
#pageTitArea .tit{
	letter-spacing: 0.1em;
}

/*
	全国の大型ビジョン簡単サーチ
-----------------------------------------------------------------------------------------------*/
/* 検索トップ
--------------------------------------*/
/* キャッチ */
.catchVSerch{
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 220%;
}
.catchVSerch span{
	display: inline-block;
	border-bottom: 1px solid var(--a30Black);
}

/* 都道府県リスト */
.vsMapArea .areaBox{
	width: 205px;
	padding: 15px 20px;
	background-color: var(--bgSubGray);
}
.vsMapArea .areaBox .tit{
	padding-bottom: 5px;
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--mainBlue);
}
.listCheckbox{
	display: flex;
	flex-wrap: wrap;
	gap: 8px 15px;
	font-size: 1.5rem;
}
.listCheckbox li{
	min-width: 75px;
}

/* 検索ボタン */
.vsMapArea + .btnArea{
	margin-top: 0;
}

@media screen and (min-width:813px){
	.vsMapArea{
		min-height: 714px;
		margin-top: -30px;
		background: url(../images/pic_japan.png) left 60px top no-repeat;
		position: relative;
	}
	.vsMapArea .areaBox{
		position: absolute;
	}
	/* 東北・北海道 */
	.vsMapArea .areaBox.tohoku{
		top: 20px;
		right: 0;
	}
	/* 首都圏 */
	.vsMapArea .areaBox.shutoken{
		top: 220px;
		right: 150px;
	}
	/* 甲信越 */
	.vsMapArea .areaBox.koshinetsu{
		top: 420px;
		right: 200px;
	}
	/* 東海 */
	.vsMapArea .areaBox.tokai{
		top: 490px;
		right: 420px;
	}
	/* 北陸 */
	.vsMapArea .areaBox.hokuriku{
		top: 150px;
		left: 440px;
	}
	/* 近畿 */
	.vsMapArea .areaBox.kinki{
		top: 210px;
		left: 220px;
	}
	/* 中国 */
	.vsMapArea .areaBox.chugoku{
		top: 260px;
		left: 0;
	}
	/* 四国 */
	.vsMapArea .areaBox.shikoku{
		top: 530px;
		left: 295px;
	}
	/* 九州・沖縄 */
	.vsMapArea .areaBox.kyushu{
		top: 430px;
		left: 0;
	}
}

/* 検索結果一覧
--------------------------------------*/
/* 絞り込み */
.VSNarrowDownBox{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 20px;
	padding: 20px 30px;
	margin-bottom: 30px;
	background-color: var(--bgSubGray);
}
.VSNarrowDownBox .tit{
	padding-bottom: 5px;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--mainBlue);
}
.listVSNarrowDown{
	display: flex;
	flex-wrap: wrap;
	gap: 10px 30px;
	width: 940px;
}
.listVSNarrowDown li{
	min-width: 90px;
}
.VSNarrowDownBox .btnFormIn{
	width: 120px;
	padding: 16px 12px;
	margin-left: 0;
	font-size: 1.3rem;
}

/* リスト */
.listVS{
	display: flex;
	flex-wrap: wrap;
	gap: 44px;
}
.listVS li{
	flex: 0 0 252px;
	width: 252px;
}
.listVS li a{
	padding: 0 20px 25px 20px;
}
.listVS li .ph{
	margin: 0 -20px;
	height: 168px;
}
.listVS li .ph img{
	width: 252px;
	height: 168px;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	transition: opacity 0.25s;
}
.listVS li .tit{
	margin: 17px 0 10px 0;
	font-size: 1.5rem;
}
.listVS li .address,.listVS li .train{
	padding: 0 0 7px 20px;
	font-size: 1.2rem;
	line-height: 145%;
	letter-spacing: 0.05em;
	color: var(--tagGray);
}
.listVS li .address{
	margin-bottom: 7px;
	background:url(../images/ico_map.svg) left top 1px / 12px 16px no-repeat;
	border-bottom: 1px dashed #BBBBBB;
}
.listVS li .train{
	margin-bottom: 15px;
	background:url(../images/ico_train.svg) left top 1px / 12px 20px no-repeat;
}


/* 検索結果詳細
--------------------------------------*/
.kvVSBox{
	width: 900px;
	padding: 70px 0 45px 0;
	margin: 0 auto;
}

/* 写真 */
.kvVSBox .ph{
	width: fit-content;
	margin: 0 auto;
	overflow: hidden;
}
.kvVSBox .ph img{
	max-width: 680px;
	max-height: 450px;
	object-fit: contain;
	opacity: 0;
	animation: fadeInScale 0.75s 1 normal 0.25s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
}

/* NoImage */
.kvVSBox .ph.noImage img{
	width: 680px;
}

/* 住所 */
.kvVSBox .address{
	margin-top: 20px;
	font-size: 1.6rem;
	text-align: center;
	color: var(--tagGray);
	opacity: 0;
	animation: fadeIn 0.75s 1 normal 0.25s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
}

/* 詳細情報 */
.bgDarkGray + .bgGray{
	padding-top: 60px;
}
.vsDetailBox{
	margin-bottom: 60px;
}
@media screen and (min-width:813px){
	.vsDetailBox .tblBasic th{
		width: 150px;
	}
}
.vsDetailMapBox{
	width: 100%;
	aspect-ratio: 114 / 43;
}
.vsDetailMapBox iframe{
	width: 100%;
	height: 100%;
}

/* 料金表下テキスト */
.txtVsDetailPriceOther{
	padding-top: 10px;
}

/* 非公開 */
.txtVsDetailPrivate{
	margin-bottom: 60px;
}


/*
	各ビジョン_紹介ページ_共通
-----------------------------------------------------------------------------------------------*/
/*
	KV
--------------------------------------*/
.visionKvArea{
	padding: 70px 30px 65px 30px;
	margin-bottom: 70px;
	text-align: center;
}
.visionKvArea .catch{
	width: fit-content;
	margin: 0 auto 30px auto;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 190%;
	color: #FFFFFF;
	opacity: 0;
	animation: fadeIn 0.75s 1 normal 0.25s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
}
.visionKvArea .catch span{
	display: inline-block;
	border-bottom: 1px solid #FFFFFF;
}
.visionKvArea .phKv {
	width: fit-content;
	margin: 0 auto;
	overflow: hidden;
}
.visionKvArea .phKv img{
	opacity: 0;
	animation: fadeInScale 0.75s 1 normal 0.25s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
}
.visionKvArea .ffEn{
	padding-top: 23px;
	font-size: 4.4rem;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 0.2em;
	line-height: 100%;
	color: #333333;
	opacity: 0;
	animation: fadeIn 0.75s 1 normal 0.25s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
}

/*
	ビジョン紹介
--------------------------------------*/
.visionIntroArea{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 80px;
}
.visionIntroArea .txtBox{
	flex: 0 0 450px;
}
.visionIntroArea .txtBox .tit{
	padding-bottom: 15px;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.visionIntroArea .txtBox .txt,
.visionIntroArea.clm1 .txt{
	padding-bottom: 35px;
	font-size: 1.5rem;
	text-align: justify;
	line-height: 200%;
}
.visionIntroArea .picBox{
	flex: 0 0 610px;
	position: relative;
}
.visionIntroArea + .bgGray{
	padding-top: 80px;
}

/* 1column */
.visionIntroArea.clm1{
	display: block;
}
.visionIntroArea.clm1 .txt{
	padding-bottom: 0;
	margin: 0 auto;
	width: fit-content;
	text-align: left;
}


/*
	新宿アルタビジョン
-----------------------------------------------------------------------------------------------*/
/*
	ビジョン紹介
--------------------------------------*/
/* 01 */
.visionIntroArea .picBox.altaV01{
	padding-bottom: 60px;
}
.visionIntroArea .picBox .altaV01_02{
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0;
}
.visionIntroArea.picBox .altaV01_02.jsAnmStart {
	animation: fadeInRtoL 0.7s 1 normal 0.5s ease forwards;
}
/* 02 */
.visionIntroArea .picBox.altaV02{
	text-align: right;
}
.visionIntroArea .picBox .altaV02_02{
	position: absolute;
	top: 70px;
	left: 86px;
}
.visionIntroArea .picBox .altaV02_03{
	position: absolute;
	top: 25px;
	left: -22px;
	opacity: 0;
}
.visionIntroArea .picBox .altaV02_03.jsAnmStart{
	animation: fadeInScaleExpand 0.7s 1 normal 0.5s ease forwards;
}
/* 03 */
.visionIntroArea .picBox .altaV03_02{
	position: absolute;
	top: 171px;
	left: 150px;
	opacity: 0;
}
.visionIntroArea .picBox .altaV03_02.jsAnmStart{
	animation: fadeInScaleExpand 0.7s 1 normal 0.5s ease forwards;
}

/*
	SPEC
--------------------------------------*/
.specArea{
	margin-bottom: 70px;
	background: linear-gradient(to right, var(--mainBlue) 50%, var(--darkGray) 50%);
}
.specArea .ctsArea{
	display: flex;
	align-items: center;
	padding-bottom: 0;
}
.specArea .titBox{
	flex: 0 0 285px;
}
.specArea .titBox .tit{
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.specArea .titBox .ffEn{
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: 0.2em;;
	color: #FFFFFF;
}
.dlistSpec{
	flex: 1 0 auto;
	padding: 20px 0 20px 20px;
	color: #FFFFFF;
	background-color: var(--darkGray);
}
.dlistSpec > div{
	display: flex;
}
.dlistSpec > div:nth-of-type(n+2){
	margin-top: 20px;
}
.dlistSpec dt{
	width: 110px;
	font-weight: 700;
	letter-spacing: 0.2em;
	border-right: 1px dotted #666666;
}
.dlistSpec dd{
	padding-left: 20px;
}
/* 立川ビジョンページのみ適用 */
.specArea.specLast{
	margin-bottom: 0px;
	border-bottom: 1px solid #444444;
}


/*
	その他
--------------------------------------*/
.examinationCriteria .titCl{
	padding-bottom: 8px;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--mainBlue);
}
.examinationCriteria p{
	line-height: 160%;
}


/*
	渋谷スクランブル交差点4面連
-----------------------------------------------------------------------------------------------*/
/*
	ビジョン紹介
--------------------------------------*/
.visionIntroArea .listCircle.shibuya4{
	margin-top: -20px;
	font-size: 1.2rem;
}
.visionIntroArea .picBox.bd{
	padding: 40px 0;
	text-align: center;
	border: 1px solid var(--otherGray);
}


/*
	伊勢丹 立川ビジョン
-----------------------------------------------------------------------------------------------*/
/*
	ビジョン紹介
--------------------------------------*/
.visionIntroArea .titBlue{
	padding-bottom: 10px;
	font-size: 1.7rem;
	font-weight: 700;
	color: var(--mainBlue);
}


/*
	放映素材について
-----------------------------------------------------------------------------------------------*/
.materialAnchorArea + .bgGray {
	padding-top: 70px;
}

/* アンカー
--------------------------------------*/
.listMaterialAnchor{
	display: flex;
	justify-content: center;
	gap: 0 20px;
	width: var(--col1Width);
	padding: 30px;
	margin: 0 auto;
}
.listMaterialAnchor li{
	width: 300px;
}
a.btnAnchor{
	display: block;
	padding: 25px 20px 30px 20px;
	font-size: 1.6rem;
	line-height: 100%;
	text-align: center;
	letter-spacing: 0.15em;
	color: #000000;
	background-color: #FFFFFF;
	position: relative;
	transition: color 0.25s, background-color 0.25s;
}
a.btnAnchor::after{
	content: ' ';
	display: block;
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%) scaleY(.85) rotate(-45deg);
	transition: bottom 0.25s, border-color 0.25s;
}
a.btnAnchor:hover::after{
	bottom: 10px;
	border-color: #FFFFFF;
}
a.btnAnchor:hover {
	color: #FFFFFF;
	background-color: #000000;
}

/* 素材タイプ
--------------------------------------*/
.listMaterialType{
	display: flex;
	justify-content:center;
	gap: 20px;
	margin-top: 30px;
}
.listMaterialType li{
	flex: 0 0 270px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 190px;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	background: url(../images/bg_material.svg) left top / cover no-repeat var(--a20Blue);
	position: relative;
}
.listMaterialType li.other{
	background-color: #E4E4E8;
}
.listMaterialType li .line{
	padding-bottom: 2px;
	line-height: 125%;
	border-bottom: 1px solid #000000;
}
.listMaterialType li .fsS{
	letter-spacing: 0.05em;
}
.listMaterialType li .mark{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	font-family: var(--ffEn);
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 125%;
	color: #FFFFFF;
	background-color: var(--mainBlue);
	border-radius: 35px;
	position: absolute;
	top: -20px;
	left: -10px;
}
.listMaterialType li.other .mark{
	align-items: flex-end;
	width: 80px;
	height: 65px;
	padding-bottom: 2px;
	font-size: 1.4rem;
	background-color: #333333;
	border-radius: 2px;
	clip-path: polygon(50% 0%,100% 100%, 0% 100%);
}
.noteMaterial{
	margin-top: 15px;
}

/* 搬入前にご確認くださsい */
.materialiAttentionArea{
	padding: 30px;
	margin-top: 40px;
	background-color: var(--bgSubGray);
	border: 1px solid var(--otherGray);
}
a.btnBasic.file.materialPdf{
	padding: 26px 40px 26px 20px;
	font-size: 1.6rem;
	text-align: center;
}


@media screen and (max-width:812px){
	/*
		全国の大型ビジョン簡単サーチ
	-----------------------------------------------------------------------------------------------*/
	/* 検索トップ
	--------------------------------------*/
	/* キャッチ */
	.catchVSerch{
		margin-bottom: 20px;
		font-size: 1.8rem;
		line-height: 200%;
	}

	/* 都道府県リスト */
	.vsMapArea .areaBox{
		width: 100%;
		padding: 5px 20px 20px 20px;
	}
	.vsMapArea .areaBox:first-of-type{
		padding-top: 15px;
	}
	.vsMapArea .areaBox .tit{
		font-size: 1.3rem;
	}
	.listCheckbox{
		font-size: 1.4rem;
	}
	.listCheckbox li{
		min-width: calc((100% - 45px)/4);
	}

	/* 検索ボタン */
	.vsMapArea + .btnArea{
		margin-top: 40px;
	}


	/* 検索結果一覧
	--------------------------------------*/
	/* パンくず */
	.vsList #olistPan li:first-of-type{
		margin-left: 40px;
	}

	/* 絞り込み */
	.VSNarrowDownBox{
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		padding: 15px 20px 20px 20px;
		margin-bottom: 30px;
	}
	.VSNarrowDownBox .tit{
		font-size: 1.3rem;
	}
	.listVSNarrowDown{
		display: flex;
		flex-wrap: wrap;
		gap: 10px 15px;
		width: 100%;
	}
	.listVSNarrowDown li{
		min-width: calc((100% - 30px)/3);
	}
	.VSNarrowDownBox .btnFormIn{
		width: 120px;
		padding: 10px 12px 12px 12px;
		margin: 15px auto 0 auto;
	}

	/* リスト */
	.listVS{
		gap: 10px;
	}
	.listVS li{
		flex: 0 0 var(--col3Width);
	}
	.listVS li a{
		padding: 0 15px 20px 15px;
	}
	.listVS li .ph{
		height: 110px;
		margin: 0 -15px;
	}
	.listVS li .ph img{
		width: 100%;
		height: 110px;
	}
	.listVS li .tit{
		margin: 15px 0 5px 0;
		font-size: 1.4rem;
	}
	.listVS li .address,.listVS li .train{
		padding: 3px 0 7px 18px;
		font-size: 1rem;
		line-height: 125%;
	}
	.listVS li .address{
		margin-bottom: 7px;
	}
	.listVS li .train{
		padding-top: 5px;
		margin-bottom: 15px;
	}

	/* 検索結果詳細
	--------------------------------------*/
	.kvVSBox{
		width: 100%;
		padding: 35px 25px 17px 25px;
	}

	/* 写真 */
	.kvVSBox .ph img{
		max-width: 100%;
		max-height: 100%;
	}

	/* NoImage */
	.kvVSBox .ph.noImage img{
		width: 100%;
	}

	/* 住所 */
	.kvVSBox .address{
		margin-top: 15px;
		font-size: 1.2rem;
	}

	/* 詳細情報 */
	.bgDarkGray + .bgGray{
		padding-top: 40px;
	}
	.vsDetailBox{
		margin-bottom: 40px;
	}

	/* ボタン */
	.btnArea.vsDetail{
		flex-direction: column;
		align-items: center;
		gap: 15px 0;
	}

	/* 料金表下テキスト */
	.txtVsDetailPriceOther{
		font-size: 1.3rem;
	}


	/*
		各ビジョン_紹介ページ_共通
	-----------------------------------------------------------------------------------------------*/
	/*
		KV
	--------------------------------------*/
	.visionKvArea{
		padding: 35px 25px 35px 25px;
		margin-bottom: 50px;
	}
	.visionKvArea .catch{
		margin: 0 auto 20px auto;
		font-size: 1.8rem;
	}
	.visionKvArea .ffEn{
		padding-top: 20px;
		font-size: 2.3rem;
	}

	/*
		ビジョン紹介
	--------------------------------------*/
	.visionIntroArea{
		flex-direction: column;
		gap: 20px 0;
	}
	.visionIntroArea .txtBox{
		flex: 0 0 auto;
		width: 100%;
	}
	.visionIntroArea .txtBox .tit{
		padding-bottom: 12px;
		font-size: 1.8rem;
		text-align: center;
	}
	.visionIntroArea .txtBox .txt,
	.visionIntroArea.clm1 .txt{
		padding-bottom: 0;
		font-size: 1.4rem;
	}
	.visionIntroArea .picBox{
		flex: 0 0 auto;
		width: 290px;
	}
	.visionIntroArea + .bgGray{
		padding-top: 40px;
	}

	/* 1column */
	.visionIntroArea.clm1 .txt{
		width: 100%;
		text-align: justify;
	}

	/*
		料金
	--------------------------------------*/
	.price .tblBasic th,.price .tblBasic td{
		font-size: 1.2rem;
	}
	.price .tblBasic td.spacing{
		letter-spacing: 0rem;
	}
	.price .theadTbl th,.price .theadTbl td{
		padding: 15px 5px;
	}
	.price .noteTbl{
		margin-bottom: 10px;
	}


	/*
		新宿アルタビジョン
	-----------------------------------------------------------------------------------------------*/
	/*
		ビジョン紹介
	--------------------------------------*/
	/* 01 */
	.visionIntroArea .picBox.altaV01{
		padding-bottom: 40px;
	}
	.visionIntroArea .picBox .altaV01_01{
		width: 220px;
	}
	.visionIntroArea .picBox .altaV01_02{
		width: 214px;
	}
	.visionIntroArea .picBox .altaV01_02.jsAnmStart{
		animation-delay: 0s;
	}
	/* 02 */
	.visionIntroArea .picBox .altaV02_01{
		width: 220px;
	}
	.visionIntroArea .picBox .altaV02_02{
		width: 85px;
		top: 35px;
		left: 43px;
	}
	.visionIntroArea .picBox .altaV02_03{
		width: 191px;
		top: 5px;
		left: -10px;
	}
	.visionIntroArea .picBox .altaV02_03.jsAnmStart{
		animation-delay: 0s;
	}
	/* 03 */
	.visionIntroArea .picBox .altaV03_02{
		width: 144px;
		top: 80px;
		left: 67px;
	}
	.visionIntroArea .picBox .altaV03_02.jsAnmStart{
		animation-delay: 0s;
	}

	/*
		SPEC
	--------------------------------------*/
	.specArea{
		margin-bottom: 40px;
		background: var(--darkGray);
	}
	.specArea .ctsArea{
		flex-direction: column;
	}
	.specArea .titBox{
		flex: 0 0 auto;
		width: calc(100% + 50px);
		padding: 20px 25px 15px 25px;
		margin: 0 -25px;
		text-align: center;
		background-color: var(--mainBlue);
	}
	.specArea .titBox .tit{
		font-size: 1.6rem;
		line-height: 160%;
	}
	.specArea .titBox .ffEn{
		font-size: 1.2rem;
		letter-spacing: 0.4em;;
	}
	.dlistSpec{
		flex: 1 0 auto;
		padding: 20px 0;
	}
	.dlistSpec > div{
		align-items: center;
	}
	.dlistSpec > div:nth-of-type(n+2){
		margin-top: 15px;
	}
	.dlistSpec dt{
		width: 105px;
	}

	/*
		その他
	--------------------------------------*/
	.examinationCriteria .titCl{
		padding-bottom: 8px;
		font-size: 1.4rem;
		font-weight: 700;
		color: var(--mainBlue);
	}
	.examinationCriteria p{
		line-height: 160%;
	}


	/*
		渋谷スクランブル交差点4面連
	-----------------------------------------------------------------------------------------------*/
	/*
		ビジョン紹介
	--------------------------------------*/
	.visionIntroArea .listCircle.shibuya4{
		margin-top: 20px;
	}
	.visionIntroArea .picBox.bd{
		padding: 15px 0;
	}
	.visionIntroArea .picBox .shibuya4_01{
		width: 267px;
	}


	/*
		伊勢丹 立川ビジョン
	-----------------------------------------------------------------------------------------------*/
	/*
		ビジョン紹介
	--------------------------------------*/
	.visionIntroArea .titBlue{
		padding-bottom: 8px;
		font-size: 1.4rem;
		text-align: center;
	}
	.visionIntroArea .picBox .tachikawav_01{
		width: 260px;
	}
	.visionIntroArea .picBox .tachikawav_02{
		width: 251px;
	}


	/*
		放映素材について
	-----------------------------------------------------------------------------------------------*/
	.materialAnchorArea + .bgGray {
		padding-top: 40px;
	}

	/* アンカー
	--------------------------------------*/
	.listMaterialAnchor{
		gap: 0 10px;
		padding: 15px 25px;
	}
	.listMaterialAnchor li{
		width: calc((100% - 10px)/2);
	}
	a.btnAnchor{
		padding: 15px 5px 28px 15px;
		font-size: 1.5rem;
		line-height: 125%;
	}

	/* 素材タイプ
	--------------------------------------*/
	.listMaterialType{
		flex-wrap: wrap;
		gap: 25px 20px;
		margin-top: 30px;
	}
	.listMaterialType li{
		flex: 0 0 calc((100% - 20px)/2);
		height: 150px;
		font-size: 1.6rem;
	}
	.listMaterialType li .mark{
		width: 40px;
		height: 40px;
		font-size: 1.4rem;
		border-radius: 20px;
		top: -10px;
		left: -10px;
	}
	.listMaterialType li.other .mark{
		width: 56px;
		height: 45px;
		font-size: 1rem;
	}

	/* 搬入前にご確認ください */
	.materialiAttentionArea{
		padding: 20px;
	}
	a.btnBasic.file.materialPdf{
		padding: 20px 40px 20px 10px;
		font-size: 1.5rem;
	}
}