@media screen and (min-width: 601px) {

#footer h4 {
	margin: 0 0 10px;
}
#footer, #footer a {
	color: #fff;
}
.footer-main-nav {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.footer-left {
	width: 250px;
	margin-top: 5px;
}
.footer-left .description {
	margin: 0;
	font-size: 13.5px;
	color: #555;
	background-color: #eee;
	line-height: 1.5;
	padding: 15px 10px 15px 15px;
	margin-top: 25px;
	border-radius: 6px;
	position:relative;
}
.footer-left .description:after {
	border:15px solid transparent;
	border-bottom-color:#eee;
	border-top-width:0;
	top:-15px;
	content:"";
	display:block;
	left:40px;
	position:absolute;
	width:0;
}
.footer-left .footer-sns {
	list-style: none;
	padding: 0;
	margin: 18px 0 0;
	display: flex;
	gap: 14px;
}
.footer-left .footer-sns li {
	margin: 0;
	padding: 0;
}
.footer-left .footer-sns li:before {
	display: none;
}
.footer-left .footer-sns a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #fff;
	color: #555;
	transition: background 0.15s, color 0.15s;
}
.footer-left .footer-sns a svg {
	fill: #555;
	stroke: #555;
	transition: fill 0.15s, stroke 0.15s;
}
.footer-left .footer-sns a svg[fill="none"] {
	fill: none;
}
.footer-left .footer-sns a:hover {
	background: #f80;
}
.footer-left .footer-sns a:hover svg {
	fill: #fff;
	stroke: #fff;
}
.footer-left .footer-sns a:hover svg[fill="none"] {
	fill: none;
}
.footer-right {
	width: calc(100% - 250px);
	padding-left: 80px;
	box-sizing: border-box;
}
.footer-right .site-map-list {
	display: flex;
	flex-wrap: wrap;
}
.footer-right .site-map-list li {
	width: 210px;
	padding-right: 10px;
	box-sizing: border-box;
}
.footer-right .site-map-list li:last-child {
	width: 290px;
	padding-right: 0;
}
.footer-right .site-map-list li h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #fff;
	position: relative;
}
.footer-right .site-map-list li ul {
	font-size: 13.5px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	letter-spacing: 0;
}
.footer-right .site-map-list li ul li {
	float: none;
	width: 100%;
	padding-right: 0;
	line-height: 1.35;
	margin-bottom: 8px;
	letter-spacing: 0;
}
.footer-right .site-map-list li ul li:before {
	content: "・";
	padding-right: 3px;
}
.footer-right .site-map-list li ul li:last-child {
	width: auto;
}
.footer-sub-nav .sub-nav-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 24px;
	font-size: 12px;
	margin: 0 auto;
	padding: 0;
}
.footer-sub-nav .sub-nav-list--directory {
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.footer-sub-nav .sub-nav-list--policy {
	margin-top: 10px;
	margin-bottom: 15px;
}
.footer-sub-nav .sub-nav-list > li {
	margin: 0;
}
#footer .sub-nav-list a {
	color: #eee;
	white-space: nowrap;
}
#copyright {
	text-align: center;
	font-size: 12px;
	letter-spacing: 0;
	padding: 12px 0;
	background-color: #444;
}
#copyright p {
	margin: 0;
	line-height: 1;
}
#copyright a {
	color: #eee;
}

/*-----------------------------
	article-list
------------------------------*/
.article-list {	
}
.article-list > li {
	border-bottom: solid 1px #e5e5e5;
}
.article-list > li:first-child {
	border-top: solid 1px #e5e5e5;
}
.article-list > li a {
	display: flex;
	flex-wrap: wrap;
	padding: 25px 10px 25px 15px;
	color: #333;
}
.article-list > li a:hover {
	text-decoration: none;
	background-color: #eee;
}
.article-list .img {
	width: 210px;
	position: relative;
}
.article-list .img img {
	display: block;
	width: 210px;
	height: 140px;
	border-radius: 10px;
	object-fit: cover;
}
.article-list .img .cat {
	position: absolute;
	display: inline-block;
	padding: 7px 12px 6px;
	line-height: 1;
	top: 10px;
	left: 10px;
	font-size: 10px;
	color: #fff;
	background-color: rgba(237, 109, 15, 0.9);
	border-radius: 30px;
}
.article-list .content {
	width: calc(100% - 210px);
	padding-left: 20px;
	box-sizing: border-box;
}
.article-list .title {
	margin: 0;
	padding: 5px 0 0;
	background: none;
	line-height: 1.45;
	font-size: 18px;
	color: #333;
	letter-spacing: 0;
}
.article-list .description {
	margin: 12px 0 0;
	padding: 0;
	font-size: 13px;
	color: #666;
	line-height: 1.55;
}
.article-list .close-mark {
	margin: 0 0 10px;
	padding: 2px 40px;
	display: inline-block;
	font-size: 11px;
	color: #f00;
	background-color: #fffded;
	border: solid 1px #f00;
	border-radius: 30px;
}
.article-list .topic-info {
	font-size: 10px;
	margin: 0 0 5px;
}
.article-list-box {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.article-list-box > li {
	width: 220px;
	box-sizing: border-box;
	margin-bottom: 25px;
}
.article-list-box > li:before {
	display: none;
}
.article-list-box > li a {
	display: block;
	height: 100%;
	box-sizing: border-box;
	color: #333;
	background-color: #FDEFCC;
	border-radius: 10px;
}
.article-list-box > li a:hover {
	text-decoration: none;
	box-shadow: 2px 2px 8px #f80;
}
.article-list-box > h2,
.article-list-box > h3 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font-weight: normal;
	font-size: 16px;
	color: #333;
	letter-spacing: 0;
	line-height: 1.4;
	padding: 8px 3px 8px 8px;
}
.article-list-box > li .img {
	position: relative;
}
.article-list-box > li .img img {
	width: 220px;
	height: calc(220px * 2 / 3);
	object-fit: cover;
	display: block;
	border-radius: 10px 10px 0 0;
}
.article-list-box > li .img .cat {
	position: absolute;
	display: inline-block;
	padding: 6px 10px 5px;
	line-height: 1;
	top: 10px;
	left: 10px;
	font-size: 10px;
	color: #fff;
	background-color: rgba(237, 109, 15, 0.9);
	border-radius: 30px;
}
.article-list-box > li .content {
	padding: 12px 10px 20px;
}
.article-list-box > li .content .article-info {
	font-size: 10px;
	color: #777;
	line-height: 1;
	letter-spacing: 0;
	margin-bottom: 10px;
}
.article-list-box > li .content .article-info span {
	margin-right: 5px;
}
.article-list-box > li .content .article-info span i {
	font-size: 13px;
	color: #888;
	position: relative;
	bottom: -2px;
	left: 0;
	margin-right: 2px;
}
.article-list-box > li .content .title {
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #333;
	line-height: 1.5;
}
.article-post-status {
	margin-bottom: 8px;
	line-height: 1;
}
.article-post-status .draft-mark {
	font-size: 11px;
	padding: 5px 20px;
}
.member-report-list .title {
	color: #f80;
}

/*-----------------------------
	dialy-list
------------------------------*/
.dialy-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.dialy-list-item {
	width: 49%;
	margin-bottom: 2%;
}
.dialy-list-item a {
	display: flex;
	flex-wrap: wrap;
	color: #333;
	padding: 20px 15px;
	background-color: #FFF7E3;
	box-shadow: 0 0 3px #e5e5e5;
	border-radius: 10px;
}
.dialy-list-item a:hover {
	text-decoration: none;
	box-shadow: 0 0 10px #fa0;
}
.dialy-list-item a:hover img {
	opacity: 1;
}
.dialy-list-item__img {
	position: relative;
	width: 70px;
	height: 70px;
}
.dialy-list-item__img img {
	display: block;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
.dialy-list-item__img--sub {
	position: absolute;
	width: 30px;
	right: 0;
	bottom: 0;
}
.dialy-list-item__img--sub img {
	border: solid 1.5px #fff;
	box-sizing: border-box;
}
.dialy-list-item__content {
	width: calc(100% - 70px);
	padding-left: 15px;
	box-sizing: border-box;
}
.dialy-list-item__pr {
	line-height: 1;
	margin-bottom: 5px;
}
.dialy-list-item__pr-item {
	display: inline-block;
	font-size: 10px;
	color: #fff;
	background-color: #f80;
	line-height: 1.6;
	padding: 1px 10px;
	border-radius: 20px;
}
.dialy-list-item__title {
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 10px;
}
.dialy-list-item .topic-info {
	font-size: 10px;
	line-height: 1.5;
}
.dialy-list-item .topic-info i img {
	width: 16px;
}
.dialy-list-item .private-mark {
	display: inline-flex;
	padding: 4px 10px;
	font-size: 11px;
}

/*-----------------------------
	single article 共通
------------------------------*/
.page #main .eyecatch {
	margin-bottom: 35px;
}
.page #main .eyecatch img {
	display: block;
	border-radius: 20px;
}

/*-----------------------------
	ページネーション pagenation
------------------------------*/
.pagination {
	margin-top: 10px;
	margin-bottom: 15px;
}
.pagination-text {
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}
.pagination-text .view-range {
	padding-left: 10px;
}
.pagination-link {
	text-align: center;
}
.pagination-link-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.pagination-link-list > li {
	margin: 0 5px;
}
.pagination-link-list > li:before {
	display: none;
}
.pagination-link-list > li a,
.pagination-link-list > li .current {
	display: inline-block;
	font-size: 15px;
	line-height: 1;
	padding: 12px 15px;
	border-radius: 5px;
}
.pagination-link-list > li a {
	color: #888;
	background-color: #fff;
	box-shadow: 0 0 1px #999;
}
.pagination-link-list > li .current,
.pagination-link-list > li a:hover {
	color: #fff;
	background-color: #fa0;
	text-decoration: none;
}

/*-----------------------------
	ページTOP page-top
------------------------------*/
#page-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #f80;
	cursor: pointer;
	z-index: 10;
}
#page-top:hover {
	background-color: #e70;
	opacity: 1;
}
#page-top a {
	position: absolute;
	font-size: 28px;
	line-height: 1;
	color: #fff;
	top: 4px;
	left: 4px;
}
#page-top a:hover {
	text-decoration: none;
}

/*-----------------------------
	フッターPR footer-pr
------------------------------*/
#footer-pr {
	position: fixed;
	bottom: 10px;
	right: 65px;
	z-index: 10;
}
#footer-pr a {
	display: block;
	padding: 6px 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	background-color: #fffded;
	border: solid 2px #f80;
	border-radius: 6px;
}
#footer-pr a:hover {
	text-decoration: none;
}

/*---------------------------------
	コンテンツ
--------------------------------*/
.page-content ul,
.article ul,
.arrow-list {
	margin-bottom: 35px;
	margin-left: 18px;
}
.article ul.member-list,
.article ul.member-status-list,
.article ul.soudan-stance-list {
	margin-left: 0;
}
.page-content ul > li,
.article ul > li,
.arrow-list > li {
	margin-bottom: 10px;
	padding-left: 18px;
	line-height: 1.45;
	position: relative;
}
.article ul.member-list > li.member-list-item {
	padding: 45px 20px 25px;
	margin-bottom: 20px;
}
.article ul.member-status-list > li.member-status-list-item {
	padding: 3px 0 4px;
	margin-bottom: 0;
	font-size: 10px;
	line-height: 1;
}
.article ul.soudan-stance-list > li.soudan-stance-list-item {
	padding: 0 8px;
	margin-bottom: 3px;
	font-size: 10px;
	line-height: 1;
	height: 19px;
	display: flex;
	align-items: center;
}
.page-content ul li:last-child,
.article ul li:last-child,
.arrow-list li:last-child {
	margin-bottom: 0;
}
.page-content ul > li:before,
.article ul > li:before,
.arrow-list > li:before {
	display: block;
	position: absolute;
	top: 9px;
	left: 0px;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #f80;
	border: solid 1px #f80;
}
.article ul.member-list > li:before,
.article ul.member-status-list > li:before,
.article ul.soudan-stance-list > li:before {
	display: none;
}
.page-content ul ul,
.article ul ul,
.arrow-list ul ul {
	margin-top: 10px;
	margin-left: 2px;
	margin-bottom: 22px;
}
.page-content ul li:last-child ul,
.article ul li:last-child ul,
.arrow-list ul li:last-child ul {
	margin-bottom: 0;
}
.page-content ul > li li,
.article ul > li li,
.arrow-list > li li {
	margin-bottom: 6px;
	padding-left: 17px;
	line-height: 1.45;
	position: relative;
	font-size: 14px;
}
.page-content ul > li li:before,
.article ul > li li:before,
.arrow-list > li li:before {
	display: block;
	position: absolute;
	top: 7px;
	left: 2px;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #fff;
	border: solid 1px #f80;
}
.article ul.member-list > li li:before {
	display: none;
}
ul.no-arrow li::before {
	display: none!important;
}
.page-content ol,
.article ol {
	margin: 0;
	padding: 0;
	margin-bottom: 1.8em;
	margin-left: 3em;
	counter-reset: number;
}
.page-content ol li,
.article ol li {
	position: relative;
	margin-bottom: 10px;
}
.page-content ol li:before,
.article ol li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	background: #f80;
	border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 1;
    letter-spacing: 0;
    padding: 4px 7px;
    font-size: 11px;
    top: 6px;
    left: -30px;
}
.page-content dl,
.article dl {
	margin: 0;
	padding: 0;
	padding: 25px;
	margin-bottom: 35px;
	background-color: #fffded;
	border: solid 1px #f6b03c;
	border-radius: 6px;
}
.page-content dl dt,
.article dl dt {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #836449;
}
.page-content dl dd,
.article dl dd {
		line-height: 1.6;
}
.page-content dl dd > ul:last-of-type,
.page-content dl dd > ol:last-of-type,
.page-content dl dd p:last-of-type,
.article dl dd > ul:last-of-type,
.article dl dd > ol:last-of-type,
.article dl dd p:last-of-type {
	margin-bottom: 0;
}
.page-content dl dd a.btn,
.article dl dd a.btn {
	display: inline-block;
	margin-top: 20px;
	font-weight: normal;
    background: #f80;
    color: #fff;
    padding: 8px 20px 8px 30px;
    font-size: 13px;
    border-radius: 7px;
}
.page-content dl dd a.btn:after,
.article dl dd a.btn:after {
	position: initial;
	font-size: 13px;
	content: "》";
	padding-left: 5px;
}
.page-content dl dd a.btn:hover,
.article dl dd a.btn:hover {
	text-decoration: none;
	opacity: 0.7;
}
.article dl.pr {
	margin-top: 40px;
}
.article dl.pr dt {
	font-weight: normal;
	color: #7f4e20;
	padding-bottom: 10px;
	border-bottom: solid 1px #e16a17;
	position: relative;
	padding-top: 18px;
	padding-left: 73px;
}
.article dl.pr dt:before {
	position: absolute;
	content: "";
	display: inline-block;
	background: url(../images/mental-love.png) no-repeat;
	width: 60px;
	height: 51px;
	background-size: 60px 51px;
	left: 0;
	bottom: 10px;
}
.article dl.pr dt:after {
	position: absolute;
	content: "ココトモPR";
	display: inline-block;
	color: #fff;
	background-color: #f80;
	padding: 0px 10px 1px;
	font-size: 10px;
	border-radius: 30px;
	top: 0;
	left: 73px;
}
.article dl.pr dd {
	overflow: hidden;
}
.article dl.pr dd .img {
	width: 210px;
	float: left;
}
.article dl.pr dd .img a,
.article dl.pr dd .img img {
	display: block;
}
.article dl.pr dd .img img {
	width: 210px;
	height: 140px;
	object-fit: cover;
}
.article dl.pr dd .text {
	padding-left: 225px;
}
.article dl.pr dd .text p {
	font-size: 14px;
	margin: 0;
	line-height: 1.8;
}
.article dl.pr dd .text .btn {
	font-size: 12px;
	border-radius: 30px;
	box-shadow: none;
	margin: 11px 0 0!important;
	padding: 9px 25px!important;
}
.article dl.pr dd .text .btn:before {
	display: none;
}
table {
	margin-bottom: 35px;
	width: 100%;
}
table th,
table td {
	border: solid 1px #e5e5e5;
	padding: 25px 20px;
	vertical-align: middle;
}
table th {
	color: #836449;
	background-color: #fffded;
}
table td {
	background-color: #fff;
}
.column-reverse {
	display: flex;
	flex-direction: column-reverse;
}
.page-content .step-list {
	counter-reset: number;
	margin: 40px 15px 0;
}
.page-content .step-list li {
	border: dashed 1px #836449;
    border-radius: 8px;
    padding: 30px;
    box-sizing: border-box;
    margin: 0 auto 50px;
    background-color: #fff;
    position: relative;
}
.page-content .step-list li:before {
	counter-increment: number;
    content: counter(number);
    position: absolute;
    color: #fff;
    font-size: 18px;
    padding: 11px 15px 10px;
    border-radius: 50%;
    background-color: #f80;
    top: -15px;
    left: -15px;
}
.page-content .step-list li .title {
	margin: 0 0 25px;
}
.page-content .step-list li  p {
	margin-bottom: 0;
}
.adsense {
	overflow: hidden;
	margin: 15px 0 -15px;
	text-align: center;
}
/*
	table テーブル
*/
/*basic-table */
.basic-table {
	width: 100%;
}
.basic-table tr:nth-child(odd) {
	background-color: #fffdf0;
}
.basic-table tr:nth-child(even) {
	background-color: #fff;
}
.basic-table th,
.basic-table td {
	padding: 15px;
	border: none;
	background: none;
}
.basic-table th {
	text-align: left;
	color: #8d5e33;
	font-weight: bold;
}
.basic-table th {
	width: 8em;
}
.basic-table--wide th {
	width: 10em;
}

