/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Raleway:200');

.center { text-align: center; }
.right { text-align: right; }
.top { vertical-align: top; }
.attention { color: crimson; }
.smoke { color: #CCC; }
.mini { font-size: .8em; }
.w60p { width: 60%; }
.w80p { width: 80%; }
.w40px { width: 40px; }
.w80px { width: 80px; }
.w120px { width: 120px; }
.nowrap { white-space: nowrap; }
.overflow { overflow: auto; }
.no_valid { border-color: crimson; }
.error { color: crimson; font-size: 0.8em; }
a { color: #72C8F7; }
a:hover { color: #F77279; }

.memo {
	color: #6EC4B5;
	font-size: 0.8em;
	border: 1px solid #6EC4B5;
	border-radius: 3px;
	padding: 2px 5px;
}

.green {
	color: forestgreen;
	font-weight: bold;
	background-color: rgba(218, 241, 212, 1.00);
}

.flex_6_4_2 {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

.flex_6_4_2 > dl {
	text-align: center;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	margin: 0;
	padding: 0;
	background-color: white;
}

/*
.flex_6_4_2 > dl:last-child {
	border-right: 1px solid #999;
}
*/

.flex_6_4_2 > dl > dt {
	border-bottom: 1px dashed #CCC;
}

.flex_6_4_2 > dl > dd {
	margin: 0;
}

html {
	font-family: 'Hiragino Kaku Gothic Pro', 'Segoe UI', 'Apple Gothic', Tahoma, 'Helvetica Neue', sans-serif;
    line-height: 1.5;
	color: #333;
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
}

input, textarea, select {
	font-family: 'Hiragino Kaku Gothic Pro', 'Segoe UI', 'Apple Gothic', Tahoma, 'Helvetica Neue', sans-serif;
	font-size: 1em;
	border: 1px solid #CCC;
	border-radius: 3px;
	padding: 5px 10px;
}

.button {
	padding-top: 20px;
	text-align: center;
}

strong.done {
	background-color: crimson;
	color: white;
	padding: 2px 3px;
}

button,
[type="button"],
[type="submit"] {
	font-family: 'Hiragino Kaku Gothic Pro', 'Segoe UI', 'Apple Gothic', Tahoma, 'Helvetica Neue', sans-serif;
	color: white;
	background-color: #F77279;
	border: none;
	border-radius: 5px;
	line-height: 2em;
	font-size: 1em;
	padding: 0 1em;
	cursor: pointer;
	transition: background .2s ease;
}

.ttlButton {
	position: relative;
}

.ttlButton button {
	position: absolute;
	font-size: .7em;
	right: 0;
}

button:hover,
[type="button"]:hover,
[type="submit"]:hover {
	background-color: #72C8F7;
}

button.delete,
[type="button"].delete,
[type="submit"].delete {
	background-color: #666;
	color: #CCC;
}

button.delete:hover,
[type="button"].delete:hover,
[type="submit"].delete:hover {
	background-color: #333;
}

button:disabled,
[type="button"]:disabled,
[type="submit"]:disabled {
	background-color: #DDD;
	color: white;
	cursor: auto;
}

hr {
	margin-top: 30px;
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(255, 255, 255, .3);
}

h2 {
	position: relative;
}

h2 > span {
	display: inline-block;
	font-size: .7em;
	font-weight: normal;
	position: absolute;
	right: 0;
	bottom: 0;
}

h2 > span > a {
	margin: 0 5px;
	cursor: pointer;
	color: #F77279;
}

h2 > span > a:hover {
	color: #72C8F7;
}

h2 > span > a.active {
	font-weight: bold;
}

table {
	border-collapse: collapse;
}

th,
td {
	border: 1px solid #999;
	padding: .5em 1em;
}

tr.double th,
tr.double td {
	border-top: double #999;
}

tr.maker th,
tr.maker td {
	color: #6EC4B5;
	font-weight: bold;
}

th {
	color: #999;
	white-space: nowrap;
}

th > em {
	font-weight: normal;
	font-size: 0.8em;
	color: crimson;
}

td.status {
	color: #CCC;
}

td.status .attention {
	font-weight: bold;
	background-color: crimson;
	color: white;
	padding: 3px 5px;
}

td.status .done {
	font-weight: bold;
	color: #6EC4B5;
}

.ranking td > p {
	margin: 0;
	padding: 0;
	text-align: center;
}

.ranking td > p.num {
	font-size: 1.3em;
	font-weight: bold;
	color: #F77279;
}

.ranking td > p.date {
	font-size: 0.8em;
	color: #999;
}

.ranking td > p.admin {
	color: #6EC4B5;
}

h2 {
	margin: 0 0 10px 0;
	color: #6EC4B5;
}

h3 {
	margin-top: 0;
	color: #F77279;
}

ul.data {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.data > li {
	padding: 5px 0;
	transition: background .2s ease;
}

ul.data > li:hover {
	background-color: #CCC;
}

ul.data > li > label {
	cursor: pointer;
}

/* global header */
body > header {
	position: relative;
	padding: 20px 0;
	text-align: center;
}

body > header > h1 {
	margin: 0;
}

body > header > h1 > span {
	color: #6EC4B5;
}

/* global footer */
body > footer {
	text-align: center;
}

body > footer .copyright {
	position: relative;
	white-space: nowrap;
	margin: 0;
	padding: 0 2em;
	font-size: 1.3em;
	color: lightgray;
	line-height: 80px;
}

body > footer .copyright button {
	font-size: 0.8em;
	margin-right: 20px;
}

.ie {
	text-align: center;
	width: 100%;
	padding-top: 10%;
}

em.icon {
	border-radius: 5px;
	background-color: #6EC4B5;
	color: white;
	padding: 0 5px;
	font-style: normal;
}

em.icon.sub {
	background-color: lightgray;
}

em.icon.comp {
	background-color: #72C8F7;
}

/* controller */
.ctrl {
	position: fixed;
	top: 20px;
	padding: 0;
	margin: 0;
	z-index: 1000;
}

#controller { left: 80px; }
#controllerEx { right: 20px; }

.ctrl li {
	display: inline-block;
	padding: 0;
	margin: 0;
}

.ctrl button {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	font-size: 1.5em;
	opacity: .3;
	transition: opacity .2s ease;
}

.ctrl button:hover {
	opacity: 1;
}

.ctrl button:focus {
	border: none;
	outline: none;
}

#ctrlReturn {
	transform: scale(-1, 1);
}

/* global menu */
#globalMenu {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: -100%;
	top: 0;
	background-color: rgba(0, 0, 0, 0.4);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: left .2s ease;
}

#globalMenu.active {
	left: 0%;
}

.floatMenu ul {
	width: 100%;
	height: 100%;
	overflow: auto;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin: 0;
}

.floatMenu ul li {
	margin: 10px;
}

.floatMenu ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	justify-content: center;
	width: 210px;
	padding: 20px;
	font-family: 'Hiragino Kaku Gothic Pro', 'Segoe UI', 'Apple Gothic', Tahoma, 'Helvetica Neue', sans-serif;
	color: white;
	background-color: #F77279;
	border-radius: 5px;
	font-size: 1.5em;
	cursor: pointer;
	transition: background .2s ease;
}

.floatMenu ul li a img {
	width: 30px;
	height: 30px;
}

.floatMenu ul li a.notice {
	background-color: #6EC4B5;
}

.floatMenu ul li a.caution {
	background-color: #666;
}

.floatMenu ul li.disabled {
	display: none;
}

.floatMenu ul li.disabled a {
	background-color: #CCC;
	pointer-events: none;
	cursor: auto;
}

.floatMenu ul li a:hover {
	background-color: #72C8F7;
}

/* extra menu */
#extraMenu {
	width: 100%;
	height: 100%;
	position: fixed;
	right: -100%;
	top: 0;
	display: flex;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
	justify-content: center;
	align-items: center;
	transition: right .2s ease;
}

