@charset "UTF-8";
/* ===================================================================
format
=================================================================== */
/*	html
--------------------------------------------------------------------*/
html {
	/* font-size指定をremで設定するための処理　1.6rem = 16px */
	font-size: 62.5%;
}

/*	body
--------------------------------------------------------------------*/
body {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, 'FontAwesome';
	font-size: 1.6rem;
	color: #333;
	line-height: 1.5;
}

/*	a:link,a:visited,a:hover,a:active
--------------------------------------------------------------------*/
a {
	color: #2196f3;
	text-decoration: underline;
}

a:hover {
	color: #d93a2f;
	text-decoration: none;
	cursor: pointer;
}

:before,
:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

/*	h
--------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

/*	img
--------------------------------------------------------------------*/
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/*	ul,ol
--------------------------------------------------------------------*/
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*	form
--------------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
select,
textarea {
	width: 100%;
	padding: .5em;
	font-size: 1.6rem;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	background: white;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
select {
	height: 40px;
}

input[type="radio"],
input[type="check"] {
	margin-right: .6em;
}

textarea {
	height: 200px;
}

button {
	display: block;
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
	padding: 5px 10px;
	text-align: center;
	font-size: 1.4rem;
	border-radius: 4px;
}

button :hover {
	cursor: pointer;
	opacity: .7;
}

.btn_check {
	display: flex;
	justify-content: space-between;
}

.btn_check button {
	margin: 0;
}

/* ===================================================================
Layout-contents
=================================================================== */
/*	header
--------------------------------------------------------------------*/
#header {
	padding: 15px;
}

#header #logo p {
	position: relative;
	margin: 0 0 0 30px;
	padding: 10px 30px;
	/* font-weight: bold; */
	border-radius: 100px;
	color: #d93a2f;
	font-size: 1.6rem;
	background: #ffe4e4;
}

#header #logo p:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -18px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border-style: solid;
	border-width: 5px 20px 5px 0;
	border-color: transparent #ffe4e4 transparent transparent;
}

#header .logout a {
	font-size: 12px;
	border: 1px solid #ccc;
	background: #dfdfdf;
	text-decoration: none;
}

#header .logout a:hover {
	color: white;
	background: #ccc;
	cursor: pointer;
}

#login {
	position: relative;
	width: 100%;
	height: 100vh;
	background: #f2f2f2;
}

#login #form {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 420px;
	border-radius: 5px;
	padding: 30px;
	background: white;
	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

#login #form .logo {
	width: 178px;
	margin: 0 auto 30px;
}

#login #form form dl dt {
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: normal;
}

#login #form form dl dt span {
	margin-right: 5px;
	color: #d93a2f;
}

#login #form form dl dd {
	margin-bottom: 20px;
}

#login #form form p {
	text-align: center;
	font-size: 12px;
}

#login #form form p a {
	text-decoration: underline;
}

#login #form form p a:hover {
	text-decoration: none;
}

#login #form form p span {
	color: #999;
}

#login #form button.btn {
	display: block;
	width: 250px;
	margin: 0 auto 15px;
	padding: 10px;
	color: white;
	font-size: 16px;
	background: #1073cf;
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
}

#login #form button.btn:hover {
	background: #7bb615;
}

/*	contents
--------------------------------------------------------------------*/
#contents {
	width: 100%;
	background: #f2f2f2;
}

#contents #gnav {
	width: 100%;
	padding: 15px 35px;
	background: #d8cdba;
}

#contents #gnav ul {
	margin: 0;
	padding: 0;
}

#contents #gnav ul li {
	margin-left: 20px;
	font-size: 14px;
}

#contents #gnav ul li:first-child {
	margin-left: 0;
}

#contents #gnav ul li a {
	color: #333;
	text-decoration: none;
}

#contents #gnav ul li a span {
	margin-right: 5px;
	color: #d93a2f;
}

#contents #gnav ul li a:hover {
	text-decoration: underline;
}

#contents #cont_inner {
	padding: 25px;
}

#contents #cont_inner p.ttl {
	margin-bottom: 25px;
	font-size: 22px;
	font-weight: bold;
}

#contents #cont_inner section {
	margin-bottom: 20px;
}

#contents #cont_inner .w100 {
	width: 100%;
}

#contents #cont_inner section.w68 {
	width: 68%;
}

#contents #cont_inner section.w60 {
	width: 60%;
}

#contents #cont_inner section.w50 {
	width: 49%;
}

#contents #cont_inner section.w38 {
	width: 38%;
}

#contents #cont_inner section.w30 {
	width: 30%;
}

#contents #cont_inner section .box {
	margin-bottom: 15px;
	background-color: white;
}

#contents #cont_inner section .box header {
	padding: 20px 25px;
	border-bottom: 1px solid #d8cdba;
}

#contents #cont_inner section .box header h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}

#contents #cont_inner section .box header h2 span {
	margin-right: 10px;
	color: #d93a2f;
}

#contents #cont_inner section p.more {
	text-align: right;
	font-size: 14px;
}

#contents #cont_inner section p.more a {
	display: inline-block;
	position: relative;
}

#contents #cont_inner section p.more a:before {
	content: '\f03a';
	position: absolute;
	top: 50%;
	left: -25px;
	margin-top: -14px;
	font-size: 18px;
	color: #bfbfbf;
}



#contents #cont_inner section.news ul {
	padding: 25px;
}

#contents #cont_inner section.news ul li {
	position: relative;
	padding: 0 0 15px 20px;
	font-size: 18px;
	font-weight: bold;
}

#contents #cont_inner section.news ul li:before {
	content: '\f054';
	position: absolute;
	left: 0;
	color: #ccc;
}

#contents #cont_inner section.news ul li:last-child {
	padding-bottom: 0;
}

#contents #cont_inner section.news ul li .badge {
	margin-left: 10px;
	font-size: 16px;
	background: #d93a2f;
}

#contents #cont_inner section.tv h2 span.zusera {
	font-family: 'Montserrat';
    font-weight: bold;
    font-size: 24px;
	color: #333;
	margin: 0 5px 0 3px;
	background: linear-gradient(180deg, rgba(254, 56, 74, 1) 41%, rgba(247, 166, 12, 1));
    color: transparent;
    -webkit-background-clip: text;
}

#contents #cont_inner section.tv .movie {
	position: relative;
	width: 100%;
	height: 398px;
}

#contents #cont_inner section.tv .movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#contents #cont_inner section.calendar .data {
	padding: 15px 25px;
	display: none!important;
}

#contents #cont_inner section.calendar .data .cal_nav {
	margin-right: 15px;
	padding: 0;
}

#contents #cont_inner section.calendar .data .cal_nav li {
	margin-left: 20px;
	font-size: 30px;
}

#contents #cont_inner section.calendar .data .cal_nav li:first-child {
	margin-left: 0;
}

#contents #cont_inner section.calendar .data .cal_nav li a {
	color: #777;
}

#contents #cont_inner section.calendar .data .cal_nav li a:hover {
	color: #d93a2f;
}

#contents #cont_inner section.calendar .data p {
	margin: 0 15px 0 0;
}

#contents #cont_inner section.calendar .data p time {
	font-size: 18px;
}

#contents #cont_inner section.calendar .data .status li {
	margin-left: 5px;
	font-size: 12px;
}

#contents #cont_inner section.calendar .data .status li:first-child {
	margin-left: 0;
}

#contents #cont_inner section.calendar table {
	border: 0!important;
}

#contents #cont_inner section.calendar table th {
	font-size: 12px;
	text-align: center;
	color: #a1a1a1;
	border: 0;
	border-bottom: 1px solid #ccc!important;
	background: #f0e9dc;
}

#contents #cont_inner section.calendar table td {
	padding: 0;
	border-top: 0!important;
	border-bottom:  0!important;
	border-right: 0;
}

#contents #cont_inner section.calendar table td .d-flex {
	margin-bottom: 5px;
}

#contents #cont_inner section.calendar table td p {
	font-size: 11px;
}

#contents #cont_inner section.calendar table td p.unans {
	position: relative;
	padding-left: 15px;
}

#contents #cont_inner section.calendar table td p.unans a {
	color: #d93a2f;
	text-decoration: underline;
}

#contents #cont_inner section.calendar table td p.unans a:hover {
	text-decoration: none;
	color: #2196f3;
}

#contents #cont_inner section.calendar table td p.unans:before {
	content: '\f05a';
	position: absolute;
	left: 0;
	color: #d93a2f;
}

#contents #cont_inner section.calendar table td p.join {
	position: relative;
	padding-left: 12px;
}

#contents #cont_inner section.calendar table td p.join:before {
	content: '\f0a6';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
	color: #2196f3;
}

#contents #cont_inner section.calendar table td p.join a {
	text-decoration: underline;
}

#contents #cont_inner section.calendar table td p.join a:hover {
	text-decoration: none;
	color: #d93a2f;
}

#contents #cont_inner section.calendar table td p.absent a {
	text-decoration: underline;
	color: #686868;
}

#contents #cont_inner section.calendar table td p.absent a:hover {
	text-decoration: none;
	color: #d93a2f;
}

#contents #cont_inner section.calendar table td.b_right_no {
	border-right: 0;
}

#contents #cont_inner section.calendar table td.b_bottom_no {
	border-bottom: 0;
}

#contents #cont_inner section.calendar table td span.day {
	font-size: 12px;
}

#contents #cont_inner section.calendar table td .add_to a {
	color: #b1b1b1;
}

#contents #cont_inner section.calendar table td .add_to a:hover {
	color: #d93a2f;
}

#contents #cont_inner section.calendar .modal_calendar {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 370px;
	height: 550px;
	margin: -275px 0 0 -185px;
	padding: 20px 25px;
	background: white;
	-moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
}

#contents #cont_inner section.calendar .modal_calendar h3 {
	margin-bottom: 10px;
	font-size: 18px;
}

#contents #cont_inner section.calendar .modal_calendar h3 span.icon {
	padding: 3px;
	font-weight: normal;
	color: white;
	font-size: 10px;
}

#contents #cont_inner section.calendar .modal_calendar h3 span.join {
	background: #d93a2f;
}

#contents #cont_inner section.calendar .modal_calendar h3 span.absent {
	background: #476081;
}

#contents #cont_inner section.calendar .modal_calendar h4 {
	position: relative;
	margin-bottom: 15px;
	font-size: 14px;
	color: #727272;
}

#contents #cont_inner section.calendar .modal_calendar h4:after {
	content: '\f107';
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -8px;
	color: #727272;
}

#contents #cont_inner section.calendar .modal_calendar p {
	margin-bottom: 5px;
	color: #727272;
	font-size: 12px;
}

#contents #cont_inner section.calendar .modal_calendar p.time {
	font-size: 14px;
}

#contents #cont_inner section.calendar .modal_calendar p.sg {
	font-size: 14px;
}

#contents #cont_inner section.calendar .modal_calendar p.join_text {
	text-align: right;
	text-decoration: underline;
}