/*-----------------------------------
	共通コンポーネント
------------------------------------*/
/*
	btn ボタン
*/
.btn-wrap__center {
	text-align: center;
}
.btn-wrap__right {
	text-align: right;
}
.btn-wrap__margin-top {
	margin-top: 35px;
}
.btn-wrap__margin-top-25 {
	margin-top: 25px;
}
.btn-wrap__margin-top-s {
	margin-top: 15px;
}
.btn-wrap__margin-top-ss {
	margin-top: 5px;
}
.btn-wrap__margin-top-l {
	margin-top: 80px;
}
.btn-wrap__margin-bottom {
	margin-bottom: 30px;
}
.btn-wrap__margin-bottom-s {
	margin-bottom: 15px;
}
.btn-wrap__margin-bottom-l {
	margin-bottom: 80px;
}
.btn-wrap__add-subbtn {
	position: relative;
}
.btn {
	position: relative;
	display: inline-block;
	color: #fff;
	background-color: #f80;
	padding: 18px 70px;
	border-radius: 30px;
	font-size: 15px;
	line-height: 1;
	text-align: center;
	border: none;
}
.btn:after {
	position: absolute;
	content: "〉";
	font-size: 14px;
	top: 18px;
	right: 10px;
}
.btn:hover {
	color: #fff;
	opacity: 0.7;
	text-decoration: none;
	cursor: pointer;
}
.btn--no-arrow:after {
	display: none;
}
.btn__more:after,
.btn__arrow-bottom:after {
	transform: rotate(90deg);
	top: 24px;
	right: 20px;
}
.btn__back {
	padding: 12px 40px;
	background: #eee;
	color: #333;
	border: solid 1px #999;
	font-size: 13px;
}
.btn__back:after {
	content: "〈";
	right: auto;
	left: 10px;
	top: 13px;
	font-size: 12px;
}
.btn__back:hover {
	color: #333;
}
.btn__draft {
	padding: 10px 30px;
	background-color: #eee;
	color: #333;
	border: solid 1px #999;
	font-size: 13px;
}
.btn__draft:after {
	display: none;
}
.btn__draft:hover {
	color: #333;
	opacity: 0.7;
}
.btn__wide {
	padding-left: 150px;
	padding-right: 150px;
	box-sizing: border-box;
}
.btn__tite {
	padding-left: 40px;
	padding-right: 40px;
}
.btn__block {
	display: block;
	padding-left: 0;
	padding-right: 0;
}
.btn__middle {
	font-size: 16px;
	padding: 20px 100px;
	border-radius: 60px;
}
.btn__middle:after {
	font-size: 15px;
	top: 20px;
	right: 15px;
}
.btn__large {
	font-size: 187.5%;
	padding: 20px 180px;
	border-radius: 60px;
}
.btn__large:after {
	font-size: 15px;
	top: 28px;
	right: 20px;
}
.btn__large--2 {
	font-size: 130%;
	padding: 30px 100px;
	border-radius: 60px;
}
.btn__large--2:after {
	font-size: 15px;
	top: 33px;
	right: 15px;
}
.btn__white {
	background-color: #fff;
}
.btn__white {
	color: #f80;
	background-color: #fff;
	border: solid 1px #f80;
}
.btn__green:hover {
	opacity: 0.7;
}
.btn__outline-danger {
	background: transparent;
	border: 2px solid #dc3545;
	color: #dc3545;
}
.btn__outline-danger:hover {
	background: #dc3545;
	color: #fff;
	opacity: 1;
}
.btn__hover-yellow:hover {
	opacity: 1;
	color: #05615a;
	background-color: #ff0;
}
.btn__spacewide {
	letter-spacing: 2px;
}
.btn__sub {
	position: absolute;
	top: 0;
}
.btn__sub-left {
	left: 0;
}
.btn__sub-middle {
	top: 10px;
}
.btn__square {
	border-radius: 5px;
}
.btn__form-post-square {
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
}
.btn__icon {
	padding-top: 12px;
}
.btn__icon i {
	position: relative;
	top: 4px;
	font-size: 20px;
	margin-right: 5px;
}
.btn__create-post {
	display: block;
	width: 70%;
	text-align: center;
	padding: 8px 0 10px;
	margin: 0 auto;
	border-radius: 5px;
	color: #fff;
	background-color: #f80;
}
.btn__create-post:hover {
	color: #fff;
	opacity: 0.7;
	text-decoration: none;
}
.btn__create-post i {
	position: relative;
	top: 5px;
	margin-right: 8px;
}
.btn__create-post i img {
	width: 30px;
}
.btn__create-topic {
	margin-bottom: 40px;
}
.btn__create-reply {
	margin-top: 30px;
	margin-bottom: 22px;
}
.double-btn-wrap {
	margin-top: 80px;
	text-align: center;
}
.double-btn-wrap .btn {
	margin: 0 20px;
}
.double-btn-flex {
	display: flex;
	margin-top: 150px;
	justify-content: center;
}
.double-btn-flex .flex-item {
	padding: 0 20px;
	text-align: center;
}
.double-btn-flex .flex-item .caption {
	margin-bottom: 25px;
}
.double_btn {
	margin-top: 40px;
	margin-bottom: 70px;
	text-align: center;
}
.double_btn--margin-bottom-s {
	margin-bottom: 20px;
}
.double_btn a {
	width: 240px;
	padding: 11px 20px;
	display: inline-block;
	margin: 0 7.5px;
	border-radius: 40px;
	border: solid 1px #f80;
	line-height: 1.5;
}
.double_btn a:hover {
	text-decoration: none;
	background-color: #f80;
	color: #fff;
}
.conv-btn {
	display: inline-block;
	color: #fff;
	background-color: #f70;
	border: none;
	font-size: 16px;
	padding: 22px 40px 18px 40px;
	box-sizing: border-box;
	box-shadow: 3px 3px 0 #777;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 45px;
	margin-top: 15px;
}
.conv-btn:after {
	content: "》";
	padding-left: 10px;
}
.postid-181495 .conv-btn:after,
.page-id-4685 .conv-btn:after {
	content: "▼";
}
.conv-btn:hover {
	text-decoration: none;
	opacity: 0.7;
	color: #fff;
}
.btn-comment-child-display {
	background: none;
	display: flex;
	align-items: center;
	font-size: 14px;
	margin: 0 auto 10px;
	border: none;
	color: #f80;
	font-weight: bold;
	cursor: pointer;
}
.btn-comment-child-display .material-icons-round {
	font-size: 30px;
	margin-right: 2px;
	position: relative;
	top: 1px;
}
/*
	content-box
*/
.content-box {
	padding: 25px;
	margin-bottom: 35px;
	background-color: #fffded;
	border: solid 1px #f6b03c;
	border-radius: 6px;
}
/*
	クローズ / 下書き
*/
.close-mark,
.draft-mark,
.private-mark,
.view-type-mark {
	display: inline-block;
	padding: 8px 40px;
	line-height: 1;
	font-size: 12px;
	color: #f00;
	background-color: #fffded;
	border: solid 1px #f00;
	border-radius: 30px;
	top: auto;
}
.private-mark {
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
	background-color: #666;
	border: none;
	line-height: 1;
	display: flex;
	align-items: center;
}
.private-mark .icon {
	margin-right: 5px;
	font-size: 18px;
}
.view-type-mark {
	color: #fff;
	background-color: #fa0;
	border-color: #fa0;
	padding-left: 15px;
	padding-right: 15px;
}
.close-btn {
	padding: 5px 20px;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	color: #f80;
	background-color: #fff;
	border: solid 1px #f80;
	border-radius: 4px;
	cursor: pointer;
}
.close-btn:hover {
	text-decoration: none;
	color: #f80;
	background-color: #fffdf0;
}
/*
	アコーディオイン トグル SlideToggle
*/
.toggle-wrap {
	background-color: #fff;
	border: solid 1px #ddd;
	border-radius: 5px;
	margin-bottom: 10px;
}
.toggle-wrap__margin-bottom10 {
	margin-bottom: 10px;
}
.toggle-wrap__margin-bottom20 {
	margin-bottom: 20px;
}
.toggle-btn {
	color: #333;
	background-color: #fff;
	margin: 0;
	padding: 5px 10px 5px 40px;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	font-size: 14px;
}
.toggle-btn:before {
	position: absolute;
	content: "＋";
	font-size: 12px;
	font-weight: bold;
	padding: 1px;
	color: #fff;
	background-color: #f80;
	line-height: 1;
	letter-spacing: 0;
	left: 10px;
	top: calc(50% - 7px);
	border-radius: 2px;
}
.toggle-btn.active:before {
	content: "ー";
}
.toggle-content {
	display: none;
	font-size: 14px;
	margin: 0 10px;
	padding: 30px 20px;
	border-top: solid 1px #ddd;
}
.toggle-content p:last-of-type {
	margin-bottom: 0;
}
.toggle-content .margin-bottom20 {
	margin-bottom: 20px!important;
}
.toggle-reply-to-item {
	display: none;
	padding-bottom: 20px;
}
.fukidasi {
	background-color: #fff;
	border: solid 1px #ddd;
	margin: 0;
	padding: 8px 1em 5px;
	border-radius: 10px;
	position: relative;
	margin-top: 15px;
	text-align: center;
}
.fukidasi:before {
	border:12px solid transparent;
	border-bottom-color:#fff;
	border-top-width:0;
	top:-12px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
	z-index:1;
}
.fukidasi:after {
	border:12px solid transparent;
	border-bottom-color:#ddd;
	border-top-width:0;
	top:-13px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
}
.googlemap {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
	margin-bottom: 15px;
}
.googlemap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.photo-box {
	width: 450px;
	margin: 40px auto 35px;
}
.photo-box__img {
	display: block;
	border-radius: 15px;
	border: solid 10px #FDEFCC;
}
.photo-box--type2 .photo-box__img {
	border: none;
}
.photo-box__caption {
	margin-top: 5px;
	font-size: 13px;
	color: #666;
	padding-left: 20px;
	position: relative;
	font-style: italic;
	letter-spacing: 0.2px;
}
/* 手紙 */
.lined-paper {
	position: relative;
	background-color: #ffffe7;
	background-image: 
	linear-gradient(90deg, transparent 19px, #fcc 19px, #fcc 21px, transparent 21px),  linear-gradient(90deg, transparent 39px, #fcc 39px, #fcc 41px, transparent 41px),  linear-gradient(rgba(150, 150, 150, .3) .1em, transparent .1em);
	background-size: 100% 1.85em;
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 1.95em;
	padding-bottom: 0.5em;
}
.lined-paper:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.5em;
	background-color: #ffffe7;
	background-image: 
	linear-gradient(90deg, transparent 19px, #fcc 19px, #fcc 21px, transparent 21px),  linear-gradient(90deg, transparent 39px, #fcc 39px, #fcc 41px, transparent 41px);
}
.youtube {
	margin-bottom: 35px;
}
/*
	モーダルウィンドウ
*/
.modal_btn {
	margin: 25px 0;
}
.modal_btn .open_button {
	display: block;
	padding: 25px 0;
	text-align: center;
	color: #fff;
	background-color: #f80;
	border-radius: 5px;
	font-size: 18px;
	cursor: pointer;
}
.modal_btn .open_button i {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	left: 0;
	line-height: 1;
	margin-right: 10px;
}
.modal_btn .open_button:hover {
	opacity: 0.7;
}
.modal_btn_small {
	text-align: center;
}
.modal_btn_small .open_button {
	width: 65%;
	padding: 12px 0;
	display: inline-block;
	font-size: 15px;
}
.modal_wrap > input{
	display: none;
}
.modal_overlay {
	display: block;
	justify-content: center;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	transition: opacity 0.5s, transform 0s 0.5s;
	transform: scale(0);
}
.modal_trigger {
	position: absolute;
	width: 100%;
	height: 100%;
}
.modal_content {
	position: relative;
	align-self: center;
	width: 600px;
	padding: 45px 20px 40px;
	box-sizing: border-box;
	background: #fff;
	line-height: 1.4em;
	transition: 0.5s;
	margin: 50px auto;
	border-radius: 10px;
}
.close_button {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	cursor: pointer;
}
.modal_wrap input:checked ~ .modal_overlay{
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.5s;
}
.modal-btn {
	display: inline-block;
	color: #fff;
	background-color: #f80;
	font-size: 14px;
	padding: 2px 20px;
	box-sizing: border-box;
	border: none;
	box-shadow: none;
	border-radius: 5px;
}
.modal-btn:hover {
	cursor: pointer;
	opacity: 0.7;
}
.modal-overlay {
	display: none;
	justify-content: center;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	transition: opacity 0.5s, transform 0s 0.5s;
	transform: scale(0);
}
.modal-overlay.open {
	display: flex;
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.5s;
}
.modal-content {
	position: relative;
	align-self: center;
	width: 90%;
	max-width: 800px;
	padding: 60px 30px;
	box-sizing: border-box;
	background: #fffded;
	transition: 0.5s;
	font-size: 18px;
	max-height: 90vh;
	border-radius: 20px;
}
.modal-conten--bg-white {
	background-color: #fff;
}
.modal-content--scroll {
	overflow-y: auto;
	border-radius: 0;
}
.modal-content .overlay-message--post {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: #f80;
	font-weight: bold;
	justify-content: center;
	padding-right: 10px;
}
.modal-content .overlay-message--post img {
	width: 120px;
	margin-right: 15px;
}
.modal-content .overlay-message--post-row img {
	width: 120px;
	margin: 0 auto 20px;
	padding-right: 15px;
}
.modal-content p:last-of-type {
	margin-bottom: 0;
}
.modal-close-btn__mark {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 35px;
	cursor: pointer;
	background: none;
	border: none;
	color: #f80;
}
.modal-close-btn__mark:hover {
	opacity: 0.7;
}
.modal_btn__voice {
	display: block;
	width: 100%;
	padding: 10px 0;
}
.modal_btn__chat-violation {
	display: block;
	font-size: 12px;
	width: 200px;
	padding: 5px 0;
	margin: 20px auto 0;
	color: #555;
	background-color: #eee;
	border: solid 1px #aaa;
	border-radius: 0;
	text-align: center;
}
.modal_btn--violation-delete {
	display: inline;
	margin: 0;
}
.modal_btn--violation-delete .open_button {
	display: inline;
	margin-left: 5px;
	padding: 0;
	text-align: left;
	color: #f80;
	background: none;
	border-radius: 0;
	font-size: 12px;
	cursor: pointer;
}
.modal-violation-delete-wrap {
	text-align: center;
	margin-top: 40px;
}
.modal-violation-delete-wrap .modal_btn--violation-delete {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.modal-violation-delete-wrap .modal_btn--violation-delete .open_button {
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	color: #555;
}
.modal-violation-delete-wrap .modal_btn--violation-delete .open_button .material-icons-round {
	font-size: 30px;
	margin-right: 5px;
}
.modal-btn-wrap--violation-delete {
	text-align: center;
	margin: 50px auto 15px;
	font-size: 18px;
}
.modal-btn-wrap--violation-delete .modal_content {
	text-align: left;
}
.modal-btn-wrap--violation-delete .modal_btn--violation-delete .open_button {
	color: #333;
	font-size: 14px;
	background-color: #eee;
	display: inline-block;
	padding: 8px 40px 10px 35px;
	border: solid 1px #777;
	border-radius: 30px;
}
.modal-btn-wrap--violation-delete .modal_btn--violation-delete .open_button .material-icons-round {
	font-size: 22px;
	margin-right: 5px;
	position: relative;
	top: 5px;
}
.toggle-reply-to-btn {
	position: relative;
	cursor: pointer;
	display: block;
	font-size: 12px;
	width: 220px;
	padding: 6px 0 7px;
	margin: 0 auto 15px;
	color: #fff;
	background-color: #f80;
	border: solid 1px #f80;
	border-radius: 5px;
}
.toggle-reply-to-btn:hover {
	opacity: 0.7;
}
.toggle-reply-to-btn .toggle-status {
	position: absolute;
	right: 10px;
	top: 2.5px;
	font-size: 16px;
	font-weight: bold;	
}
.modal_btn__named {
	margin-bottom: 5px;	
	padding-bottom: 5px;
}
.modal_btn__named .material-icons-round {
	font-size: 18px;
	position: relative;
	top: 4px;
	margin-right: 2px;
}

/*
	number-list
*/
.number-list {
	counter-reset: number;
	margin-bottom: 25px;
}
.number-list > li {
	margin-bottom: 10px;
}
.number-list > li:before {
	counter-increment:number;
	content: "（" counter(number) "）";
}
.number-list > li > ul {
	margin: 10px 0 15px 35px;
	list-style: inside;
}
.number-list > li > ul > li {
	margin-bottom: 5px;
}
.number-list p {
	margin-bottom: 0;
}
/*
	return-list
*/
.return-list {
	margin: 0 0 40px!important;
	padding: 0!important;
}
.return-list > li {
	margin: 0 0 40px!important;
	padding: 30px!important;
	border: 3px solid #f80;
	border-radius: 10px;
	position: relative;
}
.return-list > li:before {
	display: none!important;
}
.return-list-item {
	display: table;
	width: 100%;
}
.return-list-item .img,
.return-list-item .content {
	display: table-cell;
	vertical-align: middle;
}
.return-list-item .img {
	width: 360px;
}
.return-list-item .img img {
	width: 360px;
	height: 220px;
	object-fit: cover;
	display: block;
}
.return-list-item .content {
	padding-left: 30px;
}
.return-list-item h3 {
	margin: 0 0 25px;
	padding: 0;
	font-size: 17px;
}
.return-list-item p {
	font-size: 14px;
	margin-bottom: 0;
}
.return-list-item .img {
	width: 240px;
}
.return-list-item .img img {
	width: 240px;
	height: auto;
}
.subscription-donation-box {
	margin: 0 auto;
	padding: 30px;
	width: 400px;
	box-sizing: border-box;
	text-align: center;
	background-color: #FFF7E3;
	border-radius: 10px;
}
.subscription-donation-box dt {
	margin-bottom: 25px;
	color: #662222;
}
/*
	payment-log-table
*/
.payment-log-table {
	width: 100%;
}
.payment-log-table tr:nth-child(1) { 
	border-bottom: solid 1px #ccc;
}
.payment-log-table th,
.payment-log-table td {
	width: calc(100% / 3);
	box-sizing: border-box;
	text-align: center;
	border: none;
	background: none;
}
.payment-log-table th {
	padding: 5px;
}
.payment-log-table td {
	padding: 2px 10px;
}
.payment-log-table tr:nth-child(2) td { 
	padding-top: 15px;
}
.border-table {
	width: 100%;
}
.border-table th {
	color: #8d5e33;
	font-weight: bold;
	text-align: center;
	width: 25%;
	padding: 10px 0;
	background-color: #fff;
	border: none;
}
.border-table td {
	color: #333;
	text-align: left;
	width: 75%;
	padding: 25px 10px;
	background-color: #fff;
	border: none;
}
.border-table tr:nth-child(odd) th,
.border-table tr:nth-child(odd) td {
	background-color: #fffded;
}
/*
	total-count
*/
.total-count {
	margin-bottom: 10px;
	font-size: 14px;
}
.total-count .count {
    padding: 0 5px;
    font-size: 28px;
    color: #f80;
}
/*
	フォローボタン
*/
.follow-btn {
	background-color: #fff;
	border: none;
	padding: 8px 15px;
	box-sizing: border-box;
	border-radius: 30px;
	border: solid 1px #fa0;
	cursor: pointer;
}
.follow-btn:hover {
	background-color: #fffee5;
}
.follow-btn--followed,
.follow-btn--followed:hover {
	color: #fff;
	background-color: #fa0;
	box-shadow: none;
}
.follow-btn--followed:hover {
	opacity: 0.9;
}
.follow-btn__title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.follow-btn .icon {
	font-size: 22px;
	color: #fa0;
	margin-right: 5px;
}
.follow-btn--followed .icon {
	color: #fff;
}
.follow-btn-wrap--dialy {
	margin-top: 5px;
	text-align: center;
}
.follow-btn-wrap--dialy .follow-btn {
	min-width: 150px;
}
/*
	tab-bar
*/
.tab-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tab-bar__item {
	position: relative;
	width: 49%;
	margin-bottom: 25px;
	padding: 10px 0;
	color: #555;
	font-size: 18px;
	text-align: center;
}
.tab-bar--3col .tab-bar__item {
	width: 32%;
}
.tab-bar--4col .tab-bar__item {
	width: 24%;
}
.tab-bar--5col .tab-bar__item {
	width: 19%;
}
.tab-bar__item--current {
	color: #f80;
}
.tab-bar__item:hover {
	color: #f80;
	text-decoration: none;
}
.tab-bar__item:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 5px;
	background-color: #ccc;
	border-radius: 10px;
	left: 0;
	bottom: 0;
}
.tab-bar__item--current:after {
	background-color: #f80;
}
.search-directory-tabs {
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: 12px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 25px;
}
.search-directory-tabs .tab-bar__item {
	flex: 1 0 0;
	width: auto;
	min-width: 0;
	margin-bottom: 14px;
	padding: 10px 12px;
	color: #555;
	background-color: #fff;
	border: solid 1.5px #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	white-space: nowrap;
	font-size: 14px;
	line-height: 1.2;
	transition: background-color 0.15s, color 0.15s;
}
.search-directory-tabs .tab-bar__item:after {
	display: none;
}
.search-directory-tabs .tab-bar__item:hover,
.search-directory-tabs .tab-bar__item--current {
	color: #fff;
	background-color: #f80;
	border-color: #f80;
}
.search-directory-tabs .tab-bar__item--current:before {
	position: absolute;
	content: "";
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top-color: #f80;
	border-bottom-width: 0;
}
@media screen and (max-width: 600px) {
	.search-result-tabs .tab-bar__item {
		font-size: 14px;
		letter-spacing: 0;
	}
	.search-directory-tabs .tab-bar__item {
		flex: 0 0 118px;
		font-size: 13px;
	}
}
/*
	pr-box-list
*/
.page-content .pr-box-list {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page-content .pr-box-list-item {
	width: 48.5%;
	margin-bottom: 3%;
	padding: 30px 20px 40px;
	min-height: 270px;
	box-sizing: border-box;
	border: solid 3px #fa0;
	background-color: #fff;
	border-radius: 10px;
}
.page-content .pr-box-list-item:last-child {
	margin-bottom: 3%;
}
.page-content .pr-box-list-item:before {
	display: none;
}
.pr-box-list-item__title {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
}
.pr-box-list-item__title-img {
	font-size: 40px;
	color: #836449;
	margin: 0 auto;
}
.pr-box-list-item__title-text {
	font-weight: bold;
	font-size: 16px;
	margin: 20px 0;
	text-align: center;
}
.pr-box-list-item__content {
	font-size: 14px;
	line-height: 1.75;
}
.pr-box-list-item__content p:last-of-type {
	margin-bottom: 0;
}
.character-message {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 30px;
}
.character-message__img {
	width: 70px;
	box-sizing: border-box;
}
.character-message__img img {
	display: block;
	width: 70px;
	height: 70px;
	object-fit: cover;
	border-radius: 50%;
}
.character-message__content {
	width: calc(100% - 90px);
	margin-left: 20px;
	padding: 15px 20px;
	box-sizing: border-box;
	position: relative;
	background-color: #FDEFCC;
	border-radius: 15px;
	line-height: 1.6;
	position: relative;
}
.character-message__content:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #FDEFCC;
}
.character-message__content p {
	margin-bottom: 0;
}

/*-----------------------------------
    wanted-staff-list
------------------------------------*/
.wanted-staff-list {
    margin: 0!important;
    counter-reset: number 0;
}
.wanted-staff-list > li {
    margin-bottom: 20px!important;
    padding: 25px!important;
    background-color: #fff;
    box-shadow: 0px 0px 4px #e2e2e2;
    border-radius: 10px;
}
.wanted-staff-list > li:before {
    display: none!important;
}
.wanted-staff-list .title {
    margin: 0 0 15px;
    padding: 0;
    color: #f80;
    background: none;
    font-size: 20px;
}
.wanted-staff-list .title:before {
    counter-increment: number 1;
    content: counter(number) ". ";
}
.wanted-staff-list p {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.7;
}
.wanted-staff-list p:last-of-type {
    margin-bottom: 0;
}

/*-----------------------------------
	無料相談窓口ページ agency
------------------------------------*/
.agency-search-box {
	background-color: #FFFBF0;
	margin-bottom: 40px;
	padding: 40px 50px 30px;
	border-radius: 10px;
	box-shadow: 0 0 1px #f80;
}
.agency-search-box h2 {
	margin: 0 0 20px;
	padding: 0;
	font-size: 21px;
	color: #555;
	text-align: center;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.agency-search-box h2 img {
	margin-right: 8px;
}
.area-table {
	margin-bottom: 0;
}
.area-table tr {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0;
	border-bottom: 2px solid #F8EED4;
}
.area-table th,
.area-table td {
	padding: 0;
	font-size: 17px;
	background: none;
	border: none;
}
.area-table th {
	color: #836449;
	font-weight: bold;
	text-align: left;
	width: 80px;
}
.area-table td {
	width: calc(100% - 80px);
	padding-left: 35px;
	box-sizing: border-box;
}
.area-table td ul li {
	display: inline-block;
	margin-right: 1em;
}
.area-table td ul li:last-child {
	margin-right: 0;
}
.area-table td a {
	color: #555;
}
.area-table td a:hover {
	color: #f80;
}
.area-table td a .count {
	display: inline-block;
	font-size: 11px;
	margin-left: 2px;
	color: #f80;
}
.agency-search-box__field {
	padding: 30px 30px 30px;
}
.field-table {
	margin-bottom: 0;
}
.field-table tr {
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #F8EED4;
}
.field-table tr:last-child {
	margin-bottom: 0;
}
.field-table th,
.field-table td {
	padding: 0;
	background: none;
	border: none;
}
.field-table th {
	padding-bottom: 5px;
	font-size: 17px;
	display: block;
	color: #836449;
	font-weight: bold;
	text-align: left;
}
.field-table th a {
	color: #836449;
}
.field-table th a:hover {
	color: #f80;
}
.field-table td {
	font-size: 15px;
	padding-left: 18px;
}
.field-table td ul {
	display: flex;
	flex-wrap: wrap;
}
.field-table td ul li {
	position: relative;
	padding: 2px 0;
}
.field-table td ul li:after {
	content: "/";
	margin-left: 10px;
	margin-right: 10px;
	color: #ccc;
	font-size: 14px;
}
.field-table td ul li:last-child {
	margin-right: 0;
}
.field-table td ul li:last-child:after {
	display: none;
}
.field-table td a {
	color: #555;
	letter-spacing: 0.5px;
}
.field-table td a:hover {
	color: #f80;
}
.field-table .count {
	display: inline-block;
	font-size: 11px;
	color: #f80;
	margin-left: 3px;
	letter-spacing: 1px;
}
#filter-agency {
	margin-bottom: 20px;
}

/*-----------------------------------
	メンタルクリニックページ mental-clinic
------------------------------------*/
#filter-clinic {
	margin-bottom: 20px;
}

/*-----------------------------------
	メール相談ページ
------------------------------------*/
.d_count {
	font-size: 12px;
	background-color: #fff;
	display: inline-block;
	float: left;
	border: solid 2px #f80;
	padding: 6px 15px;
	margin-bottom: 20px;
	border-radius: 8px;
	position: relative;
	margin-top: -10px;
}
.d_count:before {
	border:10px solid transparent;
	border-bottom-color:#fff;
	border-top-width:0;
	top:-9px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
	z-index:1;
}
.d_count:after {
	border:10px solid transparent;
	border-bottom-color:#f80;
	border-top-width:0;
	top:-12px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
}
.total_d_count {
	padding-left: 10px;
}
/* メール相談の概要ページ*/
.soudanstep_box {
	overflow: hidden;
	margin-bottom: 15px;
}
.soudanstep_box img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*-----------------------------------
	問い合わせページ
------------------------------------*/
.qa-list .toggle-btn {
	padding: 10px 40px 10px 15px;
	color: #333;
	font-size: 16px;
}
.qa-list .toggle-btn:before {
	left: auto;
	right: 10px;
}

