@charset "UTF-8";

/*-----------------------------
	CSSリセット
------------------------------*/
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	border: none;
	vertical-align: bottom;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
}

body {
	line-height: 1
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

input,
select {
	vertical-align: middle
}

/*-----------------------------
	BASE
------------------------------*/
@font-face {
	font-family: 'Noto Sans JP';
	src: url('../fonts/NotoSansJP-Regular.otf') format('opentype');
}

@font-face {
	font-family: "fontello";
	src: url("../fonts/fontello/font/fontello.eot");
	src: url("../fonts/fontello/font/fontello.eot") format("embedded-opentype"),
		url("../fonts/fontello/font/fontello.woff") format("woff"),
		url("../fonts/fontello/font/fontello.ttf") format("truetype"),
		url("../fonts/fontello/font/fontello.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #4f4f4f;
	line-height: 1.85;
	letter-spacing: 1px;
	word-break: break-all;
}

input[type="text"],
select,
textarea {
	font-family: 'Noto Sans JP', sans-serif;
	background-color: #fff;
}

img {
	height: auto;
	max-width: 100% !important;
}

p {
	margin-bottom: 30px;
}

a {
	color: #FF8F3E;
	text-decoration: none;
	transition: 0.5s;
}

a:hover {
	color: #444;
	text-decoration: underline;
}

a:hover img {
	opacity: 0.7;
}

.b,
strong {
	font-weight: bold;
	color: #222;
}

.red {
	color: #f00;
}

.sp {
	display: none;
}

::placeholder {
	color: #aaa;
}

/* 旧Edge対応 */
::-ms-input-placeholder {
	color: #aaa;
}

/* IE対応 */
:-ms-input-placeholder {
	color: #aaa;
}

.is-hidden {
	display: none;
}

/*-----------------------------
	基本レイアウト
------------------------------*/
#container {
	min-width: 1100px;
	padding-top: 166px;
}

#header {
	background-color: #FFDE68;
	padding: 15px 0;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
}

#navi {
	position: fixed;
	background-color: #fff;
	width: 100%;
	left: 0;
	top: 82px;
	z-index: 9999;
}

#wrap {
	padding-top: 50px;
	padding-bottom: 60px;
	overflow: hidden;
}

#main {
	width: 760px;
	float: left;
}

#sidebar {
	width: 270px;
	padding-left: 40px;
	float: right;
}

.content-range {
	width: 1100px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

/*-----------------------------
	hタグ h1 h2 h3
------------------------------*/
h1,
.h1 {
	font-size: 137.5%;
	font-weight: bold;
	line-height: 1.45;
	margin-bottom: 10px;
}

h1 i,
.h1 i {
	display: inline-block;
	position: relative;
	top: 16px;
	margin-right: 4px;
	margin-bottom: 5px;
	margin-top: -15px;
}

.h2__border {
	font-size: 112.5%;
	margin-bottom: 20px;
	padding: 5px 20px;
	background-color: #FFE895;
	border-radius: 50px;
}

.h2__line {
	color: #F87415;
	font-size: 112.5%;
	font-weight: bold;
	position: relative;
	margin-top: 35px;
	margin-bottom: 20px;
}

.h2__line:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #ddd;
	top: 50%;
	right: 0;
	z-index: 1;
}

.h2__line span {
	display: inline-block;
	padding-right: 15px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

/*-----------------------------
	header ヘッダー
------------------------------*/
#header .content-range {
	display: table;
}

#head-logo,
#head-info {
	display: table-cell;
	line-height: 1;
	vertical-align: middle;
}

#head-logo {
	width: 360px;
}

#head-logo,
#head-logo h1 {
	text-align: left;
}

#head-logo h1,
#head-logo .logo-wrap {
	display: inline-block;
	margin-bottom: 0;
}

#head-logo .home-logo-link {
	display: block;
}

#head-logo .home-logo-img {
	display: block;
}

#head-logo a:hover {
	text-decoration: none;
}

#head-logo .logo {
	width: 250px;
	display: block;
}

#head-logo .provider {
	display: inline-block;
	font-size: 87.5%;
	margin-left: 10px;
	margin-bottom: 0;
	position: relative;
	bottom: 5px;
}

#head-logo .provider a {
	color: #444;
}

#head-logo .provider i {
	width: 18px;
	display: inline-block;
	padding-right: 6px;
}

#head-logo .provider img {
	width: 70px;
}

#head-info {
	text-align: right;
}

#head-search,
#head-login {
	display: inline-block;
}

#head-search {
	text-align: right;
	padding: 0 5px;
}

#head-search .searchform {
	position: relative;
}

#head-search .searchform .s {
	width: 300px;
	padding: 8px 10px 8px 40px;
	background: #fff;
	box-sizing: border-box;
	border: none;
	border-radius: 3px;
	font-family: 'Noto Sans JP', sans-serif;
}

#head-search .searchform .icon-submit {
	position: absolute;
	display: inline-block;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	left: 5px;
	top: 2px;
}

#head-search .searchform i img {
	width: 32px;
}

#head-login .metro-link {
	font-size: 87.5%;
	color: #777;
	display: inline-block;
	position: relative;
	top: -9px;
	text-decoration: underline;
}

#head-login .login-btn-list {}

#head-login .login-btn-list li {
	display: inline-block;
	margin-right: 4px;
	width: 160px;
	box-sizing: border-box;
	vertical-align: middle;
}

#head-login .login-btn-list li a.button {
	display: block;
	text-align: center;
	box-sizing: border-box;
	padding: 10px 0;
	border-radius: 5px;
}

#head-login .login-btn-list li:last-child {
	margin-right: 0;
}

#head-login .login-btn-list li.login a.button,
#head-login .login-btn-list li.logout a.button {
	color: #555;
	background-color: #fff;
}

#head-login .login-btn-list li.regist a.button,
#head-login .login-btn-list li.mypage a.button {
	color: #fff;
	background-color: #FF8F3E;
}

#head-login .login-btn-list li a:hover {
	text-decoration: none;
}

#head-login .login-btn-list li.login a.button:hover,
#head-login .login-btn-list li.logout a.button:hover {
	background-color: #f2f2f2;
}

#head-login .login-btn-list li.regist a.button:hover,
#head-login .login-btn-list li.mypage a.button:hover {
	background-color: #dd4411;
}

#head-login .login-btn-list li.user {
	text-align: right;
}

#head-login .login-btn-list li.user img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 50%;
	margin-right: 5px;
	box-sizing: border-box;
	border: solid 0.5px #fff;
}

/*-----------------------------
	nav navi ナビ
------------------------------*/
#navi {
	box-shadow: 0 1px 1px #F2F2F2;
}

#navi .menu-global-navi {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#navi .menu-global-navi>li {
	margin: 0;
	padding: 0 25px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
}

#navi .menu-global-navi>li>a,
#navi .menu-global-navi>li>span {
	display: block;
	color: #555;
	font-size: 81.25%;
	padding: 5px 0 15px;
	line-height: 1;
	letter-spacing: 0.5px;
	text-decoration: none;
}

#navi .menu-global-navi>li>a:hover,
#navi .menu-global-navi>li>span:hover {
	color: #FF8F3E;
}

#navi .menu-global-navi>li i {
	display: block;
}

#navi .menu-global-navi>li i img {
	width: 50px;
}

#navi .menu-global-navi>li ul {
	display: none;
	width: 280px;
	padding: 20px 15px 20px 25px;
	box-sizing: border-box;
	background-color: #FFF7E3;
	position: absolute;
	top: 100%;
	left: 0;
	box-shadow: 1px 1px 6px #FF8F3E;
	border-radius: 10px;
	z-index: 5;
}

#navi .menu-global-navi>li:hover ul {
	display: block;
}

#navi .menu-global-navi>li ul li {}

#navi .menu-global-navi>li ul li a {
	display: block;
	margin: 0;
	font-size: 93.75%;
	padding: 5px 5px 5px 22px;
	color: #555;
	text-align: left;
	position: relative;
}

#navi .menu-global-navi>li ul li a:before {
	position: absolute;
	top: 1px;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	left: 3px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #FF8F3E;
	border-right: 2px solid #FF8F3E;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#navi .menu-global-navi>li ul li a:hover {
	color: #FF8F3E;
}

/*-----------------------------------
	kuzu breadcrumb パンくず
------------------------------------*/
#kuzu {
	background-color: #FFFBEF;
	font-size: 68.75%;
	padding: 8px 0;
	color: #777;
}

#kuzu a {
	color: #777;
	letter-spacing: 1px;
}

#breadcrumb {}

#breadcrumb ol {
	overflow: hidden;
}

#breadcrumb li {
	float: left;
	display: inline-block;
	margin-right: 8px;
}

#breadcrumb li:after {
	content: "/";
	display: inline-block;
	margin: 0 2px;
	color: #888;
}

#breadcrumb li span {
	margin-right: 8px;
}

#breadcrumb li:first-child a {
	color: #333;
}

#breadcrumb li:last-child:after {
	display: none;
}

/*-----------------------------
	sidebar サイドバー
------------------------------*/
#sidebar {
	font-size: 81.25%;
	line-height: 1.45;
	letter-spacing: 0;
}

.item-box-wrap {
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 10px;
	margin-bottom: 40px;
}

.item-box-wrap h4,
.item-box-wrap .heading {
	font-size: 106.25%;
	font-weight: bold;
	color: #111;
	background-color: #FFE895;
	margin: 0;
	padding: 15px 0;
	text-align: center;
	line-height: 1;
	border-radius: 10px 10px 0 0;
}

#sidebar .item-box-wrap__resolve h4 {
	background-color: #DCEFA6;
}

.item-box-wrap h4 span,
.item-box-wrap .heading span {
	position: relative;
	display: inline-block;
	font-weight: bold;
}

.item-box-wrap h4 span i,
.item-box-wrap .heading span i {
	position: absolute;
	left: -35px;
	top: -6px;
}

.item-box-wrap .topic-list {
	padding: 0 15px;
}

.item-box-wrap .topic-list li {
	border-bottom: solid 1px #ddd;
	padding-right: 40px;
}

.item-box-wrap .topic-list .arrow:before {
	top: calc(50% - 10px);
	right: 0;
}

.item-box-wrap .topic-list .arrow:after {
	top: calc(50% - 3.5px);
	right: 7px;
}

.item-box-wrap .topic-list li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 15px 0;
}

.item-box-wrap .topic-list li .img {
	width: 40px;
}

.item-box-wrap .topic-list li .img img {
	width: 40px;
	height: 40px;
	display: block;
	border-radius: 50%;
	object-fit: cover;
}

.item-box-wrap .topic-list li .content {
	width: calc(100% - 40px);
	padding-left: 10px;
	box-sizing: border-box;
}

.item-box-wrap .topic-list li .content .title {
	margin: 0;
	color: #333;
}

#sidebar .item-box-wrap .more-btn {
	padding: 15px;
}

#sidebar .item-box-wrap .more-btn a {
	display: block;
	color: #333;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 3px;
	position: relative;
	text-align: center;
	padding: 15px 0;
}

#sidebar .item-box-wrap .more-btn a:after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-top: solid 2px #FF8F3E;
	border-right: solid 2px #FF8F3E;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 15px;
	top: 20px;
}

#sidebar .item-box-wrap .more-btn a:hover {
	text-decoration: none;
	background-color: #f5f5f5;
}

/*
	ranking ランキング
*/
.item-box-wrap__ranking .topic-list li:last-child {
	border-bottom: none;
}

.item-box-wrap__ranking .topic-list__ranking li .img {
	position: relative;
}

.item-box-wrap__ranking .topic-list__ranking li .img img {
	border-radius: 0;
}

.item-box-wrap__ranking .topic-list__ranking li .img:after {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 40px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 112.5%;
	letter-spacing: 0;
}

.item-box-wrap__ranking .topic-list__ranking li:nth-child(1) .img:after {
	content: "1";
}

.item-box-wrap__ranking .topic-list__ranking li:nth-child(2) .img:after {
	content: "2";
}

.item-box-wrap__ranking .topic-list__ranking li:nth-child(3) .img:after {
	content: "3";
}

.item-box-wrap__ranking .topic-list__ranking li:nth-child(4) .img:after {
	content: "4";
}

.item-box-wrap__ranking .topic-list__ranking li:nth-child(5) .img:after {
	content: "5";
}

