@charset "utf-8";

/* font
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto+Condensed:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* reset
================================================== */
*:where(:not(iframe,img,svg):not(svg *)){all:unset;display:revert;}
*,*::before,*::after{box-sizing:border-box;}
body{position:relative;width:100%;font-size:16px;line-height:1.6;color:#000;font-family:'Noto Sans JP',sans-serif;font-weight:400;-webkit-text-size-adjust:100%;background:#000;}
footer,header,main,section,picture{display:block;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
img{width:100%;height:auto;vertical-align:top;}
a{margin:0;padding:0;color:#000;vertical-align:bottom;background:transparent;cursor:pointer;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}

/* KAMAKIRI × EASTAGE COLLABORATION PROJECT
================================================== */
/* header
-------------------------------------------------- */
header{
	display:grid;
	grid-template-columns:27.34375vw 60.9375vw;
	align-items:center;
	column-gap:1.015625vw;
	padding:5.078125vw 5.078125vw 0 5.625vw;
	background:#F5DB24;
}
@media screen and (max-width:599px){
	header{
		grid-template-columns:auto;
		row-gap:6.4vw;
		padding:10.4vw 0 0;
	}
	header .logo{
		width:32vw;
		margin-inline:auto;
	}
	header .illust{
		padding-inline:4.8vw;
	}
}

/* footer
-------------------------------------------------- */
#footer{
	position:relative;
	background:#000;
	z-index:100;
}

/* #inquiry */
#inquiry{
	display:block;
	color:#FFF;
	background:#222;
	transition:0.3s;
}
#inquiry .content{
	display:grid;
	grid-template-columns:repeat(2,auto);
	align-items:center;
	width:fit-content;
	margin-inline:auto;
	padding:45px 15px 46px;
}
#inquiry .heading{
	position:relative;
	padding-inline:0 71px;
	font-size:24px;
	font-weight:800;
}
#inquiry .heading::after{
	position:absolute;
	top:-5px;
	right:35px;
	display:block;
	width:1px;
	height:49px;
	background:#A5A5A5;
	content:'';
}
#inquiry .text{
	font-size:15px;
	font-weight:500;
}
#inquiry .mobile{
	display:none;
}