/*-----------------------------------
	メンバー紹介ページ
------------------------------------*/
.filter-member-box {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #eee;
	border-radius: 10px;
}
.filter-member {
	display: flex;
	justify-content: center;
}
.filter-member {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 1fr;
    gap: 8px;
    max-width: 640px;
}
.filter-member input[name="keyword"] {
    grid-column: 1 / span 3;
}
.filter-member .search {
    white-space:nowrap;
}
.filter-member select,
.filter-member input,
.filter-member button {
	font-size: 14px;
	line-height: 1;
	box-sizing: border-box;
	border-radius: 5px;
    width:100%;
}
.filter-member select,
.filter-member input {
	padding: 10px 15px;
	margin-right: 8px;
	color: #555;
	background-color: #fff;	
	border: solid 1px #ddd;
}
.filter-member button {
	padding: 12px 40px;
	color: #fff;
	background-color: #f80;
	border: solid 1px #f80;
}
.filter-member button:hover {
	cursor: pointer;
	opacity: 0.7;
}
.filter-member__status {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.filter-member__status .checkbox-wrap {
	margin: 0 15px;
	letter-spacing: 0;
}
.filter-member__status .checkbox-wrap label {
	margin-left: 8px;
}
.filter-member__status .checkbox-wrap input {
	transform: scale(1.5);
}
.member-list {
}
.member-list-item {
	padding: 45px 20px 25px;
	background-color: #FFF7E3;
	border-radius: 15px;
	margin-bottom: 20px;
	position: relative;
}
.member-list-item__info {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12px;
}
.member-list-item__info img {
	display: block;
	width: 85px;
	height: 85px;
	object-fit: cover;
	border-radius: 50%;
}
.member-list-item__info .user-info {
	width: calc(100% - 85px);
	padding-left: 15px;
	box-sizing: border-box;
}
.member-list-item__info .member-name {
	line-height: 1.4;
	margin-bottom: 12px;
}
.member-list-item__info .name {
	display: inline-block;
	margin-right: 2px;
	font-size: 16px;
}
.member-list-item__info .hosoku {
	display: inline-block;
	font-size: 10px;
	letter-spacing: 0.2px;
	color: #777;
}
.member-list-item__info .last-login {
	position: absolute;
	top: 15px;
	left: 20px;
	display: block;
	font-size: 10px;
	letter-spacing: 0.2px;
	color: #777;
}
.member-list-item__info .last-login .material-icons-round {
	font-size: 13px;
	color: #777;
	margin-right: 2px;
	position: relative;
	top: 2px;
}
.member-list-item__info .member-soudan-info {
	font-size: 10px;
	color: #444;
	margin-bottom: 6px;
}
.member-list-item__info .member-soudan-info .material-icons-round {
	color: #666;
	font-size: 16px;
	margin-right: 4px;
	position: relative;
	top: 4px;
	display: inline-block;
	border-radius: 5px;
}
.member-list-item__info .member-soudan-status {
	margin-bottom: 7px;
}
.member-status-list {
	display: flex;
	flex-wrap: wrap;
}
.member-status-list-item {
	font-size: 10px;
	line-height: 1;
	padding: 3px 0 4px;
	width: 50px;
	text-align: center;
	letter-spacing: 0.5px;
	color: #fff;
	background-color: #f80;
	border: solid 0.5px #f80;
	border-radius: 6px;
	margin-right: 3px;
}
.member-status-list-item:last-child {
	margin-right: 0;
}
.soudan-stance-list {
	display: flex;
	flex-wrap: wrap;
}
.soudan-stance-list-item {
	font-size: 10px;
	line-height: 1;
	letter-spacing: 0;
	height: 19px;
	display: flex;
	align-items: center;
	padding: 0 8px;
	color: #000;
	background-color: #f6f6f6;
	border: solid 1px #ddd;
	border-radius: 6px;
	margin-right: 3px;
	margin-bottom: 3px;
}
.soudan-stance-list-item:last-child {
	margin-right: 0;
}
.soudan-stance-list-item .material-icons-round {
	font-size: 11px;
	color: #555;
	margin-right: 2px;
	display: inline-block;
}
.member-list-item__profile {
}
.member-soudan-key {
	display: flex;
	align-items: flex-start;
	gap: 0;
	margin: 4px 0 18px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}
.member-soudan-key__label {
	flex: 0 0 100px;
	display: inline-flex;
	align-items: center;
	margin: 3px 0 0;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	color: #9b6a22;
	letter-spacing: 0;
	white-space: nowrap;
}
.member-soudan-key__label:before {
	content: none;
}
.member-soudan-key__list {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.member-soudan-key__list li {
	margin: 0;
	padding: 3px 9px 4px;
	font-size: 11px;
	line-height: 1.35;
	color: #7b5a25;
	background: rgba(255, 255, 255, 0.66);
	border: solid 1px #ead7b0;
	border-radius: 999px;
}
.member-list-item__profile-text {
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 1.65;
	letter-spacing: 0;
}
.member-list-item__btn-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 20px 80px 0;
}
.member-list-item__btn {
	width: 47%;
	display: block;
	font-size: 12px;
	margin: 0 1.5%;
	padding: 5px 0 6px;
	box-sizing: border-box;
	text-align: center;
	color: #f80;
	background-color: #fff;
	border: solid 1px #f80;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
}
.member-list-item__btn:hover {
	text-decoration: none;
	color: #fff;
	background-color: #f80;
}
.member-list-item__profile-link .material-icons-round {
	position: absolute;
	right: 10px;
	top: calc(50% - 8px);
	font-size: 16px;
}
.member-list--simple {
	display: flex;
	flex-wrap: wrap;
	margin-top: 35px;
}
.member-list--simple > li {
	width: 25%;
	padding: 0 0.5%;
	margin-bottom: 30px;
	box-sizing: border-box;
	text-align: center;
}
.member-list--simple > li:nth-child(4n) {
	padding-right: 0;
}
.member-list--simple > li a {
	display: block;
	color: #444;
}
.member-list--simple > li a:hover {
	text-decoration: none;
}
.member-list--simple > li img {
	display: block;
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 50%;
	margin: 0 auto;
}
.member-list--simple > li .name {
	display: block;
	font-size: 15px;
	color: #f80;
	margin-top: 6px;
	margin-bottom: 4px;
	line-height: 1.4;
}
.member-list--simple > li .hosoku {
	display: block;
	font-size: 10px;
	line-height: 1;
	letter-spacing: 0.5px;
	color: #999;
}
.member-list--follow .follow-btn-wrap--mypage-follow {
	margin-top: 10px;
}
.member-list--follow .follow-btn {
	min-width: 118px;
	padding: 6px 13px;
	font-size: 12px;
}
.member-list--follow .follow-btn .icon {
	font-size: 18px;
}

/*-----------------------------
	ブックマーク bookmark
------------------------------*/
.bookmark-btn-wrap {
	text-align: right;
	margin-bottom: 15px;
}
.bookmark-btn {
	padding: 8px 0;
	font-size: 12px;
	width: 160px;
	text-align: center;
	color: #333;
	line-height: 1;
	border: solid 1px #bbb;
	background-color: #f5f5f5;
	border-radius: 4px;
	cursor: pointer;
	letter-spacing: 0.5px;
}
.bookmark-btn:hover {
	opacity: 0.7;
}
.bookmark-btn.bookmarked {
	color: #fff;
	border-color: #f80;
	background-color: #f80;
}

/*-----------------------------
	message-list
------------------------------*/
.message-list {
}
.message-list li {
	margin-bottom: 20px;
	box-sizing: border-box;
}
.message-list-item {
	padding: 30px;
	box-sizing: border-box;
	height: 100%;
	background-color: #fff;
	box-shadow: 1px 1px 5px #ddd;
	border-radius: 10px;
}
.message-list-item .message-header {
	display: flex;
	margin-bottom: 20px;
	flex-wrap: wrap;
	align-items: center;
}
.message-list-item .message-header .img {
	width: 60px;
	position: relative;
}
.message-list-item .message-header .img img {
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 50%;
}
.message-list-item .message-header .author {
	width: calc(100% - 60px);
	padding-left: 15px;
	box-sizing: border-box;
}
.message-list-item .message-header .author .name {
	margin-top: 5px;
	margin-bottom: 6px;
}
.message-list-item .message-header .author .type {
	font-size: 12px;
	color: #e18682;
	margin-bottom: 0;
}
.message-list-item .message-content p {
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 1.8;
}
.message-list-item .message-content p:last-of-type {
	margin-bottom: 0;
}
.message-status .status {
	display: block;
	width: 90px;
	padding: 2px 0;
	font-size: 11px;
	text-align: center;
	border-radius: 30px;
	position: relative;
	top: -12.5px;
	left: -12.5px;
}
.message-status .status__publish {
	color: #f00;
	background-color: #fffded;
	border: solid 1px #f00;
}
.message-status .status__private {
	color: #777;
	background-color: #eee;
	border: solid 1px #eee;
}
.voice-status-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top: 15px;
	position: relative;
	bottom: -5px;
}
.voice-status-box button {
	display: block;
	width: 180px;
	padding: 5px 0;
	margin: 0 5px;
	border-radius: 30px;
	text-align: center;
	cursor: pointer;
}
.voice-status-box button:hover {
	opacity: 0.7;
}
.voice-status-box .publish_voice {
	color: #fff;
	background-color: #f80;
	border: none;
}
.voice-status-box .private_voice {
	color: #555;
	background-color: #eee;
	border: none;
}

/*----------------------------------------------------
	掲示板共通設定 
----------------------------------------------------*/
.topic-info {
	font-size: 12px;
	margin: 10px 0 0;
	color: #777;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.topic-info.post-info {
	margin: -10px 0 20px;
}
.topic-info > span {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: 8px;
	letter-spacing: 0;
}
.topic-info .watch-count,
.topic-info .reply-count i {
	letter-spacing: 0.5px;
}
.topic-info > span:last-of-type {
	margin-right: 0;
}
.topic-info i {
	font-size: 13px;
	font-weight: bold;
	color: #999;
	margin-right: 3px;
}
.topic-info i img {
	width: 20px;
}
.edit-tool {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	margin-bottom: 15px;
	font-size: 13px;
	line-height: 1;
}
.edit-tool a {
	margin-left: 5px;
}
.edit-tool a[name="edit-message"] {
	cursor: pointer;
}
.edit-tool i,
.edit-tool span {
    color: #777;
    font-size: 17px;
    position: relative;
    top: 3px;
    left: 3px;
    margin-right: 6px;
}

/*-----------------------------------
	掲示板トップページ page-bbs
------------------------------------*/
.create-topic-box {
	margin-bottom: 45px;
	padding-top: 5px;
}
.create-topic-box .btn__create-topic {
	margin-bottom: 0;
}
.create-topic-message {
	text-align: center;
	margin-bottom: 5px;
	font-size: 14px;
}
.create-topic-message span {
	position: relative;
}
.create-topic-message span:before,
.create-topic-message span:after {
	position: absolute;
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	background-color: #444;
	bottom: 10px;
}
.create-topic-message span:before {
	right: calc(100% + 20px);
	transform: rotate(40deg);
}
.create-topic-message span:after {
	left: calc(100% + 20px);
	transform: rotate(-40deg);
}

/*-----------------------------
	トピックリスト topic-list
------------------------------*/
.topic-list {
	margin: 0;
	margin-top: 6px;
	margin-bottom: 10px;
	font-size: 16px!important;
}
.topic-list > li {
	margin: 0;
	padding: 0;
	background: none;
    border-bottom: solid 1px #ddd;
	position: relative;
}
.topic-list > li:first-child {
    border-top: solid 1px #ddd;
}
.topic-list > li:before {
	display: none!important;
}
.topic-list > li a {
	display: block;
	padding: 20px 15px;
}
.topic-list > li a:hover {
	background-color: #eee;
	text-decoration: none;
}
.topic-list > li:after {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 15px;
	width: 15px;
	height: 15px;
	border-top: solid 4px #ccc;
	border-right: solid 4px #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.topic-list > li:hover:after {
	right: 12px;
	border-color: #999;
}
.topic-list .topic-option {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 12px;
}
.topic-list .close-mark {
	display: inline-block;
	margin: 0;
	padding: 5px 25px;
	font-size: 12px;
	color: #f00;
	background-color: #fffded;
	border: solid 1px #f00;
	border-radius: 30px;
	position: relative;
	top: -5px;
}
.topic-list .private-mark {
	display: inline-flex;
	margin: 0;
	padding: 5px 10px;
	font-size: 12px;
	color: #fff;
	background-color: #666;
	border-radius: 30px;
	position: relative;
	top: -5px;
}
.topic-list .topic-request-option {
	display: flex;
	flex-wrap: wrap;
}
.topic-list .topic-request-option__item {
	display: block;
	padding: 0.5px 10px;
	margin-right: 5px;
	font-size: 10px;
	letter-spacing: 0.5px;
	color: #fff;
	border-radius: 30px;
}
.topic-list .topic-request-option__item--stance {
	background-color: #ff6347;	
}
.topic-list .topic-request-option__item--advice {
	background-color: #4682b4;
	letter-spacing: 0;
}
.topic-list .topic-item {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
	color: #444;
}
.topic-list .single-topic .topic-header-content .topic-info {
	margin-top: 15px;
}

.topic-list > li .img {
	width: 60px;
}
.topic-list > li .img img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 50%;
	display: block;
}
.topic-list > li .img .cat {
	font-size: 11px;
	color: #f80;
	background-color: #fff;
	display: block;
	line-height: 1;
	margin-top: 10px;
	padding: 2px 0 3px;
	text-align: center;
	border-radius: 4px;
	border: solid 1px #f80;
}
.topic-list > li .content {
	width: calc(100% - 60px);
	padding-left: 20px;
	box-sizing: border-box;
}
.topic-list > li .content .title {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	font-size: 16px;
	color: #f80;
	font-weight: bold;
	line-height: 1.45;
}
.topic-list > li .content .description {
	font-size: 14px;
	line-height: 1.55;
	margin-top: 10px;
	margin-bottom: 0;
	color: #555;
}
.topic-list > li a:hover img {
	opacity: 1;
}
.topic-list > li .topic-info {
	margin-bottom: 0;
	font-size: 12px;
	margin-top: 10px;
	letter-spacing: 0.03em;
	color: #555;
}
.topic-list > li .topic-info .date {
	float: none;
}
.article-list .close-mark {
	display: inline-block;
	padding: 5px 25px;
	font-size: 11px;
	color: #f00;
	background-color: #fffded;
	border: solid 1px #f00;
	border-radius: 30px;
	margin-bottom: 5px;
	position: relative;
	top: -5px;
}

/*-----------------------------
	リプライリスト reply-list reply-to-list
------------------------------*/
.reply-list {
	margin-bottom: 15px;
}
.reply-list > li {
	position: relative;
	padding: 15px 25px 5px;
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 15px;
}
.reply-list .edit-tool {
	margin-bottom: 18px;
	font-size: 12px;
	min-height: 15px;
}
.reply-list .edit-tool i,
.reply-list .edit-tool span {
	font-size: 15px;
}
.reply-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 15px;
}
.reply-header .img {
	width: 44px;
	position: relative;	
}
.reply-header .img a {
	display: block;
}
.reply-header .img img {
	width: 44px;
	height: 44px;
	object-fit: cover;
	border-radius: 50%;
	display: block;
}
.reply-header .role-mark {
	position: absolute;
	top: 34px;
	left: 0;
	color: #fff;
	background-color: #f80;
	text-align: center;
	display: block;
	width: 44px;
	box-sizing: border-box;
	padding: 1px 0 2px 1px;
	letter-spacing: 0;
	font-size: 9px;
	border-radius: 20px;
	line-height: 1.35;
}
.reply-header .content {
	width: calc(100% - 44px);
	padding-left: 12px;
	box-sizing: border-box;
}
.reply-header .reply-info {
	position: absolute;
	left: 25px;
	top: 15px;
	font-size: 11px;
}
.reply-header .name {
	line-height: 1;
}
.reply-header .reply-author-name {
	font-size: 18px;
	font-weight: bold;
}
.reply-header .role {
	color: #777;
	background-color: #eee;
	font-size: 10px;
	display: inline-block;
	margin-top: 7px;
	padding: 3px 10px 5px;
	border-radius: 4px;
}
.reply-header .user-status span {
	display: inline;
	text-align: left;
}
.reply-header .user-status span:after {
	content: "/";
	margin-left: 4px;
	margin-right: 1px;
}
.reply-header .user-status span:last-of-type:after {
	display: none;
}
.reply-list .reply-content {
	font-size: 16px;
	line-height: 1.65;
}
.reply-list .reply-content p {
	margin-bottom: 25px;
}
.reply-content__secret {
	background-color: #f5f5f5;
	margin: -5px 0 20px;
	padding: 38px 20px 20px;
	border-radius: 20px;
	position: relative;
}
.reply-content__secret-icon {
	position: absolute;
	top: 8px;
	left: 8px;
	font-size: 30px;
	color: #aaa;
}
.reply-content__secret-info {
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.2px;
	margin-bottom: 15px!important;
}
.reply-info {
	color: #999;
}
.reply-info i {
	font-size: 15px;
	margin-right: 3px;
	position: relative;
	top: 3px;
}
.reply-footer {
	margin-top: 35px;
}
.form-reply-to {
	margin-top: 20px;
}
/*
	reply-to-list
*/
.reply-to-list {
	margin-top: 25px;
}
.reply-to-list-item {
	position: relative;
	margin-bottom: 15px;
	padding: 15px 25px 5px;
	background-color: #FFFCF2;
    border: 1px solid #F2EBD4;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 3%);
}
.reply-to-list-item__mine {
	margin-right: 70px;
}
.reply-to-list-item__other {
	margin-left: 70px;
}

/*-----------------------------
	マイページ mypage
------------------------------*/
.profile-panel {
	padding: 35px 50px;
	border-radius: 20px;
	background-color: #FFFBF0;
}
.profile-panel .member-soudan-status {
	margin-top: 12px;
}
.profile-panel .member-status-list {
	justify-content: center;
}
.profile-panel .member-soudan-stance {
	margin-top: 8px;
}
.profile-panel .soudan-stance-list {
	justify-content: center;	
}
.profile-panel .profile-panel-top .img {
	text-align: center;
}
.profile-panel .profile-panel-top .img img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 50%;
}
.profile-panel .profile-panel-top .content {
	text-align: center;
	line-height: 1;
}
.profile-panel .profile-panel-top .content .user-name {
    display: block;
    margin-top: 5px;
    font-size: 18px;
}
.profile-panel .profile-panel-top .content .user-iine {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: #777;
}
.profile-panel .sns-list {
	margin-top: 10px;
}
.profile-panel .sns-list > li {
	margin-right: 10px;
}
.profile-panel .sns-list > li:last-child {
	margin-right: 0;
}
.profile-panel .result .user-result {
	margin-top: 35px;
}
.profile-panel .result .user-result .caution {
	font-size: 13px;
	line-height: 1.6;
	margin: 25px 0 0;
}
.profile-panel-main .member-result-list > li {
	border-bottom: solid 1px #ddd;
	padding: 10px 15px 4px;
}
.profile-panel-main .member-result-list > li:first-child {
	padding-top: 0;
}
.profile-panel-main .named-area {
	margin-top: 45px;
}
.profile-panel-main .btn__named {
	padding-left: 0;
	padding-right: 0;
	width: 420px;
}
/* ブログ  */
.mypage-wrapper .mce-statusbar {
	display: none;
}
.wp-editor-tools {
	margin-bottom: 10px;
}
#post_content_ifr {
	height: 450px!important;
}

/*-------------------------
	相談管理画面
--------------------------*/
.db-response-message {
	color: #f00;
	font-weight: bold;
}
.admin-table {
	width: 100%;
	box-sizing: border-box;
}
.admin-table td {
	padding: 15px 10px;
	border: solid 1px #ddd;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1.45;
	vertical-align: middle;
	background-color: #fff;
}
.admin-table tr:first-child td {
	font-weight: bold;
	color: #836449;
	background-color: #fffded;
	padding: 15px 0;
	text-align: center;
}
.admin-table .admin-table-tr--risk4 td {
	background-color: #FFF6F8;
}
.admin-table .admin-table-tr--risk5 td {
	background-color: #FFDDE4;
}
.admin-table__chat-not td:nth-child(2) {
	width: 80px;
	text-align: center;
}
.admin-table__chat-own td:nth-child(2),
.admin-table__chat-own td:nth-child(3),
.admin-table__chat-not td:nth-child(3),
.admin-table__chat-finish--user td:nth-child(3),
.admin-table__chat-finish--user td:nth-child(4),
.admin-table__chat-finish--member td:nth-child(5),
.admin-table__chat-finish--member td:nth-child(6) {
	width: 80px;
	text-align: center;
}
.admin-table__chat-finish td:nth-child(1) {
	width: 30px;
	text-align: center;
}
.admin-table__chat-not td:nth-child(1) a .sub {
	color: #999;
	font-size: 11px;
	display: block;
    margin-top: 5px;
}
.admin-table__chat-finish tr td:nth-child(1),
.admin-table__chat-finish--member tr td:nth-child(2),
.admin-table__chat-finish--member tr td:nth-child(3) {
		text-align: center;
	width: 30px;
}
.admin-table__chat-all tr td {
	font-size: 13px;
}
.admin-table__chat-all tr td:nth-child(2),
.admin-table__chat-all tr td:nth-child(3),
.admin-table__chat-all tr td:nth-child(4),
.admin-table__chat-all tr td:nth-child(5) {
	text-align: center;
}
.admin-table__chat-all tr td:nth-child(2) {
	width: 40px;
	font-size: 11px;
	padding: 10px 0;
}
.admin-table__chat-all tr td:nth-child(3) {
	width: 62px;
	font-size: 11px;
	padding: 10px 0;
}
.admin-table__chat-all tr td:nth-child(4),
.admin-table__chat-all tr td:nth-child(5) {
	font-size: 11px;
	width: 100px;
	padding: 10px 5px;
}
.admin-table__chat-all tr td:nth-child(6) {
	font-size: 10px;
	width: 55px;
}
.admin-table .same_user_caution {
	display: block;
	margin-top: 10px;
	font-size: 12px;
}
.admin-table__type-admin-entry td {
	padding: 10px 20px;
	text-align: center;
}
.admin-table__type-admin-entry tr td:nth-child(1) {
	width: 90px;
}
.admin-table__type-admin-entry tr td:nth-child(2) {
	width: auto;
}
.admin-table__type-admin-entry tr td:nth-child(3) {
	width: 65px;
}
.admin-table__type-admin-entry tr td:nth-child(4),
.admin-table__type-admin-entry tr td:nth-child(5) {
	width: 40px;
}
.admin-table__type-admin-entry tr td:nth-child(6) {
	text-align: center;
	width: 76px;
}
.admin-table .soudan-item-box {
	display: flex;
	width: 100%;
	color: #444;
	flex-wrap: wrap;
	align-items: center;
}
.admin-table .soudan-item-box:hover {
	text-decoration: none;
}
.admin-table .soudan-item-status {
	width: 17px;
}
.admin-table .unread-count {
	width: 17px;
	height: 17px;
	box-sizing: border-box;
	font-size: 9px;
	line-height: 1;
	display: block;
	border-radius: 50%;
	padding-top: 3px;
	text-align: center;
	color: #fff;
	background-color: #f80;
	position: relative;
}
.admin-table .soudan-item-status .material-icons-round {
	color: #777;
	font-size: 17px;
}
.admin-table .soudan-item-box .soudan-content {
	width: calc(100% - 17px);
	padding-left: 10px;
	box-sizing: border-box;
}
.admin-table .soudan-item-box .title {
	margin-bottom: 10px;
	color: #f80;
}
.admin-table .soudan-item-box:hover .title {
	text-decoration: underline;
}
.admin-table .soudan-item-box .last-active {
	display: block;
	color: #999;
	font-size: 11px;
}
.admin-table .soudan-item-box .content {
	font-size: 11px;
	margin: 8px 0 0;
}
.admin-table .soudan-item-box:hover {
}
.admin-table__type-contact td {
	padding: 10px;
	text-align: center;
}
.admin-table__type-contact tr td:nth-child(1) {
	width: 80px;
}
.admin-table__type-contact tr td:nth-child(2) {
	width: auto;
}
.admin-table__type-contact tr td:nth-child(3) {
	width: 200px;
}
.admin-table__type-contact tr td:nth-child(4) {
	width: 180px;
}
.distresses-table-message,
.admin-table-message {
	font-size: 14px;
}
#submit-btn {
	padding: 15px 50px;
	font-size: 18px;
	cursor: pointer;
}
#submit-btn:hover {
	opacity: 0.7;
}