/*
	twitter ツイッター
*/
#sidebar .item-box-wrap__sns h4 {
	color: #fff;
	background-color: #83C8FC;
	letter-spacing: 1px;
}

#sidebar .item-box-wrap__sns .twitter-btn {
	padding: 12px 15px 15px;
}

#sidebar .item-box-wrap__sns .twitter-btn a {
	display: block;
	color: #fff;
	background-color: #54ACEE;
	box-sizing: border-box;
	border-radius: 3px;
	position: relative;
	text-align: center;
	padding: 15px 0;
}

#sidebar .item-box-wrap__sns .twitter-btn a:hover {
	opacity: 0.7;
	text-decoration: none;
}

/*
	banner バナー
*/
#sidebar .item-box-wrap__banner {
	border: none;
	margin-bottom: 0;
}

#sidebar .banner-list li {
	margin-bottom: 30px;
}

#sidebar .banner-list li:last-child {
	margin-bottom: 0;
}

/*-----------------------------
	footer フッター
------------------------------*/
#footer {
	margin-top: 80px;
}

#footer a {
	color: #333;
}

#footer-ad {
	background-color: #F6F6F6;
	padding: 30px 0;
}

#footer-ad .banner-list {
	display: flex;
	flex-wrap: wrap;
}

#footer-ad .banner-list li {
	width: 20%;
	padding: 0.5%;
	box-sizing: border-box;
}

#footer-ad .banner-list li img {
	display: block;
	width: 210px;
}

#footer-main {
	background-color: #F9DC76;
	padding: 30px 0 0;
}

#footer-main-top {
	overflow: hidden;
	margin-bottom: 20px;
}

#footer-logo,
#footer-sns,
#footer-regist {
	display: inline-block;
}

#footer-logo a,
#footer-logo img {
	display: block;
}

#footer-sns {
	margin-left: 20px;
}

#footer-sns .sns-list {
	position: relative;
	top: -4px;
}

#footer-sns .sns-list li {
	display: inline-block;
}

#footer-sns .sns-list li i {
	position: relative;
	font-size: 162.5%;
}

#footer-regist {
	float: right;
}

#footer-regist a {
	color: #fff;
	background-color: #FF8F3E;
	display: inline-block;
	padding: 5px 30px;
	border-radius: 5px;
	font-size: 87.5%;
}

#footer-regist a:hover {
	text-decoration: none;
	opacity: 0.7;
}

#footer-main-middle {
	margin-bottom: 20px;
}

#footer-main-middle .menu-global-navi {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#footer-main-middle .menu-global-navi>li {
	font-size: 87.5%;
}

#footer-main-middle .menu-global-navi>li:last-child {}

#footer-main-middle .menu-global-navi>li i {
	position: relative;
	top: 6px;
}

#footer-main-middle .menu-global-navi>li i img {
	width: 25px;
}

#footer-main-middle .menu-global-navi>li ul {
	margin-top: 5px;
	font-size: 68.75%;
	max-width: 190px;
}

#footer-main-middle .menu-global-navi>li ul li {
	margin-bottom: 5px;
}

#footer-main-middle .menu-global-navi>li ul li:last-child {
	margin-bottom: 0;
}

#footer-main-middle .menu-global-navi>li ul li a {
	position: relative;
	display: block;
}

#footer-main-middle .menu-global-navi>li ul li a:hover {
	text-decoration: none;
	color: #FF8F3E;
}

#footer-main-middle .menu-global-navi>li ul li a:after {
	content: "〉";
	position: absolute;
	top: 0;
	right: -15px;
	font-size: 75%;
	font-weight: bold;
	color: #FF8F3E;
}

#footer-main-bottom {
	border-top: 1px solid #E1C76D;
	padding: 15px 0;
	font-size: 75%;
}

.footer-sub-nav-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 5px;
}

.footer-sub-nav-list li {
	padding: 5px 15px;
}

.footer-sub-nav-list li a {
	text-decoration: underline;
}

.footer-sub-nav-list li a:hover {
	opacity: 0.7;
}

.footer-contact-info {
	margin: 0;
	text-align: center;
	font-size: 68.75%;
}

#copyright {
	padding: 10px 0;
	background-color: #ECD06F;
	text-align: center;
	line-height: 1;
}

#copyright .copy {
	margin: 0;
	font-size: 68.75%;
}

#footer .copy a {
	color: #BEA652;
}

/*-----------------------------------
	共通コンポーネント
------------------------------------*/
div.btn {
	margin-top: 30px;
	margin-bottom: 40px;
	text-align: center;
}

div.btn a {
	line-height: 1;
	display: inline-block;
	padding: 18px 50px 18px;
	color: #fff;
	background-color: #FF8F3E;
	border-radius: 35px;
	font-size: 93.75%;
}

div.btn a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.double_btn {
	margin-top: 45px;
	margin-bottom: 60px;
	text-align: center;
}

.double_btn a {
	width: 270px;
	padding: 11px 20px;
	display: inline-block;
	margin: 0 10px;
	border-radius: 40px;
	border: solid 1px #FF8F3E;
	line-height: 1.5;
}

.double_btn a:hover {
	text-decoration: none;
	background-color: #FF8F3E;
	color: #fff;
}

.btn-wrap {
	margin-top: 40px;
	margin-bottom: 30px;
}

.btn-wrap__center {
	text-align: center;
}

.btn-create-topic {
	display: inline-block;
	color: #fff;
	background-color: #FF8F3E;
	font-size: 112.5%;
	padding: 10px 70px 10px 60px;
	position: relative;
}

.btn-create-topic:before {
	position: absolute;
	content: "";
	display: block;
	width: 27px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/common/icon/icon_chat_white.png);
	background-size: 27px 20px;
	top: 17px;
	left: 20px;
}

.btn-create-topic:hover {
	color: #fff;
	text-decoration: none;
	opacity: 0.7;
}

.arrow {
	position: relative;
}

.arrow:before,
.arrow:after {
	position: absolute;
	content: '';
}

.arrow:before {
	width: 15px;
	height: 15px;
	display: block;
	background-color: #fff;
	border: 2px solid #FDCB18;
	border-radius: 50%;
}

.arrow:after {
	width: 4px;
	height: 4px;
	border-top: solid 2px #FDCB18;
	border-right: solid 2px #FDCB18;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*
	count-list ol
*/
ol.count-list {
	counter-reset: item;
	margin-bottom: 30px;
}

ol.count-list>li {
	margin-bottom: 5px;
	padding-left: 35px;
	position: relative;
}

ol.count-list>li:before {
	counter-increment: item;
	content: counter(item);
	position: absolute;
	top: 0;
	left: 0;
}

/*
	caution dl
*/
dl.caution {
	padding-left: 40px;
	margin-bottom: 35px;
}

dl.caution dt {
	position: relative;
	font-weight: bold;
	margin-bottom: 15px;
}

dl.caution dt:before {
	position: absolute;
	content: "";
	background: url(../images/common/icon/icon_caution_yellow.png);
	width: 21px;
	height: 19px;
	left: -40px;
	top: 5px;
}

dl.caution dd {
	margin-bottom: 20px;
}

/*
	qa-list
*/
.qa-list {
	margin-bottom: 35px;
}

.qa-list>li {
	padding: 20px 0;
	border-bottom: solid 1px #ddd;
}

.qa-list>li:first-child {
	padding-top: 0;
}

.qa-list>li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.qa-list .qa-title {
	padding-left: 40px;
	margin-bottom: 10px;
	font-weight: bold;
	position: relative;
}

.qa-list .qa-title:before {
	position: absolute;
	content: "";
	background: url(../images/common/icon/icon_chat_yellow.png);
	width: 23px;
	height: 18px;
	left: 0;
	top: 6px;
}

.qa-list .qa-content {
	margin-bottom: 0;
}

/*
	タブ
*/
.tab {}

.tab__profile {
	margin-top: 25px;
	margin-bottom: 35px;
	position: relative;
	overflow: hidden;
}

.tab__profile:after {
	display: block;
	content: "";
	width: 230%;
	height: 1px;
	background-color: #ddd;
	position: absolute;
	z-index: 1px;
	bottom: 0;
	left: 0;
}

.tab__profile li {
	display: inline-block;
	margin-right: 2px;
	position: relative;
	z-index: 2;
	border-radius: 10px 10px 0 0;
	border: solid 1px #ddd;
}

.tab__profile li:last-child {
	margin-right: 0;
}

.tab__profile li a {
	display: block;
	line-height: 1;
	font-size: 87.5%;
	padding: 13px 23px;
	color: #bbb;
	background-color: #fff;
	border-radius: 10px 10px 0 0;
	position: relative;
	z-index: 2;
}

.tab__profile li a:hover {
	text-decoration: none;
	background-color: #f6f6f6;
}

.tab__profile li.active {
	border-bottom-color: #fff;
}

.tab__profile li.active a {
	color: #333;
}

.tab__profile li.new:before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	border-radius: 50%;
	background-color: #F38181;
	top: 16px;
	left: 12px;
	z-index: 3;
}

/* モーダル */
.form-item--has-modal {
	position: relative;
}

.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 10001;
}

.modal-content {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	padding: 60px 30px 20px;
	border-radius: 8px;
	z-index: 10002;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	width: 75%;
	max-width: 700px;
	max-height: 80vh;
	overflow-y: auto;
	box-sizing: border-box;
}

.show-modal-btn {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 25px;
	font-size: 80%;
	background: #FFE895;
	color: #111;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.show-modal-btn:hover {
	background-color: #FEDB88;
}

.close-modal-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 3px 15px 2px;
	background: #fff;
	color: #666;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	border-radius: 5px;
	border: solid 1px #999;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.close-modal-btn:hover {
	background-color: #eee;
}

.close-icon {
	position: relative;
	width: 16px;
	height: 16px;
	display: inline-block;
}

.close-icon::before,
.close-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: calc(50% - 8px);
	width: 100%;
	height: 2px;
	background-color: #777;
}

.close-icon::before {
	transform: rotate(45deg);
}

.close-icon::after {
	transform: rotate(-45deg);
}

.modal-content__lead {
	font-weight: bold;
}

.is-modal-open {
	-webkit-user-select: none;
	user-select: none;
}

.is-modal-open .modal-content,
.is-modal-open .modal-content * {
	-webkit-user-select: text;
	user-select: text;
}


/*-----------------------------
	投稿・固定ページ共通
------------------------------*/
.article {
	padding: 30px 30px 30px;
	border: 1px solid #E0E0E0;
	border-radius: 6px;
	position: relative;
}

/*-----------------------------
	ブログ single single-post
------------------------------*/
.single-post .article {
	padding-top: 60px;
}

.single-post .article h2,
.single-info .article h2 {
	font-size: 106.25%;
	color: #333;
	background-color: #FFF0BB;
	margin-bottom: 25px;
	padding: 10px 20px;
	line-height: 1.4;
	border-radius: 50px;
}

.single-post .article h3,
.single-info .article h3 {
	font-size: 106.25%;
	color: #333;
	margin-bottom: 25px;
	padding: 5px 0 5px 20px;
	line-height: 1.4;
	position: relative;
}

.single-post .article h3:before,
.single-info .article h3:before {
	position: absolute;
	content: "";
	width: 8px;
	height: 100%;
	border-radius: 4px;
	background-color: #F4BF03;
	top: 0;
	left: 0;
}

.article-header {
	margin-bottom: 10px;
	position: relative;
}

.article-header .cat {
	position: absolute;
	top: -60px;
	left: 0;
}

.article-header .cat a,
.article-header .cat span {
	color: #fff;
	background-color: #F4BF03;
	font-size: 75%;
	display: block;
	line-height: 1;
	padding: 10px 20px 10px 40px;
	border-radius: 0 0 10px 10px;
	position: relative;
}

.article-header .cat a:before,
.article-header .cat span:before {
	position: absolute;
	content: "";
	background: url(../images/common/icon/icon_column_white.png);
	width: 14px;
	height: 16px;
	left: 20px;
	top: 8px;
}

.article-header .cat a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.article-header-option {
	position: absolute;
	right: -20px;
	top: -50px;
	display: flex;
	align-items: center;
}