#contents #cont_inner section.calendar .modal_calendar p.join_text:hover {
	text-decoration: none;
}

#contents #cont_inner section.calendar .modal_calendar .attendees {
	margin-bottom: 20px;
}

#contents #cont_inner section.calendar .modal_calendar .attendees h4 {
	padding-left: 15px;
}

#contents #cont_inner section.calendar .modal_calendar .attendees h4:before {
	content: '\f0a6';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
	color: #e4b012;
}

#contents #cont_inner section.calendar .modal_calendar .btn_area {
	margin-bottom: 20px;
}

#contents #cont_inner section.calendar .modal_calendar .btn_area .yes {
	position: relative;
	width: 48%;
	margin-right: 15px;
}

#contents #cont_inner section.calendar .modal_calendar .btn_area .yes a {
	position: relative;
	width: 100%;
	color: white;
	background: #84bd18;
	font-size: 16px;
	text-decoration: none;
}

#contents #cont_inner section.calendar .modal_calendar .btn_area .no {
	width: 48%;
}

#contents #cont_inner section.calendar .modal_calendar .btn_area .no a {
	width: 100%;
	color: white;
	background: #476081;
	font-size: 16px;
	text-decoration: none;
}

#contents #cont_inner section.calendar .modal_calendar ul.list {
	height: 120px;
	overflow-y: scroll !important;
	/*バーの太さ*/
	/*バーの背景色*/
	/*バーの色*/
}

#contents #cont_inner section.calendar .modal_calendar ul.list:-webkit-scrollbar {
	height: 10px;
}

#contents #cont_inner section.calendar .modal_calendar ul.list:-webkit-scrollbar-track {
	background: #dddddd;
}

#contents #cont_inner section.calendar .modal_calendar ul.list:-webkit-scrollbar-thumb {
	background: #2cc2e4;
}

#contents #cont_inner section.calendar .modal_calendar ul.list li {
	margin-bottom: 10px;
}

#contents #cont_inner section.calendar .modal_calendar ul.list li figure {
	margin: 0 10px 0 0;
}

#contents #cont_inner section.calendar .modal_calendar ul.list li figure img {
	width: 32px;
	height: 32px;
	object-fit: cover;
	border: 1px solid #ccc;
}

#contents #cont_inner section.calendar .modal_calendar ul.list li figcaption {
	font-size: 14px;
	color: #727272;
}

#contents #cont_inner section.daily {
	background: white;
}

#contents #cont_inner section.daily .box {
	margin-bottom: 0;
	padding-bottom: 25px;
}

#contents #cont_inner section.daily .box article {
	padding: 25px 25px 0;
}

#contents #cont_inner section.daily .box article figure {
	width: 11%;
	margin-right: 10px;
}

#contents #cont_inner section.daily .box article figure img {
	border: 1px solid #ccc;
	width: 50px;
	height: 50px;
	object-fit: cover;
}

#contents #cont_inner section.daily .box article figcaption {
	width: 89%;
}

#contents #cont_inner section.daily .box article figcaption .head {
	margin-bottom: 10px;
}

#contents #cont_inner section.daily .box article figcaption .head h3 {
	margin: 0 10px 0 0;
	font-size: 14px;
}

#contents #cont_inner section.daily .box article figcaption .head h3 a {
	text-decoration: underline;
}

#contents #cont_inner section.daily .box article figcaption .head h3 a:hover {
	text-decoration: none;
}

#contents #cont_inner section.daily .box article figcaption .head span.badge {
	margin-right: 10px;
	padding: 2px 3px;
	font-size: 8px;
	background: #d93a2f;
}

#contents #cont_inner section.daily .box article figcaption p {
	margin: 0;
	font-size: 10px;
}

#contents #cont_inner section.daily .box article figcaption p.article_text {
	margin-bottom: 10px;
	font-size: 14px;
}

#contents #cont_inner section.daily .box article figcaption p.cmnts {
	margin-right: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.daily .box article figcaption p.user a {
	font-size: 11px;
	text-decoration: underline;
}

#contents #cont_inner section.daily .box article figcaption p.user a:hover {
	text-decoration: none;
}

#contents #cont_inner section.daily .box article figcaption p.time {
	margin: 0 0 0 10px;
	font-size: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.daily .box article figcaption .comment {
	margin: 0 !important;
	padding: 10px;
	border-bottom: 1px solid white;
	background: #fff8ec;
}

#contents #cont_inner section.daily .box article figcaption .comment figure {
	margin: 0;
	padding: 0;
}

#contents #cont_inner section.daily .box article figcaption .comment figure img {
	width: 38px;
	height: 38px;
	object-fit: cover;
}

#contents #cont_inner section.daily .box article figcaption .comment figcaption {
	margin-left: 10px;
}

#contents #cont_inner section.daily .box article figcaption .comment figcaption p {
	font-size: 12px;
}

#contents #cont_inner section.daily .box article figcaption .comment figcaption ul li {
	font-size: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.daily .box article figcaption .comment figcaption ul li:first-child {
	margin-right: 10px;
}

#contents #cont_inner section.ranking {
	background: white;
}

#contents #cont_inner section.ranking .box ul {
	padding: 20px;
}

#contents #cont_inner section.ranking .box ul li {
	margin-bottom: 20px;
}

#contents #cont_inner section.ranking .box ul li:last-child {
	margin-bottom: 0;
}

#contents #cont_inner section.ranking .box ul li h3 {
	margin: 0 10px 0 0;
	width: 290px;
	font-size: 14px;
	font-weight: normal;
}

#contents #cont_inner section.ranking .box ul li h3 a {
	text-decoration: underline;
}

#contents #cont_inner section.ranking .box ul li h3 a:hover {
	text-decoration: none;
}

#contents #cont_inner section.ranking .box ul li span {
	width: 70px;
	margin-right: 10px;
}

#contents #cont_inner section.ranking .box ul li span.badge.rank {
	background: #5b9dd0;
}

#contents #cont_inner section.ranking .box ul li span.badge.rank1 {
	background: #ffc600;
}

#contents #cont_inner section.ranking .box ul li span.badge.rank2 {
	background: #b8b8b8;
}

#contents #cont_inner section.ranking .box ul li span.badge.rank3 {
	background: #be9e7f;
}

#contents #cont_inner section.ranking .box ul li p {
	margin: 0;
	color: #9c9c9c;
	font-size: 10px;
}

#contents #cont_inner section.participating .box header h2 span {
	color: #6ecbf6;
}

#contents #cont_inner section.participating .list {
	padding: 25px;
	border-bottom: 1px dotted #ccc;
}

#contents #cont_inner section.participating .list:last-of-type {
	border-bottom: 0;
}

#contents #cont_inner section.participating .list.even {
	background: #fff8ec;
}

#contents #cont_inner section.participating .list .head {
	margin-bottom: 10px;
}

#contents #cont_inner section.participating .list .head figure {
	margin-right: 10px;
}

#contents #cont_inner section.participating .list .head figure img {
	border: 1px solid #ccc;
	width: 40px;
	height: 40px;
	object-fit: cover;
}

#contents #cont_inner section.participating .list .head figcaption h3 {
	font-size: 18px;
}

#contents #cont_inner section.participating .list .head figcaption ul.data li {
	font-size: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.participating .list .head figcaption ul.data li:first-child {
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #9c9c9c;
}

#contents #cont_inner section.participating .list .config a {
	font-size: 12px;
	border: 1px solid #ccc;
	background: #dfdfdf;
	text-decoration: none;
}

#contents #cont_inner section.participating .list .config a:hover {
	color: white;
	background: #ccc;
	cursor: pointer;
}

#contents #cont_inner section.participating .list ul.mail_list {
	margin-bottom: 0;
}

#contents #cont_inner section.participating .list ul.mail_list li {
	position: relative;
	padding: 0 0 5px 25px;
	font-size: 14px;
}

#contents #cont_inner section.participating .list ul.mail_list li:last-child {
	padding-bottom: 0;
}

#contents #cont_inner section.participating .list ul.mail_list li:before {
	content: '\f0e0';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -11px;
	font-size: 16px;
	color: #b7b7b7;
}

#contents #cont_inner section.participating .list ul.mail_list li a {
	margin-right: 15px;
	text-decoration: underline;
}

#contents #cont_inner section.participating .list ul.mail_list li a:hover {
	text-decoration: none;
}

#contents #cont_inner section.participating .list ul.mail_list li span {
	margin-right: 10px;
}

#contents #cont_inner section.participating .list ul.mail_list li span.time {
	color: #9c9c9c;
}

#contents #cont_inner section.participating .list ul.mail_list li span.badge {
	margin-right: 10px;
	padding: 2px 3px;
	font-size: 8px;
	background: #d93a2f;
}

#contents #cont_inner section.maillist .inner {
	padding: 25px;
}

#contents #cont_inner section.maillist .inner table {
	margin-bottom: 25px;
	border: 1px solid #ccc !important;
}

#contents #cont_inner section.maillist .inner table th {
	font-size: 12px;
	text-align: center;
	border-top-color: #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #f0e9dc;
}

#contents #cont_inner section.maillist .inner table td {
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size: 12px;
	vertical-align: middle;
}

#contents #cont_inner section.maillist .inner table td.attachment {
	width: 10%;
	text-align: center;
	font-size: 18px;
}

#contents #cont_inner section.maillist .inner table td.time {
	width: 20%;
	text-align: center;
}

#contents #cont_inner section.maillist .inner table td.subject {
	width: 40%;
}

#contents #cont_inner section.maillist .inner table td.user {
	width: 20%;
	text-align: center;
}

#contents #cont_inner section.maillist .inner table td.reply {
	width: 10%;
	text-align: center;
}

#contents #cont_inner section.member_list .box .inner ul {
	padding: 25px;
}

#contents #cont_inner section.member_list .box .inner ul.list {
	border-bottom: 1px dotted #d8cdba;
}

#contents #cont_inner section.member_list .box .inner ul.list li {
	width: 100%;
	padding: 10px 0;
}

#contents #cont_inner section.member_list .box .inner ul.list li:first-child {
	padding-top:0;
}

#contents #cont_inner section.member_list .box .inner ul.list li:last-child {
	padding-bottom:0;
}

#contents #cont_inner section.member_list .box .inner ul.list li figure {
	margin: 0 20px 0 0;
}

#contents #cont_inner section.member_list .box .inner ul.list li figure img {
	width: 80px;
	max-width: 88px;
	height: 80px;
	border: 1px solid #ccc;
	object-fit: cover;
}

#contents #cont_inner section.member_list .box .inner ul.list li figcaption {
	width: 75%;
}

#contents #cont_inner section.member_list .box .inner ul.list li figcaption p.name {
	margin-bottom: 5px;
	font-size: 14px;
}

#contents #cont_inner section.member_list .box .inner ul.list li figcaption p.name a {
	margin-right: 5px;
}