/*---------------------------------
	アンケートフォーム
--------------------------------*/
.form-questionnaire {

}
.form-questionnaire h2:first-of-type {
	margin-top: 15px;
}
.form-questionnaire iframe {
	height: 400px!important;
}
.form-questionnaire .blog-editor {
	display: block!important;
	height: 1px;
	position: absolute!important;
	top: 80px;
	left: 0;
	z-index: -1!important;
}
.form-questionnaire .wp-editor-container .mce-listbox.mce-first {
	display: none!important;
}
.single-questionnaire .media-modal-content h1,
.single-questionnaire .media-modal-content h2 {
	background: none!important;
}

/*--------------------------------
	アンケート回答者リスト
--------------------------------*/
.questionnaire-answer-list {
	margin: 0!important;
}
.questionnaire-answer-list > li {
	padding: 25px 0!important;
	border-bottom: solid 1px #ddd;
}
.questionnaire-answer-list > li:first-child {
	border-top: solid 1px #ddd;
}
.questionnaire-answer-list > li:before {
	display: none!important;
}
.questionnaire-answer-list .content-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 15px;
}
.questionnaire-answer-list .content-header .img {
	width: 70px;
}
.questionnaire-answer-list .content-header img {
	display: block;
	width: 70px;
	height: 70px;
	object-fit: cover;
	border-radius: 50%;
}
.questionnaire-answer-list .content-header .author {
	width: calc(100% - 70px);
	padding-left: 15px;
	box-sizing: border-box;
}
.questionnaire-answer-list .content-header .user-status {
	margin-top: 0;
}
.questionnaire-answer-list .content-main {
	font-size: 14px;
	line-height: 1.6;
}
.questionnaire-answer-list .content-main p:last-of-type {
	margin-bottom: 0;
}

/*-------------------------
	その他
--------------------------*/
/* stripe */
.stripe-button-el {
	border: none!important;
	background: none!important;
	color: #fff!important;
	background-color: #f80!important;
	padding: 16px 60px 15px!important;
}
.stripe-button-el:hover {
	opacity: 0.7!important;
}
.stripe-button-el span {
	background: none!important;
	text-shadow: none!important;
	box-shadow: none!important;
	font-size: 16px!important;
	letter-spacing: 1.5px!important;
}
/* アマゾンJSの表示調整 */
.amazonjs_item {
	padding: 20px!important;
	margin-bottom: 30px!important;
}
.amazonjs_item .amazonjs_image {
}
.amazonjs_item h4 {
		font-family: Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.amazonjs_item h4 a {
	text-decoration: underline;
}
.amazonjs_item ul li:before {
	display: none!important;
}
/* 記事挿入 */
.insert-post {
	width: 80%;
	margin: 0 auto 25px;
	border: solid 2px #f80;
	border-radius: 15px;
}
.insert-post a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: #fffded;
	border-radius: 15px;
}
.insert-post--avatar a {
	padding: 15px;
}
.insert-post a:hover {
	text-decoration: none;
	background-color: #FDEFCC;
}
.insert-post .img {
	width: 120px;
}
.insert-post--avatar a .img {
	width: 60px;
}
.insert-post .img img {
	display: block;
	width: 120px;
	height: 100%;
	min-height: 90px;
	border-radius: 13px 0 0 13px;
	object-fit: cover;
}
.insert-post--avatar .img img {
	width: 60px;
	height: 60px;
	min-height: auto;
	border-radius: 50%;
}
.insert-post a:hover img {
	opacity: 1;
}
.insert-post .text {
	width: calc(100% - 120px);
	padding: 15px 20px;
	box-sizing: border-box;
}
.insert-post--avatar .text {
	width: calc(100% - 90px);
	padding: 0 0 0 20px
}
.insert-post .text p {
	line-height: 1.5;
	margin: 0
}
.insert-post .text .title {
	font-size: 14px;
	color: #444;
	font-weight: bold;
}
.insert-post .text .go {
	position: absolute;
	bottom: 10px;
	right: 10px;
	line-height: 1;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
}
.insert-post a:hover .text .go {
	text-decoration: underline;
}
dl .insert-post {
	border: none;
	box-shadow: 0 0 3px #ccc;
	margin-top: 5px;
	margin-bottom: 0;
}
dl .insert-post .img img {
	height: 130px;
}
dl .insert-post .text .title {
	font-size: 15px;
	margin-top: 0;
}
dl .insert-post .text .go {
	position: inherit;
	float: right;
	margin-top: 10px;
	font-size: 10px;
}
dl .insert-post .text .content {
	font-size: 12px;
}
.insert-profile {
	text-align: center;
}
.insert-profile__link {
	display: inline-flex;
	padding: 15px 40px;
	box-sizing: border-box;
	background-color: #fffded;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: solid 1px #FDcFaC;
}
.insert-profile__link:hover {
	background-color: #FDEFCC;
	text-decoration: none;
}
.insert-profile__img {
	width: 36px;
}
.insert-profile__img img {
	width: 36px;
	height: 36px;
	object-fit: cover;
	border-radius: 50%;
	display: block;
}
.insert-profile__text {
	padding-left: 12px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.insert-profile__title {
	color: #f80;
	font-size: 15px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}
.insert-profile__title .icon {
	font-size: 14px;
	margin-left: 5px;
	font-weight: bold;
	position: relative;
	top: 1px;
}
.insert-profile__link:hover .insert-profile__title {
	color: #f80;
}
.channel-comment-editor-tool {
	margin: 20px 0 5px;
}
.channel-comment-editor-tool .modal-btn {
	font-size: 13px;
	padding: 3px 10px
}
.search-post-list-item {
	width: 80%;
	margin: 0 auto 15px;
	padding: 15px;
	border: solid 2px #f80;
	background-color: #fffded;
	border-radius: 15px;
}
.search-post-list-item__main {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.search-post-list-item .search-post-list__img img {
	display: block;
	object-fit: cover;
}
.search-post-list-item--post .search-post-list__img {
	width: 120px;
}
.search-post-list-item--post .search-post-list__img img {
	width: 120px;
	height: 90px;
	border-radius: 8px;
}
.search-post-list-item--post .search-post-list__content {
	width: calc(100% - 120px);
	padding-left: 15px;
	box-sizing: border-box;
}
.search-post-list-item--avatar .search-post-list__img {
	width: 60px;
}
.search-post-list-item--avatar .search-post-list__img img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.search-post-list-item--avatar .search-post-list__content {
	width: calc(100% - 60px);
	padding-left: 15px;
	box-sizing: border-box;
}
.search-post-list-item .search-post-list__title {
	color: #444;
	font-size: 15px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 0;
}
.search-post-list__editor-btn-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 15px 5% 0;
}
.search-post-list__btn {
	width: 48%;
	border: solid 1px #f80;
	padding: 8px 5px;
	text-align: center;
	color: #f80;
	background-color: #fff;
	border-radius: 8px;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: bold;
	box-shadow: none;
	line-height: 1;
	position: relative;
	cursor: pointer;
}
.search-post-list__btn:hover {
	color: #fff;
	background-color: #f80;
	text-decoration: none;
	opacity: 1;
}
.search-post-list__btn .icon {
	position: absolute;
	top: 8px;
	right: 15px;
	font-size: 13px;
}
.yakusoku,
.page-content .yakusoku {
	margin: 0;
}
.yakusoku li,
.page-content .yakusoku li {
	margin: 0 0 30px;
	padding: 0;
}
.yakusoku li:last-child,
.page-content .yakusoku li:last-child {
	margin-bottom: 0;
}
.page-content .yakusoku li:before {
	display: none;
}
.yakusoku li dl,
.page-content .yakusoku li dl {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.yakusoku li dt,
.page-content .yakusoku li dt {
	margin-bottom: 15px;
	font-weight: bold;
}


.area-table__form {
	width: 100%;
	margin-top: 15px;
}
.area-table__form tr {
	padding: 0;
	border-bottom: 2px solid #F8EED4;
}
.area-table__form tr:first-child {
	border-top: 2px solid #F8EED4;
}
.area-table__form th,
.area-table__form td {
	padding: 10px 0;
	font-size: 16px;
}
.area-table__form th {
	font-weight: normal;
	width: 150px;
}
.area-table__form td {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: calc(100% - 150px);
}
.area-table__form .checkbox-wrap {
	width: calc(100% / 4);
	position: relative;
}
#area-table-tr__online .checkbox-wrap {
	width: 100%;
	line-height: 2;
}
#area-table-tr__other .checkbox-wrap {
	width: 100%;
	line-height: 2;
}
.area-table__form .checkbox-wrap label {
	margin-bottom: 3px;
}
.area-table__form .accordion-btn {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
	color: #444;
	background-color: #eee;
	border: none;
	padding: 4px;
	letter-spacing: 1px;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
}
.area-table__form .accordion-btn:after {
	position: absolute;
	content: "＋";
	color: #f80;
	font-size: 18px;
	top: 0;
	right: 15px;
}
.area-table__form .accordion-btn.open:after {
	content: "－";
}
.area-table__form .accordion-contents {
	width: 100%;
	box-sizing: border-box;
	display: none;
}
.area-table__form .accordion-contents .checkbox-wrap-box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.area-table__form .accordion-contents .checkbox-wrap {
	font-size: 13px;
	letter-spacing: 0;
}
.tab-area__members-topic {
	margin-top: 60px;
}
.tab-area__members-topic a {
	font-size: 15px;
}
.img-edit-caution {
	color: #f00;
	font-size: 12px;
	margin-bottom: 5px;
}
.preview-img {
	display: block;
	max-width: 200px!important;
}
/* preview-img */
.preview-img-box {
	position: relative;
	width: 600px;
	height: calc(600px * 2 / 3);
	box-sizing: border-box;
	padding: 170px 140px 0;
	background-color: #F0F0F0;
}
.preview-img-box-item {
	display: none;
}
.preview-img-box-item.active {
	display: block;
}
.preview-img__eyecatch {
	position: absolute;
	width: 600px;
	height: calc(600px * 2 / 3);
	max-width: 100%!important;
	object-fit: contain;
	top: 0;
	left: 0;
	z-index: 2;
}
.preview-img-delete-btn {
	position: absolute;
	content: "";
	top: -15px;
	right: -15px;
	z-index: 3;
}
.preview-img-delete-btn .icon {
	display: block;
	color: #fff;
	background-color: #777;
	border-radius: 50%;
	font-size: 280%;
	cursor: pointer;
}
.preview-img-delete-btn .icon:hover {
	background-color: #f80;
}
.preview-img-caution {
	font-size: 85%;
	margin-bottom: 0;
}
.img-delete-check {
	display: none;
}
.file-input-label input[type="file"] {
	/* フォーカスをなくさないためdisplay:hiddenは利用しない */
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	left: 0;
}
/*
	絞り込み filter
*/
.filter-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 25px;
}
.filter-box__member {
	padding: 0 30px;
	margin-bottom: 25px;
}
.filter-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: 20px;
}
.filter-item i,
.filter-item span {
	color: #777;
	margin-right: 5px;
}
.filter-item__icon {
	position: relative;
}
.filter-item__icon i,
.filter-item__icon span {
	position: absolute;
	left: 10px;
	top: 5px;
	z-index: 3;
}
.filter-item select {
	padding: 6px 10px;
	background-color: #fff;
	border: solid 1px #ccc;
	border-radius: 5px;
}
.filter-item__icon select {
	padding-left: 35px;
	position: relative;
	z-index: 2;
}
.filter-box__common {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #eee;
	border-radius: 10px;
}
.filter-box__admin-topic .filter-item {
	margin-right: 10px;
}
.filter-box--chat-not .filter-item {
	margin-right: 10px;
	margin-bottom: 0;
}
.filter-box--chat-not .filter-item:last-child {
	margin-right: 0;
}
.filter-box--chat-not .filter-item select {
	max-width: 250px;
}
.filter-heading {
	margin-bottom: 12px;
}
.filter-heading .material-icons-round {
	position: relative;
	margin-right: 4px;
	top: 6px;
	color: #f80;
}
.filter-main {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.filter-main:after {
	display: block;
	content:"";
	width: 32%;
}
.filter-main select,
.filter-main input,
.form-filter button {
	font-size: 14px;
	line-height: 1;
	box-sizing: border-box;
	border-radius: 5px;
}
.filter-main select,
.filter-main input {
	padding: 8px 15px;
	color: #555;
	background-color: #fff;	
	border: solid 1px #ddd;
}
.filter-main__topic select {
	width: 144px;
}
.filter-main__topic input {
	width: 200px;
}
.filter-agency-box {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #eee;
	border-radius: 10px;
}
.filter-main__agency-top select,
.filter-main__agency-top input {
	width: calc((100% / 2) - 5px);
}
.filter-main__agency-bottom select,
.filter-main__agency-bottom input {
	width: calc((100% / 3) - 5px);
}
.form-filter button {
	margin: 0 auto;
	padding: 8px 140px;
	display: block;
	color: #fff;
	background-color: #f80;
	border: solid 1px #f80;
}
.form-filter button:hover {
	cursor: pointer;
	opacity: 0.7;
}
.filter-topic__status {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 14px;
}
.filter-topic__status .checkbox-wrap {
	font-size: 14px;
	margin: 0 15px;
	letter-spacing: 0;
}
.filter-named-member {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 1fr;
    gap: 8px;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
	margin-bottom: 15px;
}
.named-member-tabs {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
.named-member-tabs .named-member-tab {
	width: 49%;
	font-size: 18px;
	margin-bottom: 20px;
	background: transparent;
	border: none;
	cursor: pointer;
}
.named-member-tabs .named-member-tab:hover {
	color: #f80;
}
.named-member-past-open {
	padding: 0;
	color: #f80;
	font-weight: bold;
	text-decoration: underline;
	background: none;
	border: none;
	cursor: pointer;
}
.form-item .filter-named-member select,
.form-item .filter-named-member input,
.form-item .filter-named-member button {
	font-size: 13px;
	line-height: 1;
	box-sizing: border-box;
	border-radius: 5px;
    width: 100%;
}
.form-item .filter-named-member select,
.form-item .filter-named-member input {
	padding: 10px 15px;
	margin-right: 8px;
	color: #555;
	background-color: #fff;	
	border: solid 1px #ddd;
}
.form-item .filter-named-member #filter_named_member_response_pace {
	margin-right: 0;
}
.form-item .filter-named-member button {
	padding: 12px 40px;
	color: #fff;
	background-color: #f80;
	border: solid 1px #f80;
}
.form-item .filter-named-member button:hover {
	cursor: pointer;
	opacity: 0.7;
}

.media-modal h2 {
	display: none;
}
.supports-drag-drop .uploader-inline .drop-instructions {
	color: #333!important;
	background: none!important;
}



.user-status {
	display: block;
	color: #888;
	font-size: 10px;
	margin-top: 5px;
	line-height: 1.4;
}
.user-status span {
	display: block;
	text-align: center;
}

.member-status {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}
.member-status-icon {
	display: block;
	line-height: 1;
	margin: 8px 2px 0;
	width: 50px;
	padding: 3px 0 4px;
	font-size: 10px;
	text-align: center;
	letter-spacing: 0;
	color: #fff;
	background-color: #f80;
	border-radius: 5px;
}

.profile-panel .pr {
	margin-top: 45px;
	padding: 0 25px 25px;
	box-sizing: border-box;
	background-color: #fff!important;
	border: 2px solid #D8D8D8;
	border-radius: 10px;
	background: none;
}
.profile-panel .pr dt {
	color: #836449;
	font-size: 19px;
	margin-bottom: 20px;
}
.profile-panel .pr dt i {
    position: relative;
    top: 22px;
    left: 0;
}
.profile-panel .pr dd p {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.65;
}
.profile-panel .pr dd .pr-link {
	overflow: hidden;
}
.profile-panel .pr dd .pr-link a {
	float: right;
	font-size: 13px;
	display: inline-block;
	padding: 8px 40px;
	color: #fff;
	background-color: #629CEA;
	border-radius: 5px;
}
.profile-panel .pr dd .pr-link a:hover {
	text-decoration: none;
	opacity: 0.7;	
}


.clinic-hours-table {
	width: 100%;
}
.clinic-hours-table td {
	padding: 12px 20px;
	text-align: center;
}
.clinic-hours-table .clinic-hours-table__tr-other td {
	text-align: left;
	font-size: 14px;
	line-height: 1.5;
	padding-top: 15px;
	padding-bottom: 15px;
}
.form-item__clinic-hours .clinic-hours-table td {
	padding: 0;
}
.form-item__clinic-hours .clinic-hours-table input,
.form-item__clinic-hours .clinic-hours-table select {
	padding: 10px 5px;
	border: none;
	border-radius: 0;
}
.clinic-address-table th {
	width: 85px;
}
.clinic-address-table th,
.clinic-address-table td {
	padding: 15px 20px;
	line-height: 1.65;
}


.profile-navi-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.profile-navi-list > li {
	width: calc((100% / 5) - 4px);
	box-sizing: border-box;
	margin-right: 5px;
	margin-bottom: 5px;
}
.profile-navi-list > li:nth-child(5n) {
	margin-right: 0;
}
.profile-navi-list > li a {
	font-size: 12px;
	display: block;
	color: #f80;
	background-color: #fff;
	border: solid 1px #f80;
	padding: 2px 0;
	border-radius: 5px;
	text-align: center;
	position: relative;
}
.profile-navi-list > li.active a {
	color: #fff;
	background-color: #f80;
}
.profile-navi-list > li a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.qa-list {
	margin-bottom: 35px;
}

.page-content .manual-list {
	margin: 0;
	padding: 0;
}
.page-content .manual-list-item {
	margin: 0 0 10px;
	padding: 0;
}
.page-content .manual-list-item:before {
	display: none;
}
.manual-list-item a {
	display: flex;
	align-items: center;
	padding: 25px 25px;
	background-color: #fff;
	border: solid 1px #ddd;
	position: relative;
}
.manual-list-item a:after {
	position: absolute;
	content: "→";
	color: #f80;
	font-size: 15px;
	font-weight: bold;
	right: 10px;
	bottom: 2px;
}
.manual-list-item a:hover {
	color: #f80;
	text-decoration: none;
	background-color: #fffded;
}
.manual-list-item a:hover:after {
	right: 5px;
}
.manual-list-item a:hover img {
	opacity: 1;
}
.manual-list-item__img {
	width: 70px;
}
.manual-list-item__content {
	width: calc(100% - 70px);
	padding-left: 20px;
	box-sizing: border-box;
}
.manual-list-item__title {
	font-size: 18px;
	margin-bottom: 12px;
}
.manual-list-item a:hover .manual-list-item__title {
	text-decoration: underline;
}
.manual-list-item__description {
	color: #333;
	font-size: 13px;
	margin-bottom: 0;
	line-height: 1.6;
}
.manual-list-item a:hover .manual-list-item__description {
	color: #333;
}
.page-content .qa-list {
	margin-left: 0;
}
.page-content .qa-list > li {
	padding-left: 0;
}
.page-content .qa-list > li:before {
	display: none;
}
.forum-view {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 20px;
}
.forum-view-item {
	margin-right: 15px;
	position: relative;
	line-height: 1;
}
.forum-view-item .material-icons-round {
	position: absolute;
	color: #555;
	font-size: 24px;
	top: 8px;
	left: 12px;
	z-index: 2;
}
.forum-view-item select {
	padding: 8px 30px 8px 40px;
	border: solid 1px #ddd;
	border-radius: 5px;
	position: relative;
	z-index: 1;
}
.total-topic-count {
	margin-bottom: 10px;
	font-size: 14px;
}
.total-topic-count .count {
	padding: 0 5px;
	font-size: 28px;
	color: #f80;
}
.filter-admin-data select {
	margin-bottom: 15px;
	padding: 10px;
	border: solid 1px #ccc;
	border-radius: 5px;
	text-align: left;
	width: 200px;
}


}