.article-header-option .post-status {
	display: inline-block;
	font-size: 81.25%;
	color: #EBA900;
	background-color: #FFF3C8;
	border: 1px solid #EBA900;
	box-sizing: border-box;
	border-radius: 33px;
	line-height: 1;
	padding: 8px 20px;
	position: relative;
	top: 0;
}

.article-header-option .post-status__pending {
	padding-left: 40px;
	background-image: url("../images/common/icon/icon_wait.png");
	background-repeat: no-repeat;
	background-position: left 20px center;
}

.article-edit-tool .article-edit-btn a {
	display: block;
	color: #333;
	font-size: 87.5%;
	margin-left: 15px;
	padding: 6px 15px;
	border: 1px solid #E0E0E0;
	border-radius: 3px;
}

.article-edit-tool .article-edit-btn a i {
	position: relative;
	top: 3px;
	margin-right: 8px;
}

.article-edit-tool .article-edit-btn a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.article-header h1 {
	margin-bottom: 20px;
}

.article-header .article-info {
	font-size: 81.25%;
	color: #999;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 0;
	margin-bottom: 15px;
	min-height: 30px;
}

.article-header .article-info .author {}

.article-header .article-info .author a {
	color: #777;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.article-header .article-info .author a:hover {}

.article-header .article-info .author img {
	display: block;
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 50%;
	box-sizing: border-box;
	display: inline-block;
	border: 2.5px solid #FFFFFF;
	box-sizing: border-box;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
}

.article-header .article-info .author span {
	width: calc(100% - 40px);
	padding-left: 8px;
	box-sizing: border-box;
}

.article-header .article-info-item,
.article-header .article-info-item .view,
.article-header .article-info-item .date {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.article-header .article-info-item .view {
	margin-right: 10px;
}

.article-header .article-info-item img {
	margin-right: 5px;
}

.article-header .article-info-item .view img {
	width: 20px;
}

.article-header .article-info-item .date img {
	width: 14px;
}

.article-main {}

.article-main .eyecatch {
	margin-bottom: 30px;
}

.article-main .eyecatch img {
	display: block;
	border-radius: 10px;
}

.single-aside {
	margin-top: 60px;
	padding: 30px 30px 40px;
	box-shadow: 0px 0px 3px #ddd;
	border-radius: 6px;
	position: relative;
}

.single-aside--column {
	padding: 0;
	box-shadow: none;
}

.single-aside h4 {
	font-size: 125%;
	font-weight: bold;
}

.single-aside h4 i {
	position: relative;
	top: 2px;
	padding-right: 10px;
}

.single-aside h4 .sub {
	float: right;
	color: #777;
	font-size: 87.5%;
	position: relative;
	top: 6px;
}

.single-aside .more-btn {
	text-align: center;
	margin-top: 20px;
}

.single-aside__articles .more-btn {
	margin-top: 35px;
}

.single-aside .more-btn a {
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 3px;
	display: inline-block;
	padding: 17px 70px;
	line-height: 1;
	position: relative;
	font-size: 93.75%;
	color: #828282;
}

.single-aside .more-btn a:after {
	position: absolute;
	content: "〉";
	font-size: 87.5%;
	top: 18px;
	right: 10px;
	font-weight: bold;
	color: #FF8F3E;
}

.single-aside .more-btn a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}

/*-----------------------------
	ブログ作成フォーム form-post
------------------------------*/
.mentor-blog-editor {
	display: block !important;
	visibility: hidden !important;
	position: absolute;
	bottom: 0;
}

#mentor-blog-editor_ifr {
	height: 350px !important;
}

#wp-post-content-wrap .mce-statusbar {
	display: none;
}

/*-----------------------------
	検索結果 search-result
------------------------------*/
.page-search-result h1 {
	margin-bottom: 20px;
}

.page-search-result h1 .key {
	color: #FF8F3E;
	font-weight: bold;
	padding-right: 5px;
}

.search-field {
	margin-bottom: 35px;
}

.search-field #s {
	width: 50%;
	box-sizing: border-box;
	padding: 8px 10px;
	background: #F5F5F5;
	border: 2px solid #EAE7E7;
	box-sizing: border-box;
	border-radius: 5px;
}

.search-field .searchsubmit {
	color: #fff;
	background-color: #FF8F3E;
	width: 70px;
	padding: 8px 10px;
	border: 2px solid #FF8F3E;
	box-sizing: border-box;
	border-radius: 5px;
}

/*-----------------------------
	いいね 共感 wp-like
------------------------------*/
.wp-like {
	position: absolute;
	left: 0;
	top: 10px;
}

.wp-like .like-btn {
	background: none;
	border: none;
	padding: 2px 0 6px 52px;
	text-align: left;
	position: relative;
}

.wp-like .like-btn:hover {
	cursor: pointer;
}

.wp-like .like-btn:focus {
	outline: none;
}

.wp-like .like-btn:before {
	position: absolute;
	content: "";
	background: url("../images/common/icon/icon_like.png") no-repeat;
	background-size: 47px 47px;
	width: 47px;
	height: 47px;
	left: 0;
	top: -1px;
	display: block;
}

.wp-like .like-btn__liked:before {
	background-image: url("../images/common/icon/icon_like__liked.png");
}

.wp-like .like-label {
	display: block;
	font-size: 68.75%;
	color: #777;
}

.wp-like .count-box {
	display: block;
	font-size: 112.5%;
	margin-top: 2px;
}

/*-----------------------------
	参考になった wp-bookmark
------------------------------*/
.wp-bookmark {
	float: left;
	position: relative;
	margin-top: 25px;
}

.wp-bookmark .bookmark-btn {
	position: relative;
	background: none;
	border: none;
	font-size: 87.5%;
	color: #777;
	padding: 0 0 0 28px;
}

.wp-bookmark .bookmark-btn:hover {
	cursor: pointer;
}

.wp-bookmark .bookmark-btn:focus {
	outline: none;
}

.wp-bookmark .bookmark-btn:before {
	position: absolute;
	content: "";
	background: url("../images/common/icon/icon_bookmark_glay.png") no-repeat;
	background-size: 20px 19px;
	width: 20px;
	height: 19px;
	left: 0;
	top: -1px;
	display: block;
}

.wp-bookmark .bookmark-btn__bookmarked:before {
	background-image: url("../images/common/icon/icon_bookmark_yellow.png");
}

.wp-bookmark .count-box {
	display: inline-block;
	font-size: 68.75%;
	line-height: 1;
	padding: 4px 10px;
	border: solid 1px #ccc;
	border-radius: 10px;
	margin-left: 2px;
}

/*-----------------------------
	著者情報 author-info
------------------------------*/
.article-aside-author {
	margin-top: 60px;
	padding-top: 10px;
	border-top: solid 1px #ddd;
}

.article-aside-author--column {
	padding-top: 30px;
}

.article-aside-author-item dt {
	font-size: 112.5%;
	font-weight: bold;
	margin-bottom: 25px;
}

.article-aside-author-item dt i {
	position: relative;
	display: inline-block;
	top: 17px;
	margin-right: 2px;
}

.article-aside-author-item dd {
	overflow: hidden;
}

.article-aside-author-item-main {
	display: flex;
	flex-wrap: wrap;
}

.article-aside-author-item-main .img {
	width: 90px;
	text-align: center;
}

.article-aside-author-item-main .img img {
	width: 90px;
	height: 90px;
	object-fit: cover;
	border: 2px solid #FFF;
	box-sizing: border-box;
	border-radius: 50%;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
}

.article-aside-author-item-main .name {
	font-size: 100%;
	margin-bottom: 5px;
	line-height: 1.3;
}

.article-aside-author-item-main .author-sub {
	color: #999;
	font-size: 75%;
}

.article-aside-author-item-main .content {
	width: calc(100% - 120px);
	padding-left: 30px;
	box-sizing: border-box;
}

.article-aside-author-item-main .heading {
	margin-bottom: 15px;
}

.article-aside-author-item-main .heading i {
	position: relative;
	top: 5px;
	margin-right: 10px;
}

.article-aside-author-item-main .profile {
	font-size: 87.5%;
	margin-bottom: 15px;
}

.article-aside-author-item .more-btn {
	text-align: center;
}

.article-aside-author-item .more-btn a {
	display: inline-block;
	line-height: 1;
	padding: 10px 50px;
	border-radius: 30px;
	font-size: 81.25%;
	color: #fff;
	background-color: #FF8F3E;
}

.article-aside-author-item .more-btn a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.article-aside-author-item .double-btn a {
	width: 130px;
	margin: 0 5px;
}

/*-----------------------------
	関連記事/関連トピック related-posts
------------------------------*/
.article-related-posts {
	margin-top: 50px;
}

.article-related-posts h4 {
	margin-bottom: 20px;
}

.article-related-posts h4 i {
	position: relative;
	display: inline-block;
	top: 8px;
	margin-right: 8px;
	width: 22px;
}

.related-posts-list {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	display: flex;
	flex-wrap: wrap;
}

.related-posts-list li {
	margin: 0;
	padding: 0;
	background: none;
	width: 50%;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.related-posts-list li:before {
	display: none;
}

.related-posts-list li:nth-child(odd) {
	padding-right: 12.5px;
}

.related-posts-list li:nth-child(even) {
	padding-left: 12.5px;
}

.related-posts-list li a:hover {
	text-decoration: none;
}

.related-posts-list li .table-cell {
	vertical-align: middle;
}

.related-posts-list .img {
	width: 100px;
	padding-right: 10px;
}

.related-posts-list .img img {
	height: calc(100px * 2 / 3);
	object-fit: cover;
	display: block;
	border-radius: 6px;
}

.related-posts-list .content {}

.related-posts-list .content .title {
	font-size: 81.25%;
	margin: 0;
	padding: 0px;
	border: none;
	line-height: 1.55;
	color: #333;
}

.related-posts-list a:hover .content .title {
	color: #f58282;
}

.related-posts .btn {
	margin: 20px 0 0;
}

/*-----------------------------
	pagination ページネーション
------------------------------*/
.pagination {
	font-size: 87.5%;
	margin-bottom: 15px;
}

.pagination-count {
	text-align: center;
	margin-bottom: 5px;
}

.pagination-count .l {
	font-size: 112.5%;
}

.pagination-count .view-range {
	margin-left: 15px;
	letter-spacing: 2px;
}

.pagination-count .total-count {
	color: #999;
}

.pagination-links {
	margin: 15px 0 30px;
	text-align: center;
	display: block;
}

.pagination-links a,
.pagination-links span.current {
	border-radius: 5px;
	display: inline-block;
	line-height: 1;
	padding: 14px 0;
	width: 44px;
	margin: 5px;
	background-color: white;
	text-decoration: none;
	font-size: 100%;
}

.pagination-links a {
	color: #4f4f4f;
	background-color: #F2F2F2;
}

.pagination-links span.dots {
	display: inline-block;
}

.pagination-links a:hover,
.pagination-links span.current {
	background-color: #FFDE68;
}

.pagination-links span.dots {
	padding: 1px 4px;
	margin-left: 5px;
}

/*-----------------------------
	filter-list フィルター
------------------------------*/
.filter-list {
	display: flex;
	align-items: center;
}

.filter-list li {
	padding-right: 10px;
	display: flex;
	align-items: center;
}

.filter-list li:last-child {
	padding-right: 0;
}

.filter-list li i {
	padding-right: 2px;
}

.filter-list li i img {
	display: block;
}

.filter-list select {
	padding: 8px;
	border: solid 1px #ddd;
	border-radius: 2px;
	font-size: 81.25%;
}

.filter-list input[type="checkbox"] {
	display: none;
}

#filter-type+label,
#filter-caution+label,
#filter-resolved+label,
#filter-answered+label,
#filter-named+label {
	position: relative;
	margin-left: 10px;
	padding-left: 45px;
	font-size: 81.25%;
	letter-spacing: 0;
}

#filter-type+label::before,
#filter-resolved+label::before,
#filter-answered+label::before,
#filter-named+label::before {
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
}

#filter-type:checked+label::after,
#filter-resolved:checked+label::after,
#filter-answered:checked+label::after,
#filter-named:checked+label::after {
	content: "";
	display: block;
	width: 20px;
	height: 12px;
	box-sizing: border-box;
	border-bottom: 3px solid #FF8F3E;
	border-left: 3px solid #FF8F3E;
	position: absolute;
	top: 8px;
	left: 13px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg) translateY(-50%);
}

