<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.stack1of2,
.stack1of3,
.stack2of3,
.stack1of4,
.stack3of4,
.stack1of5,
.stack2of5,
.stack3of5,
.stack4of5
{
    width:100%;
    left:0 !important;
}

div#header {
	background-size: cover;
	margin-bottom: 0;
}

div#yodogawa {
	width: 100%;
}
	div#yodogawa img {
		width: 100%;
	}

div#menu {
	width: 100%;
	box-sizing: border-box;
}
	div#menu div.midashi {
		margin-top: 40px;
	}
	div#menu div.midashi img {
		width: 100%;
	}
	div#menu ul li a {
		display: flex;
	}
	div#menu ul li div.left {
		float: none;
		padding: 0;
	}
	div#menu ul li div:first-child {
		width: 20%;
	}
	div#menu ul li div:nth-child(2) {
		width: 80%;
	}
	div#menu ul li a::after {
		content: none;
	}

div#contents {
	width: 87.5%;
	margin-left: auto;
	margin-right: auto;
}
	div#contents h1 {
		width: 100%;
	}
	div#contents h1 img {
		width: 100%;
	}
	div#contents p {
		width: 100%;
	}
	div#contents div.mail1,
	div#contents div.mail2 {
		width: 100%;
		box-sizing: border-box;
	}
	div#contents div.photo {
		width: 100%;
	}
	div#contents div.photo img {
		width: 100%;
	}
	div#contents .conv {
		width: 100%;
		box-sizing: border-box;
	}
	div#contents .conv th,
	div#contents .conv td {
		display: block;
	}
	div#contents .conv td {
		padding-top: 0;
	}

#navi {
	width: 100%;
}
	#navi ul {
		display: flex;
	}
	#navi li {
		float: none;
		padding: 0;
	}
	#navi li a {
		display: block;
		padding: 5px 0;
	}
	#navi li:first-child img {
		width: 120%;
		margin-right: -20%;
	}
	#navi li:nth-child(2) img {
		width: 120%;
		margin: 0 -10%;
	}
	#navi li:last-child img {
		width: 120%;
		margin-left: -20%;
	}

div#footer {
	width: 100%;
	box-sizing: border-box;
}
	div#footer li,
	div#footer li.copyright {
		float: none;
		padding: 0;
		text-align: center;
	}


.fblike {
	width: 100%;
	box-sizing: border-box;
}
	.fblike * {
		width: 100%;
	}


br:not(.sp) {
	display: none;
}




















</pre></body></html>