@media screen and (max-width: 600px) {

/*-------------------------------
	サイドバー sidebar
--------------------------------*/
#sidebar {
	font-size: 13px;
	line-height: 1.45;
	letter-spacing: 0;
}
#sidebar h4 {
	margin: 0 0 20px;
	font-size: 15px;
	text-align: center;
	border-radius: 8px;
	line-height: 1.35;
}
#sidebar .item-box-wrap {
	margin-bottom: 25px;
	padding: 30px 20px;
	background-color: #fffded;
	border-radius: 10px;
	box-shadow: 0 0 1px #f80;
}
#sidebar .item-box-wrap__ad {
	margin-bottom: 40px;
	text-align: center;
}
#sidebar .item-box-wrap__recent {
	background-color: #FDEFCC;
	box-shadow: none;
}
#sidebar .banner {
	margin: 0 auto 20px;
	max-width: 300px;
}
#sidebar .item-box .banner:last-of-type {
	margin-bottom: 0;
}
#sidebar .banner a {
	display: block;
}
#sidebar .banner img {
	display: block;
	border-radius: 8px;
}
#sidebar .fukidasi {
	font-size: 13px;
}
/*
	article-list 記事リスト
*/
#sidebar .article-list {
	margin: 0;
	padding: 0;
}
#sidebar .article-list > li {
	border-bottom: solid 1px #e5e5e5;
}
#sidebar .article-list li:first-child {
	border-top: solid 1px #e5e5e5;
}
#sidebar .item-box-wrap__recent .article-list > li,
#sidebar .item-box-wrap__recent .article-list > li:first-child {
	border-color: #fff;
}
#sidebar .article-list > li a {
	padding: 12px 0;
	position: relative;
}
#sidebar .item-box-wrap__member .article-list > li a {
	align-items: center;
}
#sidebar .article-list > li a:before {
	content: "→";
	position: absolute;
	line-height: 1;
	bottom: 5px;
	right: 5px;
	color: #f80;
	font-size: 18px;
	font-weight: bold;
}
#sidebar .article-list > li a:hover {
	text-decoration: none;
	background-color: #f5f5f5;
}
#sidebar .article-list .img {
	width: 60px;
	position: relative;
}
#sidebar .article-list .img img {
	width: 60px;
	height: 60px;
}
#sidebar .article-list .img.circle img {
	border-radius: 50%;
}
#sidebar .article-list .content {
	width: calc(100% - 60px);
	padding-left: 12px;
	box-sizing: border-box;
}
#sidebar .article-list .title {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	line-height: 1.5;
	color: #333;
	font-size: 13px;
}
#sidebar .ranking .article-list li .img {
	position: relative;
}
#sidebar .ranking .article-list li .img:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(237, 109, 15, 0.9); 
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	z-index: 3;
	display: inline-block;
	width: 32px;
	height: 30px;
	border-radius: 0 0 0 6px;
}
#sidebar .ranking .article-list li .img:after {
	position: absolute;
	font-size: 14px;
	line-height: 1;
	letter-spacing: -2px;
	color: #fff;
	bottom: 7px;
	left: 12px;
	z-index: 4;
}
#sidebar .ranking .article-list li:nth-child(1) .img:after {
	content: "1";
}
#sidebar .ranking .article-list li:nth-child(2) .img:after {
	content: "2";
}
#sidebar .ranking .article-list li:nth-child(3) .img:after {
	content: "3";
}
#sidebar .ranking .article-list li:nth-child(4) .img:after {
	content: "4";
}
#sidebar .ranking .article-list li:nth-child(5) .img:after {
	content: "5";
}
#sidebar .ranking .article-list li:nth-child(6) .img:after {
	content: "6";
}
#sidebar .ranking .article-list li:nth-child(7) .img:after {
	content: "7";
}
#sidebar .ranking .article-list li:nth-child(8) .img:after {
	content: "8";
}
#sidebar .ranking .article-list li:nth-child(9) .img:after {
	content: "9";
}
#sidebar .ranking .article-list li:nth-child(10) .img:after {
	content: "10";
	left: 8px;
}
#sidebar .more-btn {
	margin-top: 15px;
	text-align: center;
}
#sidebar .more-btn a {
	color: #fff;
	background-color: #f80;
	display: inline-block;
	padding: 10px 30px 9px;
	border-radius: 30px;
	font-size: 12px;
	text-align: center;
}
#sidebar .more-btn a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#sidebar .item-box-wrap__sns a.btn {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	margin: 0 0 5px;
	padding: 14px 0;
	float: none;
	padding-right: 8px;
	text-align: center;
	margin-top: 8px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative;
	font-size: 16px;
	box-shadow: none;
}
#sidebar .btn__twitter {
	background-color: #000;
}
#sidebar .btn__insta {
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}
/*-----------------------------
	フッター footer
------------------------------*/
#footer {
	font-size: 14px;
	color: #fff;
	letter-spacing: 0;
	margin-top: 45px;
	padding: 30px 0 0;
	text-align: center;
}
#footer a {
	color: #fff;
}
.footer-left h4 {
	margin-bottom: 15px;
}
.footer-left img {
	width: 180px;
}
.footer-left .footer-sns {
	list-style: none;
	padding: 0;
	margin: 18px 0 30px;
	display: flex;
	gap: 14px;
	justify-content: center;
}
.footer-left .footer-sns li {
	margin: 0;
	padding: 0;
}
.footer-left .footer-sns li:before {
	display: none;
}
.footer-left .footer-sns a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #fff;
	color: #555;
}
.footer-left .footer-sns a svg {
	fill: #555;
	stroke: #555;
}
.footer-left .footer-sns a svg[fill="none"] {
	fill: none;
}
.footer-right h4 {
	font-size: 14px;
	color: #fff;
	margin: 0 0 10px;
	position: relative;
}
.footer-right .site-map-list {
	padding: 0;
	margin: 0;
}
.footer-right .site-map-list > li {
	margin-bottom: 15px;
}
.footer-right .site-map-list > li > ul {
	overflow: hidden;
}
.footer-right .site-map-list > li > ul > li {
	width: calc(50% - 10px);
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}
.footer-right .site-map-list > li > ul.block > li {
	width: auto;
	float: none;
}
.footer-right .site-map-list > li > ul > li a {
	display: block;
	font-size: 13px;
	padding: 3px 0;
	border-bottom: solid 1px #ccc;
}
.footer-sub-nav .sub-nav-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 10px;
	gap: 8px 14px;
	margin: 0 auto;
	padding: 0;
}
.footer-sub-nav .sub-nav-list--directory {
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.footer-sub-nav .sub-nav-list--policy {
	margin-top: 8px;
	margin-bottom: 15px;
}
.footer-sub-nav .sub-nav-list > li {
	margin: 0;
}
#footer .sub-nav-list a {
	color: #eee;
	white-space: nowrap;
}
#copyright {
	text-align: center;
	font-size: 9px;
	padding: 10px 0;
	color: #eee;
	background-color: #444;
	letter-spacing: 0;
}
#copyright p {
	line-height: 1.3;
	margin-bottom: 0;
}
/* タブ */
.tab-nav {
	margin-bottom: 15px;
	display: flex;
}
.tab-nav a {
	display: inline-block;
	width: 48%;
	margin: 0 1%;
	padding: 5px 0;
	box-sizing: border-box;
	text-align: center;
	float: left;
	position: relative;
	color: #f80;
	border: solid 1px #f80;
	background-color: #fff;
	font-size: 12px;
	border-radius: 30px;
	letter-spacing: 0;
}
.tab-nav a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.tab-nav a.current {
	color: #fff;
	background-color: #f80;
	position: relative;
}
.tab-nav a.current:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #f80;
}
.tab-nav a:last-child {
}
.tab-contents > div {
	display: none;
}
.tab-contents > div:first-child {
	display: block;
}


/*-----------------------------
	共通クラス
------------------------------*/
/*
	btn ボタン
*/
.btn-wrap__center {
	text-align: center;
}
.btn-wrap__right {
	text-align: right;
}
.btn-wrap__margin-top {
	margin-top: 30px;
}
.btn-wrap__margin-top-25 {
	margin-top: 25px;
}
.btn-wrap__margin-top-s {
	margin-top: 15px;
}
.btn-wrap__margin-top-ss {
	margin-top: 5px;
}
.btn-wrap__margin-top-l {
	margin-top: 80px;
}
.btn-wrap__margin-bottom {
	margin-bottom: 30px;
}
.btn-wrap__margin-bottom-s {
	margin-bottom: 15px;
}
.btn-wrap__margin-bottom-l {
	margin-bottom: 80px;
}
.btn-wrap__add-subbtn {
	display: flex;
	flex-direction: column-reverse;
}
.btn-wrap__add-subbtn .btn__sub-middle {
	position: relative;
	margin: 10px auto 0;
	width: 50%;
	top: auto;
}
.btn {
	position: relative;
	display: inline-block;
	color: #fff;
	background-color: #f80;
	width: 80%;
	text-align: center;
	padding: 18px 0;
	border-radius: 30px;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	border: none;
}
.btn:after {
	position: absolute;
	content: "〉";
	font-size: 12px;
	top: 20px;
	right: 10px;
}
.btn:hover {
	color: #fff;
	opacity: 0.7;
	text-decoration: none;
	cursor: pointer;
}
.btn--no-arrow:after {
	display: none;
}
.btn__more:after,
.btn__arrow-bottom:after {
	transform: rotate(90deg);
	top: 24px;
	right: 20px;
}
.btn__back:after {
	content: "〈";
	right: auto;
	left: 10px;
}
.btn__draft {
	padding: 12px 0;
	background: #eee;
	color: #333;
	border: solid 1px #999;
}
.btn__draft:after {
	display: none;
}
.btn__draft:hover {
    color: #333;
    opacity: 0.7;
}
.btn__wide {
	width: 100%;
	box-sizing: border-box;
}
.btn__tite {
	width: auto;
	padding-left: 40px;
	padding-right: 40px;
}
.btn__block {
	display: block;
	padding-left: 0;
	padding-right: 0;
}
.btn__middle {
	width: 100%;
}
.btn__large {
	font-size: 187.5%;
	padding: 20px 180px;
	border-radius: 60px;
}
.btn__large:after {
	font-size: 14px;
	top: 28px;
	right: 20px;
}
.btn__white {
	background-color: #fff;
}
.btn__white {
	color: #f80;
	background-color: #fff;
	border: solid 1px #f80;
}
.btn__green:hover {
	opacity: 0.7;
}
.btn__hover-yellow:hover {
	opacity: 1;
	color: #05615a;
	background-color: #ff0;
}
.btn__back {
	padding: 12px 40px;
	background: #eee;
	color: #333;
	border: solid 1px #999;
	font-size: 13px;
	box-sizing: border-box;
	width: auto;
}
.btn__back:after {
	content: "〈";
	right: auto;
	left: 10px;
	top: 13px;
	font-size: 12px;
}
.btn__named {
	line-height: 1.4;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 18px 20px;
	letter-spacing: 0;
	border-radius: 100px;
}
.btn__named:after {
	display: none;
}
.btn__spacewide {
	letter-spacing: 2px;
}
.btn__sub {
	position: absolute;
	top: 0;
}
.btn__sub-left {
	left: 0;
}
.btn__sub-middle {
	top: 10px;
}
.btn__square {
	border-radius: 5px;
}
.btn__form-post-square {
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
}
.btn__icon {
	padding-top: 12px;
}
.btn__icon i {
	position: relative;
	top: 4px;
	font-size: 20px;
	margin-right: 5px;
}
.btn__icon:after {
	top: 22px;
}
.btn__create-post {
	display: block;
	width: 90%;
	text-align: center;
	padding: 8px 0 10px;
	margin: 0 auto;
	border-radius: 5px;
	color: #fff;
	background-color: #f80;
}
.btn__create-post:hover {
	color: #fff;
	opacity: 0.7;
	text-decoration: none;
}
.btn__create-post i {
	position: relative;
	top: 5px;
	margin-right: 8px;
}
.btn__create-post i img {
	width: 30px;
}
.btn__create-topic {
	margin-bottom: 40px;
}
.btn__create-reply {
	margin-top: 30px;
	margin-bottom: 25px;
}
.double_btn {
	margin-top: 40px;
	margin-bottom: 60px;
}
.double_btn--margin-bottom-s {
	margin-bottom: 20px;
}
.double_btn a {
	display: block;
	text-align: center;
	padding: 11px 20px;
	max-width: 270px;
	box-sizing: border-box;
	margin: 10px auto;
	border-radius: 40px;
	border: solid 1px #f80;
	line-height: 1.5;
	font-size: 15px;
	letter-spacing: 0;
	text-decoration: none;
}
.double_btn a:hover {
	background-color: #f80;
	color: #fff;
}
.conv-btn {
	display: block;
    color: #fff;
    background-color: #f80;
    border: none;
    text-align: center;
    font-size: 15px;
    padding: 22px 0 18px 5px;
    box-sizing: border-box;
    box-shadow: 3px 3px 0 #777;
    letter-spacing: 1px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 40px;
}
.conv-btn:after {
	content: "》";
	padding-left: 8px;
}
.postid-181495 .conv-btn:after,
.page-id-4685 .conv-btn:after {
	content: "▼";
}
.conv-btn:hover {
	text-decoration: none;
	opacity: 0.7;
	color: #fff;
}
.btn-comment-child-display {
	background: none;
	display: flex;
	align-items: center;
	font-size: 13px;
	margin: 0 auto 10px;
	border: none;
	color: #f80;
	font-weight: bold;
	cursor: pointer;
}
.btn-comment-child-display .material-icons-round {
	font-size: 30px;
	margin-right: 2px;
	position: relative;
	top: 0.5px;
}
/*
	content-box
*/
.content-box {
	padding: 20px 15px;
	margin-bottom: 30px;
	background-color: #fffded;
	border: solid 1px #f6b03c;
	border-radius: 6px;
}
/*
	クローズ / 下書き
*/
.close-mark,
.draft-mark,
.private-mark,
.view-type-mark {
	display: inline-block;
	padding: 6px 25px;
	line-height: 1;
	font-size: 11px;
	color: #f00;
	background-color: #fffded;
	border: solid 1px #f00;
	border-radius: 30px;
	top: auto;
}
.private-mark {
	padding: 6px 10px;
	color: #fff;
	background-color: #666;
	border: none;
	display: flex;
	align-items: center;
}
.private-mark .icon {
	margin-right: 5px;
	font-size: 16px;
}
.view-type-mark {
	color: #fff;
	background-color: #fa0;
	border-color: #fa0;
	padding-left: 10px;
	padding-right: 10px;
}
.close-btn {
	padding: 4px 10px;
	text-align: center;
	font-size: 10px;
	line-height: 1;
	color: #f80;
	background-color: #fff;
	border: solid 1px #f80;
	letter-spacing: 0;
	border-radius: 4px;
	cursor: pointer;
}
.close-btn:hover {
	text-decoration: none;
	color: #f80;
	background-color: #fffdf0;
}
/*
	アコーディオイン トグル SlideToggle
*/
.toggle-wrap {
	background-color: #fff;
	border: solid 1px #ddd;
	border-radius: 5px;
	margin-bottom: 10px;
}
.toggle-wrap__margin-bottom10 {
	margin-bottom: 8px;
}
.toggle-wrap__margin-bottom20 {
	margin-bottom: 15px;
}
.toggle-btn {
	color: #333;
	background-color: #fff;
	margin: 0;
	padding: 5px 10px 5px 40px;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	font-size: 14px;
}
.toggle-btn:before {
	position: absolute;
	content: "＋";
	font-size: 11px;
	font-weight: bold;
	padding: 1px;
	color: #fff;
	background-color: #f80;
	line-height: 1;
	letter-spacing: 0;
	left: 10px;
	top: calc(50% - 6px);
	border-radius: 2px;
}
.toggle-btn.active:before {
	content: "ー";
}
.toggle-content {
	display: none;
	font-size: 13px;
	margin: 0 10px;
	padding: 20px 10px;
	border-top: solid 1px #ddd;
}
.toggle-content p:last-of-type {
	margin-bottom: 0;
}
.toggle-content .margin-bottom20 {
	margin-bottom: 20px!important;
}
.toggle-reply-to-item {
	display: none;
	padding-bottom: 20px;
}
.fukidasi {
	background-color: #fff;
	border: solid 1px #ddd;
	margin: 0 auto;
	padding: 6px 10px;
	border-radius: 10px;
	position: relative;
	margin-top: 15px;
	text-align: center;
	font-size: 14px;
}
.fukidasi:before {
	border:12px solid transparent;
	border-bottom-color:#fff;
	border-top-width:0;
	top:-12px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
	z-index:1;
}
.fukidasi:after {
	border:12px solid transparent;
	border-bottom-color:#ddd;
	border-top-width:0;
	top:-13px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
}
.youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 1.6em;
}
.youtube iframe,  
.youtube object,  
.youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.googlemap {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
	margin-bottom: 15px;
}
.googlemap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.photo-box {
	width: 290px;
	margin: 40px auto 350px;
}
.photo-box__img {
	display: block;
	border-radius: 10px;
	box-sizing: border-box;
	border: solid 10px #FDEFCC;
}
.photo-box--type2 .photo-box__img {
	border: none;
}
.photo-box__caption {
	margin-top: 5px;
	font-size: 12px;
	color: #666;
	padding-left: 10px;
	position: relative;
	font-style: italic;
	letter-spacing: 0.2px;
}
/*
	モーダルウィンドウ
*/
.modal_btn {
	margin: 25px 0;
}
.modal_btn .open_button {
	display: block;
	padding: 25px 0;
	text-align: center;
	color: #fff;
	background-color: #f80;
	border-radius: 5px;
	font-size: 18px;
	cursor: pointer;
}
.modal_btn .open_button i {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	left: 0;
	line-height: 1;
	margin-right: 10px;
}
.modal_btn .open_button:hover {
	opacity: 0.7;
}
.modal_btn_small {
	text-align: center;
}
.modal_btn_small .open_button {
	width: 80%;
	padding: 12px 0 10px;
	display: inline-block;
	font-size: 14px;
}
.modal_wrap > input{
	display: none;
}
.modal_overlay {
	display: block;
	justify-content: center;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	transition: opacity 0.5s, transform 0s 0.5s;
	transform: scale(0);
}
.modal_trigger {
	position: absolute;
	width: 100%;
	height: 100%;
}
.modal_content {
	position: relative;
	align-self: center;
	width: 90%;
	padding: 30px 15px 25px;
	box-sizing: border-box;
	background: #fff;
	line-height: 1.4em;
	transition: 0.5s;
	margin: 100px auto;
	border-radius: 10px;
}
.close_button {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	cursor: pointer;
}
.modal_wrap input:checked ~ .modal_overlay{
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.5s;
}
.modal-btn {
	display: inline-block;
	color: #fff;
	background-color: #f80;
	font-size: 14px;
	padding: 2px 20px;
	box-sizing: border-box;
	border: none;
	box-shadow: none;
	border-radius: 5px;
}
.modal-btn:hover {
	cursor: pointer;
	opacity: 0.7;
}
.modal-overlay {
	display: none;
	justify-content: center;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	transition: opacity 0.5s, transform 0s 0.5s;
	transform: scale(0);
}
.modal-overlay.open {
	display: flex;
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.5s;
}
.modal-content {
	position: relative;
	align-self: center;
	width: 90%;
	max-width: 800px;
	padding: 40px 20px;
	box-sizing: border-box;
	background: #fffded;
	transition: 0.5s;
	font-size: 16px;
	max-height: 90vh;
	border-radius: 15px;
	overflow-y: auto;
}
.modal-conten--bg-white {
	background-color: #fff;
}
.modal-content--scroll {
	overflow-y: auto;
	border-radius: 0;
	padding-left: 12.5px;
	padding-right: 12.5px;
}
.modal-content .overlay-message--post {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: #f80;
	font-weight: bold;
	justify-content: center;
	padding-right: 15px;
}
.modal-content .overlay-message--post img {
	width: 80px;
	margin-right: 20px;
}
.modal-content .overlay-message--post-row img {
	width: 80px;
	margin: 0 auto 15px;
	padding-right: 10px;
}
.modal-content p:last-of-type {
	margin-bottom: 0;
}
.modal-close-btn__mark {
	position: absolute;
	top: 0px;
	right: 5px;
	font-size: 30px;
	cursor: pointer;
	background: none;
	border: none;
	color: #f80;
}
.modal-close-btn__mark:hover {
	opacity: 0.7;
}
.modal_btn__voice {
	display: block;
	width: 100%;
	padding: 10px 0;
}
.modal_btn__chat-violation {
	display: block;
	font-size: 11px;
	width: 180px;
	padding: 5px 0;
	margin: 20px auto 0;
	color: #555;
	background-color: #eee;
	border: solid 1px #aaa;
	border-radius: 0;
	text-align: center;
}
.modal_btn--violation-delete {
	display: inline;
	margin: 0;
}
.modal_btn--violation-delete .open_button {
	display: inline;
	padding: 0;
	text-align: left;
	color: #f80;
	background: none;
	border-radius: 0;
	font-size: 12px;
	cursor: pointer;
}
.modal-btn-wrap--violation-delete {
	text-align: center;
	margin: 50px auto 15px;
	font-size: 18px;
}
.modal-btn-wrap--violation-delete .modal_content {
	text-align: left;
}
.modal-btn-wrap--violation-delete .modal_btn--violation-delete .open_button {
	color: #333;
	font-size: 14px;
	background-color: #eee;
	display: inline-block;
	padding: 8px 40px 10px 35px;
	border: solid 1px #777;
	border-radius: 30px;
}
.modal-btn-wrap--violation-delete .modal_btn--violation-delete .open_button .material-icons-round {
	font-size: 22px;
	margin-right: 5px;
	position: relative;
	top: 5px;
}
.toggle-reply-to-btn {
	position: relative;
	cursor: pointer;
	display: block;
	font-size: 11px;
	width: 160px;
	margin: 0 auto 15px;
	padding: 4px 0 5px;
	color: #fff;
	background-color: #f80;
	border: solid 1px #f80;
	border-radius: 5px;
}
.toggle-reply-to-btn:hover {
	opacity: 0.7;
}
.toggle-reply-to-btn .toggle-status {
	position: absolute;
	right: 5px;
	top: 2px;
	font-size: 13px;
	font-weight: bold;	
}
.modal_btn__named {
	margin-bottom: 5px;	
	padding-bottom: 5px;
}
.modal_btn__named .material-icons-round {
	font-size: 17px;
	position: relative;
	top: 4px;
	margin-right: 2px;
}
/*
	number-list
*/
.number-list {
	counter-reset: number;
	margin-bottom: 20px;
}
.number-list > li {
	margin-bottom: 10px;
}
.number-list > li:before {
	counter-increment:number;
	content: "（" counter(number) "）";
}
.number-list > li > ul {
	margin: 10px 0 15px 1em;
	list-style: inside;
}
.number-list > li > ul > li {
	margin-bottom: 5px;
}
.number-list p {
	margin-bottom: 0;
}
/*
	return-list
*/
.return-list {
	margin: 0 0 30px!important;
	padding: 0!important;
}
.return-list li {
	margin: 0 0 40px!important;
	padding: 30px!important;
	border: 3px solid #f80;
	border-radius: 10px;
	position: relative;
}
.return-list li:before {
	display: none!important;
}
.return-list-item {
	display: flex;
	flex-direction: column-reverse;
	flex-wrap: wrap;
}
.return-list-item .img {
	margin-top: 25px;
}
.return-list-item .img img {
	height: 180px;
	object-fit: cover;
}
.return-list-item .content {
}
.return-list-item h3 {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 25px;
	padding: 0;
	line-height: 1.6;
}
.return-list-item p {
	margin-bottom: 0;
	line-height: 1.65;
}
.subscription-donation-box {
	margin: 0 auto;
	padding: 30px 15px;
	box-sizing: border-box;
	text-align: center;
	background-color: #FFF7E3;
	border-radius: 10px;
}
.subscription-donation-box dt {
	margin-bottom: 25px;
	color: #662222;
}
/*
	payment-log-table
*/
.payment-log-table {
	width: 100%;
}
.payment-log-table tr:nth-child(1) { 
	border-bottom: solid 1px #ccc;
}
.payment-log-table th,
.payment-log-table td {
	box-sizing: border-box;
	text-align: center;
	font-size: 13px;
	width: calc((100% - 120px) / 2);
	border: none;
	background: none;
}
.payment-log-table th:first-child,
.payment-log-table td:first-child {
	width: 120px;
}
.payment-log-table th {
	padding: 5px 0;
}
.payment-log-table td {
	padding: 2px 0;
}
.payment-log-table tr:nth-child(2) td { 
	padding-top: 15px;
}
.border-table {
	width: 100%;
}
.border-table th {
	color: #8d5e33;
	font-weight: bold;
	text-align: center;
	width: 7em;
	padding: 20px 10px;
	box-sizing: border-box;
	font-size: 13px;
	background-color: #fff;
	border: none;
}
.border-table td {
	color: #333;
	text-align: left;
	font-size: 13px;
	width: calc(100% - 7em);
	padding: 20px 10px;
	background-color: #fff;
	border: none;
}
.border-table tr:nth-child(odd) th,
.border-table tr:nth-child(odd) td {
	background-color: #fffded;
}
/*
	total-count
*/
.total-count {
	margin-bottom: 10px;
	font-size: 13px;
}
.total-count .count {
    padding: 0 5px;
    font-size: 24px;
    color: #f80;
}
/*
	未読数
*/
.unread-count {
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	font-size: 8px;
	line-height: 1;
	display: block;
	border-radius: 50%;
	color: #fff;
	background-color: #f80;	
}
/*
	table テーブル
*/
/*basic-table */
.basic-table {
	width: 100%;
}
.basic-table tr:nth-child(odd) {
	background-color: #fffdf0;
}
.basic-table tr:nth-child(even) {
	background-color: #fff;
}
.basic-table th,
.basic-table td {
	padding: 15px 8px;
	border: none;
	background: none;
	line-height: 1.6;
}
.basic-table th {
	text-align: center;
	color: #8d5e33;
	font-weight: bold;
}
.basic-table th {
	width: 5em;
}
/*
	フォローボタン
*/
.follow-btn {
	background-color: #fff;
	border: none;
	padding: 8px 15px;
	box-sizing: border-box;
	border-radius: 30px;
	border: solid 1px #fa0;
	cursor: pointer;
	font-size: 13.5px;
}
.follow-btn:hover {
	background-color: #fffee5;
}
.follow-btn--followed,
.follow-btn--followed:hover {
	color: #fff;
	background-color: #fa0;
	box-shadow: none;
}
.follow-btn--followed:hover {
	opacity: 0.9;
}
.follow-btn__title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.follow-btn .icon {
	font-size: 22px;
	color: #fa0;
	margin-right: 5px;
}
.follow-btn--followed .icon {
	color: #fff;
}
.follow-btn-wrap--dialy {
	margin-top: 15px;
	text-align: center;
}
.follow-btn-wrap--dialy .follow-btn {
	min-width: 150px;
}
.profile-panel-top .follow-btn {
	margin-bottom: 10px;
	padding: 6px 12px;
}
/*
	tab-bar
*/
.tab-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tab-bar__item {
	position: relative;
	width: 49%;
	margin-bottom: 25px;
	padding: 10px 0;
	color: #555;
	font-size: 16px;
	text-align: center;
}
.tab-bar--3col .tab-bar__item {
	width: 32%;
}
.tab-bar--4col .tab-bar__item {
	width: 24%;
	font-size: 15px;
	letter-spacing: 0;
	line-height: 1.4;
	padding-bottom: 12px;
}
.tab-bar--5col .tab-bar__item {
	width: 19%;
	font-size: 13px;
	letter-spacing: 0;
	line-height: 1.4;
	padding-bottom: 12px;
}
.tab-bar__item--current {
	color: #f80;
}
.tab-bar__item:hover {
	color: #f80;
	text-decoration: none;
}
.tab-bar__item:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 5px;
	background-color: #ccc;
	border-radius: 10px;
	left: 0;
	bottom: 0;
}
.tab-bar__item--current:after {
	background-color: #f80;
}
.search-directory-tabs {
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: 5px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 25px;
}
.search-directory-tabs .tab-bar__item {
	flex: 1 0 0;
	width: auto;
	min-width: 0;
	margin-bottom: 14px;
	padding: 10px 0;
	color: #555;
	background-color: #fff;
	border: solid 1.5px #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	white-space: nowrap;
	font-size: 12px;
	line-height: 1.2;
	transition: background-color 0.15s, color 0.15s;
}
.search-directory-tabs .tab-bar__item:after {
	display: none;
}
.search-directory-tabs .tab-bar__item--current {
	color: #fff;
	background-color: #f80;
	border-color: #f80;
}
.search-directory-tabs .tab-bar__item--current:before {
	position: absolute;
	content: "";
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top-color: #f80;
	border-bottom-width: 0;
}
/*
	pr-box-list
*/
.page-content .pr-box-list {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page-content .pr-box-list-item {
	margin-bottom: 20px;
	padding: 25px 20px 40px;
	box-sizing: border-box;
	border: solid 3px #fa0;
	background-color: #fff;
	border-radius: 10px;
}
.page-content .pr-box-list-item:last-child {
	margin-bottom: 20px;
}
.page-content .pr-box-list-item:before {
	display: none;
}
.pr-box-list-item__title {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
}
.pr-box-list-item__title-img {
	font-size: 40px;
	color: #836449;
	margin: 0 auto;
}
.pr-box-list-item__title-text {
	font-weight: bold;
	font-size: 15px;
	margin: 20px 0;
	text-align: center;
}
.pr-box-list-item__content {
	font-size: 13px;
	line-height: 1.75;
}
.pr-box-list-item__content p:last-of-type {
	margin-bottom: 0;
}
.character-message {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 30px;
}
.character-message__img {
	width: 56px;
	box-sizing: border-box;
}
.character-message__img img {
	display: block;
	width: 56px;
	height: 56px;
	object-fit: cover;
	border-radius: 50%;
}
.character-message__content {
	width: calc(100% - 70px);
	margin-left: 14px;
	padding: 15px;
	font-size: 14px;
	box-sizing: border-box;
	position: relative;
	background-color: #FDEFCC;
	border-radius: 15px;
	line-height: 1.65;
	position: relative;
}
.character-message__content:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 10px solid #FDEFCC;
}
.character-message__content p {
	margin-bottom: 0;
}