/*---------------------------------
	トップページ home front-page
--------------------------------*/
#welcome {
	background-color: #FFFAE9;
	height: 495px;
}

#welcome .content-range {
	display: flex;
	flex-wrap: wrap;
}

#welcome h2 {
	padding-left: 94px;
	font-size: 162.5%;
	font-weight: bold;
	line-height: 1.45;
	margin-bottom: 30px;
	position: relative;
}

#welcome h2:before,
#welcome h2:after {
	content: "";
	position: absolute;
	display: block;
	width: 49px;
	height: 36px;
	background-repeat: no-repeat;
	background-size: 49px 36px;
}

#welcome h2:before {
	background-image: url("../images/common/icon/icon_chat_big_orange1.png");
	top: 12px;
	left: 0;
}

#welcome h2:after {
	background-image: url("../images/common/icon/icon_chat_big_orange2.png");
	top: 26px;
	left: 26px;
}

#welcome .content {
	padding-top: 45px;
	width: calc(100% - 415px);
	box-sizing: border-box;
}

#welcome .img {
	width: 415px;
}

#welcome .img img {
	height: 495px;
}

#welcome .description p {
	margin-bottom: 25px;
}

#welcome .create-topic {
	display: inline-block;
	color: #fff;
	background-color: #FF8F3E;
	font-size: 112.5%;
	padding: 10px 70px 10px 60px;
	margin-top: 5px;
	position: relative;
}

#welcome .create-topic:before {
	position: absolute;
	content: "";
	display: block;
	width: 27px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url("../images/common/icon/icon_chat_white.png");
	background-size: 27px 20px;
	top: 17px;
	left: 24px;
}

#welcome .create-topic:hover {
	text-decoration: none;
	opacity: 0.7;
}

#info-area {
	margin-bottom: 45px;
}

#info-area .info-box {
	padding: 15px;
	border: solid 1px #eaeaea;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	overflow: hidden;
	margin: 0 150px;
}

#info-area .info-box-title {
	color: #4f4f4f;
	font-size: 125%;
	width: 120px;
	padding-right: 15px;
	box-sizing: border-box;
	text-align: center;
}

#info-area .info-box-content {
	width: calc(100% - 120px);
	border-left: solid 1px #eaeaea;
	padding-left: 15px;
	box-sizing: border-box;
}

#info-area .info-box-content p {
	margin-bottom: 0;
}

#info-area .article-list__info {
	margin: 5px 0;
}

#info-area .article-list__info>li {
	margin-bottom: 8px;
}

#info-area .article-list__info>li:last-child {
	margin-bottom: 0;
}

#info-area .post-title {
	position: relative;
	white-space: nowrap;
}

#info-area .post-title:before {
	content: "";
	position: absolute;
	right: -15px;
	width: 150px;
	z-index: 9;
	background: linear-gradient(270deg, #FFFFFF 33.41%, rgba(256, 256, 256, 0) 51.55%);
	display: block;
	height: 30px;
}

#info-area .post-title:after {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-top: solid 3px #E0E0E0;
	border-right: solid 3px #E0E0E0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: calc(50% - 6px);
	right: 12px;
	z-index: 10;
}

#info-area a:hover .post-title:after {
	border-color: #FF8F3E;
}

#info-area .info-more-link-wrap {
	text-align: right;
	line-height: 1;
	margin-top: 10px;
}

#info-area .info-more-link {
	position: relative;
	padding-right: 35px;
	font-size: 90%;
	color: #4f4f4f;
}

#info-area .info-more-link:after {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-top: solid 3px #FF8F3E;
	border-right: solid 3px #FF8F3E;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: calc(50% - 4px);
	right: 12px;
	z-index: 10;
}

#column-banner-area {
	max-width: 768px;
	margin: 15px auto 45px;
}

#bbs-area {
	padding: 0 0 20px;
}

.front-forum-list {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.front-forum-list li.forum {
	padding: 0;
	margin: 0;
	width: 48%;
	padding-right: 4%;
	padding-bottom: 40px;
}

.front-forum-list li.forum:nth-child(2n) {
	padding-right: 0;
}

.front-forum-list .forum-item-box {
	border: 1px solid #F1F1F1;
	box-sizing: border-box;
	border-radius: 10px;
}

.front-forum-list li.forum .title {
	padding: 25px 0 10px;
	font-size: 112.5%;
	text-align: center;
	font-weight: bold;
	background-color: #FFE279;
	border-radius: 10px 10px 0 0;
	position: relative;
}

.front-forum-list #forum__work .title {
	background-color: #B8C6F6;
}

.front-forum-list #forum__parenting .title {
	background-color: #FFE279;
}

.front-forum-list #forum__older .title {
	background-color: #DCEFA6;
}

.front-forum-list #forum__living .title {
	background-color: #FFC27A;
}

.front-forum-list #forum__community .title {
	background-color: #EFC5A6;
}

.front-forum-list #forum__relation .title {
	background-color: #B3EFDA;
}

.front-forum-list #forum__other .title {
	background-color: #F9BDEF;
}

.front-forum-list li.forum .title i {
	position: absolute;
	display: block;
	width: 52px;
	height: 52px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
	background-color: #fff;
	top: -28px;
	left: calc(50% - 26px);
	border-radius: 50%;
}

.front-forum-list li.forum .title i img {
	position: relative;
	top: 4px;
	left: 0;
}

.front-forum-list li.forum ul {
	padding: 15px;
}

.front-forum-list li.forum li {
	margin-bottom: 14px;
	position: relative;
	padding-left: 30px;
	padding-right: 50px;
	height: 30px;
	overflow: hidden;
}

.front-forum-list .arrow:before {
	top: 5px;
	left: 0;
}

.front-forum-list .arrow:after {
	top: 11.5px;
	left: 6px;
}

.front-forum-list li.forum li:last-child {
	margin-bottom: 0;
}

.front-forum-list li.forum li .count {
	position: absolute;
	top: 3px;
	right: 0;
	display: block;
	width: 40px;
	color: #948856;
	background-color: #F9EECF;
	border-radius: 15px;
	text-align: center;
	padding: 6px 0;
	font-size: 75%;
	line-height: 1;
}

.front-forum-list li.forum li a {
	color: #444;
}

.front-forum-list li.forum li .topic-title {
	font-size: 93.75%;
}

.front-forum-list .forum-link-btn {
	padding: 12px 15px;
	background-color: #FFF6DE;
	border-radius: 0 0 10px 10px;
	display: flex;
	justify-content: space-between;
}

.front-forum-list .forum-link-btn a {
	display: block;
	padding: 12px 0 15px;
	width: 48.5%;
	box-sizing: border-box;
	font-size: 87.5%;
	text-align: center;
	line-height: 1;
	color: #4f4f4f;
	background-color: #fff;
	box-shadow: 0px 0px 5px rgba(227, 197, 86, 0.6);
	border-radius: 3px;
}

.front-forum-list .forum-link-btn a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.front-forum-list .forum-link-btn a i {
	position: relative;
	display: inline-block;
	margin-right: 5px;
	top: 4px;
}

#mentor-area h2,
#column-area h2 {
	color: #333;
	background-color: #FFDE68;
	border-radius: 5px;
	line-height: 1;
	margin: 0;
	padding: 10px 15px;
	font-size: 112.5%;
	text-align: left;
}

#column-area h2 .sub {
	float: right;
	font-size: 75%;
	position: relative;
	top: 3px;
}

#mentor-area {
	padding: 0 0 50px;
}

#mentor-area .mentor-list__home {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 25px;
}

#mentor-area .mentor-list__home li {
	width: 48%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 4%;
}

#mentor-area .mentor-list__home li .img {
	width: 90px;
	padding-right: 20px;
}

#mentor-area .mentor-list__home li .img img {
	width: 90px;
	height: 90px;
	display: block;
	border-radius: 50%;
	box-sizing: border-box;
	object-fit: cover;
	border: solid 2px #fff;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}

#mentor-area .mentor-list__home li .img .name {
	text-align: center;
	font-size: 81.25%;
	margin: 5px 0 0;
}

#mentor-area .mentor-list__home li .content {
	width: calc(100% - 110px);
	border: solid 1px #ddd;
	padding: 15px 15px 10px;
	box-sizing: border-box;
	border-radius: 10px;
	overflow: hidden;
}

#mentor-area .mentor-list__home li .content .profile {
	font-size: 81.25%;
	margin: 0;
	line-height: 1.65;
}

#mentor-area .mentor-list__home li .content .more {
	font-size: 81.25%;
	float: right;
}

#mentor-area .mentor-list__home li .content .more:after {
	padding-left: 5px;
	content: "〉";
	font-size: 75%;
}

#mentor-area .mentor-list__home li .content .more:hover {
	text-decoration: none;
}

.home #main .more-btn {
	text-align: center;
}

.home #main .more-btn a {
	display: inline-block;
	font-size: 93.75%;
	color: #828282;
	padding: 8px 40px;
	border: solid 1px #828282;
	border-radius: 40px;
	position: relative;
}

.home #main .more-btn a:after {
	position: absolute;
	content: "〉";
	font-size: 81.25%;
	top: 10px;
	right: 10px;
}

.home #main .more-btn a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #828282;
}

#column-area {}

#column-area .more-btn {
	margin-top: 30px;
}

#banner-area {
	padding-top: 80px;
}

#banner-area .banner-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 50px;
}

#banner-area .banner-list li {
	width: 45%;
}

/*---------------------------------
	ブログリスト article-list article-list-box
--------------------------------*/
.article-list {}

.article-list>li a {
	padding: 20px 15px;
	color: #333;
	display: flex;
	flex-wrap: wrap;
	border-bottom: solid 1px #ddd;
}

.article-list>li a:hover {
	background-color: #f5f5f5;
	text-decoration: none;
}

.article-list .content {
	width: calc(100% - 120px);
	padding-right: 20px;
	box-sizing: border-box;
}

.article-list .title {
	font-size: 100%;
	margin-bottom: 10px;
}

.article-list .text {
	color: #666;
	line-height: 1.6;
	font-size: 81.25%;
	margin-bottom: 10px;
}

.article-list .author {
	color: #828282;
	font-size: 87.5%;
	margin-bottom: 8px;
}

