/*--------------------------------------
	Reset
--------------------------------------*/
body { font-family:Meiryo,"MS PGothic",arial,sans-serif; width:100%; margin:0; padding:0; font-size:14px; color:#333; }
h1,h2 { margin:0; padding:0; }
p { margin:0; padding:0; }
ul { list-style-type:none; margin:0; padding:0; }
li { margin:0; padding:0; }
dl,dt,dd { margin:0; padding:0; }
img { border:0; vertical-align:bottom; }
dd { margin:0; }
a { text-decoration:none; color:#333; }
article,aside,figure,header,footer,nav,section { display:block; }
table { border-collapse:collapse; }

/*--------------------------------------
	Style
--------------------------------------*/
html { font-size:62.5%; }

.info { margin:80px 0; padding:30px 10px; border-top:4px #bf392e solid; border-bottom:4px #bf392e solid; }
.info .red { color:#d10000; }
.info .b { font-weight:bold; }

.info .ttl { margin:0 0 30px 0; font-size:1.6rem; }
.info div { margin:20px 0; }
.info div:last-of-type { margin:20px 0 0 0; }
.info .indent { padding-left:1em; text-indent:-1em; }
.info .note { background:#f2eee4; padding:15px; border-radius:5px; }
.info .note p { margin:5px 0; }
.info .note .kids { background:#dffdff; display:inline-block; }
.info .note .mom { background:#fff1fb; display:inline-block; }

.info .day_re { margin:30px 0 15px 0; }
.info .day_re dd { display:inline; margin:0 5px 0 0; padding:5px 15px; background:#d10000; border-radius:5px; font-size:1.8rem; color:#fff; }
.info .day_re dt { display:inline; margin-top:5px; font-size:2.2rem; font-weight:bold; color:#d10000; }
.info .day_re .s { margin:0; font-size:1.5rem; font-weight:normal; }

.info .day_bk { margin:0 0 40px 0; }
.info .day_bk dd { display:inline; margin:0 5px 0 0; padding:5px 15px; background:#333; border-radius:5px; font-size:1.8rem; color:#fff; }
.info .day_bk dt { display:inline; margin-top:5px; font-size:2.2rem; font-weight:bold; color:#333; }
.info .day_bk .s { margin:0; font-size:1.5rem; font-weight:normal; }

.info .logo { display:flex; justify-content: right; text-align:center; }
.info .logo img { display:block; margin:20px 0 0 0; width:140px; }
.info .logo:hover, .info .logo:active { opacity:.5; }

@media screen and (max-width:480px) { 
	.info { margin:30px 0; padding:30px 10px; }
	.info .day_re dd { display:inline; }
	.info .day_re dt { display:block; margin:10px 0 0 0; }
	.info .day_bk dd { display:inline; margin-top:20px; }
	.info .day_bk dt { display:block; margin:10px 0 0 0; }
	.info .sp { display:none; }
	.info .logo { display:flex; justify-content: right; text-align:center; }
}
