@charset "Shift_JIS";

html {
	background-image: url(/images/design/washi2.png);
	font-size: 62.5%;
}
body {
	background-color: rgb(4, 32, 44, 0.2);
	font-size: 1.6rem;
}

/*body.iPhone {
	font-size: 2.5rem;
}*/

div.content {
	display: flex;
	margin-bottom: 10px;
}
/*@media (max-width: 500px) {
	h1 {
		font-size: 4.0vw!important;
	}
}*/
@media screen and (orientation: portrait) {
	div.content {
		/*display: block;*/
	}
}

section {
	padding: 3% 8% 6% 8%;
	/*border-bottom: 1px solid #888084;*/
}

section.left-content {
	/*min-width: 289px;*/
	float: left;
	min-height: calc(100vh - 140px);
	width: 100%;
	/*min-width: 530px;*/
	/*width: calc(100vw - 216px);*/
	/*background-color: #efefef;*/
}
@media screen and (orientation: portrait) {
	section.left-content {
		/*width: calc(100vw - 8%);*/
	}
}

h1 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-block-start: 5px;
    margin-block-end: 5px;
    color: #302833;
    text-align: left;
}

/*body.iPhone h1 {
	font-size: 3rem;
}*/

section.left-content img {
	/*height: 50%;*/
	/*width: 60%;*/
	display: inline-block;
	vertical-align: middle;
}

section.right-menu {
	/*float: right;*/
	/*position: fixed;*/
	top: 104px;
	right: 8px;
	min-height: calc(100vh - 155px);
	/*min-width: 200px;
	max-width: 200px;*/
	width: 20%;
	/*background-color: #efefef;*/
	border-left: 1px solid #475950;
}
@media screen and (orientation: portrait) {
	section.right-menu {
		border-left: none;
		width: calc(100vw - 6%);
	}
}

section.right-menu nav li {
	display: block;
	vertical-align: middle;
	margin: 1% 1% 1% 1%;
}

section.right-menu nav li:hover{
	color: #000;
	background-color: rgba(168,157,172,0.5);
}

section.right-menu nav li a {
	font-size: 85%;
	text-decoration: none;
	color: #000;
	display: inline-block;
	/*height: 25px;*/
	width: 100%;
	padding: 5px 0px
	/*background-color: #f5deb3;*/
}

a span.month-day {
	font-size: 1.1rem;
}




legend {
	text-align: left;
}


a.page-back {
	display: block;
}