.article-list .article-sub-info {
	color: #828282;
	font-size: 72%;
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.article-list .article-sub-info .date,
.article-list .article-sub-info .view {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.article-list .article-sub-info img {
	margin-right: 5px;
}

.article-list .article-sub-info .date img {
	width: 13px;
}

.article-list .article-sub-info .view {
	margin-left: 10px;
}

.article-list .article-sub-info .view img {
	width: 16px;
}

.article-list .img {
	width: 120px;
}

.article-list .img img {
	width: 120px;
	height: 120px;
	display: block;
	object-fit: cover;
	box-sizing: border-box;
	border-radius: 6px;
}

.article-list__box {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}

.article-list__box>li {
	width: 31%;
	margin-bottom: 3.5%;
}

.article-list__box:after {
	display: block;
	content: "";
	width: 31%;
}

.article-list__box>li a {
	display: block;
	color: #4f4f4f;
	border: 1px solid #E0E0E0;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.03);
	border-radius: 5px;
	box-sizing: border-box;
	height: 100%;
	position: relative;
}

.article-list__box>li a {
	text-decoration: none;
}

.article-list__box>li a:hover {
	background-color: #FFFBEF;
}

.article-list__box a:hover img {
	opacity: 1;
}

.article-list__box .img {
	position: relative;
}

.article-list__box .img img {
	display: block;
	width: 100%;
	height: 150px;
	object-fit: cover;
	border-radius: 5px 5px 0 0;
}

.article-list__box .author {
	position: absolute;
	display: flex;
	align-items: center;
	top: 10px;
	left: 10px;
}

.article-list__box .author-img {}

.article-list__box .author-name {
	font-size: 75%;
	display: inline-block;
	padding: 5px 10px;
	text-align: center;
	box-sizing: border-box;
	min-width: 80px;
	line-height: 1;
	background-color: #fff;
	border-radius: 40px;
}

.article-list__box a:hover .author-name {
	background-color: #FFFBEF;
}

.article-list__box .author-img img {
	width: 30px;
	height: 30px;
	object-fit: cover;
	display: block;
	border: solid 1px #fff;
	border-radius: 50%;
	margin-right: 10px;
}

.article-list__box .content {
	padding: 10px;
	box-sizing: border-box;
}

.article-list__box .post-status {
	text-align: right;
}

.article-list__box .post-status span {
	display: inline-block;
	font-size: 75%;
	color: #EBA900;
	background-color: #FFF3C8;
	border: 1px solid #EBA900;
	box-sizing: border-box;
	border-radius: 30px;
	line-height: 1;
	padding: 5px 10px;
	position: relative;
	top: 0;
}

.article-list__box .post-status__pending span {
	padding-left: 30px;
	background-image: url("../images/common/icon/icon_wait.png");
	background-repeat: no-repeat;
	background-position: left 10px center;
}

.article-list__box .article-box-info {
	color: #828282;
	font-size: 72%;
	margin-bottom: 5px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.article-list__box .article-box-info .date,
.article-list__box .article-box-info .view {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.article-list__box .article-box-info img {
	margin-right: 5px;
}

.article-list__box .article-box-info .view img {
	width: 16px;
}

.article-list__box .title {
	font-size: 93.75%;
	line-height: 1.55;
	margin-bottom: 5px;
}

.article-list__box .more {
	position: absolute;
	width: calc(100% - 30px);
	left: 15px;
	bottom: 10px;
	padding-top: 10px;
	margin-bottom: 0;
	text-align: center;
	border-top: solid 1px #E0E0E0;
	font-size: 87.5%;
}

.article-list__box .more:after {
	content: "〉";
	color: #FF8F3E;
	font-size: 81.25%;
	font-weight: bold;
	margin-left: 10px;
}

/*---------------------------------
	お知らせ一覧 article-list__info
--------------------------------*/
.article-list__info {
	margin: 30px 0;
}

.article-list__info>li {
	margin-bottom: 15px;
	line-height: 1.5;
}

.article-list__info>li:last-child {
	margin-bottom: 0;
}

.article-list__info>li>a {
	color: #828282;
	display: flex;
	flex-wrap: wrap;
}

.article-list__info a:hover {
	text-decoration: none;
}

.article-list__info .post-info {
	width: 140px;
	text-align: center;
}

.article-list__info .post-title {
	width: calc(100% - 140px);
	padding-left: 10px;
	box-sizing: border-box;
	margin-bottom: 0;
}

.article-list__info a:hover .post-info .date,
.article-list__info a:hover .post-title {
	color: #FF8F3E;
}

/*---------------------------------
	登録ページ page-regist
--------------------------------*/
.page-regist h1 {
	margin-bottom: 20px;
}

#regist_form button[type="submit"] {
	margin: 30px 0 0;
}

/*---------------------------------
	承認ページ page-approve
--------------------------------*/
.page-approve h1 {
	margin-bottom: 20px;
}

/*---------------------------------
	専門相談機関案内 consult-list
--------------------------------*/
.page-consult h2 {
	margin: 25px 0 25px;
	font-size: 112.5%;
}

.page-consult h2 i {
	position: relative;
	top: 14px;
	margin-right: 4px;
}

.consult-list {}

.consult-list>li {
	padding: 20px 30px;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom: 25px;
}

.consult-list>li:last-child {
	margin-bottom: 0;
}

.consult-list>li .title {
	font-size: 112.5%;
	margin-bottom: 15px;
}

.consult-list>li .description {
	font-size: 87.5%;
	color: #888;
	margin-bottom: 10px;
}

.consult-list>li .info {
	margin-bottom: 15px;
}

.consult-list>li dt {
	margin-bottom: 8px;
}

.consult-list>li dt i {
	position: relative;
	top: 4px;
	margin-right: 5px;
}

.consult-list>li .info-list {
	overflow: hidden;
}

.consult-list>li .info-list li {
	float: left;
	display: inline-block;
	padding: 6px 15px;
	margin-right: 8px;
	margin-bottom: 8px;
	font-size: 75%;
	line-height: 1;
	letter-spacing: 0;
	border: solid 1px #ccc;
	border-radius: 50px;
}

.consult-list>li .info-list li:last-child {
	margin-right: 0;
}

.consult-list>li .contact-list li {
	margin-bottom: 20px;
}

.consult-list>li .contact-list li:last-child {
	margin-bottom: 0;
}

.consult-list>li .contact-list .name {
	margin-bottom: 0;
}

.consult-list>li .contact-list .tel {
	color: #777;
	margin-bottom: 0;
	font-size: 87.5%;
}

/*---------------------------------
	メンターカフェについて page-about
--------------------------------*/
.page-about h1 {
	margin-bottom: 25px;
}

.about-ranking {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 2% 0;
	font-size: 81.25%;
}

.about-ranking-item {
	width: 48%;
	line-height: 1.45;
	letter-spacing: 0;
}

.about-ranking-item .item-box-wrap {
	margin-bottom: 10px;
}

.about-ranking-item .item-box-wrap .heading span {
	font-weight: normal;
}

/*---------------------------------
	よくある質問 page-qa
--------------------------------*/
.page-qa h1 {
	margin-bottom: 25px;
}

.page-qa .content-contact {
	margin-top: 60px;
}

/*---------------------------------
	個人情報保護方針 page-privacy-policy
--------------------------------*/
.page-privacy-policy h1 {
	margin-bottom: 25px;
}

/*---------------------------------
	サイトポリシー page-hp-policy
--------------------------------*/
.page-hp-policy h1 {
	margin-bottom: 25px;
}

/*---------------------------------
	利用規約 page-terms-of-service
--------------------------------*/
.page-terms-of-service h1 {
	margin-bottom: 25px;
}

.page-terms-of-service .article h3 {
	margin: 20px 0
}

.terms-of-service {}

.terms-of-service dt {
	margin-bottom: 10px;
}

.terms-of-service p {
	margin-bottom: 15px;
}

.terms-of-service ol {
	list-style-type: decimal;
	margin-left: 40px;
	margin-bottom: 15px;
}

.terms-of-service ol>li {
	margin-bottom: 5px;
}

/*---------------------------------
	アクセシビリティ方針 page-accessibility-policy
--------------------------------*/
.page-accessibility-policy h1 {
	margin-bottom: 25px;
}

/*---------------------------------
	404 error404
--------------------------------*/
.error404 h1 i {
	position: relative;
	top: 0;
	left: 0;
	margin-right: 10px;
}

.error404-link-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.error404-link-list li {
	width: 32%;
}

.error404-link-list li a {
	display: block;
	padding: 15px 0;
	margin-bottom: 15px;
	text-align: center;
	border: solid 1px #eee;
	border-radius: 5px;
	font-size: 81.25%;
	color: #444;
	position: relative;
}

.error404-link-list li a:after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-top: solid 2px #FF8F3E;
	border-right: solid 2px #FF8F3E;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 15px;
	top: 22px;
}

.error404-link-list li a:hover {
	text-decoration: none;
	background-color: #f6f6f6;
}

/*---------------------------------
	メンター mentor-list profile-field
--------------------------------*/
.page-mentor h1 {
	margin-bottom: 30px;
}

.page-mentor #main>article {
	position: relative;
}

.page-mentor .interview-link {
	position: absolute;
	top: 15px;
	right: 0;
}

.page-mentor .interview-link a {
	font-size: 87.5%;
}

.page-mentor .interview-link a:hover {
	text-decoration: none;
}

.page-mentor .interview-link a:after {
	content: "〉";
	font-size: 81.25%;
	padding-left: 5px;
}

.mentor-blog-field {
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 25px;
}

.mentor-blog-field .create-blog-btn {
	display: inline-block;
	color: #4f4f4f;
	font-size: 87.5%;
	margin-left: 25px;
	padding: 6px 15px;
	border: 1px solid #E0E0E0;
	border-radius: 3px;
}

.mentor-blog-field .create-blog-btn i {
	position: relative;
	top: 3px;
	margin-right: 8px;
}

.mentor-blog-field .create-blog-btn:hover {
	text-decoration: none;
	opacity: 0.7;
}

#user-filter {
	margin-bottom: 30px;
}

.mentor-list {
	margin-top: 10px;
}

.mentor-list>li {
	border-bottom: solid 1px #F2F2F2;
}

.mentor-list>li:first-child {
	border-top: solid 1px #F2F2F2;
}

.mentor-list>li a {
	display: flex;
	flex-wrap: wrap;
	padding: 25px 0;
	color: #555;
	position: relative;
}

.mentor-list>li a:hover {
	text-decoration: none;
	background-color: #FFFBEF;
}

.mentor-list .img {
	width: 120px;
	text-align: center;
	line-height: 1.6;
}