/* footer */
footer{
	display:grid;
	grid-template-columns:repeat(2,auto);
	column-gap:70px;
	width:fit-content;
	margin-inline:auto;
	padding:50px 15px;
	line-height:1;
	color:#FFF;
	font-family:'Roboto';
}
footer .image{
	width:180px;
}
footer .content{
	display:grid;
	grid-template-rows:auto 1fr;
	padding-block:12px 0;
}
footer .list{
	display:grid;
	grid-template-columns:repeat(2,auto);
	gap:15px;
	align-items:center;
}
footer .name{
	font-size:19px;
	font-style:italic;
	font-weight:800;
}
footer .link{
	display:flex;
	column-gap:15px;
}
footer .button{
	display:block;
	padding:10px 30px 7px;
	font-size:15px;
	color:#FFF;
	border:1px solid #A5A5A5;
	border-radius:17px;
	background:rgba(255,255,255,0.12);
	transition:0.3s;
}
footer .copyright{
	align-self:end;
	font-size:12px;
	color:#A5A5A5;
	text-align:right;
}
@media screen and (max-width:1000px){
	#inquiry .content{
		padding-block:42px 43px;
	}
	#inquiry .heading{
		padding-block:1px 0;
		font-size:21px;
	}
	#inquiry .heading::after{
		top:-7px;
	}
	footer{
		column-gap:50px;
		padding-block:50px 48px;
	}
	footer .content{
		grid-template-rows:none;
		padding-block:0;
	}
	footer .list{
		grid-template-columns:auto;
		row-gap:0;
	}
	footer .name{
		padding-block:0 12px;
	}
	footer dd+.name{
		padding-block-start:28px;
	}
	footer .link{
		column-gap:12px;
	}
	footer .copyright{
		align-self:unset;
		padding-block:34px 0;
	}
}
@media screen and (max-width:767px){
	#inquiry .content{
		grid-template-columns:auto;
		padding-block:34px 36px;
	}
	#inquiry .heading{
		padding:0 0 14px;
		font-size:17px;
		text-align:center;
	}
	#inquiry .heading::after{
		content:none;
	}
	#inquiry .text{
		font-size:13px;
	}
	#inquiry .text .pc{
		display:none;
	}
	#inquiry .mobile{
		display:block;
	}
	footer{
		grid-template-columns:auto;
		row-gap:32px;
		padding-block:45px 31px;
	}
	footer .image{
		width:160px;
		margin-inline:auto;
	}
	footer .list{
		grid-template-columns:repeat(2,auto);
		gap:15px 18px;
	}
	footer .name{
		padding-block:0;
		font-size:16px;
	}
	footer dd+.name{
		padding-block-start:0;
	}
	footer .link{
		column-gap:10px;
	}
	footer .button{
		padding:8px 18px;
		font-size:13px;
	}
	footer .copyright{
		padding-block:43px 0;
		font-size:11px;
		text-align:center;
	}
}
@media screen and (max-width:599px){
	#inquiry .content{
		padding-block:30px 32px;
	}
	#inquiry .heading{
		padding-block:0 12px;
		font-size:15px;
	}
	#inquiry .text{
		font-size:12px;
	}
	#inquiry .text .pc{
		display:block;
	}
	#inquiry .mobile{
		display:none;
	}
	footer{
		row-gap:32px;
		padding-block:42px 24px;
	}
	footer .image{
		width:140px;
	}
	footer .list{
		grid-template-columns:auto;
		row-gap:0;
	}
	footer .name{
		padding-block:0 12px;
		font-size:16px;
		text-align:center;
	}
	footer dd+.name{
		padding-block-start:24px;
	}
	footer .link{
		justify-content:center;
		column-gap:8px;
	}
	footer .button{
		padding:8px 18px;
		font-size:12px;
	}
	footer .copyright{
		padding-block:41px 0;
		font-size:10px;
	}
}
@media (any-hover:hover){
	#inquiry:hover{
		background:#333;
	}
	footer .button:hover{
		color:#000;
		background:rgba(255,255,255,1);
	}
}