#contents #cont_inner section.member_list .box .inner ul.list li figcaption p.name span {
	margin-left: 5px;
	font-size: 8px;
	color: #9c9c9c;
}

#contents #cont_inner section.member_list .box .inner ul.list li figcaption p.name span.online {
	padding: 2px 4px;
	color: white;
	background: #d93a2f;
}

#contents #cont_inner section.member_list .box .inner ul.list li figcaption .comment {
	display: inline-block;
	position: relative;
	padding: 5px;
	border: 1px solid #d8cdba;
	background: #fff8ec;
	box-sizing: border-box;
}

#contents #cont_inner section.member_list .box .inner ul.list li figcaption .comment:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -19px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 10px solid #fff8ec;
	z-index: 2;
}

#contents #cont_inner section.member_list .box .inner ul.list li figcaption .comment:after {
	content: '';
	position: absolute;
	top: 50%;
	left: -19px;
	margin-top: -9px;
	border: 9px solid transparent;
	border-right: 9px solid #d8cdba;
	z-index: 1;
}

#contents #cont_inner section.member_list .box .inner ul.list li figcaption .comment p {
	margin: 0;
	font-size: 11px;
}

#contents #cont_inner section.member_list .box .inner ul.other_list {
	padding-bottom: 5px;
}

#contents #cont_inner section.member_list .box .inner ul.other_list.justify-content-between {
	justify-content: flex-start!important;
}

#contents #cont_inner section.bottom .box .inner ul.other_list li {
	width: 20%;
	margin-bottom: 20px;
}

#contents #cont_inner section.member_list .box .inner ul.other_list li {
	width: 33%;
	margin-bottom: 20px;
}

#contents #cont_inner section.member_list .box .inner ul.other_list li figure {
	margin: 0 10px 0 0;
}

#contents #cont_inner section.member_list .box .inner ul.other_list li figure img {
	width: 40px;
	height: 40px;
	border: 1px solid #ccc;
	object-fit: cover;
}

#contents #cont_inner section.member_list .box .inner ul.other_list li figcaption {
	font-size: 10px;
}

#contents #cont_inner section.member_list .box .inner ul.other_list li figcaption p {
	margin: 0;
}

#contents #cont_inner section.member_list.w38 .box .inner ul.list {
	display: block !important;
}

#contents #cont_inner section.member_list.w38 .box .inner ul.list li {
	width: 100%;
	margin: 0 0 15px 0;
}

#contents #cont_inner section.member_list.w38 .box .inner ul.list li:last-child {
	margin-bottom: 0;
}

#contents #cont_inner section.member_list.w38 .box .inner ul.other_list li {
	width: 28%;
}

#contents #cont_inner #w60_column {
	width: 68%;
	margin-right: 2%;
}

#contents #cont_inner #w60_column section.updata .box article figure {
	width: 12%;
}

#contents #cont_inner #w60_column section.updata .box article figcaption {
	width: 87%;
}

#contents #cont_inner #w60_column section.file .box ul li p.ttl {
	width: 50%;
	word-break: break-all;
}

#contents #cont_inner #w38_column {
	width:30%;
}

#contents #cont_inner section.updata .box {
	padding-bottom: 25px;
	background: white;
}

#contents #cont_inner section.updata .box article {
	padding: 25px 25px 0;
}

#contents #cont_inner section.updata .box article figure {
	width: 9%;
	margin: 0 10px 0 0;
}

#contents #cont_inner section.updata .box article figure img {
	width: 66px;
	max-width: 66px;
	height: 66px;
	object-fit: cover;
	border: 1px solid #ccc;
}

#contents #cont_inner section.updata .box article figcaption {
	width: 91%;
}

#contents #cont_inner section.updata .box article figcaption .head {
	margin-bottom: 5px;
}

#contents #cont_inner section.updata .box article figcaption .head h3 {
	margin-right: 10px;
	font-size: 14px;
}

#contents #cont_inner section.updata .box article figcaption .head h3 a {
	text-decoration: underline;
}

#contents #cont_inner section.updata .box article figcaption .head h3 a:hover {
	text-decoration: none;
}

#contents #cont_inner section.updata .box article figcaption .head span.badge {
	margin-right: 10px;
	padding: 2px 3px;
	font-size: 8px;
	background: #d93a2f;
}

#contents #cont_inner section.updata .box article figcaption p {
	margin: 0;
	font-size: 10px;
}

#contents #cont_inner section.updata .box article figcaption p.article_text {
	margin-bottom: 10px;
	font-size: 14px;
}

#contents #cont_inner section.updata .box article figcaption p.cmnts {
	margin-right: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.updata .box article figcaption p.user a {
	font-size: 11px;
	text-decoration: underline;
}

#contents #cont_inner section.updata .box article figcaption p.user a:hover {
	text-decoration: none;
}

#contents #cont_inner section.updata .box article figcaption p.time {
	margin: 0 0 0 10px;
	font-size: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.updata .box article figcaption .comment {
	margin: 0 !important;
	padding: 10px;
	border-bottom: 1px solid white;
	background: #fff8ec;
}

#contents #cont_inner section.updata .box article figcaption .comment figure {
	width: auto;
}

#contents #cont_inner section.updata .box article figcaption .comment figure img {
	width: 38px;
	height: 38px;
	object-fit: cover;
	margin: 0;
	padding: 0;
}

#contents #cont_inner section.updata .box article figcaption .comment figcaption p {
	font-size: 12px;
}

#contents #cont_inner section.updata .box article figcaption .comment figcaption ul li {
	font-size: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.updata .box article figcaption .comment figcaption ul li:first-child {
	margin-right: 10px;
}

#contents #cont_inner section.updata p.more {
	margin: 0;
}

#contents #cont_inner section.updata p.more:first-child {
	margin-right: 50px;
}

#contents #cont_inner section.photo .box ul {
	padding: 25px;
}

#contents #cont_inner section.photo .box ul li {
	margin-bottom: 14px;
}

#contents #cont_inner section.photo .box ul li:last-child {
	margin-bottom: 0;
}

#contents #cont_inner section.photo .box ul li figure {
	margin: 0 10px 0 0;
}

#contents #cont_inner section.photo .box ul li figure img {
	width: 110px;
	height: 60px;
	object-fit: cover;
}

#contents #cont_inner section.photo .box ul li figcaption p {
	margin-bottom: 3px;
	color: #9c9c9c;
	font-size: 10px;
}

#contents #cont_inner section.photo .box ul li figcaption p.ttl {
	font-size: 14px;
	font-weight: bold;
}

#contents #cont_inner section.photo .box ul li figcaption p.user a {
	margin-right: 5px;
}

#contents #cont_inner section.file .box ul {
	padding: 25px;
}

#contents #cont_inner section.file .box ul li {
	position: relative;
	margin-bottom: 14px;
	padding-left: 20px;
}

#contents #cont_inner section.file .box ul li:last-child {
	margin-bottom: 0;
}

#contents #cont_inner section.file .box ul li:before {
	content: '\f15c';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -12px;
	color: #b7b7b7;
}

#contents #cont_inner section.file .box ul li p {
	margin: 0 0 0 10px;
	font-size: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.file .box ul li p.ttl {
	margin: 0;
	font-size: 14px;
}

#contents #cont_inner section.mail_details .box h3 {
	padding: 10px 25px;
	font-size: 16px;
	background: #ebdec4;
}

#contents #cont_inner section.mail_details .box h3 span {
	margin-right: 10px;
	color: #d93a2f;
}

#contents #cont_inner section.mail_details .box .inner {
	padding: 25px;
}

#contents #cont_inner section.mail_details .box .inner ul {
	margin-bottom: 15px;
}

#contents #cont_inner section.mail_details .box .inner ul li {
	margin-bottom: 5px;
	margin-right: 10px;
	font-size: 12px;
}


#contents #cont_inner section.mail_details .box .inner ul li p {
	margin: 0 0 0 15px;
}

#contents #cont_inner section.mail_details .box .inner ul li p:first-child {
	margin-left: 0;
}

#contents #cont_inner section.mail_details .box .inner ul li p a {
	text-decoration: underline;
}

#contents #cont_inner section.mail_details .box .inner ul li p a:hover {
	text-decoration: none;
}

#contents #cont_inner section.mail_details .box .inner .table {
	margin: 0 0 25px;
	border: 1px solid #ccc;
}

#contents #cont_inner section.mail_details .box .inner .table th {
	width: 192px;
	padding: 1rem;
	font-size: 14px;
	text-align: center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #ebdec4;
}

#contents #cont_inner section.mail_details .box .inner .table td {
	padding: 1rem;
	border-top: 1px solid #ccc;
	font-size: 14px;
}

#contents #cont_inner section.mail_details .box .inner button {
	padding: 10px;
	color: white;
	font-size: 16px;
	background: #1073cf;
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
}

#contents #cont_inner section.mail_return .box .inner {
	padding: 25px;
}

#contents #cont_inner section.mail_return .box .inner .table {
	margin: 0 0 25px;
	border: 1px solid #ccc;
}

#contents #cont_inner section.mail_return .box .inner .table th {
	width: 192px;
	padding: 1rem;
	font-size: 14px;
	text-align: center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #ebdec4;
}

#contents #cont_inner section.mail_return .box .inner .table td {
	padding: 1rem;
	border-top: 1px solid #ccc;
	font-size: 14px;
}

#contents #cont_inner section.mail_return .box .inner .table td input[type="text"] {
	border-radius: 0;
	border: 2px solid #cdcdcd;
	background: white;
}

#contents #cont_inner section.mail_return .box .inner .table td textarea {
	border-radius: 0;
	border: 2px solid #cdcdcd;
	background: white;
}

#contents #cont_inner section.mail_return .box .inner .table td ul.file_up {
	margin-bottom: 15px;
}

#contents #cont_inner section.mail_return .box .inner .table td ul.file_up li {
	margin-bottom: 10px;
	font-size: 12px;
}

#contents #cont_inner section.mail_return .box .inner .table td ul.file_up li:last-child {
	margin: 0;
}

#contents #cont_inner section.mail_post .box .inner {
	padding: 25px;
}

#contents #cont_inner section.mail_post .box .inner .table {
	margin: 0 0 25px;
	border: 1px solid #ccc;
}

#contents #cont_inner section.mail_post .box .inner .table th {
	width: 192px;
	padding: 1rem;
	font-size: 14px;
	text-align: center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #ebdec4;
}

#contents #cont_inner section.mail_post .box .inner .table td {
	padding: 1rem;
	border-top: 1px solid #ccc;
	font-size: 14px;
}

#contents #cont_inner section.mail_post .box .inner .table td input[type="text"] {
	border-radius: 0;
	border: 2px solid #cdcdcd;
	background: white;
}

#contents #cont_inner section.mail_post .box .inner .table td select {
	border-radius: 0;
	border: 2px solid #cdcdcd;
	background: white;
}

#contents #cont_inner section.mail_post .box .inner .table td textarea {
	border-radius: 0;
	border: 2px solid #cdcdcd;
	background: white;
}