#extraMenu.active {
	right: 0%;
}

/* modal window */
#modalWindow,
#smbcWindow,
#gmoWindow {
	width: 100%;
	height: 100%;
    z-index: 100;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.2);
	display: none;
	justify-content: center;
	align-items: center;
}

#modalWindow .inner,
#smbcWindow .inner,
#gmoWindow .inner {
	border-radius: 5px;
	background-color: white;
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .1);
	padding: 20px;
	display: none;
	max-width: 80%;
	max-height: 80%;
	overflow: auto;
}

#modalWindow.active,
#smbcWindow.active,
#gmoWindow.active {
	display: flex;
}

#modalWindow.active .inner,
#smbcWindow.active .inner,
#gmoWindow.active .inner {
	display: block;
}

/* smbc window */
#smbcWindow,
#gmoWindow {
	z-index: 1100;
}

#smbcWindow progress,
#gmoWindow progress {
	width: 100%;
}

#smbcWindow .inner,
#gmoWindow .inner {
	background-color: white;
	border-radius: 5px;
	padding: 20px;
}

.smbc_mini,
.gmo_mini,
.maker_mini {
	font-size: .8em;
	padding-top: 5px;
}

/* container */
section {
	border-radius: 5px;
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .1);
	margin: 0 10px 20px 10px;
}