/* main
-------------------------------------------------- */
main{
	padding-block-end:6.640625vw;
	background:#F5DB24;
}
.summary{
	padding-inline:5.078125vw;
}
.summary .heading{
	display:grid;
	grid-template-columns:auto;
	width:fit-content;
	margin-inline:auto;
	padding-block-start:0.78125vw;
	font-size:4.53125vw;
	line-height:1.25;
	color:#FFF;
	font-weight:900;
	font-feature-settings:'palt';
}
.summary .heading .pc{
	display:block;
	width:fit-content;
	padding:0.078125vw 2.34375vw 0.46875vw;
	background:#000;
}
.summary .heading .pc:nth-of-type(1){
	margin-inline-start:4.6875vw;
	transform:rotate(3deg);
}
.summary .heading .pc:nth-of-type(2){
	margin:3.4375vw 0 0 23.4375vw;
	transform:rotate(-2deg);
}
.summary .heading .pc:nth-child(3){
	margin-block-start:2.1875vw;
	transform:rotate(1deg);
}
.summary .lead{
	margin-block-start:2.8125vw;
	font-size:1.875vw;
	line-height:1.8;
	font-weight:700;
}
.summary .lead sup{
	display:inline-block;
	padding-inline-end:1ex;
	font-size:1.40625vw;
	vertical-align:super;
}
.summary .notes{
	display:grid;
	grid-template-columns:auto;
	row-gap:0.3125vw;
	margin-block-start:1.640625vw;
}
.summary .notes dl{
	display:grid;
	grid-template-columns:2.2em 1fr;
	font-size:1.40625vw;
	font-weight:700;
}
.information{
	display:grid;
	grid-template-columns:29.6875vw 1fr;
	align-items:center;
	column-gap:5.859375vw;
	margin:5.46875vw 2.734375vw 0;
	padding:6.640625vw 5.859375vw;
	border-radius:0.78125vw;
	background:#DCC520;
}
.details .heading .icon{
	display:block;
	width:fit-content;
	margin-block-end:1.640625vw;
	padding:0.3125vw 1.71875vw 0.46875vw;
	font-size:1.5625vw;
	line-height:1.25;
	color:#FFF;
	font-family:'Noto Sans JP';
	font-weight:600;
	border-radius:0.3125vw;
	background:#000;
}
.details .heading dd{
	font-size:4.21875vw;
	line-height:1;
	font-family:'Roboto Condensed';
	font-weight:900;
}
.details .heading dd span{
	display:block;
	padding-block-end:0.546875vw;
	font-size:2.1875vw;
	font-weight:800;
}
.schedule{
	width:100%;
	margin-block-start:3.671875vw;
}
.schedule tr:not(:first-of-type){
	border-block-start:1px solid #BBA81B;
}
.schedule th,
.schedule td{
	font-size:2.34375vw;
	line-height:1.4;
	font-family:'Roboto Condensed';
	font-weight:800;
}
.schedule th{
	padding-inline-end:3.515625vw;
	white-space:nowrap;
}
.schedule tr:not(:first-of-type) th,
.schedule tr:not(:first-of-type) td{
	padding-block-start:2.5vw;
}
.schedule .day{
	font-size:1.875vw;
}
.schedule .last{
	font-size:1.5625vw;
	font-family:'Noto Sans JP';
	font-weight:700;
}
.schedule .party{
	margin-block:1.25vw 2.421875vw;
}
.schedule .party dt{
	font-size:1.875vw;
}
.schedule .map{
	text-decoration:underline;
	text-decoration-thickness:0.15625vw;
	text-underline-offset:0.234375vw;
	transition:0.3s;
}
.schedule .map:hover{
	text-decoration:none;
}
@media screen and (max-width:1000px){
	main{
		padding-block-end:7.5vw;
	}
	.summary{
		padding-inline:4.4vw;
	}
	.summary .heading{
		padding-block-start:1vw;
		font-size:4.8vw;
	}
	.summary .heading .pc{
		padding:0.2vw 2.5vw 0.8vw;
	}
	.summary .heading .pc:nth-of-type(1){
		margin-inline-start:4.6vw;
	}
	.summary .heading .pc:nth-of-type(2){
		margin:3.9vw 0 0 24vw;
	}
	.summary .heading .pc:nth-child(3){
		margin-block-start:2.6vw;
	}
	.summary .lead{
		margin-block-start:2.7vw;
		font-size:2.6vw;
	}
	.summary .lead sup{
		font-size:2vw;
	}
	.summary .notes{
		row-gap:0.5vw;
		margin-block-start:1.9vw;
	}
	.summary .notes dl{
		font-size:2vw;
		font-weight:600;
	}
	.information{
		grid-template-columns:29vw 1fr;
		align-items:start;
		column-gap:4.2vw;
		margin:5.9vw 2.2vw 0;
		padding:5.2vw 4.2vw 4.5vw;
		border-radius:1vw;
	}
	.details .heading .icon{
		margin-block-end:1.9vw;
		padding:0.4vw 2.2vw 0.5vw;
		font-size:2.1vw;
		border-radius:0.4vw;
	}
	.details .heading dd{
		font-size:4.8vw;
	}
	.details .heading dd span{
		padding-block-end:0.6vw;
		font-size:3vw;
	}
	.schedule{
		margin-block-start:3.7vw;
	}
	.schedule th,
	.schedule td{
		font-size:3.2vw;
	}
	.schedule th{
		padding-inline-end:3.8vw;
	}
	.schedule tr:not(:first-of-type) th,
	.schedule tr:not(:first-of-type) td{
		padding-block-start:3vw;
	}
	.schedule .day{
		font-size:2.6vw;
	}
	.schedule .last{
		font-size:2.1vw;
	}
	.schedule .party{
		margin-block:1.5vw 2.9vw;
	}
	.schedule .party dt{
		font-size:2.6vw;
	}
	.schedule .map{
		text-decoration-thickness:0.2vw;
		text-underline-offset:0.3vw;
	}
}
@media screen and (max-width:599px){
	main{
		padding-block-end:12.8vw;
	}
	.summary{
		padding-inline:4.8vw;
	}
	.summary .heading{
		padding-block-start:1.6vw;
		font-size:7.2vw;
	}
	.summary .heading .pc{
		display:inline;
		width:100%;
		padding:0;
		background:transparent;
	}
	.summary .heading .pc:nth-of-type(1),
	.summary .heading .pc:nth-of-type(2),
	.summary .heading .pc:nth-of-type(3){
		margin:0;
		transform:rotate(0);
	}
	.summary .heading .mobile{
		display:block;
		width:fit-content;
		padding:0.8vw 4vw 1.6vw;
		background:#000;
	}
	.summary .heading .pc:nth-of-type(1) .mobile:nth-of-type(1){
		margin-inline-start:7.2vw;
		transform:rotate(3deg);
	}
	.summary .heading .pc:nth-of-type(1) .mobile:nth-of-type(2){
		margin:2.4vw 0 3.2vw 12.8vw;
		transform:rotate(-2deg);
	}
	.summary .heading .pc:nth-of-type(2) .mobile:nth-of-type(1){
		transform:rotate(2deg);
	}
	.summary .heading .pc:nth-of-type(3) .mobile:nth-of-type(1){
		margin:4vw 0 0 0.8vw;
		transform:rotate(-1deg);
	}
	.summary .heading .pc:nth-of-type(3) .mobile:nth-of-type(2){
		margin:3.2vw 0 0 24vw;
		transform:rotate(3deg);
	}
	.summary .lead{
		margin-block-start:5.6vw;
		font-size:4.8vw;
		line-height:1.7;
	}
	.summary .lead sup{
		font-size:4vw;
	}
	.summary .notes{
		row-gap:1.6vw;
		margin-block-start:4vw;
	}
	.summary .notes dl{
		font-size:4vw;
	}
	.information{
		grid-template-columns:auto;
		row-gap:7.2vw;
		margin:9.6vw 3.2vw 0;
		padding:7.2vw 5.6vw 8.8vw;
		border-radius:2.4vw;
	}
	.details .heading .icon{
		margin-block-end:4vw;
		padding:0.8vw 4vw;
		font-size:4vw;
		border-radius:0.8vw;
	}
	.details .heading dd{
		font-size:7.2vw;
	}
	.details .heading dd span{
		padding-block-end:1.6vw;
		font-size:4.8vw;
	}
	.schedule,
	.schedule tbody,
	.schedule tr,
	.schedule th,
	.schedule td{
		display:block;
	}
	.schedule{
		margin-block-start:4.8vw;
	}
	.schedule tr:not(:first-of-type){
		margin-block-start:5.6vw;
		padding-block-start:5.6vw;
	}
	.schedule th,
	.schedule td{
		font-size:6.4vw;
	}
	.schedule th,
	.schedule tr:not(:first-of-type) th{
		position:relative;
		padding:0 0 1.6vw 4.8vw;
		white-space:unset;
	}
	.schedule th::before{
		position:absolute;
		top:3.2vw;
		left:0.8vw;
		display:block;
		width:2.4vw;
		height:2.4vw;
		background:#000;
		content:'';
	}
	.schedule tr:not(:first-of-type) td{
		padding:0;
	}
	.schedule .day{
		font-size:4.8vw;
	}
	.schedule .last{
		font-size:4vw;
	}
	.schedule .party{
		margin-block:2.4vw 0;
	}
	.schedule .party dt{
		font-size:4.8vw;
	}
	.schedule .map{
		text-decoration-thickness:0.8vw;
		text-underline-offset:0.8vw;
	}
}