.mentor-list .img img {
	width: 90px;
	height: 90px;
	object-fit: cover;
	display: inline-block;
	border-radius: 50%;
	border: solid 2px #fff;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}

.mentor-list .name {
	margin-bottom: 0;
}

.mentor-list .info {
	width: calc(100% - 120px);
	padding-left: 30px;
	box-sizing: border-box;
}

.mentor-list .soudan-cat dt {
	margin-bottom: 12px;
	font-size: 85%;
}

.mentor-list .soudan-cat i {
	position: relative;
	top: 5px;
	margin-right: 10px;
}

.mentor-list .soudan-cat img {
	width: 20px;
}

.mentor-list .cat-list {
	overflow: hidden;
}

.mentor-list .cat-list li {
	display: inline-block;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 6px 14px;
	line-height: 1;
	color: #828282;
	border: solid 1px #828282;
	border-radius: 30px;
	font-size: 67.5%;
}

.mentor-list .cat-list li:last-child {
	margin-right: 0;
}

.mentor-list .more {
	position: absolute;
	font-size: 81.25%;
	letter-spacing: 0;
	right: 10px;
	bottom: 10px;
}

.mentor-list .more:after {
	content: "》";
	color: #FF8F3E;
	font-size: 75%;
	margin-left: 10px;
}

.menter-list-item__profile-exp {
	margin: 5px 0 25px;
}

/*
	メンタープロフィール
*/
.profile-field {
	overflow: hidden;
}

.profile-field .img {
	float: left;
	width: 120px;
	text-align: center;
	position: relative;
}

.profile-field .img img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	display: block;
	border-radius: 50%;
	border: solid 2px #fff;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}

.profile-field .img .name {
	font-size: 93.75%;
	margin-top: 10px;
	margin-bottom: 0;
}

.profile-field .img .info {
	font-size: 75%;
	margin: 0;
	color: #888;
}

.profile-field .last-login {
	margin-top: 20px;
}

.profile-field .last-login .info {
	line-height: 6px;
	white-space: nowrap;
}

.profile-field .img .rank {
	position: absolute;
	display: block;
	line-height: 1;
	padding: 7px 15px;
	font-size: 1em;
	font-weight: bold;
	border-radius: 16px;
	color: #fff;
	text-shadow: 0px 0px 4px rgba(155, 136, 63, 0.59);
	background: linear-gradient(109.54deg, #E6D9AB 22.24%, #C7B474 91.81%);
	top: 0;
	left: 0;
}

.profile-field .img .sns-list {
	margin-top: 15px;
}

.profile-field .img .sns-list li {
	display: inline-block;
	margin: 0 2px;
}

.profile-field .img .sns-list li a {
	position: relative;
	width: 34px;
	height: 34px;
	display: inline-block;
	border-radius: 50%;
	z-index: 1;
}

.profile-field .img .sns-list li .icon {
	position: absolute;
	color: #fff;
	z-index: 2;
	top: 0;
	left: 0;
	font-size: 112.5%;
}

.profile-field .img .sns-list li .icon-twitter {
	top: 0px;
	left: 5px;
}

.profile-field .img .sns-list li .icon-facebook {
	top: 0px;
	left: 5px;
}

.profile-field .img .sns-list li.twitter a {
	background-color: #00acee;
}

.profile-field .img .sns-list li.twitter a:hover {
	background-color: #0092ca;
}

.profile-field .result,
.profile-field .profile {
	padding-left: 145px;
}

.profile-field .result {
	margin-bottom: 25px;
}

.profile-field dt {
	margin-bottom: 15px;
}

.profile-field dt i {
	position: relative;
	top: 5px;
	padding-right: 5px;
}

.profile-field dd {
	margin-bottom: 25px;
}

.profile-field .result-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 87.5%;
	color: #777;
	line-height: 1;
}

.profile-field .result-list li {
	padding-right: 20px;
}

.profile-field .result-list li:last-child {
	padding-right: 0;
}

.profile-field .result-list li i {
	position: relative;
	top: 1px;
	margin-right: 5px;
}

.profile-field .result-list li.answer i {
	top: 4px;
}

.profile-field .result-list li .count {
	font-size: 68.75%;
	display: inline-block;
	padding: 5px 8px;
	border: solid 1px #ddd;
	border-radius: 20px;
	margin-left: 5px;
}

.profile-field .cat-list {
	overflow: hidden;
}

.profile-field .cat-list li {
	display: inline-block;
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
	padding: 8px 18px;
	line-height: 1;
	color: #828282;
	border: solid 1px #828282;
	border-radius: 30px;
	font-size: 81.25%;
}

.profile-field .cat-list li:last-child {
	margin-right: 0;
}

.profile-field .content .profile {
	font-size: 87.5%;
}

/*---------------------------------
	フォーム共通 form form-field form-item
--------------------------------*/
.form-field {
	margin-top: 20px;
	padding: 40px;
	background: #FAFAFA;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 10px;
}

.form-field .description {
	font-size: 81.25%;
	margin-bottom: 5px;
}

.form h2 {
	color: #F87415;
	font-size: 112.5%;
	font-weight: bold;
	position: relative;
	margin-top: 35px;
	margin-bottom: 20px;
}

.form h2:first-of-type {
	margin-top: 0;
}

.form h2 span {
	display: inline-block;
	padding-right: 15px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.form-field h2 span {
	background-color: #FAFAFA;
}

.form h2:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #ddd;
	top: 50%;
	right: 0;
	z-index: 1;
}

.form-item {
	margin-bottom: 20px;
}

.form-item label {
	display: block;
	margin-bottom: 5px;
}

.form-item label .sub {
	font-size: 68.75%;
	display: block;
	margin-bottom: 10px;
	color: #f00;
	line-height: 1.6;
}

.form-item label .required,
.form-item .label .required {
	color: #f00;
	padding-left: 10px;
	font-size: 75%;
}

.form-item i {
	position: relative;
	top: 5px;
	margin-right: 8px;
}

.form-item input,
.form-item select,
.form-item textarea {
	background: #fff;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 3px;
}

.form-item select {
	padding: 8px 10px;
	min-width: 180px;
}

.form-item input[type="text"],
.form-item input[type="email"],
.form-item input[type="password"],
.form-item textarea {
	padding: 10px;
	width: 100%;
}

.form-item div.password-strength-result {
	margin-top: 7px;
	font-size: 75%;
	background-color: #e9eae7;
	text-align: center;
	border: 1px solid #c3bfbf;
}

input[readonly] {
	background-color: #eee !important;
}

.form-item textarea {
	height: 15em;
	resize: none;
}

.form-item .checkbox-wrap {
	margin-top: 12px;
}

.form-item .check-list {
	display: flex;
	flex-wrap: wrap;
}

.form-item .check-list li {
	width: calc(100% / 2);
	margin: 8px 0;
	position: relative;
}

.form-item .check-list--one-column li {
	width: 100%;
}

.form-item input.check[type="checkbox"] {
	position: absolute;
	width: 36px;
	height: 36px;
	margin: 0;
	opacity: 0;
}

.form-item input.check[type="checkbox"]:focus+label::before,
.form-item input.check[type="checkbox"]:focus-visible+label::before {
	outline: 1px solid #000;
}

.form-item input.check[type="checkbox"]+label {
	position: relative;
	margin-left: 0;
	padding-left: 50px;
	font-size: 87.5%;
}

.form-item input.check[type="checkbox"]+label::before {
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 3px;
	cursor: pointer;
}

.form-item input.check[type="checkbox"]:checked+label::after {
	content: "";
	display: block;
	width: 20px;
	height: 12px;
	box-sizing: border-box;
	border-bottom: 3px solid #FF8F3E;
	border-left: 3px solid #FF8F3E;
	position: absolute;
	top: 35%;
	left: 13px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg) translateY(-50%);
}

.form button[type="submit"] {
	margin: 30px auto 0;
	display: block;
	color: #fff;
	background-color: #FF8F3E;
	border: none;
	border-radius: 3px;
	padding: 16px 80px 14px;
	font-size: 100%;
}

.form button[type="submit"]:hover {
	opacity: 0.7;
	cursor: pointer;
}

.form button[type="submit"] i {
	position: relative;
	top: 1px;
	margin-right: 5px;
}

.form button[type="submit"].submit-btn--has-draft-btn {
	margin: 20px 0 0 auto;
	display: block;
	color: #fff;
	background-color: #FF8F3E;
	border: solid 2px #FF8F3E;
	border-radius: 3px;
	width: 270px;
	text-align: center;
	padding: 15px 0;
	font-size: 100%;
}

#save-draft-reply-btn {
	position: absolute;
	left: 20px;
	bottom: 40px;
	display: block;
	color: #FF8F3E;
	background-color: #fff;
	border: solid 2px #FF8F3E;
	border-radius: 3px;
	width: 270px;
	text-align: center;
	padding: 15px 0;
	font-size: 100%;
}

#save-draft-reply-btn:hover {
	opacity: 0.7;
	cursor: pointer;
}

.form-item .avatar-img img {
	width: 150px;
	height: 150px;
	object-fit: cover;
	border-radius: 50%;
}

.form-item-wrap__category {
	display: flex;
}

.form-item-wrap__category .form-item {
	padding-right: 20px;
}

.form-item-wrap__category .form-item:last-of-type {
	padding-right: 0;
}

.form-item__withdraw-caution {
	text-align: center;
	margin-bottom: 40px;
	font-size: 87.5%;
}

.form-item__withdraw-caution .checkbox-wrap {
	display: inline-block;
}

.form-item .use-avatar-type-wrap {
	display: block;
	margin: 10px 0 15px;
}

.form-item .avatar-radio-wrap {
	display: flex;
	flex-wrap: wrap;
}

.form-item .avatar-radio-item {
	width: 25%;
	padding: 5px 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.form-item .avatar-radio-item input[type="radio"] {
	margin-right: 15px;
	transform: scale(1.5);
}

.form-item .avatar-radio-item img {
	width: 80px;
}

.form-item .email-sub-message {
	margin-top: 5px;
	font-size: 75%;
	margin-bottom: 0;
}

.form-contact-lead {
	margin: 10px 0 40px;
	text-align: center;
}

.form-item--topic-answer-request {
	margin-top: 35px;
}

.form-item--topic-answer-request .form-item-description {
	font-size: 92.5%;
	margin-bottom: 25px;
}

.form-item .check-list--one-column li {
	width: 100%;
}

.form-item--topic-answer-request .check-list--one-column li {
	margin: 0 0 15px;
}

.form-item--topic-answer-request input.check[type="checkbox"]+label {
	padding-left: 45px;
}

.form-item--topic-answer-request input.check[type="checkbox"]+label::before {
	width: 24px;
	height: 24px;
}

.form-item--topic-answer-request input.check[type="checkbox"]:checked+label::after {
	width: 16px;
	height: 10px;
	top: 9px;
	left: 9px;
}

/*---------------------------------
	規約違反ページ page-form-violation
--------------------------------*/
.page-form-violation .page-content {
	margin: 45px 300px 0;
}

.page-form-violation input[name="violation-topic-title"],
.page-form-violation textarea[name="violation-content"] {
	background-color: #ddd !important;
	border-color: #ccc;
}


/*----------------------------------------------------


	掲示板 bbpress


----------------------------------------------------*/

/*----------------------------------------------------
	掲示板共通設定 
----------------------------------------------------*/
#bbpress-forums {
	font-size: 100% !important;
	overflow: initial !important;
}

.topic-info {
	color: #aaa;
	font-size: 75%;
	margin: 10px 0 0;
	display: flex;
	align-items: center;
}

.topic-info span {
	display: flex;
	align-items: center;
	padding-right: 10px;
}

.topic-info span i {
	padding-right: 5px;
}

.topic-info span i img {
	display: block;
	height: 13.5px;
}

.topic-info span.date {}

/* 編集や削除ボタン */
.edit-tool {
	text-align: right;
	font-size: 87.5%;
	line-height: 1;
}

.edit-tool a {
	color: #777;
}

.edit-tool a:hover {}

.edit-tool i {
	position: relative;
	top: 3px;
	padding-right: 6px;
}

.edit-tool i.material-icons {
	top: 2px;
	font-size: 87.5%;
	padding-right: 2px;
	color: #999;
}

.bbp-topic-edit-link,
.bbp-topic-delete-link,
.bbp-reply-edit-link,
.bbp-reply-delete-link {
	margin-left: 5px;
}

div.bbp-template-notice.info {
	display: none;
}

.create-topic-btn {
	text-align: center;
	margin-bottom: 50px;
}

.create-topic-btn a {
	display: inline-block;
	font-size: 106.25%;
	letter-spacing: 0.5px;
	color: #fff;
	background-color: #FF8F3E;
	padding: 10px 0;
	width: 70%;
	border-radius: 8px;
	position: relative;
}

.create-topic-btn a i {
	position: absolute;
	display: inline-block;
	top: 3px;
	left: 134px;
}

.create-topic-btn a i img {
	width: 48px;
	height: 48px;
}

.create-topic-btn a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.bbpress .modal_comment_btn {
	margin-top: 45px;
	line-height: 1;
}

.bbpress .modal_content .single-h3 {
	margin: 0 0 6px;
}

.bbpress .modal_content .double_btn {
	margin-top: 45px;
	margin-bottom: 30px;
}

.bbpress .modal_content .double_btn a {
	width: 250px;
	box-sizing: border-box;
}

.bbpress .form-login-description {
	margin: 15px 0 0;
	font-size: 93.75%;
}

/*----------------------------------------------------
	各掲示板ページ single-forum
----------------------------------------------------*/
.single-forum h1 {}

.single-forum .description {
	margin-bottom: 25px;
}

.single-forum .create-post-btn {
	margin-top: 25px;
	margin-bottom: 35px;
	text-align: center;
}

.single-forum .create-post-btn a {
	display: inline-block;
	font-size: 106.25%;
	padding: 12px 120px;
	color: #fff;
	background-color: #FF8F3E;
	border-radius: 5px;
}

.single-forum .create-post-btn a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.single-forum .create-post-btn a i {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

#topic-filter {
	margin: 15px 0;
}

/*----------------------------------------------------
	トピックページ single-topic 
----------------------------------------------------*/
.single-topic .flg-login-topic {
	padding-top: 5px;
	padding-left: 30px;
}

.single-topic .resolved {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #FFDE68;
	font-weight: bold;
	padding: 10px 80px 80px 10px;
	background: linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #FFDE68 50.5%) no-repeat top left/100% 100%;
	border-radius: 6px 0 0 0;
	z-index: 3;
}

.single-topic .resolved span {
	position: absolute;
	top: 18px;
	left: 7px;
	color: #555;
	font-size: 93.75%;
	font-weight: bold;
	letter-spacing: 3px;
	transform: rotate(-45deg);
	z-index: 4;
}

.single-topic h2 {
	font-size: 125%;
	font-weight: bold;
}

.single-topic h2 i {
	position: relative;
	top: 2px;
	padding-right: 10px;
}

.single-topic h2 .sub {
	float: right;
	color: #777;
	font-size: 87.5%;
	position: relative;
	top: 6px;
}

.single-topic .topic-area {
	position: relative;
}

.single-topic .topic-header {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-bottom: 25px;
}

.single-topic .topic-header .topic-header-img {
	width: 80px;
	text-align: center;
}

.single-topic .topic-header .topic-header-img img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	display: block;
	border-radius: 50%;
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	border-radius: 50%;
}

.single-topic .topic-header .topic-header-img .name {
	font-size: 75%;
	color: #828282;
	text-align: center;
	margin: 8px 0 0;
	letter-spacing: 0.5px;
	line-height: 1.6;
}

.single-topic .topic-header .topic-header-img .profile-link {
	font-size: 62.5%;
	letter-spacing: 0.5px;
}

.single-topic .topic-header-content {
	width: calc(100% - 80px);
	padding-left: 25px;
	box-sizing: border-box;
}

.single-topic .topic-header-content .author-info {
	font-size: 81.25%;
	color: #888;
	margin-bottom: 10px;
	line-height: 1.2;
}