#contents #cont_inner section.topics .box ul li {
	padding: 25px;
	border-bottom: 1px dotted #d8cdba;
}

#contents #cont_inner section.topics .box ul li figure {
	margin: 0 10px 0 0;

}

#contents #cont_inner section.topics .box ul li figure img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border: 1px solid #ccc;
}

#contents #cont_inner section.topics .box ul li figcaption .ttl {
	margin-bottom: 5px;
}

#contents #cont_inner section.topics .box ul li figcaption .ttl h3 {
	font-size: 16px;
}

#contents #cont_inner section.topics .box ul li figcaption .ttl p {
	margin: 0 0 0 10px;
	font-size: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.topics .box ul li figcaption ul {
	margin-bottom: 5px;
}

#contents #cont_inner section.topics .box ul li figcaption ul li {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 10px;
	color: #9c9c9c;
	border: 0;
}

#contents #cont_inner section.topics .box ul li figcaption ul li:first-child {
	margin-left: 0;
}

#contents #cont_inner section.topics .box ul li figcaption ul li a {
	font-size: 11px;
}

#contents #cont_inner section.topics .box ul li figcaption ul li span.badge {
	margin-left: 10px;
	padding: 2px 3px;
	font-size: 8px;
	background: #d93a2f;
}

#contents #cont_inner section.topics .box ul li figcaption p {
	margin-bottom: 0;
	font-size: 14px;
}

#contents #cont_inner section.topics_details .box .ttl {
	padding: 25px;
	border-bottom: 1px dotted #d8cdba;
}

#contents #cont_inner section.topics_details .box .ttl figure {

	margin: 0 10px 0 0;
}

#contents #cont_inner section.topics_details .box .ttl figure img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border: 1px solid #ccc;
}

#contents #cont_inner section.topics_details .box .ttl figcaption h3 {
	margin-bottom: 10px;
	padding: 0;
	font-size: 20px;
	background: none;
}

#contents #cont_inner section.topics_details .box .ttl figcaption ul li {
	margin-left: 10px;
	font-size: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.topics_details .box .ttl figcaption ul li:first-child {
	margin: 0;
}

#contents #cont_inner section.topics_details .box .ttl figcaption ul li a.name {
	font-size: 11px;
}

#contents #cont_inner section.topics_details .box .inner {
	padding: 25px;
}

#contents #cont_inner section.topics_details .box .inner p {
	font-size: 14px;
}

#contents #cont_inner section.topics_details .box .inner .attachment_file {
	border-top: 1px #ccc dotted;
	margin-top: 30px;
	padding: 15px 0 0 0;
}

#contents #cont_inner section.topics_details .box .inner .attachment_file p {
	font-weight: bold;
}

#contents #cont_inner section.topics_details .box .inner button.nice {
	max-width: 100%;
	width: auto;
	margin: 30px 0 0 0;
	color: white;
	font-size: 12px;
	background: #d93a2f;
	border: 0;
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
}

#contents #cont_inner section.topics_details .box .inner button.nice .svg-inline--fa {
	margin-right: 5px;
}

#contents #cont_inner section.topics_details .box .inner ul.reading_list li,
#contents #cont_inner section.news_detail .box .inner ul.reading_list li{
	width: 16.5%;
	margin: 0 0 20px 10px;
}

#contents #cont_inner section.topics_details .box .inner ul.reading_list li figure,
#contents #cont_inner section.news_detail .box .inner ul.reading_list li figure{

	margin: 0 10px 0 0;
}

#contents #cont_inner section.topics_details .box .inner ul.reading_list li figure img,
#contents #cont_inner section.news_detail .box .inner ul.reading_list li figure img{
	width: 40px;
	height: 40px;
	object-fit: cover;
	border: 1px solid #ccc;
}

#contents #cont_inner section.topics_details .box .inner ul.reading_list li figcaption,
#contents #cont_inner section.news_detail .box .inner ul.reading_list li figcaption{
	font-size: 10px;
}

#contents #cont_inner section.topics_details .box .inner ul.reading_list li figcaption p,
#contents #cont_inner section.news-detail .box .inner ul.reading_list li figcaption p{
	margin: 0;
}

#contents #cont_inner section.topics_details .box .inner .comment {
	margin-bottom: 30px;

}

#contents #cont_inner section.topics_details .box .inner .comment .head {
	margin-bottom: 10px;
}

#contents #cont_inner section.topics_details .box .inner .comment .head figure {
	margin: 0 10px 0 0;
}

#contents #cont_inner section.topics_details .box .inner .comment .head figure img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border: 1px solid #ccc;
}

#contents #cont_inner section.topics_details .box .inner .comment .head figcaption ul li {
	margin-left: 10px;
	font-size: 14px;
	color: #9c9c9c;
}

#contents #cont_inner section.topics_details .box .inner .comment .head figcaption ul li:first-child {
	margin: 0;
}


#contents #cont_inner section.topics_details .box .inner .comment .comment-column figure {
	margin-right: 5px;
}

#contents #cont_inner section.topics_details .box .inner .comment .comment-column figure img {
	width: 50px;
	max-width: 50px;
	height: 50px;
	margin-right: 15px;
	object-fit: cover;
	border: 1px solid #ccc;
}

#contents #cont_inner section.topics_details .box .inner .comment .comment-column .comment-area {
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 15px;
	border: 1px solid #d8cdba;
	background: #fff8ec;
	box-sizing: border-box;
}

#contents #cont_inner section.topics_details .box .inner .comment .comment-column .comment-area:before {
	content: '';
	position: absolute;
	top: 20px;
	left: -19px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 10px solid #fff8ec;
	z-index: 2;
}

#contents #cont_inner section.topics_details .box .inner .comment .comment-column .comment-area:after {
	content: '';
	position: absolute;
	top: 20px;
	left: -19px;
	margin-top: -9px;
	border: 9px solid transparent;
	border-right: 9px solid #d8cdba;
	z-index: 1;
}

#contents #cont_inner section.topics_details .box .inner textarea {
	margin-bottom: 25px;
	border-radius: 0;
	border: 2px solid #cdcdcd;
	background: white;
}

#contents #cont_inner section.topics_details .box .inner ul.file_up {
	margin-bottom: 15px;
}

#contents #cont_inner section.topics_details .box .inner ul.file_up li {
	margin-bottom: 10px;
	font-size: 12px;
}

#contents #cont_inner section.topics_details .box .inner ul.file_up li:last-child {
	margin: 0;
}

#contents #cont_inner section.topics_details .box .inner p.small {
	margin-bottom: 25px;
}

#contents #cont_inner section.topics_details .box h3,
#contents #cont_inner section.news_detail .box h3 {
	padding: 10px 25px;
	font-size: 16px;
	background: #ebdec4;
}

#contents #cont_inner section.topics_details .box h3 span,
#contents #cont_inner section.news_detail .box h3 span{
	margin-right: 10px;
	color: #d93a2f;
}

#contents #cont_inner section.search .box header h2 span.result {
	margin-left: 15px;
	font-size: 10px;
	color: #333;
}

#contents #cont_inner section.search .box ul li {
	padding: 25px;
	border-bottom: 1px dotted #d8cdba;
}

#contents #cont_inner section.search .box ul li figure {
	margin: 0 10px 0 0;

}

#contents #cont_inner section.search .box ul li figure img {
	border: 1px solid #ccc;
	width: 50px;
	height: 50px;
	object-fit: cover;
}

#contents #cont_inner section.search .box ul li figcaption .ttl {
	margin-bottom: 5px;
}

#contents #cont_inner section.search .box ul li figcaption .ttl h3 {
	font-size: 16px;
}

#contents #cont_inner section.search .box ul li figcaption .ttl p {
	margin: 0 0 0 10px;
	font-size: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.search .box ul li figcaption ul {
	margin-bottom: 5px;
}

#contents #cont_inner section.search .box ul li figcaption ul li {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 10px;
	color: #9c9c9c;
	border: 0;
}

#contents #cont_inner section.search .box ul li figcaption ul li:first-child {
	margin-left: 0;
}

#contents #cont_inner section.search .box ul li figcaption ul li a {
	font-size: 11px;
}

#contents #cont_inner section.search .box ul li figcaption ul li span.badge {
	margin-left: 10px;
	padding: 2px 3px;
	font-size: 8px;
	background: #d93a2f;
}

#contents #cont_inner section.search .box ul li figcaption p {
	margin-bottom: 0;
	font-size: 14px;
}

#contents #cont_inner section.user .inner {
	padding: 25px 25px 0;
}

#contents #cont_inner section.user .inner ul li {
	margin-bottom: 20px;
}

#contents #cont_inner section.user .inner ul li figure {
	margin: 0 10px 0 0;
}

#contents #cont_inner section.user .inner ul li figure img {
	width: 50px;
	height: 50px;
	object-fit: cover;
}

#contents #cont_inner section.user .inner ul li figcaption ul li {
	margin: 0 0 0 10px;
	font-size: 14px;
}

#contents #cont_inner section.user .inner ul li figcaption ul li.time {
	font-size: 12px;
	color: #a8a8a8;
}

#contents #cont_inner section.user .inner ul li figcaption ul li.login {
	font-size: 12px;
	color: #a8a8a8;
}

#contents #cont_inner section.user .inner ul li figcaption ul li.comment {
	position: relative;
	display: inline-block;
	margin-left: 20px;
	padding: 8px;
	font-size: 14px;
	border-radius: 3px;
	border: 1px solid #d8cdba;
	background: #fff8ec;
	box-sizing: border-box;
}

#contents #cont_inner section.user .inner ul li figcaption ul li.comment:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -19px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 10px solid #fff8ec;
	z-index: 2;
}

#contents #cont_inner section.user .inner ul li figcaption ul li.comment:after {
	content: '';
	position: absolute;
	top: 50%;
	left: -19px;
	margin-top: -9px;
	border: 9px solid transparent;
	border-right: 9px solid #d8cdba;
	z-index: 1;
}

#contents #cont_inner section.user .inner ul li figcaption ul li:first-child {
	margin-left: 0;
}

#contents #cont_inner section.user .inner ul li:last-child {
	margin-bottom: 0;
}

#contents #cont_inner section.user .inner ul.file_list li {
	padding: 20px;
	background: #f2f2f2;
}

#contents #cont_inner section.user .inner ul.file_list li p {
	margin: 0 0 0 15px;
	font-size: 12px;
}

#contents #cont_inner section.user .inner ul.file_list li p.ttl {
	position: relative;
	padding-left: 25px;
}

#contents #cont_inner section.user .inner ul.file_list li p.ttl span {
	margin-left: 10px;
}

#contents #cont_inner section.user .inner ul.file_list li p.ttl a {
	font-size: 16px;
}

#contents #cont_inner section.user .inner ul.file_list li p.ttl:before {
	content: '\f15c';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -18px;
	font-size: 24px;
	color: #6c6c6c;
}