section .message {
	color: #F77279;
	border: 1px solid #F77279;
	border-radius: 5px;
	padding: 10px 20px;
}

/* login */
.login {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* menu */
.menu .note {
	font-size: .8em;
	padding-left: 25px;
}

/* checkControl */
.checkControl {
	padding: 5px 0 5px 20px;
}

/* limit */
.limit > span {
	font-size: 1.5em;
	font-weight: bold;
	color: #F77279;
}

.limit > a {
	color: #72C8F7;
	text-decoration: none;
}

.limit > a:hover {
	color: #666;
}

/* pager */
.pager {
	font-size: 1.3em;
}

.pager p {
	display: inline-block;
	margin-right: 20px;
}

.pager span,
.pager a {
	display: inline-block;
	width: 1.7em;
	line-height: 1.7em;
	border: 1px solid #72C8F7;
	text-align: center;
	margin-right: 5px;
}

.pager span {
	background-color: #72C8F7;
	color: #FFF;
}

.pager a {
	background-color: #FFF;
	color: #72C8F7;
	text-decoration: none;
	transition: all .2s;
}

.pager a:hover {
	border-color: #666;
	background-color: #CCC;
	color: #666;
}

/* chat */
#chatLog {
	width: 100%;
	height: 400px;
	overflow: auto;
}

#chatLog ol {
	list-style: none;
	padding: 20px;
	margin: 0;
}

#chatLog ol li {
	display: flex;
	align-items: flex-end;
	padding: 0;
	margin: 10px 0;
}

#chatLog ol li p {
	max-width: 80%;
	padding: 6px 15px;
	margin: 0;
	border-radius: 5px;
	position: relative;
}

#chatLog ol li p a.photo {
	display: block;
	width: 200px;
	height: 200px;
	margin: 10px 0;
}

#chatLog ol li p a.photo img {
	width: 200px;
	height: 200px;
	object-fit: contain;
	border-radius: 5px;
	vertical-align: bottom;
}

#chatLog ol li p:before {
	content: "";
	position: absolute;
	top: 7px;
	border: 8px solid transparent;
}

#chatLog ol li.admin {
	flex-direction: row-reverse;
}

#chatLog ol li.admin p {
	background-color: #B8EDA6;
}

#chatLog ol li.admin p:before {
	left: 100%;
	border-left: 8px solid #B8EDA6;
}

#chatLog ol li.admin.system p {
	background-color: olivedrab;
	color: white;
}

#chatLog ol li.admin.system p a {
	color: white;
}