.single-topic .topic-header-content h1 {
	font-size: 112.5%;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	text-shadow: none;
	line-height: 1.4;
}

.single-topic .topic-info>span {
	letter-spacing: 1px;
}

.single-topic .topic-info .date i {
	font-size: 93.75%;
}

.single-topic .topic-answer-request {
	margin-top: 20px;
	padding: 20px;
	border-radius: 10px;
	border: solid 1px #ddd;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.4;
	font-size: 82.5%;
	color: #555;
	letter-spacing: 0;
	;
}

.single-topic .topic-answer-request dt {
	width: 110px;
}

.single-topic .topic-answer-request dd {
	width: calc(100% - 110px);
	padding-left: 10px;
	box-sizing: border-box;
}

.single-topic .topic-answer-request-list {
	display: flex;
	flex-wrap: wrap;
}

.single-topic .topic-answer-request-list>li {
	margin-right: 10px;
}

.single-topic .topic-answer-request-list>li:last-child {
	margin-right: 0;
}

.single-topic .topic-answer-request-list>li::after {
	content: "/";
	margin-left: 5px;
}

.single-topic .topic-answer-request-list>li:last-child::after {
	content: "";
	margin-left: 0;
}

.single-topic .topic-footer {
	margin-top: 45px;
	min-height: 55px;
	position: relative;
}

.single-topic .topic-footer .replied-message {
	color: #f00;
	width: calc(100% - 140px);
	margin: 12px auto 0;
	text-align: center;
}

.single-topic .topic-footer .sns-list {
	float: left;
	position: relative;
	top: 4px;
}

.single-topic .topic-footer .sns-list li {
	display: inline-block;
}

.single-topic .topic-footer .sns-list li a {
	position: relative;
	width: 46px;
	height: 46px;
	display: inline-block;
	border-radius: 50%;
	box-shadow: 0px 2px 6px rgba(29, 161, 242, 0.3);
	z-index: 1;
}

.single-topic .topic-footer .sns-list li .icon {
	position: absolute;
	color: #fff;
	z-index: 2;
	top: 0;
	left: 0;
}

.single-topic .topic-footer .sns-list li .icon-twitter {
	top: 3px;
	left: 10px;
	font-size: 131.25%;
}

.single-topic .topic-footer .sns-list li.twitter a {
	background-color: #00acee;
}

.single-topic .topic-footer .sns-list li.twitter a:hover {
	background-color: #0092ca;
}

.single-topic .reply-area {
	border-top: solid 1px #ddd;
	margin-top: 35px;
	padding: 35px 0;
}

.single-topic .reply-area .bbp-replies>li {
	background-color: #FFFCF2;
	border: 1px solid #F2EBD4;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.03);
}

.single-topic .reply-area .bbp-threaded-replies {
	border-top: 1px solid #F2EBD4;
	border-bottom: 1px solid #F2EBD4;
	margin: 30px 0 15px;
	padding: 35px 0;
	overflow: hidden;
}

.single-topic .reply-area .bbp-threaded-replies li {
	position: relative;
	padding: 25px 25px 10px;
	width: 80%;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	border-radius: 10px;
	margin-bottom: 20px;
	float: right;
}

.single-topic .reply-area .bbp-threaded-replies li.owner {
	float: left;
}

.single-topic .reply-area .bbp-threaded-replies li:last-child {
	margin-bottom: 0;
}

.single-topic .related-topic-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: 25px;
}

.single-topic .related-topic-list li {
	width: 47%;
	margin-bottom: 20px;
}

.single-topic .related-topic-list li a {
	display: flex;
	align-items: center;
	color: #444;
}

.single-topic .related-topic-list li .img {
	width: 60px;
}

.single-topic .related-topic-list li .img img {
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 50%;
	object-fit: cover;
	border: solid 2px #fff;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}

.single-topic .related-topic-list li .content {
	width: calc(100% - 60px);
	padding-left: 15px;
	box-sizing: border-box;
}

.single-topic .related-topic-list li .content .title {
	margin: 0;
	font-size: 93.75%;
	line-height: 1.5;
	padding-right: 25px;
}

.single-topic .related-topic-list li.arrow:before {
	right: 0;
	top: calc(50% - 8px);
}

.single-topic .related-topic-list li.arrow:after {
	right: 7px;
	top: calc(50% - 2px);
}

.modal_btn__reply {
	text-align: center;
}

.modal_btn__reply .open_button {
	display: inline-block;
	padding: 12px 100px;
	text-align: center;
	color: #fff;
	background-color: #FF8F3E;
	border-radius: 5px;
	font-size: 100%;
	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: 50%;
	padding: 12px 0;
	display: inline-block;
	font-size: 106.25%;
}

.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.65;
	transition: 0.5s;
	margin: 50px auto;
	border-radius: 10px;
}

.modal_content form p {
	margin: 0 0 15px !important;
}

.modal_content .form-description {
	font-size: 75%;
	letter-spacing: 0.5px;
	margin-bottom: 12px !important;
}

.close_button {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 125%;
	cursor: pointer;
}

.modal_wrap input:checked~.modal_overlay {
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.5s;
}

.modal_wrap__search input:checked~.modal_overlay__search {
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.5s;
}

#discard-draft-btn {
	margin: 20px auto 0;
	width: auto;
	display: block;
	padding: 8px 31px;
	font-size: 90%;
	background: #fff;
	border: solid 2px #FF8F3E;
	color: #FF8F3E;
	border-radius: 5px;
}

/*----------------------------------------------------
	トピック編集/リプライ編集 topic-edit reply-edit 
----------------------------------------------------*/
.topic-edit .article,
.reply-edit .article {
	padding: 30px;
}

#bbp-edit-page .modal_content {
	width: auto;
	padding: 0;
	margin: 30px 0;
}

.topic-edit h2,
.reply-edit h2 {
	font-size: 150%;
	color: #FF8F3E;
	background: none;
	margin: 50px 0 10px;
	padding: 0;
	line-height: 1.4;
}

/*-----------------------------
	トピック一覧 loop-topic
------------------------------*/
.bbp-topics {
	margin: 20px 0;
}

.bbp-topics>li {
	margin: 0;
	padding: 0;
	position: relative;
	border-bottom: solid 1px #ddd;
}

.bbp-topics>li:first-child {
	border-top: solid 1px #ddd;
}

.bbp-topics>li.new:before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	border-radius: 50%;
	background-color: #F38181;
	top: 15px;
	left: 10px;
	z-index: 3;
}

.bbp-topics>li>a,
.bbp-topics>li>.topic-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 25px 15px;
	color: #444;
	box-sizing: border-box;
	position: relative;
}

.bbp-topics>li a:hover {
	text-decoration: none;
	background-color: #FFFBF0;
}

.bbp-topics .topic-status {
	position: absolute;
	top: 18px;
	right: 0;
}

.bbp-topics .topic-status .appoint {
	display: inline-block;
	padding: 5px 40px;
	line-height: 1;
	font-size: 81.25%;
	color: #EBA900;
	background-color: #FFF3C8;
	border: 1px solid #F4BF03;
	border-radius: 35px;
}

.bbp-topics .unswer-mentor {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.bbp-topics .unswer-mentor dt {
	font-size: 87.5%;
	color: #777;
}

.bbp-topics .unswer-mentor dd {
	padding-left: 8px;
}

.bbp-topics .unswer-mentor .none {
	display: inline-block;
	color: #fff;
	background-color: #F38181;
	line-height: 1;
	font-size: 75%;
	padding: 4px 15px;
	border-radius: 30px;
	position: relative;
	top: -2px;
}

.bbp-topics .unswer-mentor-list {
	overflow: hidden;
}

.bbp-topics .unswer-mentor-list li {
	float: left;
	margin-left: -8px;
}

.bbp-topics .unswer-mentor-list li:first-child {
	margin-left: 0;
}

.bbp-topics .unswer-mentor-list li img {
	display: block;
	width: 25px;
	height: 25px;
	border: solid 1px #fff;
	object-fit: cover;
	border-radius: 50%;
}

.bbp-topics .status-mark {
	position: absolute;
	top: 20px;
	right: 0;
}

.bbp-topics .status-mark__resolved,
.bbp-topics .status-mark__draft,
.bbp-topics .status-mark__login {
	display: inline-block;
	font-size: 75%;
	border-radius: 33px;
	position: relative;
	line-height: 1;
	top: -15px;
	right: 0;
}

.bbp-topics .status-mark__resolved {
	color: #f90;
	background-color: #FFFBEF;
	border: 1px solid #f90;
	box-sizing: border-box;
	padding: 4px 12px 4px 30px;

}

.bbp-topics .status-mark__draft {
	color: #FF0000;
	background-color: #FAFAFA;
	border: 1px solid #F38181;
	padding: 4px 15px;
	margin-left: 5px
}

.bbp-topics .status-mark__login {
	color: #4EA72E;
	background-color: #fff;
	border: 1px solid #47D45A;
	padding: 4px 15px;
	margin-left: 5px
}

.bbp-topics .status-mark__resolved:after {
	content: "";
	display: block;
	width: 11px;
	height: 6px;
	box-sizing: border-box;
	border-bottom: 1.5px solid #FF8F3E;
	border-left: 1.5px solid #FF8F3E;
	position: absolute;
	top: 7px;
	left: 14px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg) translateY(-50%);
}

.bbp-topics .img {
	width: 80px;
}

.bbp-topics .img img {
	width: 80px;
	height: 80px;
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	object-fit: cover;
}

.bbp-topics a:hover .img img {
	opacity: 1;
}

.bbp-topics .img .name {
	font-size: 68.75%;
	color: #828282;
	text-align: center;
	margin: 0;
	letter-spacing: 0.5px;
}

.bbp-topics .content {
	padding-left: 20px;
	width: calc(100% - 80px);
	box-sizing: border-box;
}

.bbp-topics .content .author {
	margin-bottom: 10px;
	font-size: 87.5%;
	color: #888;
	line-height: 1.5;
}

.bbp-topics .content .title {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	font-size: 100%;
	color: #333;
	font-weight: bold;
	line-height: 1.45;
}

.bbp-topics .content .text {
	font-size: 87.5%;
	line-height: 1.65;
	margin-top: 10px;
	margin-bottom: 0;
	color: #777;
}

.bbp-topics .more {
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 81.25%;
}

.bbp-topics .more:after {
	content: "〉";
	font-size: 75%;
	font-weight: bold;
	color: #FF8F3E;
	padding-left: 5px;
	position: relative;
}

.bbp-topics a:hover .more:after {
	right: -2px;
}

.bbp-topics .status {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	color: #777;
	font-size: 81.25%;
}

.bbp-topics .status-item {
	display: flex;
	align-items: center;
}

.bbp-topics .status .named-mentor {
	margin-left: 20px;
}

.bbp-topics .mentor-icon-list {
	display: flex;
	margin-left: 5px;
}

.bbp-topics .mentor-icon-list li {
	display: inline-block;
	width: 25px;
	margin-right: -8px;
}

.bbp-topics .mentor-icon-list li img {
	width: 25px;
	height: 25px;
	display: block;
	object-fit: cover;
	border-radius: 50%;
}

.bbp-topics .mentor-icon-list li.nobody {
	width: auto;
	color: #F38181;
	font-size: 75%;
	margin: 0;
	padding: 5px 20px;
	line-height: 1;
	background: rgba(250, 135, 135, 0.12);
	border: 1px solid #F38181;
	border-radius: 14px;
}

.bbp-topics .mentor-activity-list {
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 81.25%;
}

.bbp-topics .mentor-activity-list li {
	display: inline-block;
	margin-right: 5px;
}

.bbp-topics .mentor-activity-list li:last-child {
	margin-right: 0;
}

.bbp-topics .mentor-activity-list li a {
	color: #333;
}

.bbp-topics .mentor-activity-list li a:hover {
	opacity: 0.5;
}

.bbp-topics .mentor-activity-list li:after {
	content: "〉";
	font-size: 75%;
	font-weight: bold;
	color: #FF8F3E;
	padding-left: 5px;
	position: relative;
}

/*-----------------------------
	リプライ一覧 loop-reply
------------------------------*/
.bbp-replies {
	margin-top: 15px;
}

.bbp-replies>li {
	padding: 25px;
	border: 1px solid #E0E0E0;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.03);
	border-radius: 10px;
	margin-bottom: 25px;
	position: relative;
}