#contents #cont_inner section.user .inner ul.file_list li p.ttl.pdf:before {
	content: '\f1c1';
}

#contents #cont_inner section.user .inner ul.file_list li p.ttl.docx:before {
	content: '\f1c2';
}

#contents #cont_inner section.user .inner ul.file_list li p.ttl.xlsx:before {
	content: '\f1c3';
}

#contents #cont_inner section.user .inner ul.file_list li p.ttl.ppt:before {
	content: '\f1c4';
}

#contents #cont_inner section.user .inner ul.file_list li p.ttl.image:before {
	content: '\f1c5';
}

#contents #cont_inner section.user .inner ul.file_list li p.ttl.zip:before {
	content: '\f1c6';
}

#contents #cont_inner section.user .inner ul.file_list li p.ttl.mp3:before {
	content: '\f1c7';
}

#contents #cont_inner section.user .inner ul.file_list li p.ttl.mp4:before {
	content: '\f1c8';
}

#contents #cont_inner section.user .inner ul.file_list li p:first-child {
	margin-left: 0;
}

#contents #cont_inner section.user span.online {
	padding: 2px 4px;
	color: white;
	background: #d93a2f;
}

#contents #cont_inner section.album_list .box {
	background: white;
}

#contents #cont_inner section.album_list .box .inner {
	padding: 25px;
}

#contents #cont_inner section.album_list .box .inner .album {
	margin-bottom: 25px;
	padding: 25px;
	background: #f2f2f2;
}

#contents #cont_inner section.album_list .box .inner .album:last-of-type {
	margin-bottom: 0;
}

#contents #cont_inner section.album_list .box .inner .album ul.head {
	margin-bottom: 15px;
}

#contents #cont_inner section.album_list .box .inner .album ul.head li {
	margin-left: 10px;
	font-size: 12px;
}

#contents #cont_inner section.album_list .box .inner .album ul.head li span {
	font-size: 24px;
	color: #d93a2f;
}

#contents #cont_inner section.album_list .box .inner .album ul.head li:first-child {
	margin-left: 0;
}

#contents #cont_inner section.album_list .box .inner .album ul.head li a {
	position: relative;
	font-size: 16px;
	padding-left: 30px;
}

#contents #cont_inner section.album_list .box .inner .album ul.head li a:before {
	content: '\f02d';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -18px;
	color: #d93a2f;
	font-size: 24px;
}

#contents #cont_inner section.album_list .box .inner .album ul.photo_list {
	flex-wrap: wrap;
}

#contents #cont_inner section.album_list .box .inner .album ul.photo_list.justify-content-between {
	justify-content: flex-start!important;
}

#contents #cont_inner section.album_list .box .inner .album ul.photo_list li {
	margin: 10px 25px 10px 0;
}

#contents #cont_inner section.album_list .box .inner .album ul.photo_list li:first-child {
	margin-left: 0;
}

#contents #cont_inner section.album_list .box .inner .album ul.photo_list li img {
	width: 110px;
	height: 60px;
	object-fit: cover;
}

#contents #cont_inner section.album_list .box .inner .album ul.list li {
	width: 23%;
	margin: 0 0 15px 15px;
}

#contents #cont_inner section.album_list .box .inner .album ul.list li:nth-child(1) {
	margin-left: 0;
}

#contents #cont_inner section.album_list .box .inner .album ul.list li:nth-child(5) {
	margin-left: 0;
}

#contents #cont_inner section.album_list .box .inner .album ul.list li figure {
	margin-bottom: 10px;
}

#contents #cont_inner section.album_list .box .inner .album ul.list li figure img {
	width: 200px;
	height: 114px;
	object-fit: cover;
}

#contents #cont_inner section.album_list .box .inner .album ul.list li figcaption h3 {
	margin-bottom: 5px;
	font-size: 12px;
}

#contents #cont_inner section.album_list .box .inner .album ul.list li figcaption p {
	margin: 0;
	font-size: 10px;
}

#contents #cont_inner section.album_list .box .inner .album p {
	font-size: 14px;
}

#contents #cont_inner section.photo_detail .box .inner {
	padding: 25px;
}

#contents #cont_inner section.photo_detail .box .inner .album {
	padding: 25px;
	background: #f2f2f2;
}

#contents #cont_inner section.photo_detail .box .inner .album h3 {
	margin-bottom: 10px;
	padding: 0;
	font-size: 18px;
	background: none;
}

#contents #cont_inner section.photo_detail .box .inner .album ul {
	margin-bottom: 15px;
}

#contents #cont_inner section.photo_detail .box .inner .album ul li {
	margin-left: 10px;
	font-size: 10px;
}

#contents #cont_inner section.photo_detail .box .inner .album ul li:first-child {
	margin: 0;
}

#contents #cont_inner section.photo_detail .box .inner p {
	font-size: 14px;
}

#contents #cont_inner section.photo_detail .box .inner button.nice {
	max-width: 100%;
	width: auto;
	margin: 0;
	color: white;
	font-size: 12px;
	background: #d93a2f;
	border: 0;
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
}

#contents #cont_inner section.photo_detail .box .inner .comment {
	margin-bottom: 25px;
	padding: 20px;
	background: #f2f2f2;
}

#contents #cont_inner section.photo_detail .box .inner .comment:last-of-type {
	margin-bottom: 0;
}

#contents #cont_inner section.photo_detail .box .inner .comment .head {
	margin-bottom: 20px;
}

#contents #cont_inner section.photo_detail .box .inner .comment .head figure {

	margin: 0 10px 0 0;
}

#contents #cont_inner section.photo_detail .box .inner .comment .head figure img {
	border: 1px solid #ccc;
	width: 50px;
	height: 50px;
	object-fit: cover;
}

#contents #cont_inner section.photo_detail .box .inner .comment .head figcaption ul li {
	margin-left: 10px;
	font-size: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.photo_detail .box .inner .comment .head figcaption ul li:first-child {
	margin: 0;
}

#contents #cont_inner section.photo_detail .box .inner .comment p {
	margin-bottom: 0;
}

#contents #cont_inner section.photo_detail .box .inner textarea {
	margin-bottom: 25px;
	border-radius: 0;
	border: 2px solid #cdcdcd;
	background: white;
}

#contents #cont_inner section.photo_detail .box h3 {
	padding: 10px 25px;
	font-size: 16px;
	background: #ebdec4;
}

#contents #cont_inner section.photo_detail .box h3 span {
	margin-right: 10px;
	color: #d93a2f;
}

#contents #cont_inner section.photo_upload .box .inner {
	padding: 25px;
}

#contents #cont_inner section.photo_upload .box .inner .table {
	margin: 0 0 25px;
}

#contents #cont_inner section.photo_upload .box .inner .table th {
	width: 192px;
	padding: 1rem;
	font-size: 14px;
	text-align: center;
	background: #ebdec4;
}

#contents #cont_inner section.photo_upload .box .inner .table td {
	padding: 1rem;
	font-size: 14px;
}

#contents #cont_inner section.photo_upload .box .inner .table td input[type="text"] {
	border-radius: 0;
	border: 2px solid #cdcdcd;
	background: white;
}

#contents #cont_inner section.photo_upload .box .inner .table td textarea {
	border-radius: 0;
	border: 2px solid #cdcdcd;
	background: white;
}

#contents #cont_inner section.photo_upload .box .inner .table td .file_up {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #d8cdba;
}

#contents #cont_inner section.photo_upload .box .inner .table td .file_up:last-of-type {
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom: 0;
}

#contents #cont_inner section.photo_upload .box .inner .table td .file_up input[type="text"] {
	font-size: 14px;
	margin-bottom: 10px;
}

#contents #cont_inner section.photo_upload .box .inner .table td .file_up p {
	margin-bottom: 10px;
	font-size: 14px;
}

#contents #cont_inner section.comment_check .box .ttl {
	padding: 25px;
	border-bottom: 1px dotted #d8cdba;
}

#contents #cont_inner section.comment_check .box .ttl figure {

	margin: 0 10px 0 0;
}

#contents #cont_inner section.comment_check .box .ttl figure img {
	border: 1px solid #ccc;
	width: 50px;
	height: 50px;
	object-fit: cover;
}

#contents #cont_inner section.comment_check .box .ttl figcaption h3 {
	font-size: 20px;
}

#contents #cont_inner section.comment_check .box .inner {
	padding: 25px;
}

#contents #cont_inner section.comment_check .box .inner .subject {
	margin-bottom: 25px;
}

#contents #cont_inner section.comment_check .box .inner .subject span {
	width: 8%;
	margin-right: 10px;
	font-size: 14px;
}

#contents #cont_inner section.comment_check .box .inner .subject p.ttl {
	width: 92%;
	margin: 0;
	padding: 10px;
	border: 2px solid #ccc;
}

#contents #cont_inner section.comment_check .box .inner p {
	font-size: 14px;
}

#contents #cont_inner section.comment_check .box .inner .comment {
	margin-bottom: 25px;
	padding: 20px;
	background: #f2f2f2;
}

#contents #cont_inner section.comment_check .box .inner .comment p {
	margin: 0;
}

#contents #cont_inner section.comment_check .box .inner .comment .head {
	margin-bottom: 20px;
}

#contents #cont_inner section.comment_check .box .inner .comment .head figure {

	margin: 0 10px 0 0;
}

#contents #cont_inner section.comment_check .box .inner .comment .head figure img {
	border: 1px solid #ccc;
	width: 50px;
	height: 50px;
	object-fit: cover;
}

#contents #cont_inner section.comment_check .box .inner .comment .head figcaption ul li {
	margin-left: 10px;
	font-size: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.comment_check .box .inner .comment .head figcaption ul li:first-child {
	margin: 0;
}

#contents #cont_inner section.comment_check .box .inner .comment .head figcaption ul li a.name {
	font-size: 11px;
}

#contents #cont_inner section.news_list .box ul li {
	padding: 25px;
	border-bottom: 1px dotted #d8cdba;
}

#contents #cont_inner section.news_list .box ul li h3 {
	margin-bottom: 5px;
	font-size: 16px;
}

#contents #cont_inner section.news_list .box ul li h3 a {
	text-decoration: underline;
}

#contents #cont_inner section.news_list .box ul li h3 a:hover {
	text-decoration: none;
}

#contents #cont_inner section.news_list .box ul li p {
	margin: 0;
	font-size: 12px;
}

#contents #cont_inner section.news_list .box ul li p.time {
	margin-bottom: 5px;
	font-size: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.news_detail .box {
	margin-bottom: 20px;
}

#contents #cont_inner section.news_detail .box .inner {
	padding: 25px;
}

#contents #cont_inner section.news_detail .box .inner p {
	margin: 0;
	font-size: 14px;
	line-height: 180%;
}

#contents #cont_inner section.news_detail .box .inner p.time {
	margin-bottom: 15px;
	font-size: 10px;
	color: #9c9c9c;
}

#contents #cont_inner section.news_detail nav {
	margin-bottom: 15px;
	padding: 0;
}