#chatLog ol li.admin.system p a:hover {
	color: crimson;
}

#chatLog ol li.admin.system p:before {
	border-left: 8px solid olivedrab;
}

#chatLog ol li.user p {
	background-color: #E0E0E0;
}

#chatLog ol li.user p:before {
	left: -16px;
	border-right: 8px solid #E0E0E0;
}

#chatLog ol li.user.system p {
	background-color: #333;
	color: white;
}

#chatLog ol li.user.system p a {
	color: white;
}

#chatLog ol li.user.system p a:hover {
	color: crimson;
}

#chatLog ol li.user.system p:before {
	border-right: 8px solid #333;
}

#chatLog ol li span {
	font-size: .8em;
	color: #CCC;
	margin: 0 10px;
}

/* chat control */
#unreadLog {
	display: none;
}

#unreadLog.active {
	display: inline;
}

#chatControl .chatPicturePreview figure {
	width: 200px;
	height: 200px;
	border: 1px solid #999;
}

#chatControl .chatPicturePreview figure img {
	width: 200px;
	height: 200px;
	object-fit: contain;
}

#chatControl .chatPicturePreview ul {
	list-style: none;
	padding: 0;
}

#chatControl .chatText {
	width: calc(100% - 2px);
	border: 1px solid #999;
	border-radius: 5px;
}

#chatControl .chatTemplate > select {
	width: 100%;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 1em;
}

#chatControl .chatText > textarea {
	border: none;
	outline: none;
	width: calc(100% - 20px);
	margin: 0;
	padding: 10px;
	border-radius: 5px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 1em;
}

#chatSend {
	
}

#chatPicture {
	display: none;
}

#chatPictureLabel {
	display: inline-block;
	font-family: 'Hiragino Kaku Gothic Pro', 'Segoe UI', 'Apple Gothic', Tahoma, 'Helvetica Neue', sans-serif;
	color: white;
	background-color: #F77279;
	border: none;
	border-radius: 5px;
	font-size: 1em;
	padding: 0 1em;
	transition: background .2s ease;
	cursor: pointer;
	height: 38px;
	line-height: 38px;
	margin-bottom: 10px;
}

#chatPictureLabel:hover {
	background-color: #72C8F7;
}

#chatPictureButton {
	text-align: center;
	height: 38px;
	line-height: 38px;
}

/* delivery */
#delivery form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#delivery form h2 {
	width: 100%;
}

#delivery form table {
	width: 45%;
	margin-bottom: 20px;
}

#adminTemplate {
	
}

#adminTemplate textarea {
	width: calc(100% - 22px);
	height: 3em;
}

#calendar > ol > li {
	transition: ease-in 100ms;
}

#calendar > ol > li:hover {
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, .2);
}

#calendar > ol > li.today {
	background-color: rgba(214, 255, 212, .4);
}

#calendar > ol > li.today > span {
	font-weight: bold;
	color: #6EC4B5;
}

#calendar > ol > li.holiday.today {
	background-color: rgba(255, 207, 208, .4);
}

#calendar > ol > li.holiday > span {
	color: crimson;
}

#calendar > ol > li > span > em {
	font-size: .8em;
	display: none;
}

#calendar > ol > li > span > em:before {
	content: "-";
	margin-right: 5px;
}

.gallery_area figure {
	cursor: pointer;
}

.gallery_box {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 20px 0;
	list-style: none;
}

.gallery_box > li {
	position: relative;
}

.gallery_box > li > div {
	border-radius: 100%;
	width: 20px;
	height: 20px;
	padding: 10px;
	cursor: pointer;
	text-align: center;
	position: absolute;
	bottom: 10px;
}

.gallery_box > li > div > img {
	height: 100%;
	width: auto;
}

.gallery_box > li > div:hover {
	background-color: #72C8F7;
}

.gallery_box > li .btn_edit {
	background-color: #6EC4B5;
	right: 55px;
}

.gallery_box > li .btn_delete {
	background-color: #F77279;
	right: 10px;
}