.bbp-replies>li.has-reply-footer {
	padding-bottom: 60px;
}

.single-topic .bbp-replies .resolved span {
	top: 16px;
	left: 11px;
}

.reply-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 15px;
}

.reply-header .date {
	color: #bbb;
	font-size: 75%;
}

.reply-header .date i {
	position: relative;
	top: 2px;
	padding-right: 6px;
	font-size: 100%;
}

.reply-header .date i img {
	width: 14px;
}

.reply-main-author {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
	margin-bottom: 20px;
}

.reply-main-author .img {
	width: 60px;
}

.reply-main-author .img img {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 2px solid #fff;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	object-fit: cover;
}

.reply-main-author .content {
	width: calc(100% - 60px);
	padding-left: 15px;
	box-sizing: border-box;
}

.reply-main-author .reply-info {
	font-size: 75%;
	color: #999;
	margin-bottom: 10px;
}

.reply-main-author .name {
	font-size: 100%;
	line-height: 1;
	margin-bottom: 0;
}

.reply-main-author .age,
.reply-main-author .sex {
	color: #888;
	font-size: 75%;
}

.reply-main-author .age {
	margin-left: 10px;
}

.reply-main-author .sex {
	margin-left: 5px;
}

.reply-main-author .role {
	font-size: 56.25%;
	display: inline-block;
	background-color: #FFDE68;
	padding: 5px 6px;
	border-radius: 6px;
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.reply-main-author .profile-link {
	color: #828282;
	font-size: 75%;
	display: inline-block;
	margin-top: 10px;
}

.reply-main-author .profile-link:after {
	content: "〉";
	font-size: 56.25%;
	padding-left: 5px;
	color: #FF8F3E;
	font-weight: bold;
}

.reply-main-author .profile-link:hover {
	color: #FF8F3E;
	text-decoration: none;
}

.reply-main-content {
	line-height: 1.65;
}

.reply-main-content p {
	margin-bottom: 25px;
}

.reply-footer {
	position: absolute;
	bottom: 20px;
	width: calc(100% - 50px);
	overflow: hidden;
}

.bbp-replies .mentor-btn-list {
	float: right;
	margin-top: 15px;
}

.bbp-replies .mentor-btn-list li {
	display: inline-block;
	margin-right: 5px;
}

.bbp-replies .mentor-btn-list li:last-child {
	margin-right: 0;
}

.bbp-replies .mentor-btn-list li .btn-wrap {
	display: block;
	margin: 0;
	padding: 5px 20px;
	border: 1px solid #E0E0E0;
	border-radius: 3px;
	font-size: 81.25%;
	color: #828282;
	background-color: #fff;
}

.bbp-replies .mentor-btn-list li .btn-wrap:hover {
	text-decoration: none;
	background-color: #f7f7f7;
	cursor: pointer;
}

.bbp-replies .mentor-btn-list li i {
	position: relative;
}

.bbp-replies .mentor-btn-list li.resolve i {
	top: 2px;
	padding-right: 8px;
}

.bbp-replies .mentor-btn-list li.reply i {
	top: 0;
	padding-right: 0;
}

/*----------------------------------------------------
	投稿フォーム form-topic form-reply
----------------------------------------------------*/
.form-create-title {
	margin-bottom: 10px;
}

.bbp-form {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.bbp-form p {
	margin-bottom: 5px !important;
}

#bbp_topic_subscription {
	width: auto;
	margin: 0 0 3px !important;
}

.bbp-form .bbp-submit-wrapper {
	text-align: center;
	float: none;
}

/*-----------------------------
	マイページ mypage
------------------------------*/
.bbp-user-page h1 i {
	margin-right: 5px;
	top: 15px;
}

.bbp-user-page .mypage-wrap {
	position: relative;
}

.bbp-user-page .last-login {
	margin-bottom: 15px;
	color: #777;
	font-size: 75%;
	line-height: 1;
}

.bbp-user-page .mypage-wrap .mentor-option-link {
	position: absolute;
	top: 14px;
	right: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 400px;
	line-height: 1.5;
}

.bbp-user-page .mypage-wrap .mentor-option-link li {
	padding-right: 15px;
}

.bbp-user-page .mypage-wrap .mentor-option-link li:after {
	content: "/";
	padding-left: 12px;
	font-size: 68.75%;
	color: #999;
}

.bbp-user-page .mypage-wrap .mentor-option-link li:last-child:after {
	content: "";
	padding-left: 0;
}

.bbp-user-page .mypage-wrap .mentor-option-link li:last-child {
	padding-right: 0;
}

.bbp-user-page .mypage-wrap .mentor-option-link a {
	font-size: 75%;
}

.bbp-user-page .mypage-wrap .mentor-option-link i {
	display: none;
}

.bbp-user-page .edit-btn,
.bbp-user-page .close-btn {
	text-align: center;
}

.bbp-user-page .close-btn {
	margin-top: 45px;
}

.bbp-user-page .edit-btn span,
.bbp-user-page .close-btn span,
.bbp-user-page .withdraw-btn {
	display: inline-block;
	padding: 10px 80px;
	font-size: 87.5%;
	border: 1px solid #E0E0E0;
	border-radius: 3px;
	position: relative;
}

.bbp-user-page .edit-btn span {
	color: #333;
	border-color: #E0E0E0;
}

.bbp-user-page .close-btn span {
	color: #777;
	background-color: #E0E0E0;
	border-color: #E0E0E0;
}

.bbp-user-page .withdraw-btn {
	padding: 10px 30px;
	color: #BDBDBD;
	border: 1px solid #BDBDBD;
}

.bbp-user-page .edit-btn span:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-top: solid 2px #FDCB18;
	border-right: solid 2px #FDCB18;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 14px;
	right: 20px;
}

.bbp-user-page .withdraw-btn:after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-top: solid 1.5px #BDBDBD;
	border-right: solid 1.5px #BDBDBD;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 18px;
	right: 15px;
}

.bbp-user-page .edit-btn span:hover,
.bbp-user-page .withdraw-btn:hover {
	text-decoration: none;
	background-color: #f5f5f5;
	cursor: pointer;
}

.bbp-user-page .close-btn span:hover {
	text-decoration: none;
	opacity: 0.7;
	cursor: pointer;
}

.bbp-user-page .mypage-btn-wrap {
	overflow: hidden;
	margin-left: 145px;
}

.bbp-user-page .mypage-btn-wrap>div {
	display: inline-block;
}

.bbp-user-page .mypage-btn-wrap .edit-btn {
	float: left;
}

.bbp-user-page .mypage-btn-wrap .withdraw-btn {
	float: right;
}

#edit-user-field {
	margin-top: 50px;
	padding: 30px 50px 0;
	border-top: solid 1px #ddd;
}

.bbp-user-page .unanswered-field h2 {
	font-size: 112.5%;
	font-weight: bold;
	margin-bottom: 25px;
}

.bbp-user-page .unanswered-field h2 i {
	position: relative;
	top: 6px;
	margin-right: 8px;
}

.bbp-user-page .unanswered-field #topic-filter {
	margin-bottom: 20px;
}

.withdraw-caution {
	font-size: 87.5%;
}

.mypage-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	padding: 10px;
	margin-bottom: 30px;
	background-color: #FBEECE;
	box-sizing: border-box;
	border-radius: 10px;
}

.mypage-info__title {
	width: 120px;
	padding-right: 10px;
	box-sizing: border-box;
	text-align: center;
	color: #7D654E;
	font-size: 93.75%;
	letter-spacing: 0;
}

.mypage-info__content {
	background-color: #fff;
	width: calc(100% - 120px);
	padding: 14px 18px;
	box-sizing: border-box;
}

.mypage-info-list {
	font-size: 87.5%;
	margin-bottom: 0;
}

.mypage-info-list-item {
	position: relative;
	line-height: 1.4;
	margin-bottom: 6px;
}

.mypage-info-list-item:last-child {
	margin-bottom: 0;
}

.mypage-info-list-item a,
.mypage-info-list-item .mypage-info-list-item__content-wrap {
	color: #333;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: flex-start;
}

.mypage-info-list-item__date {
	font-size: 68.75%;
	color: #fff;
	background-color: #FF8F3E;
	display: inline-block;
	padding: 0.5px 0;
	border-radius: 4px;
	width: 42px;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	top: 3px;
}

.mypage-info-list-item__date--pr {
	letter-spacing: 2px;
	padding-left: 2px;
}

.mypage-info-list-item__date--none {
	background: none;
}

.mypage-info-list-item__title {
	width: calc(100% - 42px);
	padding-left: 8px;
	box-sizing: border-box;
}

.mypage-info-list-item__title-btn {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
	color: #333;
	font-size: 100%;
}

.mypage-info-list-item__title-btn:hover {
	text-decoration: underline;
}

.mypage-info-list-item__description {
	display: block;
	font-size: 80%;
	line-height: 1.6;
	letter-spacing: 0;
	margin: 5px 0 10px 10px;
}

/*-----------------------------
	アンケート questionnaire	
------------------------------*/
#questionnaire-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(168, 135, 20, 0.4);
	z-index: 10000;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#questionnaire-overlay-content {
	width: 700px;
	margin: 100px auto;
}

.form-questionnaire {
	background-color: #fff;
	position: relative;
}

.form-questionnaire .form-item {
	margin-bottom: 0;
}

.form-questionnaire .form-item select {
	width: 100%;
}

.form-questionnaire .btn-close[type="submit"],
.form-questionnaire-cancel .btn-close[type="submit"] {
	background: none;
	color: #444;
	font-size: 250%;
	margin: 0;
	padding: 0;
	border: none;
	position: absolute;
	top: 10px;
	right: 20px;
	width: auto;
}

.form-questionnaire .btn-close[type="submit"]:hover,
.form-questionnaire-cancel .btn-close[type="submit"]:hover {
	cursor: pointer;
}

.questionnaire-answer {
	position: relative;
}

.questionnaire-title {
	color: #E5B301;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 45px;
}

.questionnaire-confirm-message {
	font-size: 112.5%;
	text-align: center;
	margin-bottom: 50px;
}

.form-questionnaire .double-btn {
	text-align: center;
}

.form-questionnaire .double-btn .btn-submit {
	display: inline-block;
	width: 200px;
	margin: 0 5px;
	padding: 12px 0;
	text-align: center;
	border: solid 1px;
	border-radius: 5px;
}

.form-questionnaire .double-btn .btn-submit__ok {
	color: #fff;
	background-color: #FF8F3E;
	border-color: #FF8F3E;
}

.form-questionnaire .double-btn .btn-submit__ng {
	color: #333;
	background-color: #fff;
	border-color: #ddd;
}

.questionnaire-list {
	counter-reset: item;
}

.questionnaire-list>li {
	padding: 30px 0;
	border-bottom: solid 1px #ddd;
}

.questionnaire-list>li:first-child {
	padding-top: 0;
}

.questionnaire-list>li:last-child {
	border-bottom: none;
}

.questionnaire-heading {
	font-size: 112.5%;
	font-weight: bold;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	line-height: 1.5;
}

.questionnaire-heading span {
	display: inline-block;
	color: #fff;
	background-color: #F4BF03;
	font-size: 93.75%;
	padding: 2px 10px;
	border-radius: 20px;
	margin-right: 10px;
	word-break: normal;
}

.questionnaire-description {
	font-size: 87.5%;
	line-height: 1.75;
	margin-bottom: 20px;
}

.readmore-wrap .readmore-btn {
	display: none;
}

/* タグ表示 */
.single .post-tag {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 35px;
}

.single .post-tag .material-icons {
	display: block;
	color: #888;
	font-size: 24px;
	width: 32px;
	margin-bottom: 5px;
}

.single .post-tag-list {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 32px);
	align-items: center;
}

.single .post-tag-list>li {
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0;
}

.single .post-tag-list>li:last-child {
	margin-right: 0;
	margin-bottom: 5px;
}

.single .post-tag-list>li:before {
	display: none;
}

.single .post-tag-list a {
	display: block;
	padding: 8px 12px;
	font-size: 75%;
	color: #666;
	background-color: #e5e5e5;
	border-radius: 50px;
	line-height: 1;
	letter-spacing: 0.5px;
}

.single .post-tag-list a:hover {
	color: #555;
	background-color: #ccc;
	text-decoration: none;
}