#contents #cont_inner section.news_detail nav ul li:first-child {
	margin-right: 10px;
}

#contents #cont_inner section.news_detail nav ul li a {
	display: block;
	padding: 5px 8px;
	color: white;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	background: #2196f3;
}

#contents #cont_inner section.news_detail nav ul li a:hover {
	background: #d93a2f;
}

#contents #cont_inner section.complete .box p {
	margin: 0;
	padding: 25px;
}

#contents #cont_inner section.complete .box p.complete {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px dotted #d8cdba;
}

#contents #cont_inner section.schedule .box .inner {
	padding: 25px;
}

#contents #cont_inner section.schedule .box .inner ul {
	margin-top: 15px;
}

#contents #cont_inner section.schedule .box .inner .text_box {
	padding: 0 0 20px;
}

#contents #cont_inner section.schedule .box .inner .text_box h3 {
	position: relative;
	margin-bottom: 15px;
	padding-left: 25px;
	font-size: 16px;
}

#contents #cont_inner section.schedule .box .inner .text_box h3:before {
	position: absolute;
	top: 50%;
	left: 0;
	font-size: 20px;
}

#contents #cont_inner section.schedule .box .inner .text_box ul li {
	margin-bottom: 5px;
}

#contents #cont_inner section.schedule .box .inner .text_box ul li:last-child {
	margin-bottom: 0;
}

#contents #cont_inner section.schedule .box .inner .text_box ul li p {
	margin: 0 0 0 20px;
	font-size: 14px;
}

#contents #cont_inner section.schedule .box .inner .text_box ul li p:first-child {
	margin-left: 0;
}

#contents #cont_inner section.schedule .box .inner .text_box ul li p a {
	text-decoration: underline;
}

#contents #cont_inner section.schedule .box .inner .text_box ul li p a:hover {
	text-decoration: none;
}

#contents #cont_inner section.schedule .box .inner .text_box p {
	font-size: 14px;
}

#contents #cont_inner section.schedule .box .inner .text_box p.ttl {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
}

#contents #cont_inner section.schedule .box .inner .text_box .comment {
	margin-top: 1em;
}

#contents #cont_inner section.schedule .box .inner .text_box .comment p:last-child {
	margin: 0;
}

#contents #cont_inner section.schedule .box .inner ul li p {
	margin: 0;
}

#contents #cont_inner section.schedule .box .inner ul li p.time {
	margin-right: 10px;
}

#contents #cont_inner section.schedule .box .inner ul li {
	margin: 0 0 10px;
}

#contents #cont_inner section.schedule .box .inner ul li:last-child {
	margin-bottom: 0;
}

#contents #cont_inner section.schedule .box .inner .unanswered {
	margin-bottom: 25px;
	padding: 15px 20px;
	border: 1px solid #d93a2f;
}

#contents #cont_inner section.schedule .box .inner .unanswered h3 {
	color: #d93a2f;
}

#contents #cont_inner section.schedule .box .inner .unanswered h3:before {
	content: '\f06a';
	margin: -13px 5px 0 0;
}

#contents #cont_inner section.schedule .box .inner .no {
	margin-bottom: 25px;
	padding: 15px 20px;
	border: 1px solid #d8cdba;
}

#contents #cont_inner section.schedule .box .inner .no h3 {
	padding: 0;
}

#contents #cont_inner section.schedule .box .inner .join {
	margin-bottom: 25px;
	padding: 15px 20px;
	border: 1px solid #d8cdba;
}

#contents #cont_inner section.schedule .box .inner .join h3 {
	position: relative;
}

#contents #cont_inner section.schedule .box .inner .join h3:before {
	content: '\f0a6';
	color: #deaf0c;
	margin: -13px 5px 0 0;
}

#contents #cont_inner section.schedule .box .inner .join .text_box {
	padding-bottom: 0;
}

#contents #cont_inner section.schedule .box .inner .absence {
	padding: 15px 20px;
	border: 1px solid #d8cdba;
}

#contents #cont_inner section.schedule .box .inner .absence h3 {
	position: relative;
}

#contents #cont_inner section.schedule .box .inner .absence h3:before {
	content: '\f273';
	color: #2196f3;
	margin: -13px 5px 0 0;
}

#contents #cont_inner section.schedule .box .inner .att {
	margin: -15px -20px;
	padding: 25px;
	background: #fff5e2;
}

#contents #cont_inner section.schedule .box .inner .att ul {
	margin-top: 0;
}

#contents #cont_inner section.schedule .box .inner .att ul li {
	width: 160px;
	margin-bottom: 0;
}

#contents #cont_inner section.schedule .box .inner .att ul li.join_btn {
	margin-right: 20px;
}

#contents #cont_inner section.schedule .box .inner .att ul li.join_btn a {
	background: #81be18;
}

#contents #cont_inner section.schedule .box .inner .att ul li.absence_btn a {
	background: #5d7196;
}

#contents #cont_inner section.schedule .box .inner .att ul li a {
	display: block;
	padding: 5px 0;
	text-align: center;
	font-size: 18px;
	border-radius: 3px;
	color: white;
	text-decoration: none;
}

#contents #cont_inner section.schedule .box .planner_list {
	margin-bottom: 25px;
}

#contents #cont_inner section.schedule .box .planner_list div {
	width: 49.5%;
	padding: 25px;
}

#contents #cont_inner section.schedule .box .planner_list div h3 {
	margin-bottom: 25px;
}

#contents #cont_inner section.schedule .box .planner_list div ul {
	margin-bottom: -10px;
}

#contents #cont_inner section.schedule .box .planner_list div ul li {
	width: 50%;
	margin-bottom: 10px;
	font-size: 14px;
	color: #727272;
}

#contents #cont_inner section.schedule .box .planner_list div ul li:last-child {
	margin-bottom: 10px;
}

#contents #cont_inner section.schedule .box .planner_list div ul li img {
	margin-right: 10px;
	width: 32px;
	height: 32px;
	border: 1px solid #ccc;
}

#contents #cont_inner section.schedule .join_list a,
#contents #cont_inner section.schedule .absence a{
	text-decoration:none;
	border: 1px solid #ccc;
	background: #dfdfdf;
}

#contents #cont_inner section.schedule .box .planner_list .join {
	margin: 0;
}

#contents #cont_inner section.myprofile .head {
	margin-bottom: 25px;
}

#contents #cont_inner section.myprofile .head figure {
	margin: 0 25px 0 0;
	width: auto!important;
}

#contents #cont_inner section.myprofile .head figure img {
	border: 1px solid #ccc;
	width: 100px;
	height: 100px;
	object-fit: cover;
}

#contents #cont_inner section.myprofile .head figcaption p {
	margin: 0;
}

#contents #cont_inner section.myprofile .head figcaption p.name {
	margin-right: 15px;
	font-size: 22px;
	font-weight: bold;
}

#contents #cont_inner section.myprofile .head figcaption span a {
	font-size: 12px;
	border: 1px solid #ccc;
	background: #dfdfdf;
	text-decoration: none;
}

#contents #cont_inner section.myprofile .head figcaption span a:hover {
	color: white;
	background: #ccc;
	cursor: pointer;
}

#contents #cont_inner section.myprofile .head figcaption .comment {
	position: relative;
	display: inline-block;
	margin-top: 15px;
	padding: 8px;
	font-size: 14px;
	border: 1px solid #d8cdba;
	background: #fff8ec;
	box-sizing: border-box;
}

#contents #cont_inner section.myprofile .head figcaption .comment:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -19px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 10px solid #fff8ec;
	z-index: 2;
}

#contents #cont_inner section.myprofile .head figcaption .comment:after {
	content: '';
	position: absolute;
	top: 50%;
	left: -19px;
	margin-top: -9px;
	border: 9px solid transparent;
	border-right: 9px solid #d8cdba;
	z-index: 1;
}

#contents #cont_inner section.myprofile .box .inner {
	padding: 25px;
}

#contents #cont_inner section.myprofile .box .inner form .table {
	margin-bottom: 25px;
}

#contents #cont_inner section.myprofile .box .inner .table {
	margin-bottom: 0;
}

#contents #cont_inner section.myprofile .box .inner .table th {
	width: 200px;
}

#contents #cont_inner section.myprofile .box .inner .table td input.address {
	width: 15%;
}

#contents #cont_inner section.myprofile .box .inner .table td select {
	width: 15%;
}

#contents #cont_inner section.myprofile .box .inner .table td p:last-child {
	margin-bottom: 0;
}

#contents #cont_inner section.myprofile .box .inner p {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 180%;
}

#contents #cont_inner section.myprofile .box .inner p.photo_none {
	margin: 0;
	padding: 20px;
	background: #f2f2f2;
}

#contents #cont_inner section.myprofile .box .inner ul.photo {
	margin-bottom: 25px;
	padding: 20px;
	background: #f2f2f2;
}

#contents #cont_inner section.myprofile .box .inner ul.photo.mypage {
	margin-bottom: 0;
}

#contents #cont_inner section.myprofile .box .inner ul.photo li {
	padding-left: 25px;
}

#contents #cont_inner section.myprofile .box .inner ul.photo li:first-child {
	padding-left: 0;
}

#contents #cont_inner section.admin .inner {
	padding: 25px;
}

#contents #cont_inner section.admin table {
	margin-bottom: 25px;
}

#contents #cont_inner section.admin table td .form-check-input {
	position: static !important;
	margin-left: 5px;
}

#contents #cont_inner section.admin.admin_news_list .inner {
	padding: 0;
}

#contents #cont_inner section.admin.admin_news_list .inner table {
	width: 100%;
	margin: 0;
	border: 0;
}

#contents #cont_inner section.admin.admin_news_list .inner table tr th {
	padding: 15px 25px;
	text-align: left;
	font-size: 12px;
	border-top: 0 !important;
	border-bottom: 1px solid #d8cdba!important;
	background: none;
}

#contents #cont_inner section.admin.admin_news_list .inner table tr td {
	padding: 15px 25px;
	font-size: 14px;
	border-top: 0!important;
	border-bottom: 1px dotted #d8cdba;
}

#contents #cont_inner section.admin.mailing_list .inner {
	padding: 0;
}

#contents #cont_inner section.admin.mailing_list .inner table {
	width: 100%;
	margin: 0;
	border: 0;
}

#contents #cont_inner section.admin.mailing_list .inner table tr th {
	padding: 15px 25px;
	text-align: left;
	font-size: 12px;
	border-top: 0 !important;
	border-bottom: 0;
	background: none;
}

#contents #cont_inner section.admin.mailing_list .inner table tr th:nth-child(1) {
	width: 60%;
}

#contents #cont_inner section.admin.mailing_list .inner table tr th:nth-child(2) {
	width: 20%;
}

#contents #cont_inner section.admin.mailing_list .inner table tr th:nth-child(3) {
	width: 20%;
}

#contents #cont_inner section.admin.mailing_list .inner table tr td {
	padding: 15px 25px;
	font-size: 14px;
	border-bottom: 0;
	vertical-align: middle;
}