.gallery_box > li > figure {
	position: relative;
}

.gallery_box > li > figure > img {
	vertical-align: bottom;
}

.gallery_box > li > figure > figcaption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% - 10px);
	padding: 5px;
	background-color: rgba(0, 0, 0, .4);
	color: white;
}

.gallery_figure {
    text-align: center;
}

.gallery_figure [type="text"] {
    width: 200px;
}

.gallery_figure textarea {
    width: 200px;
    height: 75px;
}

.gallery_figure table {
    text-align: left;
}

#galleryPicture {
	display: none;
}

#galleryLabel {
	display: inline-block;
    border: 1px solid #CCC;
	cursor: pointer;
    margin-bottom: 10px;
}

#galleryLabel:hover {
	border-color: #F77279;
}

#galleryPreview {
    width: 200px;
    min-height: 200px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    /* overflow: hidden; */
}

#galleryPreview img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#sydenList {
	list-style: none;
	padding: 0;
	margin: 0;
}

#sydenAdd {
	background-color: #72C8F7;
	padding: 0;
	border-radius: 100%;
	line-height: 1.5em;
	width: 1.5em;
	margin-left: 5px;
}

.syden_list {
	margin: 0 auto;
}

.syden_list ol {
	margin: 0;
	padding: 0 0 0 20px;
}

.syden_list ol span {
	font-size: 1.2em;
	font-weight: bold;
}

.qrcode {
	padding: 20px;
	display: flex;
	justify-content: center;
}

/* PC */
@media screen and (min-width: 1025px) {
	body > header {
		padding-left: 80px;
	}
	
	body > footer {
		position: fixed;
		text-align: left;
		top: 0;
		right: 100%;
		transform: rotate(-90deg);
		transform-origin: top right;
	}
	
	.flex_6_4_2 > dl {
		width: calc(100% / 6 - 1px);
	}
	
	.floatMenu ul {
		align-content: center;
	}
	
	.floatMenu ul li a {
		height: 120px;
	}
	
	#container {
		width: calc(100% - 80px);
		padding-left: 80px;
		display: flex;
		justify-content: center;
	}
	
	section {
		padding: 2em;
	}
	
	.main {
		max-width: 65%;
	}
	
	#chatControl {
		display: flex;
		flex-wrap: wrap;
	}

	#chatControl .chatMain {
		width: 45%;
		margin-right: 20px;
	}

	#chatControl .chatPicturePreview {
		width: calc(55% - 20px);
		text-align: center;
	}
	
	#chatControl .chatPicturePreview figure {
		display: inline-block;
		margin: 0 20px 0 0;
		vertical-align: top;
	}
	
	#chatControl .chatPicturePreview ul {
		vertical-align: top;
		display: inline-block;
		width: calc(100% - 242px);
		text-align: left;
	}
	
	#chatControl .chatText {
		height: 128px;
	}

	#chatControl .chatText > textarea {
		height: 108px;
	}
	
	#calendar.main {
		width: 65%;
	}
	
	#calendar > ol {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		padding: 0;
	}
	
	#calendar > ol > li {
		width: calc(14.25% - 5px);
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		margin: 0 4px 4px 0;
		list-style: none;
	}
	/*
	#calendar > ol > li.blank {
		width: calc(14.28% - 4px);
		border: none;
	}
	*/
	#calendar > ol > li > ul {
		padding: 0 0 10px 20px;
		margin-left: 0px;
		font-size: .8em;
	}

	#adminTemplate textarea {
		width: 300px;
		height: 60px;
	}

	.gallery_box > li {
		width: 220px;
		padding: 20px;
		border: 1px solid #999;
		margin: 0 5px 5px 0;
	}

	.gallery_box > li > figure {
		margin: 0;
		padding: 10px;
	}

	.gallery_box > li > h3 {
		margin-bottom: 10px;
	}

	.gallery_box > li .author {
		padding: 0;
		margin: 0;
		font-size: .8em;
	}
}

