@charset "utf-8";


/*
 * “はんなり明朝” licensed under the IPA Font License Agreement v1.0
 * http://typingart.net/（”はんなり明朝”配布元のURL）
 * http://ipafont.ipa.go.jp/（IPAフォントのURL）
 * http://ipafont.ipa.go.jp/ipa_font_license_v1.html（IPAフォントライセンスv1.0のURL）
 */





/* <inline> */

@keyframes galleries-animation {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}


@media (min-width: 480px) {

/* </inline> */

/* <pconly> */
	
	/* <inline> */

	.about {
		height: max(100vh - 158px, 760px);
		position: relative;
		display: grid;
		grid-template-rows: 120px 1fr 10px;
		grid-template-columns: 1fr 960px 1fr;
	}
	.about::after {
		content: "";
		background-image: url(/images/event/rakando/480/rakando.webp);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		grid-row: 1 / -1;
		grid-column: 1 / -1;
		z-index: 100;
	}

	.about-text {
		text-align: left;
		writing-mode: vertical-rl;
		text-orientation: upright;
		background-image: url(/images/event/rakando/320/washi.webp);
		background-repeat: no-repeat;
		background-size: cover;
		padding: 40px;
		grid-row: 2;
		grid-column: 2;
		z-index: 101;
		align-self: flex-end;
		justify-self: flex-end;
	}

	.headline-title {
		height: min(max(60%, 480px), 640px);
		aspect-ratio: 240 / 640;
		overflow: hidden;
		position: relative;
		display: grid;
		grid-template-rows: 100%;
		grid-template-columns: 37.5% 70%;
	}
	.headline-title::before {
		content: "";
		display: block;
		grid-row: 1 / -1;
		grid-column: 1 / -1;
	}
	.headline-title-square {
		width: 100%;
		aspect-ratio: 1 / 1;
		grid-row: 1;
		grid-column: 1;
		align-self: center;
		justify-self: center;
	}
	.headline-title-square-path {
		fill: none;
		stroke: #C1272D;
		stroke-dasharray: 1016;
		stroke-dashoffset: 1016;
		stroke-linecap: round;
		stroke-width: 2px;
	}
	.headline-title-logo,
	.headline-title-text {
		opacity: 0;
	}
	.headline-title-logo {
		width: 65%;
		aspect-ratio: 164 / 200;
		grid-row: 1;
		grid-column: 1;
		align-self: center;
		justify-self: center;
	}
	.headline-title-text {
		margin-top: 12%;
		width: 94.1%;
		aspect-ratio: 226 / 334;
		grid-row: 1;
		grid-column: 2;
		align-self: center;
		justify-self: start;
	}

	.about > div > p {
		font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGPMinchoE, serif;
		font-size: min(max(1.5vh, 18px), 28px);
		line-height: 1.5;
	}
	.about > div > p:first-of-type {
		margin-right: 40px;
	}
	[class^="about-numeric-"] {
		font-size: 0;
	}
	[class^="about-numeric-"]::after {
		font-size: min(max(1.3vh, 16px), 24px);
	}
	.about-numeric-5::after {
		content: "五";
	}
	.about-numeric-7::after {
		content: "七";
	}
	.about-numeric-12::after {
		content: "十二";
	}
	.about-numeric-50::after {
		content: "五十";
	}
	.about-numeric-55::after {
		content: "五十五";
	}

	.about-pictures {
		display: none;
	}

	/* </inline> */

	.galleries-wrapper {
		margin-top: 1px;
		height: 360px;
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.galleries {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-flow: row nowrap;
		column-gap: 1px;
	}
	.galleries > li {
		width: 480px;
	}
	.galleries > li > img {
		height: auto;
		width: 100%;
	}
	.galleries-animation {
		animation: 60s linear 1s infinite normal both running galleries-animation;
	}

	.status {
		text-align: left;
		background-color: #FFF;
		margin-top: 40px;
		margin-right: auto;
		margin-left: auto;
		border-bottom: 1px solid #C6B9A3;
		width: 800px;
		display: -webkit-flex;
		-webkit-flex-flow: row wrap;
		display: flex;
		flex-flow: row wrap;
	}
	.status > dt {
		background-color: #FFF;
		margin-top: 0;
		border-top: 1px solid #C6B9A3;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: calc(4em - 2px);
		padding-right: calc(4em - 1px);
		width: 12em;
	}
	.status > dd {
		background-color: #FFF;
		margin-top: 0;
		margin-left: 0;
		border-top: 1px solid #C6B9A3;
		padding: 10px 4em;
		width: calc(100% - 28em - 3px);
	}
	.status > dd > dl > dt {
		margin-top: 1em;
	}
	.status > dd > dl > dt:first-of-type {
		margin-top: 0;
	}
	.status > dd > dl > dt::before {
		content: "（";
	}
	.status > dd > dl > dt::after {
		content: "）";
	}
	.status > dd dl + p,
	.status > dd p + p {
		margin-top: 1em;
	}
	.status > dd dl + p.relationship,
	.status > dd p + p.relationship {
		margin-top: 0;
	}
	.status-detail {
		display: -webkit-flex;
		-webkit-flex-flow: row wrap;
		display: flex;
		flex-flow: row wrap;
	}
	.status-detail > dt {
		width: 8em;
	}
	.status > dd > dl.status-detail > dt {
		margin-top: 0;
	}
	.status-detail > dd {
		width: calc(100% - 8em);
	}

	.attension {
		text-align: left;
		margin-top: 40px;
		margin-right: auto;
		margin-left: auto;
		width: 800px;
	}
	.attension > li {
		text-indent: -1em;
		padding-left: 1em;
	}
	.attension > li::before {
		content: "※";
	}
	.attension > li > em {
		font-weight: bold;
		color: #900;
	}

	.contact {
		margin-top: 40px;
	}

	body > footer {
		margin-top: 0;
	}

/* </pconly> */

/* <inline> */

}

/* </inline> */





/* <inline> */

@media (min-width: 1px) and (max-width: 479px) {

	.about {
		display: grid;
		grid-template-rows: max(480px, calc(100vh - 263px)) auto;
		grid-template-columns: 100%;
	}
	.about::after {
		content: "";
		background-image: url(/images/event/rakando/320/rakando.webp);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		grid-row: 1;
		grid-column: 1;
		z-index: 100;
	}

	.about-text {
		text-align: left;
		grid-row: 1 / -1;
		grid-column: 1;
		align-self: start;
		justify-self: center;
		z-index: 110;
	}

	.headline-title {
		background-image: url(/images/event/rakando/320/washi.webp);
		background-size: cover;
		background-repeat: no-repeat;
		margin-top: calc(max(100vh - 263px, 480px) - 260px);
		margin-right: auto;
		margin-left: auto;
		padding: 10px;
		height: 260px;
		aspect-ratio: 120 / 320;
		overflow: hidden;
		display: grid;
		grid-template-rows: 37.5% 70%;
		grid-template-columns: 100%;
		row-gap: 0;
		column-gap: 0;
	}
	.headline-title::before {
		content: "";
		display: block;
		grid-row: 1 / -1;
		grid-column: 1 / -1;
	}
	.headline-title-square {
		width: 100%;
		aspect-ratio: 1 / 1;
		grid-row: 1;
		grid-column: 1;
		align-self: center;
		justify-self: center;
	}
	.headline-title-square-path {
		fill: none;
		stroke: #C1272D;
		stroke-dasharray: 1016;
		stroke-dashoffset: 1016;
		stroke-linecap: round;
		stroke-width: 2px;
	}
	.headline-title-logo,
	.headline-title-text {
		opacity: 0;
	}
	.headline-title-logo {
		width: 65%;
		aspect-ratio: 156 / 200;
		grid-row: 1;
		grid-column: 1;
		align-self: center;
		justify-self: center;
	}
	.headline-title-text {
		margin-top: 20%;
		width: 94.1%;
		aspect-ratio: 226 / 334;
		grid-row: 2;
		grid-column: 1;
		align-self: start;
		justify-self: center;
	}

	.about > div > p {
		font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGPMinchoE, serif;
		font-size: 16px;
		margin-right: 10px;
		margin-left: 10px;
	}
	.about > div > p:first-of-type {
		padding-top: calc(213px + 1em);
	}

/* </inline> */

	.galleries-wrapper {
		height: 213px;
		width: max(100%, 320px);
		overflow: hidden;
		position: absolute;
		top: max(531px, calc(100vh - 212px));
		left: 0;
	}
	.galleries {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-flow: row nowrap;
		column-gap: 1px;
	}
	.galleries > li {
		width: 320px;
	}
	.galleries > li > img {
		height: auto;
		width: 100%;
	}
	.galleries-animation {
		animation: 60s linear 1s infinite normal both running galleries-animation;
	}

	.status {
		text-align: left;
		margin-top: 40px;
		border-bottom: 1px solid #C6B9A3;
	}
	.status > dt {
		font-weight: bold;
		color: #94825C;
		border-top: 1px solid #C6B9A3;
		padding-top: 10px;
		padding-right: 10px;
		padding-left: 10px;
	}
	.status > dd {
		margin-left: 4em;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
	}
	.status > dd > dl > dt {
		margin-top: 1em;
	}
	.status > dd > dl > dt:first-of-type {
		margin-top: 0;
	}
	.status > dd > dl > dt::before {
		content: "（";
	}
	.status > dd > dl > dt::after {
		content: "）";
	}
	.status > dd dl + p,
	.status > dd p + p {
		margin-top: 1em;
	}
	.status > dd dl + p.relationship,
	.status > dd p + p.relationship {
		margin-top: 0;
	}
	.status-detail {
		display: -webkit-flex;
		-webkit-flex-flow: row wrap;
		display: flex;
		flex-flow: row wrap;
	}
	.status-detail > dt {
		width: 8em;
	}
	.status > dd > dl.status-detail > dt {
		margin-top: 0;
	}
	.status-detail > dd {
		width: calc(100% - 8em);
	}

	.attension {
		text-align: left;
		margin-top: 40px;
		margin-right: 10px;
		margin-left: 10px;
	}
	.attension > li {
		text-indent: -1em;
		padding-left: 1em;
	}
	.attension > li::before {
		content: "※";
	}
	.attension > li > em {
		font-weight: bold;
		color: #900;
	}

	.contact {
		margin-top: 40px;
	}

/* <inline> */

}

/* </inline> */