/*-----------------------------
	コンテンツ
------------------------------*/
.page-content ul,
.article ul,
.arrow-list {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}
.article ul.member-list,
.article ul.member-status-list,
.article ul.soudan-stance-list {
	margin-bottom: 0;
}
.page-content ul > li,
.article ul > li,
.arrow-list > li {
	margin-bottom: 10px;
	padding-left: 18px;
	line-height: 1.45;
	position: relative;
}
.article ul.member-list > li.member-list-item {
	padding: 45px 20px 25px;
	margin-bottom: 20px;
}
.article ul.member-status-list > li.member-status-list-item {
	padding: 3px 0 4px;
	margin-bottom: 0;
	font-size: 10px;
	line-height: 1;
}
.article ul.soudan-stance-list > li.soudan-stance-list-item {
	padding: 0 8px;
	margin-bottom: 3px;
	font-size: 10px;
	line-height: 1;
	height: 19px;
	display: flex;
	align-items: center;
}
.page-content ul li:last-child,
.article ul li:last-child,
.arrow-list li:last-child {
	margin-bottom: 0;
}
.page-content ul > li:before,
.article ul > li:before,
.arrow-list > li:before {
	display: block;
	position: absolute;
	top: 9px;
	left: 0px;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #f80;
	border: solid 1px #f80;
}
.article ul.member-list > li:before,
.article ul.member-status-list > li:before,
.article ul.soudan-stance-list > li:before {
	display: none;
}
.page-content ul ul,
.article ul ul,
.arrow-list ul ul {
	margin-top: 10px;
	margin-left: 2px;
	margin-bottom: 22px;
}
.page-content ul li:last-child ul,
.article ul li:last-child ul,
.arrow-list ul li:last-child ul {
	margin-bottom: 0;
}
.page-content ul > li li,
.article ul > li li,
.arrow-list > li li {
	margin-bottom: 6px;
	padding-left: 17px;
	line-height: 1.45;
	position: relative;
	font-size: 13px;
}
.page-content ul > li li:before,
.article ul > li li:before,
.arrow-list > li li:before {
	display: block;
	position: absolute;
	top: 7px;
	left: 2px;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #fff;
	border: solid 1px #f80;
}
.article ul.member-list > li li:before {
	display: none;
}
ul.no-arrow li::before {
	display: none!important;
}
.page-content ol,
.article ol {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 1.5em;
	margin-left: 30px;
	counter-reset: number;
}
.page-content ol li,
.article ol li {
	position: relative;
	margin-bottom: 10px;
	line-height: 1.5;
}
.page-content ol li:before,
.article ol li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	background: #f80;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 1;
	letter-spacing: 0;
	padding: 4px 6px;
	font-size: 11px;
	top: 2px;
	left: -30px;
}
.page-content dl,
.article dl {
	margin: 0;
	padding: 0;
	padding: 25px 20px;
	line-height: 1.5;
	margin-bottom: 30px;
	background-color: #fffded;
	border: solid 1px #f6b03c;
	border-radius: 5px;
}
.page-content dl dt,
.article dl dt {
	font-weight: bold;
	margin-bottom: 18px;
	color: #836449;
	font-size: 15px;
}
.page-content dl dd,
.article dl dd {
	line-height: 1.6;
}
.page-content dl dd > ul:last-of-type,
.page-content dl dd > ol:last-of-type,
.page-content dl dd p:last-of-type,
.article dl dd > ul:last-of-type,
.article dl dd > ol:last-of-type,
.article dl dd p:last-of-type {
	margin-bottom: 0;
}
.page-content dl dd a.btn,
.article dl dd a.btn {
	display: inline-block;
	margin-top: 20px;
	font-weight: normal;
	background: #f80;
	color: #fff;
	padding: 8px 20px 8px 30px;
	font-size: 12px;
	border-radius: 7px;
}
.page-content dl dd a.btn:after,
.article dl dd a.btn:after {
	position: initial;
	font-size: 11px;
	content: "》";
	padding-left: 5px;
}
.article dl.pr {
	margin-top: 40px;
}
.article dl.pr dt {
	font-weight: normal;
	color: #7f4e20;
	padding-bottom: 10px;
	border-bottom: solid 1px #e16a17;
	position: relative;
	padding-top: 18px;
	padding-left: 61px;
	font-size: 15px;
	line-height: 1.45;
}
.article dl.pr dt:before {
	position: absolute;
	content: "";
	display: inline-block;
	background: url(../images/mental-love.png) no-repeat;
	width: 50px;
	height: 41px;
	background-size: 50px 41px;
	left: 0;
	bottom: 10px;
}
.article dl.pr dt:after {
	position: absolute;
	content: "ココトモPR";
	display: inline-block;
	color: #fff;
	background-color: #f80;
	padding: 1px 10px 2px;
	font-size: 9px;
	border-radius: 30px;
	top: 0;
	left: 61px;
}
.article dl.pr dd {
	overflow: hidden;
}
.article dl.pr dd .img {
	margin: 0 auto 12px;
	max-width: 240px;
}
.article dl.pr dd .img a,
.article dl.pr dd .img img {
	display: block;
}
.article dl.pr dd .text {
	text-align: center;
	overflow: hidden;
}
.article dl.pr dd .text p {
	font-size: 13px;
	margin: 0;
	line-height: 1.7;
	text-align: left;
}
.article dl.pr dd .text .btn {
	font-size: 11px;
	border-radius: 30px;
	box-shadow: none;
	margin: 11px auto 0!important;
	padding: 9px 25px!important;
	float: none;
	display: inline-block;
}
.article dl.pr dd .text .btn:before {
	display: none;
}
.page-content .step-list {
	counter-reset: number;
	margin: 40px 15px 0;
}
.page-content .step-list li {
	border: dashed 1px #836449;
    border-radius: 8px;
    padding: 28px 20px 30px;
    box-sizing: border-box;
    margin: 0 auto 50px;
    background-color: #fff;
    position: relative;
}
.page-content .step-list li:before {
	counter-increment: number;
    content: counter(number);
    position: absolute;
    color: #fff;
    font-size: 16px;
    padding: 8px 12px 10px;
    border-radius: 50%;
    background-color: #f80;
    top: -15px;
    left: -15px;
}
.page-content .step-list li .title {
	margin: 0 0 15px;
}
.page-content .step-list li  p {
	margin-bottom: 0;
}
.adsense {
	overflow: hidden;
	text-align: center;
	margin: 35px 0 -15px;
}
table {
	margin-top: 10px;
	margin-bottom: 30px;
	width: 100%;
}
table th,
table td {
	border: solid 1px #e5e5e5;
	padding: 15px 10px;
	vertical-align: middle;
}
table th {
	background-color: #fffded;
}
table td {
	background-color: #fff;
}

/*-----------------------------
	アーカイブ archive
------------------------------*/
.article-list {	
}
.article-list > li {
	border-bottom: solid 1px #e5e5e5;
}
.article-list > li:first-child {
	border-top: solid 1px #e5e5e5;
}
.article-list > li a {
	display: flex;
	flex-wrap: wrap;
	padding: 15px 0;
	color: #333;
}
.article-list .img {
	width: 120px;
	position: relative;
}
.article-list .img img {
	width: 120px;
	height: 80px;
	border-radius: 6px;
	object-fit: cover;
	display: block;
}
.article-list .img .cat {
	position: absolute;
	display: inline-block;
	padding: 4px 8px 4px;
	line-height: 1;
	top: 8px;
	left: 8px;
	font-size: 9px;
	letter-spacing: 0;
	color: #fff;
	background-color: rgba(237, 109, 15, 0.9);
	border-radius: 20px;
}
.article-list .content {
	width: calc(100% - 120px);
	padding-left: 10px;
	box-sizing: border-box;
}
.article-list .description {
	margin: 12px 0 0;
	font-size: 12px;
	color: #666;
	line-height: 1.55;
}
.article-list .title {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font-weight: normal;
	font-size: 15px;
	color: #333;
	letter-spacing: 0;
	line-height: 1.5;
}
.article-list .topic-info {
	margin: 0 0 5px 2px;
	font-size: 10px;
}
.article-list-box {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.article-list-box > li {
	width: 48.5%;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.article-list-box > li:before {
	display: none;
}
.article-list-box > li a {
	display: block;
	height: 100%;
	box-sizing: border-box;
	color: #333;
	background-color: #FDEFCC;
	border-radius: 10px;
}
.article-list-box > li a:hover {
	text-decoration: none;
	box-shadow: 2px 2px 8px #f80;
}
.article-list-box > h2,
.article-list-box > h3 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font-weight: normal;
	font-size: 15px;
	color: #333;
	letter-spacing: 0;
	line-height: 1.4;
	padding: 8px 3px 8px 8px;
}
.article-list-box > li .img {
	position: relative;
}
.article-list-box > li .img img {
	width: 100%;
	height: 100px;
	object-fit: cover;
	display: block;
	border-radius: 10px 10px 0 0;
}
.article-list-box > li .img .cat {
	position: absolute;
	display: inline-block;
	padding: 6px 10px 5px;
	line-height: 1;
	top: 10px;
	left: 10px;
	font-size: 10px;
	color: #fff;
	background-color: rgba(237, 109, 15, 0.9);
	border-radius: 30px;
}
.article-list-box > li .content {
	padding: 10px 10px 15px;
}
.article-list-box > li .content .article-info {
	font-size: 9px;
	color: #777;
	line-height: 1;
	letter-spacing: 0;
	margin-bottom: 10px;
}
.article-list-box > li .content .article-info span {
	margin-right: 5px;
}
.article-list-box > li .content .article-info span i {
	font-size: 13px;
	color: #888;
	position: relative;
	bottom: -2px;
	left: 0;
	margin-right: 2px;
}
.article-list-box > li .content .title {
	margin: 0;
	padding: 0;
	font-size: 14px;
	letter-spacing: 0.2px;
	color: #333;
	line-height: 1.5;
}
.article-post-status {
	margin-bottom: 5px;
	line-height: 1;
}
.article-post-status .draft-mark {
	font-size: 10px;
	padding: 4px 15px;
}
.member-report-list .title {
	color: #f80;
}

/*-----------------------------
	dialy-list
------------------------------*/
.dialy-list-item {
	margin-bottom: 12px;
}
.dialy-list-item a {
	display: flex;
	flex-wrap: wrap;
	color: #333;
	padding: 15px 10px;
	background-color: #FFF7E3;
	box-shadow: 0 0 3px #e5e5e5;
	border-radius: 10px;
}
.dialy-list-item a:hover {
	text-decoration: none;
	box-shadow: 0 0 10px #fa0;
}
.dialy-list-item a:hover img {
	opacity: 1;
}
.dialy-list-item__img {
	position: relative;
	width: 60px;
	height: 60px;
}
.dialy-list-item__img img {
	display: block;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
.dialy-list-item__img--sub {
	position: absolute;
	width: 25px;
	right: 0;
	bottom: 0;
}
.dialy-list-item__img--sub img {
	border: solid 1.5px #fff;
	box-sizing: border-box;
}
.dialy-list-item__content {
	width: calc(100% - 60px);
	padding-left: 12px;
	box-sizing: border-box;
}
.dialy-list-item__pr {
	line-height: 1;
	margin-bottom: 5px;
}
.dialy-list-item__pr-item {
	display: inline-block;
	font-size: 10px;
	color: #fff;
	background-color: #f80;
	line-height: 1.6;
	padding: 1px 10px;
	border-radius: 20px;
}
.dialy-list-item__title {
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 12px;
}
.dialy-list-item .topic-info {
	font-size: 10px;
	line-height: 1.5;
}
.dialy-list-item .topic-info i img {
	width: 14px;
}
.dialy-list-item .private-mark {
	display: inline-flex;
	padding: 4px 10px;
	font-size: 11px;
}

/*-----------------------------
	single article 共通
------------------------------*/
.page #main .eyecatch {
	margin-bottom: 30px;
}
.page #main .eyecatch img {
	display: block;
	border-radius: 20px;
}

/*-----------------------------
	ページネーション pagenation
------------------------------*/
.pagination {
	margin-top: 10px;
	margin-bottom: 15px;
}
.pagination-text {
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
}
.pagination-text .view-range {
	padding-left: 10px;
}
.pagination-link {
	text-align: center;
}
.pagination-link-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.pagination-link-list > li {
	margin: 0 5px;
}
.pagination-link-list > li a,
.pagination-link-list > li .current {
	display: inline-block;
	font-size: 13px;
	line-height: 1;
	padding: 12px 15px;
	border-radius: 5px;
}
.pagination-link-list > li a {
	color: #888;
	background-color: #fff;
	box-shadow: 0 0 1px #999;
}
.pagination-link-list > li .current,
.pagination-link-list > li a:hover {
	color: #fff;
	background-color: #fa0;
	text-decoration: none;
}

/*-----------------------------
	ページTOP page-top
------------------------------*/
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #f80;
	cursor: pointer;
	z-index: 10;
}
#page-top:hover {
	opacity: 1;
	background-color: #ea0;
}
#page-top a {
	position: absolute;
	font-size: 24px;
	line-height: 1;
	color: #fff;
	top: 3px;
	left: 3px;
}
#page-top a:hover {
	text-decoration: none;
}

/*-----------------------------
	フッターPR footer-pr
------------------------------*/
#footer-pr {
	position: fixed;
	bottom: 6px;
	right: 50px;
	z-index: 10;
}
#footer-pr a {
	display: block;
	padding: 4px 10px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.35;
	background-color: #fffded;
	border: solid 2px #f80;
	border-radius: 6px;
}
#footer-pr a:hover {
	text-decoration: none;
}

/*-----------------------------------
	専門相談機関ページ agency
------------------------------------*/
.agency-search-box {
	background-color: #FFFBF0;
	margin-bottom: 40px;
	padding: 25px 20px 15px;
	border-radius: 10px;
	box-shadow: 0 0 1px #f80;
}
.agency-search-box h2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 20px;
	color: #555;
	text-align: center;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.agency-search-box h2 img {
	margin-right: 8px;
}
.area-table {
	margin-bottom: 0;
}
.area-table tr {
	display: block;
	padding: 15px 0;
	border-bottom: 2px solid #F8EED4;
}
.area-table th,
.area-table td {
	padding: 0;
	font-size: 16px;
	background: none;
	border: none;
}
.area-table th {
	display: block;
	color: #836449;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
}
.area-table td {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.area-table td ul li {
	display: inline-block;
	margin-right: 1em;
}
.area-table td ul li:last-child {
	margin-right: 0;
}
.area-table td a {
	color: #555;
}
.area-table td a:hover {
	color: #f80;
}
.area-table td a .count {
	display: inline-block;
	font-size: 11px;
	margin-left: 2px;
	color: #f80;
}
.field-table {
	margin-bottom: 0;
}
.field-table tr {
	display: block;
	padding: 15px 0;
	border-bottom: 2px solid #F8EED4;
}
.field-table th,
.field-table td {
	padding: 0;
	background: none;
	border: none;
}
.field-table th {
	padding-bottom: 5px;
	font-size: 17px;
	display: block;
	color: #836449;
	font-weight: bold;
	text-align: left;
}
.field-table th a {
	color: #836449;
}
.field-table th a:hover {
	color: #f80;
}
.field-table td {
	font-size: 14px;
}
.field-table td ul {
	display: flex;
	flex-wrap: wrap;
}
.field-table td ul li {
	position: relative;
	padding: 2px 0;
}
.field-table td ul li:after {
	content: "/";
	margin-left: 10px;
	margin-right: 10px;
	color: #ccc;
	font-size: 14px;
}
.field-table td ul li:last-child {
	margin-right: 0;
}
.field-table td ul li:last-child:after {
	display: none;
}
.field-table td a {
	color: #555;
	letter-spacing: 0.5px;
}
.field-table td a:hover {
	color: #f80;
}
.field-table .count {
	display: inline-block;
	font-size: 11px;
	color: #f80;
	margin-left: 3px;
	letter-spacing: 1px;
}
#filter-agency {
	margin-bottom: 20px;
}
.area-table__form {
	width: 100%;
	margin-top: 15px;
}
.area-table__form tr {
	padding: 15px 0;
	margin-bottom: 0;
	border-bottom: 2px solid #F8EED4;
}
.area-table__form tr:first-child {
	border-top: 2px solid #F8EED4;
}
.area-table__form th,
.area-table__form td {
	font-size: 15px;
}
.area-table__form th {
	font-weight: normal;
}
.area-table__form td {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.area-table__form .checkbox-wrap {
	width: calc(100% / 3);
	line-height: 2.1;
	position: relative;
	margin-bottom: 0;
}
#area-table-tr__online .checkbox-wrap {
	width: 100%;
}
#area-table-tr__other .checkbox-wrap {
	width: 100%;
}
.area-table__form .checkbox-wrap label {
	font-size: 14px;
	margin-left: 3px;
}
.area-table__form .accordion-btn {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 5px 0 10px;
	color: #444;
	font-size: 12px;
	background-color: #eee;
	border: none;
	padding: 4px;
	letter-spacing: 1px;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
}
.area-table__form .accordion-btn:after {
	position: absolute;
	content: "＋";
	color: #f80;
	font-size: 17px;
	top: 0;
	right: 15px;
}
.area-table__form .accordion-btn.open:after {
	content: "－";
}
.area-table__form .accordion-contents {
	width: 100%;
	box-sizing: border-box;
	display: none;
}
.area-table__form .accordion-contents .checkbox-wrap-box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.area-table__form .accordion-contents .checkbox-wrap label {
	font-size: 12px;
	letter-spacing: 0;
}

/*-----------------------------------
	メール相談ページ
------------------------------------*/
.d_count {
	font-size: 11px;
	background-color: #fff;
	display: inline-block;
	float: left;
	border: solid 2px #f80;
	padding: 6px 12px;
	margin-bottom: 25px;
	border-radius: 8px;
	margin-top: -10px;
	position: relative;
	letter-spacing: 0.5px;
}
.d_count:before {
	border:10px solid transparent;
	border-bottom-color:#fff;
	border-top-width:0;
	top:-9px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
	z-index:1;
}
.d_count:after {
	border:10px solid transparent;
	border-bottom-color:#f80;
	border-top-width:0;
	top:-12px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
}
.total_d_count {
	clear: both;
	padding-left: 10px;
}

/*-----------------------------------
	問い合わせページ
------------------------------------*/
.qa-list .toggle-btn {
	padding: 10px 40px 10px 15px;
	color: #333;
	font-size: 15px;
}
.qa-list .toggle-btn:before {
	left: auto;
	right: 10px;
}