/* Tablet */
@media screen and (max-width: 1024px) {
	body > header h1 {
		font-size: 1.5em;
	}
	
	body > footer .copyright button {
		position: absolute;
		right: 0;
		bottom: 25px;
	}
	
	section {
		padding: 20px;
	}
	
	#controller { left: 20px; }
	
	.flex_6_4_2 > dl {
		width: calc(100% / 4 - 1px);
	}

	.floatMenu ul {
		padding-top: 80px;
		height: calc(100% - 80px);
	}
	
	.floatMenu ul li a {
		height: 210px;
	}
	
	.accordion {
		cursor: pointer;
		position: relative;
		margin-bottom: 0;
	}

	.accordion:after {
		content: "＞";
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		position: absolute;
		right: 10px;
		top: 50%;
		font-size: 20px;
		line-height: 20px;
		margin-top: -10px;
		color: #6EC4B5;
		transform: rotate(90deg);
		transition: transform 300ms;
	}

	.open .accordion:after {
		transform: rotate(-90deg);
		transition: transform 300ms;
	}
	
	.accBox {
		overflow: hidden;
		height: 0;
		line-height: 0;
		opacity: 0;
		visibility: hidden;
		padding-top: 0;
		transition: height 100ms,
					line-height 100ms,
					opacity 100ms,
					visibility 100ms,
					padding-top 100ms;
	}

	.open .accBox {
		height: auto;
		line-height: 1.5;
		opacity: 1;
		visibility: visible;
		padding-top: 10px;
	}
	
	.menu .data > li {
		display: inline-block;
	}
	
	.menu .data > li:after {
		content: "/";
	}
	
	.menu .data > li:last-child:after {
		content: "";
	}
	
	#chatLog ol {
		padding: 10px;
	}
	
	#chatControl .chatPicturePreview {
		padding-top: 20px;
	}
	
	#chatControl .chatPicturePreview figure {
		margin: 0 auto;
	}
	
	#chatControl .chatText {
		height: 68px;
	}

	#chatControl .chatText > textarea {
		height: 48px;
	}
	
	#calendar > ol {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		padding: 0;
	}
	
	#calendar > ol > li {
		width: calc(14.25% - 5px);
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		margin: 0 4px 4px 0;
		list-style: none;
	}
	/*
	#calendar > ol > li.blank {
		width: calc(14.28% - 4px);
		border: none;
	}
	*/
	#calendar > ol > li > ul {
		padding: 0 0 10px 20px;
		margin-left: 0px;
		font-size: .8em;
	}

	#adminTemplate textarea {
		width: 400px;
		height: 60px;
	}
}

/* Mobile */
@media screen and (max-width: 768px) {
	body > header h1 {
		font-size: 1em;
	}
	
	section {
		padding: 10px;
	}
	
	.flex_6_4_2 > dl {
		width: calc(100% / 2 - 1px);
	}
	
	.overflow td {
		white-space: nowrap;
	}

	.floatMenu ul {
		padding-top: 80px;
		height: calc(100% - 80px);
		/* align-content: stretch; */
		align-content: flex-start;
	}
	
	.floatMenu ul li a {
		height: auto;
	}

	#calendar > h2 > span {
		position: relative;
	}

	#calendar > ol {
		display: block;
	}
	
	#calendar > ol > li {
		width: auto;
		border-right: none;
		border-bottom: 1px solid #CCC;
		margin: 0 0 4px 0;
		padding: 5px 10px;
	}
	
	#calendar > ol > li.header,
	#calendar > ol > li.blank {
		display: none;
	}

	#calendar > ol > li > span > em {
		display: inline;
	}

	#adminTemplate textarea {
		width: 200px;
		height: 60px;
	}
	
	.gallery_box {
		justify-content: center;
	}
    
    .gallery_figure table {
        border-bottom: 1px solid #999;
    }
    
    .gallery_figure th,
    .gallery_figure td {
        display: block;
        border-bottom: none;
    }
}