#contents #cont_inner section.admin.mailing_list .inner table tr td figure {
	margin: 0 15px 0 0;
}

#contents #cont_inner section.admin.mailing_list .inner table tr td figure img {
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	object-fit: cover;
}

#contents #cont_inner section.admin.mailing_list .inner table tr td figcaption {
	font-size: 18px;
}

#contents #cont_inner section.admin.admin_tv .inner {
	padding: 0;
}

#contents #cont_inner section.admin.admin_tv .inner table {
	width: 100%;
	margin: 0;
	border: 0;
}

#contents #cont_inner section.admin.admin_tv .inner table tr th {
	padding: 15px 25px;
	text-align: left;
	font-size: 12px;
	border-top: 0 !important;
	border-bottom: 0;
	background: none;
}

#contents #cont_inner section.admin.admin_tv .inner table tr th:first-child {
	text-align: center;
}

#contents #cont_inner section.admin.admin_tv .inner table tr td {
	padding: 15px 25px;
	font-size: 14px;
	border-bottom: 1px dotted #d8cdba;
}

#contents #cont_inner section.admin.admin_tv .inner table tr td:first-child {
	color: #d93a2f;
	text-align: center;
}

#contents #cont_inner section.admin.admin_user .inner {
	padding: 0;
}

#contents #cont_inner section.admin.admin_user .inner table {
	width: 100%;
	margin: 0;
	border: 0;
}

#contents #cont_inner section.admin.admin_user .inner table tr {
	border-bottom: 1px dotted #d8cdba;
}

#contents #cont_inner section.admin.admin_user .inner table tr th {
	padding: 15px 25px;
	text-align: left;
	font-size: 12px;
	border-top: 0 !important;
	border-bottom: 1px solid #d8cdba;
	background: none;
}

#contents #cont_inner section.admin.admin_user .inner table tr td {
	padding: 15px 25px;
	font-size: 14px;
	border: 0 !important;
	vertical-align: middle;
}

#contents #cont_inner section.admin.admin_user .inner table tr td:first-child {
	width: 300px;
}

#contents #cont_inner section.admin.admin_user .inner table tr td figure {
	margin: 0 15px 0 0;
}

#contents #cont_inner section.admin.admin_user .inner table tr td figure img {
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	object-fit: cover;
}

#contents #cont_inner section.admin.admin_user .inner table tr td figcaption {
	font-size: 14px;
}

#contents #cont_inner section.admin.user_add table tr th {
	width: 300px;
}

#contents #cont_inner section.admin.user_add table tr td input[name="password"] {
	width: 50%;
}

#contents #cont_inner section.admin.user_add table tr td span.pass {
	margin-left: 20px;
}

#contents #cont_inner section.admin.user_add table tr td span.pass a {
	font-size: 12px;
	border: 1px solid #ccc;
	background: #dfdfdf;
	text-decoration: none;
}

#contents #cont_inner section.admin.user_add table tr td span.pass a:hover {
	color: white;
	background: #ccc;
	cursor: pointer;
}

#contents #cont_inner section.admin.user_add table tr td ul li {
	margin-right: 10px;
	padding: 5px 0;
}

#contents #cont_inner section.admin.user_add .delete {
	margin-top: 15px;
	font-size: 14px;
}

#contents #cont_inner section.admin.admin_ranking {
	margin-bottom: 30px;
}

#contents #cont_inner section.admin.admin_ranking .box {
	width: 24%;
	margin-right: 1%;
}

#contents #cont_inner section.admin.admin_ranking .box:last-child {
	margin-right: 0;
}

#contents #cont_inner section.admin.admin_ranking .box header {
	padding: 15px;
}

#contents #cont_inner section.admin.admin_ranking .box header h2 {
	font-size: 16px;
}

#contents #cont_inner section.admin.admin_ranking .box header h2 span {
	margin-right: 8px;
	font-size: 16px;
	line-height: 125%;
}

#contents #cont_inner section.admin.admin_ranking .box .inner {
	padding: 0;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 {
	border-bottom: 1px dotted #d8cdba;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div {
	padding: 15px;
	min-height: 95px;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 .rank_num {
	width: 15%;
	margin-right: 3%;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 .rank_prof {
	width: 25%;
	margin-right: 3%;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 .rank_name {
	width: 56%;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div p:first-child {
	font-size: 26px;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div p.tween {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div p.tween span {
	margin-left: 8px;
	font-size: 14px;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div figure {
	margin: 0;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div figure figure {
	margin-right: 15px;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div figure figure img {
	border: 1px solid #ccc;
	object-fit: cover;
	width: 65px;
	height: 65px;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div figure figcaption {
	font-size: 12px;
	line-height: 130%;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div figure figcaption a {
	margin-right: 8px;
	font-size: 16px;
	font-weight: bold;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div.one {
	background: #fffcdf;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div.one p:first-child {
	color: #a68606;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div.two {
	background: #f7f5f2;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div.two p:first-child {
	color: #7a7a7a;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div.three {
	background: #edefe0;
}

#contents #cont_inner section.admin.admin_ranking .box .inner .top3 div.three p:first-child {
	color: #995116;
}

#contents #cont_inner section.admin.admin_ranking .box .inner ul {

}

#contents #cont_inner section.admin.admin_ranking .box .inner ul li {
	padding: 5px 15px;
	font-size: 12px;
	border-bottom: 1px #ccc dotted;
}

#contents #cont_inner section.admin.admin_ranking .box .inner ul li span {
	color: #666;
}

#contents #cont_inner section.admin.admin_ranking .box .inner ul li a {
	margin-right: 5px;
	margin-left: 5px;
}

#contents #cont_inner section.admin.admin_ranking .box p.more {
	text-align: left;
	font-size: 12px;
	padding-left: 35px;
	padding-top: 10px;
}

#contents #cont_inner section.admin.admin_ranking .box p.more a:before {
	content: '\f03a';
	position: absolute;
	top: 70%;
	left: -20px;
	margin-top: -14px;
	font-size: 14px;
	color: #bfbfbf;
}

#contents #cont_inner section.admin.ranking_table table {
	margin: 0;
}

#contents #cont_inner section.admin.ranking_table table th {
	padding: 10px;
	text-align: center;
	font-size: 12px;
	border-left: 1px solid #ccc;
}

#contents #cont_inner section.admin.ranking_table table th:first-child {
	width: 10%;
	border-left: 0;
}

#contents #cont_inner section.admin.ranking_table table td {
	padding: 10px;
	font-size: 12px;
	border-left: 1px solid #ccc;
}

#contents #cont_inner section.admin.ranking_table table td:first-child {
	text-align: center;
	border-left: 0;
}

#contents #cont_inner section nav {
	padding: 25px;
}

#contents #cont_inner section nav ul.pagination li {
	margin-left: 10px;
	padding: 0!important;
	border-bottom: 0!important;
	font-size: 14px;
}

#contents #cont_inner section nav ul.pagination li:first-child {
	margin-left: 0;
}

#contents #cont_inner section nav ul.pagination li.page-item a {
	color: #2196f3;
	text-decoration: none;
}

#contents #cont_inner section nav ul.pagination li.page-item a.page-link {
	padding: 5px 9px;
	border-radius: 0 !important;
	border: 2px solid #2196f3;
}

#contents #cont_inner section nav ul.pagination li.page-item a.page-link:hover {
	color: white;
	background: #2196f3;
}

#contents #cont_inner section nav ul.pagination li.page-item.active a {
	color: white;
}

#contents #cont_inner section nav ul.pagination li.page-item.active a.page-link {
	background: #2196f3;
}

#contents #cont_inner section table {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#contents #cont_inner section table th {
	padding: 15px;
	text-align: center;
	font-size: 14px;
	border-top: 1px solid #ccc !important;
	border-bottom: 0 !important;
	vertical-align: middle;
	background: #ebdec4;
}

#contents #cont_inner section table td {
	padding: 15px;
	font-size: 14px;
	border-top: 1px solid #ccc !important;
}

#contents #cont_inner section table td input[type="text"] {
	border-radius: 0;
	border: 2px solid #cdcdcd;
	background: white;
}

#contents #cont_inner section table td input[name="clinic_postalcode1"] {
	width: 60px;
}

#contents #cont_inner section table td input[name="clinic_postalcode2"] {
	width: 70px;
}

#contents #cont_inner section table td input[name="address"] {
	width: 15%;
}

#contents #cont_inner section table td input[name="clinic_address1"] {
	margin-bottom: 10px;
}

#contents #cont_inner section table td select[name="clinic_prefecture_id"] {
	margin-bottom: 10px;
}

#contents #cont_inner section table td input[name="profile_image"] {
	margin-bottom: 15px;
}

#contents #cont_inner section table td textarea {
	border-radius: 0;
	border: 2px solid #cdcdcd;
	background: white;
}

#contents #cont_inner section table td select {
	border-radius: 0;
	border: 2px solid #cdcdcd;
	background: white;
}

#contents #cont_inner section table td p.small {
	font-size: 12px;
}

#contents #cont_inner section table td p.small:last-child {
	margin: 0;
}

#contents #cont_inner section table td ul.file_up {
	margin-bottom: 15px;
}

#contents #cont_inner section table td ul.file_up li {
	margin-bottom: 10px;
	font-size: 12px;
}

#contents #cont_inner section table td ul.file_up li:last-child {
	margin: 0;
}

#contents #cont_inner section button.btn {
	margin-bottom: 15px;
	padding: 15px 10px;
	color: white;
	font-size: 16px;
	background: #1073cf;
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
}

#contents #cont_inner section p.back {
	margin: 0;
	font-size: 14px;
}

#contents #cont_inner section p.back a {
	text-decoration: underline;
}

#contents #cont_inner section p.back a:hover {
	text-decoration: none;
}

#contents #cont_inner .ml_ttl {
	width: 100%;
	margin-bottom: 20px;
}

#contents #cont_inner .ml_ttl .ttl figure {
	margin: 0 10px 0 0;
}

#contents #cont_inner .ml_ttl .ttl figure img {
	width: 70px;
	height: 70px;
	object-fit: cover;
	border: 1px solid #ccc;
}

#contents #cont_inner .ml_ttl .ttl figcaption {
	font-size: 24px;
}

#contents #cont_inner .ml_ttl .search {
	position: relative;
	overflow: hidden;
	width: 410px;
	padding-left: 35px;
	border-radius: 100px;
	background: white;
}

#contents #cont_inner .ml_ttl .search:before {
	content: '\f002';
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -11px;
	color: #d93a2f;
}

#contents #cont_inner .ml_ttl .search input[type="text"] {
	font-size: 14px;
	border: 0;
	background: none;
}

#contents #cont_inner .ml_ttl .search form {
	display: flex;
}

#contents #cont_inner .ml_ttl .search form input.form-control {
	width: 80%;
}