/*-----------------------------------
	メンバー紹介ページ
------------------------------------*/
.filter-member-box {
	padding: 20px 10px;
	margin-bottom: 15px;
	background-color: #eee;
	border-radius: 10px;
}
.filter-member {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 8px;
    max-width: 640px;
}
.filter-member input[name="keyword"] {
    grid-column: 1 / span 3;
}
.filter-member select,
.filter-member input,
.filter-member button {
	font-size: 13px;
	line-height: 1;
	box-sizing: border-box;
	border-radius: 5px;
}
.filter-member select,
.filter-member input {
	padding: 10px 5px;
	box-sizing: border-box;
	color: #555;
	background-color: #fff;	
	border: solid 1px #ddd;
}
.filter-member button {
	padding: 8px 4px;
	width: 100%;
	color: #fff;
	background-color: #f80;
	border: solid 1px #f80;
    grid-column: 1 / span 3;
}
.filter-member button:hover {
	cursor: pointer;
	opacity: 0.7;
}
.filter-member__status {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.filter-member__status .checkbox-wrap {
	margin: 0 5px;
	letter-spacing: 0;
}
.filter-member__status .checkbox-wrap label {
	margin-left: 5px;
	margin-bottom: 3px;
	font-size: 13pxy;
}
.filter-member__status .checkbox-wrap input {
	transform: scale(1.3);
}
.member-list {
}
.member-list-item {
	padding: 40px 12.5px 15px;
	background-color: #FFF7E3;
	border-radius: 15px;
	margin-bottom: 15px;
	position: relative;
}
.member-list-item:before {
	display: none;
}
.member-list-item__info {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.member-list-item__info img {
	display: block;
	width: 65px;
	height: 65px;
	object-fit: cover;
	border-radius: 50%;
}
.member-list-item__info .user-info {
	width: calc(100% - 65px);
	padding-left: 10px;
	box-sizing: border-box;
}
.member-list-item__info .member-name {
	line-height: 1.4;
	margin-bottom: 8px;
}
.member-list-item__info .name {
	display: inline-block;
	font-size: 16px;
}
.member-list-item__info .hosoku {
	display: inline-block;
	font-size: 10px;
	letter-spacing: 0.2px;
	color: #888;
}
.member-list-item__info .last-login {
	position: absolute;
	top: 12.5px;
	left: 12.5px;
	display: block;
	font-size: 10px;
	letter-spacing: 0.2px;
	color: #777;
}
.member-list-item__info .last-login .material-icons-round {
	font-size: 13px;
	color: #777;
	margin-right: 2px;
	position: relative;
	top: 2px;
}
.member-list-item__info .member-soudan-info {
	font-size: 10px;
	color: #444;
	margin-bottom: 6px;
}
.member-list-item__info .member-soudan-info .material-icons-round {
	color: #666;
	font-size: 16px;
	margin-right: 4px;
	position: relative;
	top: 4px;
	display: inline-block;
	border-radius: 5px;
}
.member-soudan-status {
}
.member-status-list {
	display: flex;
	flex-wrap: wrap;
}
.member-status-list-item {
	font-size: 10px;
	line-height: 1;
	padding: 3px 0 4px;
	width: 50px;
	text-align: center;
	color: #fff;
	background-color: #f80;
	border: solid 0.2px #f80;
	border-radius: 6px;
	margin-right: 3px;
}
.member-status-list-item:last-child {
	margin-right: 0;
}
.soudan-stance-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5px;
}
.soudan-stance-list-item {
	font-size: 10px;
	line-height: 1;
	letter-spacing: 0;
	height: 19px;
	display: flex;
	align-items: center;
	padding: 0 8px;
	color: #000;
	background-color: #f6f6f6;
	border: solid 1px #ddd;
	border-radius: 6px;
	margin-right: 3px;
	margin-bottom: 3px;
}
.soudan-stance-list-item:last-child {
	margin-right: 0;
}
.soudan-stance-list-item .material-icons-round {
	font-size: 11px;
	color: #555;
	margin-right: 2px;
	display: inline-block;
}
.member-list-item__profile {
}
.member-soudan-key {
	display: block;
	margin: 2px 0 14px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}
.member-soudan-key__label {
	display: inline-flex;
	align-items: center;
	margin: 0 0 7px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	color: #9b6a22;
	letter-spacing: 0;
}
.member-soudan-key__label:before {
	content: "";
	width: 6px;
	height: 6px;
	margin-right: 5px;
	background: #f39800;
	border-radius: 50%;
}
.member-soudan-key__list {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.member-soudan-key__list li {
	margin: 0;
	padding: 3px 8px 4px;
	font-size: 10px;
	line-height: 1.35;
	color: #7b5a25;
	background: rgba(255, 255, 255, 0.66);
	border: solid 1px #ead7b0;
	border-radius: 999px;
}
.member-list-item__profile-text {
	font-size: 13px;
	margin-bottom: 15px;
	line-height: 1.65;
	letter-spacing: 0;
}
.member-list-item__btn-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 18px 0 0;
}
.member-list-item__btn {
	width: 48%;
	display: block;
	font-size: 11px;
	padding: 5px 0 6px;
	text-align: center;
	color: #f80;
	background-color: #fff;
	border: solid 1px #f80;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	letter-spacing: 0;
}
.member-list-item__btn:hover {
	text-decoration: none;
	color: #fff;
	background-color: #f80;
}
.member-list-item__profile-link {
	padding-right: 10px;
	box-sizing: border-box;
}
.member-list-item__profile-link .material-icons-round {
	position: absolute;
	right: 5px;
	top: calc(50% - 8px);
	font-size: 16px;
}
.member-list--simple {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
.member-list--simple > li {
	width: 34%;
	padding-right: 2%;
	box-sizing: border-box;
	margin-bottom: 30px;
	text-align: center;
}
.member-list--simple > li:nth-child(3n) {
	width: 32%;
	padding-right: 0;
}
.member-list--simple > li a {
	display: block;
	color: #444;
}
.member-list--simple > li a:hover {
	text-decoration: none;
}
.member-list--simple > li img {
	display: block;
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 50%;
	margin: 0 auto;
}
.member-list--simple > li .name {
	display: block;
	font-size: 14px;
	color: #f80;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.4;
}
.member-list--simple > li .hosoku {
	display: block;
	font-size: 10px;
	letter-spacing: 0;
	line-height: 1;
	color: #999;
}
.member-list--follow .follow-btn-wrap--mypage-follow {
	margin-top: 8px;
}
.member-list--follow .follow-btn {
	min-width: 94px;
	padding: 6px 6px;
	font-size: 11px;
}
.member-list--follow .follow-btn .icon {
	font-size: 15px;
	margin-right: 3px;
}

/*----------------------------------------------------
	相談管理画面 
----------------------------------------------------*/
.db-response-message {
	color: #f00;
	font-weight: bold;
}
.scroll-table-caution {
	font-size: 13px;
	margin-bottom: 10px;
}
.scroll{
	overflow: auto;
	white-space: nowrap;
}
.scroll::-webkit-scrollbar {
	height: 5px;
}
.scroll::-webkit-scrollbar-track {
	background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}
.column-reverse {
	display: flex;
	flex-direction: column-reverse;
}
.admin-table {
	width: 100%;
	box-sizing: border-box;
}
.admin-table td {
	padding: 10px 6px;
	border: solid 1px #ccc;
	font-size: 11px;
	letter-spacing: 0;
	line-height: 1.45;
	vertical-align: middle;
	background-color: #fff;
	max-width: 200px;
	word-wrap: break-word;
}
.admin-table tr:first-child td {
	font-weight: bold;
	color: #836449;
	background-color: #fffded;
	padding: 15px 10px;
	text-align: center;
}
.admin-table .admin-table-tr--risk4 td {
	background-color: #FFF6F8;
}
.admin-table .admin-table-tr--risk5 td {
	background-color: #FFDDE4;
}
.admin-table__chat-not td:nth-child(2) {
	width: 54px;
	text-align: center;
}
.admin-table__chat-own td:nth-child(2),
.admin-table__chat-own td:nth-child(3),
.admin-table__chat-not td:nth-child(3),
.admin-table__chat-finish--user td:nth-child(3),
.admin-table__chat-finish--user td:nth-child(4),
.admin-table__chat-finish--member td:nth-child(4),
.admin-table__chat-finish--member td:nth-child(5) {
	width: 44px;
	text-align: center;
}
.admin-table__chat-finish td:nth-child(1),
.admin-table__chat-finish--member td:nth-child(2) {
	width: 22px;
	text-align: center;
}
.admin-table__chat-not td:nth-child(1) a .sub {
	color: #999;
	font-size: 10px;
	display: block;
	margin-top: 5px;
}
.admin-table .same_user_caution {
	display: block;
	margin-top: 10px;
	font-size: 11px;
}
.admin-table-message {
	margin-top: 15px;
	font-size: 13px;
}
.admin-table .soudan-item-box {
	display: flex;
	width: 100%;
	color: #444;
	flex-wrap: wrap;
	align-items: center;
}
.admin-table .soudan-item-status {
	width: 17px;
}
.admin-table .unread-count {
	width: 17px;
	height: 17px;
	box-sizing: border-box;
	font-size: 9px;
	line-height: 1;
	display: block;
	border-radius: 50%;
	padding-top: 3px;
	text-align: center;
	color: #fff;
	background-color: #f80;
	position: relative;
}
.admin-table .soudan-item-status .material-icons-round {
	color: #777;
	font-size: 17px;
}
.admin-table .soudan-item-box .soudan-content {
	width: calc(100% - 17px);
	padding-left: 5px;
	box-sizing: border-box;
}
.admin-table .soudan-item-box .title {
	margin-bottom: 10px;
	color: #f80;
}
.admin-table .soudan-item-box .last-active {
	display: block;
	color: #999;
	font-size: 10px;
}
.admin-table .soudan-item-box .content {
	font-size: 10px;
	margin: 8px 0 0;
}
#submit-btn {
	padding: 12px 35px;
	font-size: 16px;
	cursor: pointer;
}
#submit-btn:hover {
	opacity: 0.7;
}

/*---------------------------------
	アンケートフォーム
--------------------------------*/
.form-questionnaire {

}
.form-questionnaire h2:first-of-type {
	margin-top: 15px;
}
.form-questionnaire iframe {
	height: 400px!important;
}
.form-questionnaire .blog-editor {
	display: block!important;
	height: 1px;
	position: absolute!important;
	top: 80px;
	left: 0;
	z-index: -1!important;
}
.form-questionnaire .wp-editor-container .mce-listbox.mce-first {
	display: none!important;
}
.single-questionnaire .media-modal-content h1,
.single-questionnaire .media-modal-content h2 {
	background: none!important;
}

/*--------------------------------
	アンケート回答者リスト
--------------------------------*/
.questionnaire-answer-list {
	margin: 0!important;
}
.questionnaire-answer-list > li {
	padding: 25px 0!important;
	border-bottom: solid 1px #ddd;
}
.questionnaire-answer-list > li:first-child {
	border-top: solid 1px #ddd;
}
.questionnaire-answer-list > li:before {
	display: none!important;
}
.questionnaire-answer-list .content-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 15px;
}
.questionnaire-answer-list .content-header .img {
	width: 50px;
}
.questionnaire-answer-list .content-header img {
	display: block;
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 50%;
}
.questionnaire-answer-list .content-header .author {
	width: calc(100% - 50px);
	padding-left: 12px;
	box-sizing: border-box;
}
.questionnaire-answer-list .content-header .user-status {
	margin-top: 0;
}
.questionnaire-answer-list .content-main {
	font-size: 13px;
	line-height: 1.6;
}
.questionnaire-answer-list .content-main p:last-of-type {
	margin-bottom: 0;
}

/*-----------------------------
	ブックマーク bookmark
------------------------------*/
.bookmark-btn-wrap {
	text-align: right;
	margin-bottom: 10px;
}
.bookmark-btn {
	font-size: 10px;
	padding: 6px 20px;
	text-align: center;
	color: #333;
	line-height: 1;
	border: solid 1px #bbb;
	background-color: #f5f5f5;
	border-radius: 4px;
	cursor: pointer;
	letter-spacing: 0.5px;
}
.bookmark-btn:hover {
	opacity: 0.7;
}
.bookmark-btn.bookmarked {
	color: #fff;
	border-color: #f80;
	background-color: #f80;
}

/*-----------------------------
	message-list
------------------------------*/
.message-list {
}
.message-list li {
	margin-bottom: 20px;
	box-sizing: border-box;
}
.message-list-item {
	padding: 25px 10px;
	box-sizing: border-box;
	height: 100%;
	background-color: #fff;
	box-shadow: 1px 1px 5px #ddd;
	border-radius: 10px;
}
.message-list-item .message-header {
	display: flex;
	margin-bottom: 20px;
	flex-wrap: wrap;
	align-items: center;
}
.message-list-item .message-header .img {
	width: 50px;
	position: relative;
}
.message-list-item .message-header .img img {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 50%;
}
.message-list-item .message-header .author {
	width: calc(100% - 50px);
	padding-left: 12px;
	box-sizing: border-box;
}
.message-list-item .message-header .author .name {
	margin-top: 5px;
	margin-bottom: 6px;
}
.message-list-item .message-header .author .type {
	font-size: 12px;
	color: #e18682;
	margin-bottom: 0;
}
.message-list-item .message-content p {
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 1.8;
}
.message-list-item .message-content p:last-of-type {
	margin-bottom: 0;
}
.message-status .status {
	display: block;
	width: 90px;
	padding: 2px 0;
	font-size: 10px;
	text-align: center;
	border-radius: 30px;
	position: relative;
	top: -10px;
}
.message-status .status__publish {
	color: #f00;
	background-color: #fffded;
	border: solid 1px #f00;
}
.message-status .status__private {
	color: #777;
	background-color: #eee;
	border: solid 1px #eee;
}
.voice-status-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top: 15px;
	position: relative;
	bottom: -5px;
}
.voice-status-box button {
	display: block;
	width: 130px;
	padding: 5px 0;
	margin: 0 3px;
	font-size: 12px;
	letter-spacing: 0;
	border-radius: 30px;
	text-align: center;
	cursor: pointer;
}
.voice-status-box button:hover {
	opacity: 0.7;
}
.voice-status-box .publish_voice {
	color: #fff;
	background-color: #f80;
	border: none;
}
.voice-status-box .private_voice {
	color: #555;
	background-color: #eee;
	border: none;
}

/*-----------------------------------
	wanted-staff-list
------------------------------------*/
.wanted-staff-list {
	margin: 0!important;
	counter-reset: number 0;
}
.wanted-staff-list > li {
	margin-bottom: 20px!important;
	padding: 25px 15px!important;
	background-color: #fff;
	box-shadow: 0px 0px 4px #e2e2e2;
	border-radius: 10px;
}
.wanted-staff-list > li:before {
	display: none!important;
}
.wanted-staff-list .title {
	margin: 0 0 15px;
	padding: 0;
	color: #f80;
	background: none;
	font-size: 16px;
}
.wanted-staff-list .title:before {
	counter-increment: number 1;
	content: counter(number) ". ";
}
.wanted-staff-list p {
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 1.7;
}
.wanted-staff-list p:last-of-type {
	margin-bottom: 0;
}

/*----------------------------------------------------
	bbs 掲示板 
----------------------------------------------------*/
.topic-info {
	font-size: 11px;
	margin: 8px 0 0 2px;
	color: #888;
	overflow: hidden;
}
.topic-info.post-info {
	margin: -5px 0 15px;
}
.topic-info > span {
	display: inline-block;
	margin-right: 6px;
	letter-spacing: 0;
}
.topic-info i {
	font-size: 14px;
	font-weight: bold;
	color: #a4997c;
	position: relative;
	top: 2px;
	display: inline-block;
	margin-right: 4px;
}
.topic-info i img {
	width: 18px;
}
.topic-info .reply-count i {
	width: 16px;
}
.topic-info .date i {
	top: 2.5px;
}
.edit-tool {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 1;
}
.edit-tool a {
}
.edit-tool i,
.edit-tool span {
	color: #777;
	font-size: 15px;
	position: relative;
	top: 3px;
	left: 3px;
	margin-right: 5px;
}
.edit-tool .close-btn {
	font-size: 11px;
	padding: 8px 10px;
	text-align: center;
	color: #333;
	border: solid 1px #bbb;
	background-color: #f5f5f5;
	border-radius: 4px;
	letter-spacing: 0;
	display: block;
	margin-bottom: 15px;
}
.edit-tool .close-btn:hover {
	text-decoration: none;
	opacity: 0.7;
}

/*-----------------------------------
	掲示板トップページ page-bbs
------------------------------------*/
.create-topic-box {
	margin-bottom: 45px;
	padding-top: 5px;
}
.create-topic-box .btn__create-topic {
	margin-bottom: 0;
}
.create-topic-message {
	text-align: center;
	margin-bottom: 5px;
	font-size: 14px;
}
.create-topic-message span {
	position: relative;
}
.create-topic-message span:before,
.create-topic-message span:after {
	position: absolute;
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	background-color: #444;
	bottom: 10px;
}
.create-topic-message span:before {
	right: calc(100% + 20px);
	transform: rotate(40deg);
}
.create-topic-message span:after {
	left: calc(100% + 20px);
	transform: rotate(-40deg);
}

/*-----------------------------
	トピックリスト topic-list
------------------------------*/
.topic-list {
	margin: 0;
	margin-top: 6px;
	margin-bottom: 10px;
}
.topic-list > li {
	margin: 0!important;
	padding-left: 0!important;
	background: none;
	overflow: hidden;
	border-bottom: solid 1px #ddd;
	position: relative;
}
.topic-list > li:before {
	display: none!important;
}
.topic-list > li:first-child {
	border-top: solid 1px #ddd;
}
.topic-list > li a {
	display: block;
	padding: 15px 0;
	color: #444;
}
.topic-list > li a:hover {
	background-color: #eee;
}
.topic-list > li:after {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 4px;
	width: 10px;
	height: 10px;
	border-top: solid 4px #ccc;
	border-right: solid 4px #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.topic-list .topic-option {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 10px;
}
.topic-list .close-mark {
	display: inline-block;
	margin: 0 0 5px;
	padding: 5px 18px;
	font-size: 11px;
	color: #f00;
	background-color: #fffded;
	border: solid 1px #f00;
	border-radius: 30px;
	position: relative;
	top: -5px;
}
.topic-list .private-mark {
	display: inline-flex;
	margin: 0 0 5px;
	padding: 5px 10px;
	font-size: 11px;
	color: #fff;
	background-color: #666;
	border-radius: 30px;
	position: relative;
	top: -5px;
}
.topic-list .topic-request-option {
	display: flex;
	flex-wrap: wrap;
}
.topic-list .topic-request-option__item {
	display: block;
	padding: 1px 8px;
	margin-right: 5px;
	font-size: 9px;
	letter-spacing: 0;
	color: #fff;
	border-radius: 20px;
}
.topic-list .topic-request-option__item--stance {
	background-color: #ff6347;	
}
.topic-list .topic-request-option__item--advice {
	background-color: #4682b4;
}
.topic-list .topic-request-option__item:last-of-type {
	margin-right: 0;
}
.topic-list .topic-item {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
	color: #444;
}
.topic-list > li .img {
	width: 60px;
}
.topic-list > li .img .cat {
	font-size: 11px;
	color: #f80;
	background-color: #fff;
	display: block;
	line-height: 1;
	padding: 2px 0 3px;
	margin-top: 8px;
	text-align: center;
	border-radius: 4px;
	border: solid 1px #f80;
}
.topic-list > li .img img {
	border-radius: 50%;
	display: block;
	width: 60px;
	height: 60px;
	object-fit: cover;
}
.topic-list > li a:hover img {
	opacity: 1;
}
.topic-list > li .content {
	width: calc(100% - 60px);
	padding-left: 15px;
	box-sizing: border-box;
}
.topic-list > li .content .title {
	margin: 0;
	padding: 0;
	border: none;
	color: #e80;
	font-size: 15px;
	background: none;
	text-shadow: none;
	font-weight: bold;
	line-height: 1.5;
}
.topic-list > li .content .description {
	font-size: 12px;
	line-height: 1.5;
	margin-top: 8px;
	margin-bottom: 0;
}
.topic-list > li .topic-info {
	margin-bottom: 0;
	font-size: 10px;
	margin-top: 10px;
	letter-spacing: 0.03em;
	color: #555;
}
.topic-list > li .topic-info .date {
	float: none;
}
.article-list .close-mark {
	display: inline-block;
	padding: 3px 25px;
	font-size: 10px;
	color: #f00;
	background-color: #fffded;
	border: solid 1px #f00;
	border-radius: 30px;
	margin-bottom: 5px;
	position: relative;
	top: -5px;
}

/*-----------------------------
	リプライリスト reply-list reply-to-list
------------------------------*/
.reply-list {
	margin-bottom: 15px;
}
.reply-list > li {
	position: relative;
	padding: 10px 10px 1px;
	margin-bottom: 15px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
}
.reply-list .edit-tool {
	font-size: 11px;
	min-height: 15px;
}
.reply-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 15px;
}
.reply-header .img {
	width: 44px;
	position: relative;
}
.reply-header .role-mark {
	position: absolute;
	top: 34px;
	left: 0;
	color: #fff;
	background-color: #f80;
	text-align: center;
	display: block;
	width: 40px;
	padding: 1px 0 1px 1px;
	letter-spacing: 0;
	font-size: 8px;
	border-radius: 20px;
	line-height: 1.35;
}
.reply-header .img img {
	border-radius: 50%;
	display: block;
	width: 44px;
	height: 44px;
	object-fit: cover;
}
.reply-header .content {
	width: calc(100% - 44px);
	padding-left: 10px;
	box-sizing: border-box;
}
.reply-header .reply-info {
	position: absolute;
	font-size: 10px;
	left: 10px;
	top: 12px;
}
.reply-header .name {
	line-height: 1.1;
}
.reply-header .replay-author-name {
	font-size: 15px;
}
.reply-header .role {
	color: #777;
	background-color: #eee;
	font-size: 9px;
	display: inline-block;
	margin-top: 7px;
	padding: 2px 10px 3px;
	border-radius: 4px;
}
.reply-header .user-status span {
	display: inline;
	text-align: left;
}
.reply-header .user-status span:after {
	content: "/";
	margin-left: 4px;
	margin-right: 1px;
}
.reply-header .user-status span:last-of-type:after {
	display: none;
}
.reply-content {
	font-size: 14px;
	line-height: 1.5;
}
.reply-content__secret {
	background-color: #f5f5f5;
	margin: -5px 0 10px;
	padding: 32px 10px 15px;
	border-radius: 15px;
	position: relative;
}
.reply-content__secret-icon {
	position: absolute;
	top: 8px;
	left: 8px;
	font-size: 24px;
	color: #aaa;
}
.reply-content__secret-info {
	font-size: 12px;
	text-align: center;
	letter-spacing: 0.2px;
	margin-bottom: 15px!important;
}
.reply-info {
	color: #999;
}
.reply-info i {
	font-size: 13px;
	margin-right: 3px;
	position: relative;
	top: 3px;
}
.reply-footer {
	margin-top: 30px;
}
.reply-footer .reaction-box {
}
.form-reply-to {
	margin-top: 20px;
}
/*
	reply-to-list
*/
.reply-to-list {
	margin-top: 10px;
}
.reply-to-list-item {
	position: relative;
	margin-bottom: 12.5px;
	padding: 10px 12.5px 0;
	background-color: #FFFCF2;
	border: 1px solid #F2EBD4;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 3%);
}

/*-----------------------------
	マイページ mypage
------------------------------*/
.profile-panel {
	padding: 20px 12.5px;
	border-radius: 20px;
	background-color: #FFFBF0;
}
.profile-panel .member-soudan-status {
	margin-top: 12px;
}
.profile-panel .member-status-list {
	justify-content: center;
}
.profile-panel .member-soudan-stance {
	margin-top: 8px;
}
.profile-panel .soudan-stance-list {
	justify-content: center;	
}
.profile-panel .profile-panel-top .img {
	text-align: center;
}
.profile-panel .profile-panel-top .img img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 50%;
}
.profile-panel .profile-panel-top .content {
	text-align: center;
	line-height: 1;
}
.profile-panel .profile-panel-top .content .user-name {
    display: block;
    margin-top: 15px;
    font-size: 18px;
}
.profile-panel .profile-panel-top .content .user-iine {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    color: #777;
}
.profile-panel .sns-list {
	margin-top: 10px;
}
.profile-panel .sns-list > li {
	margin-right: 10px;
}
.profile-panel .sns-list > li:last-child {
	margin-right: 0;
}
.profile-panel .result .user-result {
	margin-top: 35px;
}
.profile-panel .result .user-result .caution {
	font-size: 12px;
	line-height: 1.6;
	margin: 25px 0 0;
}
.profile-panel-main .member-result-list > li {
	border-bottom: solid 1px #ddd;
	padding: 10px 0 4px;
}
.profile-panel-main .member-result-list > li:first-child {
	padding-top: 0;
}
.profile-panel-main .named-area {
	margin-top: 40px;
}

/*-------------------------
	その他
--------------------------*/
/* stripe */
.stripe-button-el {
	border: none!important;
	background: none!important;
	color: #fff!important;
	background-color: #f80!important;
	display: block!important;
	padding: 15px 0!important;
	text-align: center!important;
	width: 100%!important;
	box-sizing: border-box!important;
}
.stripe-button-el:hover {
	opacity: 0.7!important;
}
.stripe-button-el span {
	background: none!important;
	text-shadow: none!important;
	box-shadow: none!important;
	font-size: 14px!important;
	letter-spacing: 1.5px!important;
}
/* amazon JS */
.amazonjs_item {
	margin-bottom: 25px!important;
}
.amazonjs_item .amazonjs_image {
}
.amazonjs_item h4 {
		font-family: Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.amazonjs_item h4 a {
	text-decoration: underline;
}
.amazonjs_item ul li:before {
	display: none!important;
}

/* 記事挿入 */
.insert-post {
	width: 90%;
	margin: 0 auto 20px;
	border: solid 1px #f80;
	border-radius: 15px;
}
.insert-post a {
	display: flex;
	flex-wrap: wrap;
	background-color: #fffded;
	border-radius: 15px;
}
.insert-post--avatar a {
	padding: 10px;
	align-items: center;
}
.insert-post a:hover {
	text-decoration: none;
	background-color: #FDEFCC;
}
.insert-post .img {
	width: 90px;
}
.insert-post--avatar a .img {
	width: 40px;
}
.insert-post .img img {
	display: block;
	width: 90px;
	height: 100%;
	min-height: 60px;
	border-radius: 13px 0 0 13px;
	object-fit: cover;
}
.insert-post--avatar .img img {
	width: 40px;
	height: 40px;
	min-height: auto;
	border-radius: 50%;
}
.insert-post a:hover img {
	opacity: 1;
}
.insert-post .text {
	width: calc(100% - 90px);
	padding: 10px 10px 10px 15px;
	box-sizing: border-box;
}
.insert-post--avatar .text {
	width: calc(100% - 40px);
	padding: 0 0 0 10px
}
.insert-post .text p {
	line-height: 1.4;
	margin: 0
}
.insert-post .text .title {
	font-size: 13px;
	color: #444;
	font-weight: bold;
}
.insert-post .text .go {
	float: right;
	line-height: 1;
	display: inline-block;
	font-size: 12px;
}
.insert-post a:hover .text .go {
	text-decoration: underline;
}
.insert-profile {
	text-align: center;
}
.insert-profile__link {
	display: inline-flex;
	padding: 15px 10px;
	width: 90%;
	box-sizing: border-box;
	background-color: #fffded;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: solid 1px #FDcFaC;
}
.insert-profile__link:hover {
	background-color: #FDEFCC;
	text-decoration: none;
}
.insert-profile__img {
	width: 30px;
}
.insert-profile__img img {
	width: 30px;
	height: 30px;
	object-fit: cover;
	border-radius: 50%;
	display: block;
}
.insert-profile__text {
	padding-left: 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.insert-profile__title {
	color: #f80;
	font-size: 14px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}
.insert-profile__title .icon {
	font-size: 13px;
	margin-left: 5px;
	font-weight: bold;
	position: relative;
	top: 1px;
}
.insert-profile__link:hover .insert-profile__title {
	color: #f80;
}
.channel-comment-editor-tool {
	margin: 20px 0 5px;
}
.channel-comment-editor-tool .modal-btn {
	font-size: 11px;
	padding: 3px 12px
}
.search-post-list {
	margin-top: 10px;
}
.search-post-list-item {
	margin: 0 auto 15px;
	padding: 10px;
	border: solid 1px #f80;
	background-color: #fffded;
	border-radius: 10px;
}
.search-post-list-item__main {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.search-post-list-item .search-post-list__img img {
	display: block;
	object-fit: cover;
}
.search-post-list-item--post .search-post-list__img {
	width: 90px;
}
.search-post-list-item--post .search-post-list__img img {
	width: 90px;
	height: 60px;
	border-radius: 6px;
}
.search-post-list-item--post .search-post-list__content {
	width: calc(100% - 90px);
	padding-left: 12px;
	box-sizing: border-box;
}
.search-post-list-item--avatar .search-post-list__img {
	width: 45px;
}
.search-post-list-item--avatar .search-post-list__img img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
}
.search-post-list-item--avatar .search-post-list__content {
	width: calc(100% - 45px);
	padding-left: 12px;
	box-sizing: border-box;
}
.search-post-list-item .search-post-list__title {
	color: #444;
	font-size: 13px;
	line-height: 1.45;
	font-weight: bold;
	margin-bottom: 0;
}
.search-post-list__editor-btn-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 15px 5% 0;
}
.search-post-list__btn {
	width: 48%;
	border: solid 1px #f80;
	padding: 8px 5px;
	text-align: center;
	color: #f80;
	background-color: #fff;
	border-radius: 6px;
	box-sizing: border-box;
	font-size: 11px;
	font-weight: bold;
	box-shadow: none;
	line-height: 1;
	position: relative;
	cursor: pointer;
}
.search-post-list__btn:hover {
	color: #fff;
	background-color: #f80;
	text-decoration: none;
	opacity: 1;
}
.search-post-list__btn .icon {
	position: absolute;
	top: 8px;
	right: 15px;
	font-size: 13px;
}
.yakusoku,
.page-content .yakusoku {
	margin: 0;
}
.yakusoku li,
.page-content .yakusoku li {
	margin: 0 0 20px;
	padding: 0;
}
.yakusoku li:last-child,
.page-content .yakusoku li:last-child {
	margin-bottom: 0;
}
.yakusoku li:before,
.page-content .yakusoku li:before {
	display: none;
}
.yakusoku li dl,
.page-content .yakusoku li dl {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.yakusoku li dt,
.page-content .yakusoku li dt {
	font-weight: bold;
	margin-bottom: 15px;
}



/*
	絞り込み filter
*/
.filter-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 12px;
}
.filter-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: 20px;
	margin-bottom: 8px;
}
.filter-item i,
.filter-item span {
	color: #777;
	margin-right: 5px;
}
.filter-item select {
	padding: 6px 10px;
	background-color: #fff;
	border: solid 1px #ccc;
	border-radius: 5px;
}
.filter-item__icon {
	position: relative;
}
.filter-item__icon i,
.filter-item__icon span {
	position: absolute;
	left: 10px;
	top: 5px;
	z-index: 3;
}
.filter-box__common {
	margin-bottom: 20px;
	padding: 15px 10px;
	background-color: #eee;
	border-radius: 10px;
}
.filter-box__admin-topic .filter-item {
	margin-right: 8px;
}
.filter-box__admin-topic .filter-item select {
	padding: 6px 0px 6px 6px;
}
.filter-box--chat-not .filter-item {
	margin-right: 8px;
	margin-bottom: 0;
}
.filter-box--chat-not .filter-item:last-child {
	margin-right: 0;
}
.filter-box--chat-not .filter-item select {
	max-width: 120px;
}
.filter-box__member {
	margin-bottom: 20px;
}
.filter-box__member .filter-item:first-of-type {
	margin-right: 10px;
	margin-bottom: 0;
}
.filter-box__member .filter-item__icon span {
	left: 8px;
}
.filter-box__member .filter-item__icon select {
	padding-right: 4px;
	padding-left: 30px;
}
.filter-box__member .filter-member__status {
	margin: 0;
}
.filter-heading {
	margin-bottom: 12px;
}
.filter-heading .material-icons-round {
	position: relative;
	margin-right: 4px;
	top: 7px;
	color: #f80;
}
.filter-item__icon select {
	padding-left: 35px;
	position: relative;
	z-index: 2;
}
.filter-main {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}
.filter-main:after {
	display: block;
	content:"";
	width: 32%;
}
.filter-main select,
.filter-main input,
.form-filter button {
	font-size: 13px;
	line-height: 1;
	box-sizing: border-box;
	border-radius: 5px;
}
.filter-main select,
.filter-main input {
	padding: 8px 0 8px 10px;
	box-sizing: border-box;
	color: #555;
	background-color: #fff;	
	border: solid 1px #ddd;
}
.filter-main__topic select {
	width: 32%;
	max-width: 32%;
}
.filter-main__topic input {
	margin-top: 2%;
	margin-left: calc((100% - 200px) / 2);
	width: 200px;
}
.filter-agency-box {
	margin-bottom: 20px;
	padding: 20px 10px;
	background-color: #eee;
	border-radius: 10px;
}
.filter-main__agency-top select,
.filter-main__agency-top input {
	width: calc((100% / 2) - 4px);
}
.filter-main__agency-bottom select,
.filter-main__agency-bottom input {
	width: calc((100% / 3) - 4px);
}
.form-filter button {
	display: block;
	padding: 8px 0;
	width: 100%;
	text-align: center;	
	color: #fff;
	background-color: #f80;
	border: solid 1px #f80;
}
.form-filter button:hover {
	cursor: pointer;
	opacity: 0.7;
}
.filter-topic__status {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 8px;
}
.filter-topic__status .checkbox-wrap {
	font-size: 13px;
	margin: 0 15px;
	letter-spacing: 0;
}
.filter-named-member {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 15px;
    gap: 5px;
}
.named-member-tabs {
	max-width: 100%;
	margin-bottom: 0;
}
.named-member-tabs .named-member-tab {
	font-size: 16px;
	margin-bottom: 5px;
	background: transparent;
	border: none;
	cursor: pointer;
}
.form-item .filter-named-member select,
.form-item .filter-named-member input,
.form-item .filter-named-member button {
	font-size: 12px;
	line-height: 1;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom: 5px;
}
.form-item .filter-named-member select,
.form-item .filter-named-member input {
	padding: 8px 5px;
	color: #555;
	background-color: #fff;	
	border: solid 1px #ddd;
}
.form-item .filter-named-member #filter_named_member_response_pace {
	margin-right: 0;
}
.form-item .filter-named-member button {
	padding: 10px 40px;
	color: #fff;
	background-color: #f80;
	border: solid 1px #f80;
}
.form-item .filter-named-member button:hover {
	cursor: pointer;
	opacity: 0.7;
}

/* ブログ  */
.mypage-wrapper .mce-statusbar {
	display: none;
}
.wp-editor-tools {
	margin-bottom: 5px;
}
#post_content_ifr {
	height: 350px!important;
}



.media-modal h2 {
	display: none;
}
.supports-drag-drop .uploader-inline .drop-instructions {
	color: #333!important;
	background: none!important;
}



.user-status {
	display: block;
	color: #888;
	font-size: 9px;
	margin-top: 4px;
	line-height: 1.25;
}
.user-status span {
	display: block;
	text-align: center;
}

.member-status {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}
.member-status-icon {
	display: block;
	line-height: 1;
	margin: 8px 1.5px -5px;
	width: 48px;
	padding: 2px 0 3px;
	font-size: 9px;
	text-align: center;
	letter-spacing: 0;
	color: #fff;
	background-color: #f80;
	border-radius: 5px;
}

.profile-panel .pr {
	margin-top: 45px;
	padding: 0 15px 25px;
	box-sizing: border-box;
	background-color: #fff!important;
	border: 2px solid #D8D8D8;
	border-radius: 10px;
	background: none;
}
.profile-panel .pr dt {
	color: #836449;
	font-size: 18px;
	margin-bottom: 20px;
}
.profile-panel .pr dt i {
    position: relative;
    top: 22px;
    left: 0;
}
.profile-panel .pr dd p {
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 1.65;
}
.profile-panel .pr dd .pr-link {
	overflow: hidden;
}
.profile-panel .pr dd .pr-link a {
	float: right;
	font-size: 12px;
	display: inline-block;
	padding: 8px 40px;
	color: #fff;
	background-color: #629CEA;
	border-radius: 5px;
}
.profile-panel .pr dd .pr-link a:hover {
	text-decoration: none;
	opacity: 0.7;	
}

.clinic-hours-table {
	width: 100%;
}
.clinic-hours-table td,
.clinic-hours-table th {
	font-size: 10px;
	padding: 5px 0;
	text-align: center;
}
.clinic-hours-table .clinic-hours-table__tr-other td {
	text-align: left;
	line-height: 1.5;
	padding: 8px 10px;
}
.form-item__clinic-hours .clinic-hours-table td {
	padding: 0;
}
.form-item__clinic-hours .clinic-hours-table input,
.form-item__clinic-hours .clinic-hours-table select {
	padding: 10px 5px;
	border: none;
	border-radius: 0;
}
.clinic-address-table th,
.clinic-address-table td {
	padding: 10px 15px;
	line-height: 1.55;
	font-size: 14px;
}
.clinic-address-table th {
	width: 80px;
	padding-left: 5px;
	padding-right: 5px;
}

.profile-navi-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.profile-navi-list > li {
	width: calc((100% / 3) - 4px);
	margin-right: 6px;
	margin-bottom: 6px;
}
.profile-navi-list > li:nth-child(3n) {
	margin-right: 0;
}
.profile-navi-list > li a {
	font-size: 11px;
	display: block;
	color: #f80;
	background-color: #fff;
	border: solid 1px #f80;
	padding: 2px 0;
	border-radius: 5px;
	text-align: center;
	letter-spacing: 0;
}
.profile-navi-list > li.active a {
	color: #fff;
	background-color: #f80;
}
.profile-navi-list > li a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.qa-list {
	margin-bottom: 30px;
}

.page-content .manual-list {
	margin: 0;
	padding: 0;
}
.page-content .manual-list-item {
	margin: 0 0 10px;
	padding: 0;
}
.page-content .manual-list-item:before {
	display: none;
}
.manual-list-item a {
	display: flex;
	align-items: center;
	padding: 20px 12px 20px 15px;
	background-color: #fff;
	border: solid 1px #ddd;
	position: relative;
}
.manual-list-item a:after {
	position: absolute;
	content: "→";
	color: #f80;
	font-size: 15px;
	font-weight: bold;
	right: 10px;
	bottom: 2px;
}
.manual-list-item a:hover {
	color: #f80;
	text-decoration: none;
	background-color: #fffded;
}
.manual-list-item a:hover:after {
	right: 5px;
}
.manual-list-item a:hover img {
	opacity: 1;
}
.manual-list-item__img {
	width: 45px;
}
.manual-list-item__content {
	width: calc(100% - 45px);
	padding-left: 18px;
	box-sizing: border-box;
}
.manual-list-item__title {
	font-size: 17px;
	margin-bottom: 12px;
}
.manual-list-item a:hover .manual-list-item__title {
	text-decoration: underline;
}
.manual-list-item__description {
	color: #333;
	font-size: 12px;
	margin-bottom: 0;
	line-height: 1.6;
}
.manual-list-item a:hover .manual-list-item__description {
	color: #333;
}
.total-topic-count {
	margin-bottom: 10px;
	font-size: 13px;
}
.total-topic-count .count {
	padding: 0 5px;
	font-size: 26px;
	color: #f80;
}
.filter-admin-data select {
	padding: 8px;
	border: solid 1px #ccc;
	border-radius: 5px;
	width: 200px;
}
.distresses-table-message,
.admin-table-message {
	font-size: 13px;
}

}
/*
	forum-view
*/
.forum-view {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
	line-height: 1;
}
.forum-view .forum-view-item {
	position: relative;
	width: 48.5%;
}
.forum-view .forum-view-item .material-icons-round {
	position: absolute;
	color: #555;
	font-size: 22px;
	top: 8px;
	left: 8px;
	z-index: 2;
}
.forum-view .forum-view-item select {
	padding: 8px 0 8px 34px;
	width: 100%;
	box-sizing: border-box;
	border: solid 1px #ddd;
	border-radius: 5px;
	position: relative;
	z-index: 1;
}
.forum-view--post-filter:after {
	display: none;
}
.forum-view--post-filter {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.forum-view--post-filter .forum-view-item {
	width: auto;
	min-width: 0;
}
.forum-view--post-filter .post-keyword-inline {
	display: flex;
	align-items: center;
	position: relative;
	gap: 5px;
}
.forum-view--post-filter .post-keyword-inline input {
	width: calc(100% - 73px);
	padding: 8px 12px;
	box-sizing: border-box;
	border: solid 1px #ddd;
	border-radius: 5px;
	position: relative;
	z-index: 1;
}
.forum-view--post-filter .post-keyword-inline button[type="submit"] {
	width: 68px;
	padding: 10px 0;
	color: #fff !important;
	background-color: #f80 !important;
	border: solid 1px #f80;
	border-radius: 5px;
	box-sizing: border-box;
	cursor: pointer;
	line-height: 1;
	text-align: center;
}
.forum-view--post-filter .post-keyword-inline button[type="submit"]:hover {
	opacity: 0.75;
}
@media screen and (max-width: 600px) {
	.forum-view--post-filter {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}
	.forum-view--post-filter .post-keyword-inline {
		grid-column: 1 / -1;
	}
	.forum-view--post-filter .post-keyword-inline input {
		width: calc(100% - 73px);
	}
}
/*-----------------------------------
   汎用アコーディオン
------------------------------------*/
.accordion .accordion-header {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.accordion .accordion-content {
    display: none;
}


/*--------------------------------
	広告バナー
--------------------------------*/
.ads-box a,
.ads-box img {
	display: block;
}

/* スポンサーリンク */
.ads-box .ads__sponsor {
	color: #999;
	font-size: 11px;
	font-style: italic;
	letter-spacing: 0;
	margin-bottom: 4px;
}
.ads-box .ads__sponsor:before,
.ads-box .ads__sponsor:after {
	content: "ー";
}
.ads-box .ads__sponsor:before {
	margin-right: 5px;
}
.ads-box .ads__sponsor:after {
	margin-left: 5px;
}
.ads-box .ads__disclaimer {
	margin: 0 0 6px;
	color: #999;
	font-size: 9px;
	line-height: 1.4;
	letter-spacing: -0.02em;
	text-align: center;
	white-space: nowrap;
}
@media screen and (min-width: 768px) {
	.ads-box .ads__disclaimer {
		font-size: 10px;
	}
}

/* 一言PR（吹き出し） */
.ads-box .ads__pr {
	position: relative;
	margin: 12px 0 0;
	padding: 5px 10px;
	font-size: 13px;
	text-align: left;
	line-height: 1.4;
	background-color: #f0f8ff;
	border: solid 1px #5ab3d4;
	border-radius: 6px;
}
.ads-box .ads__pr:before {
	border: 8px solid transparent;
	border-bottom-color: #f0f8ff;
	border-top-width: 0;
	top: -8px;
	content: "";
	display: block;
	left: 30px;
	position: absolute;
	width: 0;
	z-index: 1;
}
.ads-box .ads__pr:after {
	border: 8px solid transparent;
	border-bottom-color: #5ab3d4;
	border-top-width: 0;
	top: -9px;
	content: "";
	display: block;
	left: 30px;
	position: absolute;
	width: 0;
}
.ads-box--b .ads__pr {
	font-size: 12px;
}

/* 位置A：記事下部 */
.ads-box--a {
	margin: 65px auto 30px;
	text-align: center;
}
.ads-box--a .ads__link {
	display: inline-block;
}
.ads-box--a .ads__img {
	display: block;
	width: auto;
	height: auto;
	max-width: 300px;
	max-height: 300px;
}

/* 位置B：サイドバー上部 */
.ads-box--b {
	margin-bottom: 30px;
}
.ads-box--b .ads__link {
	display: inline-block;
}
.ads-box--b .ads__img {
	display: block;
	width: auto;
	height: auto;
	max-width: 300px;
	max-height: 300px;
}

/* PC：Aは最大600px中央寄せ */
@media screen and (min-width: 601px) {
	.ads-box--a {
		width: 600px;
		margin: 70px auto 35px;
	}
	.ads-box--a .ads__img {
		max-width: 600px;
	}
}

.seo-related-links {
	margin: 20px 0 30px;
	padding: 18px 20px;
	background: #fff8ec;
	border: 1px solid #f3d5a3;
	border-radius: 8px;
}
.seo-related-links h2 {
	margin: 0 0 8px;
	padding: 0;
	background: none;
	color: #8a5a13;
	font-size: 18px;
	line-height: 1.4;
}
.seo-related-links h3 {
	margin: 14px 0 8px;
	padding: 0;
	background: none;
	color: #6a5a45;
	font-size: 15px;
	line-height: 1.4;
}
.seo-related-links h2 + h3 {
	margin-top: 4px;
}
.seo-related-links p {
	margin: 0 0 12px;
	color: #666;
	font-size: 14px;
	line-height: 1.6;
}
.seo-related-links ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.seo-related-links ul + h3 {
	margin-top: 16px;
}
.seo-related-links li {
	margin: 0;
	padding: 0;
}
.seo-related-links li:before {
	display: none;
}
.seo-related-links a {
	display: inline-block;
	padding: 8px 12px;
	background: #fff;
	border: 1px solid #f0c47a;
	border-radius: 999px;
	color: #a86d12;
	font-size: 13px;
	line-height: 1.3;
	text-decoration: none;
}
.seo-related-links a:hover {
	background: #fff0d8;
	text-decoration: none;
}

@media screen and (min-width: 601px) {
	.seo-related-links--single-bottom {
		margin: 35px 0 0;
	}
}

@media screen and (max-width: 600px) {
	.seo-related-links {
		margin: 18px 0 24px;
		padding: 15px;
	}
	.seo-related-links h2 {
		font-size: 16px;
	}
	.seo-related-links ul {
		display: block;
	}
	.seo-related-links li + li {
		margin-top: 8px;
	}
	.seo-related-links a {
		display: block;
		text-align: center;
	}
}