#contents #cont_inner .ml_ttl .search form input[type="submit"] {
	width: 20%;
	border: 0;
	color: white;
	font-size: 14px;
	background: #d93a2f;
	outline: none;
}

#contents #cont_inner ul.submenu {
	width: 100%;
	margin-bottom: 25px;
}

#contents #cont_inner ul.submenu li {
	margin-left: 30px;
	font-size: 14px;
}

#contents #cont_inner ul.submenu li:first-child {
	margin-left: 0;
	padding-left: 0;
}

#contents #cont_inner ul.submenu li:first-child:before {
	display: none;
}

#contents #cont_inner ul.submenu li.list {
	position: relative;
	padding-left: 20px;
}

#contents #cont_inner ul.submenu li.list:before {
	content: '\f03a';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -11px;
	color: #bfbfbf;
}

#contents #cont_inner ul.submenu li a {
	text-decoration: underline;
}

#contents #cont_inner ul.submenu li a:hover {
	text-decoration: none;
}

#contents #cont_inner ul.submenu li a.btn {
	padding: 5px 30px;
	font-size: 18px;
	color: white;
	text-decoration: none;
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
}

#contents #cont_inner ul.submenu li a.btn.mail {
	background: #7bb615;
}

#contents #cont_inner ul.submenu li a.btn.post {
	background: #7bb615;
}

#contents #cont_inner ul.submenu li a.btn.photo {
	background: #1aadb6;
}

#contents #cont_inner ul.submenu li a.btn.file {
	background: #c49e2a;
}

#contents #cont_inner ul.submenu li a.btn:hover {
	background: #2196f3;
}

#contents #cont_inner .aggregate {
	margin-bottom: 25px;
}

#contents #cont_inner .aggregate p.ttl {
	margin: 0;
}

#contents #cont_inner .aggregate ul.date li{
	margin-left: 10px;
	padding: 5px 20px;
	font-size: 12px;
	border-radius: 100px;
	background: white;
}

#contents #cont_inner .aggregate ul.date li:first-child {
	margin-left: 0;
}

#contents #cont_inner .aggregate ul.date li:last-child {
	padding: 0;
}

#contents #cont_inner .aggregate ul.date li:nth-child(2) {
	padding: 0;
	background: none;
}

#contents #cont_inner .aggregate ul.date li.cal {
	position: relative;
	padding-left: 30px;
}

#contents #cont_inner .aggregate ul.date li.cal:before {
	content: '\f073';
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -9px;
	color: #d93a2f;
}

#contents #cont_inner .aggregate ul.date li.cal input {
	padding: 0;
	border: 0;
	height: auto;
}

#contents #cont_inner .aggregate ul.date li button,
#contents #cont_inner .submenu li button{
	padding: 6px 20px;
	border: 0;
	border-radius: 100px;
	background: #2196f3;
	color: white;
}
#contents #cont_inner .submenu li.search-area {
	position:relative;
	width:400px;
}
#contents #cont_inner .submenu li.search-area input {
	padding-left:32px;
	width: 65%;
}
#contents #cont_inner .submenu li.search-area:before {
	content: '\f002';
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -9px;
	color: #d93a2f;
}

#contents #cont_inner .submenu li button {
	max-width:100px;
	display:inline;
}

#contents #cont_inner .aggregate ul.date li button:hover {
	background: #d93a2f;
}

/*	main
--------------------------------------------------------------------*/
#main {
	flex-flow: row-reverse;
}

#main.container-fluid {
	padding: 0;
}

/*	sidebar
--------------------------------------------------------------------*/
#sidebar {
	width: 100%;
	max-width: 300px;
	height: auto;
	background: #f0e9dc;
}

#sidebar .user {
	padding: 25px;
	background: #ebdec4;
}

#sidebar .user figure {
	margin-bottom: 20px;
}

#sidebar .user figure figure {
	margin: 0 10px 0 0;
}

#sidebar .user figure figure img {
	width: 70px;
	height: 70px;
	object-fit: cover;
	border: 1px solid #ccc;
}

#sidebar .user figure figcaption p {
	font-size: 12px;
}

#sidebar .user figure figcaption p.name {
	font-size: 14px;
}

#sidebar .user figure figcaption p.name span {
	margin-right: 10px;
	font-size: 16px;
}

#sidebar .user figure figcaption p.user_cat {
	color: #917a3b;
}

#sidebar .user .comment {
	position: relative;
	padding: 15px;
	background: white;
}

#sidebar .user .comment:before {
	content: '';
	position: absolute;
	top: -20px;
	left: 23px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 11.5px 20px 11.5px;
	border-color: transparent transparent #ffffff transparent;
}

#sidebar .user .comment p {
	font-size: 14px;
	margin: 0;
}

#sidebar h3 {
	margin: 0!important;
	padding: 10px 0;
	text-align: center;
	font-size: 16px;
	color: #766431;
	border-top: 1px solid #c9b794;
	background: #e0cba0;
}

#sidebar nav ul {
	margin: 0;
	padding: 25px;
}

#sidebar nav ul li {
	margin-bottom: 20px;
	font-size: 16px;
}

#sidebar nav ul li:last-child {
	margin-bottom: 0;
}

#sidebar nav ul li a {
	color: #333;
	text-decoration: none;
}

#sidebar nav ul li a span {
	margin-right: 10px;
	color: #af9c77;
}

#sidebar nav ul li a:hover {
	color: #af9c77;
	text-decoration: underline;
}

/*	top-calendar
--------------------------------------------------------------------*/
.fc-toolbar {
	margin-bottom: 0;
}

.fc-row .fc-content-skeleton {
	padding-bottom: 0!important;
}

.fc-row .fc-content-skeleton td {
	padding: 0 10px 10px!important;
}

.fc-row .fc-content-skeleton td.fc-day-top {
	padding-top: 10px!important;
}

.fc-other-month {
	color: #ccc;
	background: #f7f7f7;
}

.fc-other-month a {
	color: #ccc;
}

.fc-basic-view tbody .fc-row {
	border-bottom: 1px solid #ccc!important;
}

.fc-day-grid-event {
	margin: 0!important;
	padding: 0!important;
}

.fc-day-top {
	border-top: 0!important;
	border-bottom: 0!important;
}

.fc-day-top .fc-day-number {
	float: left;
}

.fc-day-top a {
	float: right;
	color: #b1b1b1!important;
}

.fc-day-top a:hover {
	color: #d93a2f!important;
}

.fc-basic-view tbody .fc-row {
	height: auto!important;
}

.fc-event-container {
	border-bottom: 0!important;
}

.fc-day-grid-event {
	padding: 5px!important;
	/*color: white!important;*/
	/*background: #d93a2f!important;*/
}

.alert-info {
	background: #f0e9dc!important;
	border-radius: 0!important;
}

.alert-info .fc-day-number {
	color: #333!important;
}

/*	calendar_add
--------------------------------------------------------------------*/
#contents #cont_inner section.calendar th.fc-day-header {
	padding: 10px 15px;
}

#contents #cont_inner section.calendar .fc-toolbar {
	display: flex;
	margin: 0;
	padding: 30px 10px;
}

#contents #cont_inner section.calendar .btn-group {
	display: flex!important;
	margin-right: 20px;
}

#contents #cont_inner section.calendar button.fc-prev-button.btn.btn-default {
	margin-right: 1px!important;
}

#contents #cont_inner section.calendar button.fc-today-button.btn.btn-default {
	box-shadow: none!important;
	border: 0;
	margin: 0;
	padding: 0 30px;
}

#contents #cont_inner section.calendar button.fc-prev-button.btn.btn-default,
#contents #cont_inner section.calendar button.fc-next-button.btn.btn-default {
	box-shadow: none!important;
	border: 0;
	margin: 0;
	padding: 0 10px;
}

.fc-toolbar .fc-left {
	display: flex;
	float:none!important;
}


#contents #cont_inner section.calendar .modal_calendar_add {
	width: 650px;
	height: 600px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -325px;
	padding: 20px 25px;
	background: white;
	-moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
}

#contents #cont_inner section.calendar .modal_calendar_add .event_ttl {
	margin-bottom: 20px;
}

#contents #cont_inner section.calendar .modal_calendar_add .event_ttl input
{
	font-size: 24px;
	font-weight: bold;
	border-radius: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #ccc;
	border-left: 0;
}


#contents #cont_inner section.calendar .modal_calendar_add dl dt {
	padding: 5px 0;
	width: 7%;
	text-align: center;
	color: #8c8c8c;
}

#contents #cont_inner section.calendar .modal_calendar_add dl dd {
	margin: 0;
	padding: 5px 0;
	width: 93%;
	font-size: 14px;
}

#contents #cont_inner section.calendar .modal_calendar_add dl dd p.sg label {
	margin-left: 5px;
}

#contents #cont_inner section.calendar .modal_calendar_add dl dd p,
#contents #cont_inner section.calendar .modal_calendar_add dl dd p label {
	margin: 0;
}

#contents #cont_inner section.calendar .modal_calendar_add dl dd select[name="start_time"],
#contents #cont_inner section.calendar .modal_calendar_add dl dd select[name="end_time"],
#contents #cont_inner section.calendar .modal_calendar_add dl dd select[name="start_time_minute"],
#contents #cont_inner section.calendar .modal_calendar_add dl dd select[name="end_time_minute"] {
	width: auto;
	height: auto;
	padding: 5px 10px;
	font-size: 14px;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#contents #cont_inner section.calendar .modal_calendar_add dl dd select[name="start_time"]:hover,
#contents #cont_inner section.calendar .modal_calendar_add dl dd select[name="end_time"]:hover,
#contents #cont_inner section.calendar .modal_calendar_add dl dd select[name="start_time_minute"]:hover,
#contents #cont_inner section.calendar .modal_calendar_add dl dd select[name="end_time_minute"]:hover {
	background: #f7f7f7;
}

#contents #cont_inner section.calendar .modal_calendar_add dl dd select[name="start_time"] {
	margin: 0 5px 0 15px;
}

#contents #cont_inner section.calendar .modal_calendar_add dl dd select[name="end_time"] {
	margin: 0 0 0 5px;
}

#contents #cont_inner section.calendar .modal_calendar_add dl dd .select_box {
	width: 50%;
	border-bottom: 1px solid #ccc;
}

#contents #cont_inner section.calendar .modal_calendar_add dl dd select[name="group_id"] {
	width: 100%;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#contents #cont_inner section.calendar .modal_calendar_add dl dd input {
	border-radius: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #ccc;
	border-left: 0;
}

#contents #cont_inner section.calendar .modal_calendar_add dl dd input[name="price"] {
	width: 50%;
}

#contents #cont_inner section.calendar .modal_calendar_add dl dd textarea {
	border: 0;
	border-radius: 0;
	background: #f3f3f3;
}

#contents #cont_inner section.calendar .modal_calendar_add p.join_text {
	text-align: left;
}

#contents #cont_inner section.calendar .modal_calendar_add p.join_text a {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	background: #81be18;
}