@charset "utf-8";

/*--------------------------------------------------------------【サンプルコメント】*/
/* サンプルコメント（example）
----------------------------------------------- */
html,body{
	position: relative;
	padding: 0;
	margin: 0;
}
body {
	min-width: 640px;
	background: #f0f0f0;
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}

/* ================================================================================ */
/*                                                                                  */
/*      レイアウト                                                                  */
/*                                                                                  */
/* ================================================================================ */

.l-wrapper {
	height: 100%;
	margin: 0;
}
.l-container {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.l-contents {
	flex-grow: 1;
	width: 640px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
}
.l-wrapper .l-contents {
	margin: 60px auto 80px auto;
}
.l-wrapper.not-menu .l-contents,
.l-wrapper.nobody .l-contents {
	margin: 60px auto 0 auto;
}
.l-wrapper--profile .l-contents {
	margin: 0 auto 90px auto;
}
.l-wrapper--profile.l-wrapper--profile-edit .l-contents {
	margin: 0 auto 80px auto;
}
.l-wrapper--recruit .l-contents {
	margin: 60px auto 90px auto;
}
.l-wrapper--not-index .l-contents {
	flex-grow: 1;
	width: 1000px;
	margin: 80px auto 0 auto;
}
.l-wrapper--none .l-contents {
	margin: 0 auto;
}
.l-wrapper--index .l-contents {
	flex-grow: 1;
	width: 1000px;
	margin: 0 auto;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.l-contents {
			width: 100%;
			margin: 0;
		}
		.l-wrapper .l-contents {
			margin: 50px auto 60px auto;
		}
		.l-wrapper.not-menu .l-contents,
		.l-wrapper.nobody .l-contents {
			margin: 50px auto 0 auto;
		}
		.l-wrapper--profile .l-contents {
			margin: 0 0 70px 0;
		}
		.l-wrapper--profile.l-wrapper--profile-edit .l-contents {
			margin: 0 auto 60px auto;
		}
		.l-wrapper--recruit .l-contents {
			margin: 50px 0 60px 0;
		}
		.l-wrapper--not-index .l-contents {
			width: 100%;
			margin: 60px 0 0 0;
		}
		.l-wrapper--none .l-contents {
			margin: 0;
		}
		.l-wrapper--index .l-contents {
			width: 100%;
			margin: 0 auto;
		}
	}


/* ================================================================================ */
/*                                                                                  */
/*      モジュール                                                                  */
/*                                                                                  */
/* ================================================================================ */

/*--------------------------------------------------------------汎用*/
.cmn-onlyMargin {
	margin-bottom: 20px;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.cmn-onlyMargin {
			margin-bottom: 15px;
		}

	}

.cmn-onlySp {
	display: none;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.cmn-onlyPc {
			display: none;
		}

		.cmn-onlySp {
			display: block;
		}

	}


/*--------------------------------------------------------------汎用見出し*/

.cmn-heading {
	text-align: center;
	font-weight: normal;
	line-height: 1;
	margin: 10px 0 20px;
	padding: 10px 0;
	position: relative;
}

.cmn-heading--lv1::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 2px;
	background: #908366;
}

.cmn-heading--lv1 {
	font-size: 32px;
}

.cmn-heading--lv2 {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #555;
	padding: 0;
}

.cmn-heading--lv3 {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #555;
	padding: 0;
}

.cmn-heading--lv3 .fa {
	width: 30px;
	font-size: 30px;
	margin: 0 10px 0 0;
	vertical-align: middle;
	color: #9d8851;
}

.l-contents > :first-child.cmn-heading--lv1 {
	margin: -10px 0 20px;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.cmn-heading--lv1 {
			font-size: 16px;
			font-weight: bold;
			margin: 0 0 10px;
			padding: 5px 0;
		}

		.l-contents > :first-child.cmn-heading--lv1 {
			margin: 0 0 10px;
		}

		.cmn-heading--lv1::after {
			width: 24px;
			height: 1px;
		}

		.cmn-heading--lv3 {
			font-size: 14px;
			margin: 10px 0;
			padding: 0 0 5px;
			border-bottom: 1px solid #9d8851;
		}

		.cmn-heading--lv3 .fa {
			width: 24px;
			font-size: 24px;
			margin: 0 5px 0 0;
		}

	}

/*--------------------------------------------------------------ヘッダー*/
.l-header {
	position: fixed;
	right: 0;
	top: 0;
	height: 60px;
	width: 100%;
	z-index: 99;
	background-color: #212121;
	border-bottom: 2px solid #c8c8c8;
}
.l-header--profile {
	position: absolute;
	background-color: transparent;
	border: none;
}
.header-container {
	position: relative;
	display: block;
	width: 640px;
	height: 100%;
	margin: 0 auto;
	padding: 15px 20px;
}
.header-container--search {
	height: 60px;
	background-color: #212121;
	border-bottom: 2px solid #c8c8c8;
}
.l-header--profile .header-container {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.18), rgba(255, 255, 255, 0));
	border: none;
}
.header-container__ {
	position: relative;
	display: flex;
	flex-wrap:nowrap;
	width:100%;
	height: 100%;
}
.header-container__left,
.header-container__right {
	width: 50%;
	height: 100%;
}
.header-container__title,
.header-container__logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 5px;
	color: #fff;
}
.header-container__logo {
	height: 38px;
}
.header-container__title {
	width: 80%;
	height: 100%;
}
.header-container__logo a {
	display: block;
	height: 100%;
	transition: 0.2s;
	text-decoration: none;
}
.header-container__logo a:hover {
	opacity: 0.6;
}
.header-container__logo a img {
	display: block;
	height: 100%;
	width: auto;
}
.header-container__title h2,
.header-container__title h1 {
	line-height: 100%;
	font-size: 16px;
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.header-container {
			width: 100%;
			padding: 11px 12px;
		}
		.header-container--search {
			height: 50px;
		}
		.header-container__title h2,
		.header-container__title h1 {
			font-size: 14px;
		}
	}

.header-iconList {
	list-style: none;
	display: flex;
	flex-wrap: nowrap;
	height: 100%;
	padding: 0;
}
.header-iconList--left {
	justify-content: flex-start;
}
.header-iconList--right {
	justify-content: flex-end;
}
.header-iconList__item {
	width: auto;
	height: 100%;
	z-index: 2;
}
.header-iconList--left .header-iconList__item {
	margin: 0 8px 0 0;
}
.header-iconList--right .header-iconList__item {
	margin: 0 0 0 8px;
}
.header-iconList__item a {
	transition: 0.2s;
}
.header-iconList__item a:hover {
	opacity: 0.6;
}
.header-iconList__item__icon {
	display: inline-block;
	height: 100%;
	padding: 5px
}
.header-iconList__item__icon img {
	display: block;
	height: 100%;
	width: auto;
}
.header-iconList__item__menu {
	display: flex;
	justify-content: center;
	align-items: center;

	height: 100%;
	width: 50px;
	padding: 0 5px;
	text-decoration: none;
}
.header-iconList__item__menu img {
	height: 8px;
	width: auto;
	padding: 0 2px;
}
.header-iconList__item__link {
	display: flex;
	justify-content: center;
	align-items: center;

	border-radius: 15px 15px 15px 15px / 50% 50% 50% 50%;
	background-color: #ededed;
	color: #c8c8c8;
	font-size: 14px;
	line-height: 100%;
	height: 100%;
	border: 1px solid #ededed;
	text-decoration: none;
	width: 140px;
	text-align: center;
	vertical-align: middle;
}
.header-iconList__item__link--active {
	border: 1px solid #ededed;
	background-color: #cd365d;
	color: #fff;
}
.header-iconList__item__link--active::before {
	font-family: "FontAwesome";
	content:"\f00c";
	margin: 0 5px 0 0;
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.l-header {
			height: 50px;
		}
		.header-iconList--left .header-iconList__item:not(:last-child) {
			margin: 0 2px 0 0;
		}
		.header-iconList--right .header-iconList__item:not(:last-child) {
			margin: 0 0 0 2px;
		}
		.header-iconList__item__link {
			font-size: 10px;
			width: 90px;
		}
		.header-iconList__item__menu {
			width: 36px;
		}
		.header-iconList__item__menu img {
			height: 6px;
		}
	}

/*--------------------------------------------------------------フッターメニュー*/
.l-footer {
	position: fixed;
	left: 0;
	bottom: 0;
	height: 80px;
	width: 100%;
	z-index: 99;
	background-color: #212121;
	border-top: 2px solid #c8c8c8;
}
.l-footer--profile {
	height: 90px;
	background-color: transparent;
	background-color: #212121;
}
.footer-container {
	position: relative;
	display: block;
	width: 640px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}
.footer-container__ {
	position: relative;
	width:100%;
	height: 100%;
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.l-footer {
			height: 60px;
		}
		.l-footer--profile {
			height: 70px;
		}
		.footer-container {
			width: 100%;
		}
	}

.footer-menuList {
	list-style: none;
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
	padding: 0;
}
.footer-menuList__item {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
}
.footer-menuList__item--active::after {
	position: absolute;
	font-family: "FontAwesome";
	content:"\f111";
	right: 10px;
	top: 10px;
	color: #cd365d;
	font-size: 10px;
}
.footer-menuList__item a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;

	color: #FFFFFF;
	font-size: 12px;
	line-height: 100%;
	height: 100%;
	text-decoration: none;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	transition: 0.2s;
}
.footer-menuList__item a:hover {
	opacity: 0.6;
}
.footer-menuList__item__icon {
	width: 100%;
	position: relative;
}
.footer-menuList__item__icon__img {
	height: 20px;
	width: 100%;
	margin: 0 0 5px 0;
}
.footer-menuList__item__icon__img img {
	height: 100%;
	-webkit-backface-visibility:hidden;
	backface-visibility: hidden;
}
.footer-menuList__item__icon__label {
	height: 25px;
	width: 100%;
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.footer-menuList__item a {
			font-size: 11px;
		}
		.footer-menuList__item__icon__img {
			height: 18px;
		}
		.footer-menuList__item__icon__label {
			height: 20px
		}
		.footer-menuList__item--active::after {
			right: 5px;
			top: 5px;
			font-size: 8px;
		}
	}

.footer-buttonList {
	padding: 15px 20px;
	list-style: none;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	height: 100%;
	width: 100%;
}
.footer-buttonList__item {
	padding: 0;
	width: 50%;
	height: 100%;
	text-align: center;
	margin: 0 5px;
}
.footer-buttonList__item:first-child {
	margin: 0 5px 0 0;
}
.footer-buttonList__item:last-child {
	margin: 0 0 0 5px;
}
.footer-buttonList__item a {
	transition: 0.2s;
}
.footer-buttonList__item a:hover {
	opacity: 0.6
}
.footer-buttonList__item__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;

	width: 100%;
	height: 100%;
	line-height: 100%;
	border-radius: 30px 30px 30px 30px / 50% 50% 50% 50%;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
}
.footer-buttonList__item__btn--iine {
	background-color: #cd365d;
	color: #FFF;
}
.footer-buttonList__item__btn--iine-mes {
	background-color: #c8c8c8;
	color: #FFF;
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.footer-buttonList {
			padding: 10px 15px;
		}
		.footer-buttonList__item__btn {
			font-size: 12px;
		}
	}

/*--------------------------------------------------------------切り替えタブ*/
.cmn-listTab {
	margin: 0 0 15px 0;
	height: auto;
}

.cmn-listTab__list {
	display: table;
	table-layout: fixed;
	list-style: none;
	width: 100%;
	height: 100%;
}

.cmn-listTab__list__item {
	display: table-cell;
}

.cmn-listTab__list__item a {
    display: flex;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;

	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #c8c8c8;
	width: 100%;
	height: 60px;
	line-height: 100%;
	transition: 0.2s;
	border-bottom: 3px solid #c8c8c8;
}
.cmn-listTab__list__item a:hover {
	opacity: 0.6;
}
.cmn-listTab__list__item--active a {
	color: #cd365d;
	border-bottom: 3px solid #cd365d;
	pointer-events: none;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-listTab {
			margin: 0 0 10px 0;
		}
		.cmn-listTab__list__item a {
			font-size: 12px;
			height: 50px;
		}

	}


/*--------------------------------------------------------------ソートリンク*/
.cmn-sort {
	margin: 20px 0;
}

.cmn-sort--inGrid {
	margin: 0;
}

.cmn-sort__link {
	list-style: none;
	font-size: 0;
	text-align: right;
}

.cmn-sort__link__item {
	font-size: 14px;
	display: inline-block;
	padding: 0 1em;
}

.cmn-sort__link__item:not(:first-child) {
	border-left: 1px solid #999;
}

.cmn-sort__link__item:last-child {
	padding: 0 0 0 1em;
}

.cmn-sort__link__item--active {
	font-weight: bold;
}

.cmn-sort__link__item a {
}

.cmn-sort__link__item a:hover {}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.cmn-sort {
			margin: 10px 0;
		}

		.cmn-sort--inGrid {
			margin: 0;
		}

		.cmn-sort__link__item {
			font-size: 12px;
		}

	}


/*--------------------------------------------------------------矢印リンク*/
.cmn-linkArrow {
	margin: 20px 0;
}

.cmn-linkArrow--inGrid {
	margin: 0;
}

.cmn-linkArrow--center {
	text-align: center;
}

.cmn-linkArrow a {
	display: inline-block;
	padding: 0 15px;
	font-size: 14px;
	position: relative;
}

.cmn-linkArrow a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: none;
	border-bottom: 5px solid transparent;
	border-left: 7px solid #d5b151;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.cmn-linkArrow {
			margin: 10px 0;
		}

		.cmn-linkArrow--inGrid {
			margin: 10px 0;
		}

		.cmn-linkArrow a {
			font-size: 12px;
		}

		.cmn-linkArrow--mobileRight {
			text-align: right;
		}

	}
/*--------------------------------------------------------------グリッド*/
.cmn-toolGrid {
	display: flex;
	flex-wrap: wrap;
}

.cmn-toolGrid__col {
	width: 100%;
}

.cmn-toolGrid__col--1 { width: 8.33333333333%; }
.cmn-toolGrid__col--2 { width: 16.6666666667%; }
.cmn-toolGrid__col--3 { width: 25%; }
.cmn-toolGrid__col--4 { width: 33.3333333333%; }
.cmn-toolGrid__col--5 { width: 41.6666666667%; }
.cmn-toolGrid__col--6 { width: 50%; }
.cmn-toolGrid__col--7 { width: 58.3333333333%; }
.cmn-toolGrid__col--8 { width: 66.6666666667%; }
.cmn-toolGrid__col--9 { width: 75%; }
.cmn-toolGrid__col--10 { width: 83.3333333333%; }
.cmn-toolGrid__col--11 { width: 91.6666666667%; }
.cmn-toolGrid__col--12 { width: 100%; }

.cmn-toolGrid--separate .cmn-toolGrid__col:first-child {
	padding: 0 5px 0 0;
}
.cmn-toolGrid--separate .cmn-toolGrid__col {
	padding: 0 0 0 5px;
}

.cmn-toolGrid--itemCenter {
	align-items: center;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.cmn-toolGrid--responsive {
			display: flex;
			flex-wrap: wrap;
		}

		.cmn-toolGrid--responsive .cmn-toolGrid__col {
			width: 100%;
		}

		.cmn-toolGrid--responsive .cmn-toolGrid__col--1 { width: 100%; }
		.cmn-toolGrid--responsive .cmn-toolGrid__col--2 { width: 100%; }
		.cmn-toolGrid--responsive .cmn-toolGrid__col--3 { width: 100%; }
		.cmn-toolGrid--responsive .cmn-toolGrid__col--4 { width: 100%; }
		.cmn-toolGrid--responsive .cmn-toolGrid__col--5 { width: 100%; }
		.cmn-toolGrid--responsive .cmn-toolGrid__col--6 { width: 100%; }
		.cmn-toolGrid--responsive .cmn-toolGrid__col--7 { width: 100%; }
		.cmn-toolGrid--responsive .cmn-toolGrid__col--8 { width: 100%; }
		.cmn-toolGrid--responsive .cmn-toolGrid__col--9 { width: 100%; }
		.cmn-toolGrid--responsive .cmn-toolGrid__col--10 { width: 100%; }
		.cmn-toolGrid--responsive .cmn-toolGrid__col--11 { width: 100%; }
		.cmn-toolGrid--responsive .cmn-toolGrid__col--12 { width: 100%; }

        .cmn-toolGrid--responsive .cmn-toolGrid__col--mb5 { margin-bottom: 5px; }
        .cmn-toolGrid--responsive .cmn-toolGrid__col--mb10 { margin-bottom: 10px; }
        .cmn-toolGrid--responsive .cmn-toolGrid__col--mb15 { margin-bottom: 15px; }
        .cmn-toolGrid--responsive .cmn-toolGrid__col--mb20 { margin-bottom: 20px; }

		.cmn-toolGrid--separate {
		}

		.cmn-toolGrid--separate .cmn-toolGrid__col {
			padding: 0 5px;
		}

	}


/* プロフィール一覧
------------------------------------------------ */
.cmn-container {
	padding: 20px;
	margin: 0;
}

/* smartphone横(landscape) */
@media only screen and (max-width:640px) {
	.cmn-container {
		padding: 15px;
		margin: 0;
	}
}


.cmn-profCard {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	transition: 0.2s;
	text-decoration: none;
	position: relative;
}
.cmn-profCard:hover {
	opacity: 0.6;
}
.cmn-profCard__thumb {
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
}
.cmn-profCard__thumb img {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto;
	border-radius: 50% 50%;
}
.cmn-profCard__thumb__mark {
	position: absolute;
	display: block;
	height: auto;
	width: 40px;
	right: 5px;
	top: 0;
	margin: 0;
}
.cmn-profCard__thumb__mark img {
	display: block;
	height: auto;
	width: 100%;

}
.cmn-profCard__detail {
	padding: 0 10px;
}
.cmn-profCard__detail__status {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cmn-profCard__detail__status--nickname {
	margin: 0 0 10px 0;
}
.cmn-profCard__detail__status__iine {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
}
.cmn-profCard__detail__status__iine span {
	font-size: 14px;
	font-weight: normal;
	position: relative;
	padding: 0 0 0 20px;
	vertical-align: middle;
}
.cmn-profCard__detail__status__iine span::before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
    position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/icon/iine_active.svg);
	background-size: contain;
}
.cmn-profCard__detail__status i {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #c8c8c8;
	margin: 0 5px 0 0;
}
.cmn-profCard__detail__status--online i {
	color: #cd365d;
}
.cmn-profCard__detail__status span {
	margin: 0 5px 0 0;
}
.cmn-profCard__detail__tweet {
	line-height: 1.4em;
	font-size: 14px;
	word-wrap: break-word;
	color: #b8b8b8;
}
/* smartphone横(landscape) */
@media only screen and (max-width:640px) {
	.cmn-profCard__thumb img {
		width: 100%;
	}
	.cmn-profCard__thumb__mark {
		width: 30px;
		right: 0;
	}
	.cmn-profCard__detail {
		padding: 0 5px;
	}
	.cmn-profCard__detail__status {
		font-size: 12px;
		margin: 0 0 3px 0;
	}
	.cmn-profCard__detail__status--nickname {
		margin: 0 0 5px 0;
	}
	.cmn-profCard__detail__status i {
		font-size: 12px;
		margin: 0 3px 0 0;
	}
	.cmn-profCard__detail__status span {
		margin: 0 3px 0 0;
	}
	.cmn-profCard__detail__status__iine span {
		font-size: 10px;
		padding: 0 0 0 12px;
	}
	.cmn-profCard__detail__status__iine span::before {
		width: 10px;
		height: 10px;
	}
	.cmn-profCard__detail__tweet {
		line-height: 1.2em;
		font-size: 11px;
	}
}

/* プロフィールチョイ表示用
----------------------------------------------- */
.cmn-profCard-mini {
	height: 100%;
	display: flex;
	flex-wrap: nowarp;
	padding: 0;
	margin: 0;
}
.cmn-profCard-mini__thumb {
	margin: 0 30px 0 0;
}
.cmn-profCard-mini__thumb img {
	width: auto;
	height: 150px;
	border-radius: 50% 50%;
	display: block;
}
.cmn-profCard-mini__detail {
	flex-grow: 1;
	display: flex;
	justify-content: center;
	flex-direction: column;

	margin: 0;
	height: auto;
	width: 100%;
	min-width: 0;
}
.cmn-profCard-mini__detail__status {
	font-size: 16px;
	font-weight: bold;
	line-height: auto;
	width: 100%;

	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 0 15px 0;
}
.cmn-profCard-mini__detail__tweet {
	font-size: 14px;

	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 0 5px 0;
}
.cmn-profCard-mini__detail__status span {
	margin: 0 5px 0 0;
}
.cmn-profCard-mini__detail__online {
	text-align: left;
	font-size: 12px;
}
.cmn-profCard-mini__detail__online i {
	margin: 0 5px 0 0;
	color: #c8c8c8;
}
.cmn-profCard-mini__detail__online i.cmn-profCard-mini__detail__online--active {
	color: #cd365d;
}
    /* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-profCard-mini__thumb {
			margin: 0 15px 0 0;
		}
		.cmn-profCard-mini__thumb img {
			height: 80px;
		}
		.cmn-profCard-mini__detail__status {
			font-size: 12px;
			margin: 0 0 10px 0;
		}
		.cmn-profCard-mini__detail__tweet {
			font-size: 10px;
		}
		.cmn-profCard-mini__detail__online {
			font-size: 10px;
		}
	}

/* プロフィール詳細
----------------------------------------------- */
.cmn-prof {
    width: 100%;
    margin: 0;
    padding: 0;
}
.cmn-prof__thumb {
    width: 100%;
	height: auto;
	position: relative;
}
.cmn-prof__thumb img {
    width: 100%;
    height: 100%;
}
.cmn-prof__thumb__edit-btn {
	padding: 15px;
	text-align: center;
	position: absolute;
	display: inline-block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 10;
}
.cmn-prof__thumb__text-screen {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 30px;
	color: #FFF;
	text-align: center;
	top: 0;
	left: 0;
}
.cmn-prof__thumb__text-screen p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.6;
}
.cmn-prof-link {
	display: inline-block;
	width: 80%;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-decoration: none;
	color: #FFF;
	background-color: #cd365d;
	border-radius: 25px 25px 25px 25px / 50% 50% 50% 50%;
	transition: 0.2s;
	text-align: center;
	font-size: 14px;
}
.cmn-prof-link:hover {
	opacity: 0.6;
}
.cmn-prof__title {
	position: relative;
    font-size: 16px;
    padding: 15px 20px;
    font-weight: 500;
    background-color: #c8c8c8;
    color: #FFF;
}
.cmn-prof__title > a {
	position: absolute;
	display: block;
	text-decoration: none;
	color: #FFF;
	height: auto;
	text-align: right;
	transition: 0.2s;
	padding: 0 20px 0 0;
	right: 20px;
	top: 50%;
	font-size: 14px;
	transform: translateY(-50%);
}
.cmn-prof__title > a > img {
	position: absolute;
	top: 50%;
	right: 0;
	height: 12px;
	transform: translateY(-50%);
}
.cmn-prof__title a:hover {
	opacity: 0.6;
}
.cmn-prof__info__name {
    font-size: 18px;
    padding: 5px 0;
    margin: 0 0 10px 0;
    font-weight: bold;
}
.cmn-prof__info__name span {
    margin: 0 15px 0 0;
}
.cmn-prof__info {
    padding: 15px 20px;
    line-height: 1.4em;
    font-size: 14px;
    font-weight: normal;
}
.cmn-prof__info--center {
	display: inline-block;
	text-align: center;
	width: 100%;
}
.cmn-prof__info__detail {
    padding: 0;
    margin: 0;
}
.cmn-prof__info__detail--edit {
	position: relative;
	margin: 0 20px 0 0;
	width: 100%;
}
.cmn-prof__info__detail--edit a {
	display: block;
	text-decoration: none;
	color: #ffa5a6;
	width: 20px;
	height: 100%;
	text-align: center;
	transition: 0.2s;
	position: absolute;
	right: 0;
	top: 0;
	transition: 0.2s;
}
.cmn-prof__info__detail--edit a:hover {
	opacity: 0.6;
}
.cmn-prof__info__detail--edit a img {
	position: absolute;
	top: 50%;
	right: 0;
	height: 12px;
	transform: translateY(-50%);
}
.cmn-prof__info__detail--tweet {
    margin: 0 0 10px 0;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
dl.cmn-prof__info__dl {
    display: flex;
    flex-wrap: wrap;
}
dl.cmn-prof__info__dl dt,
dl.cmn-prof__info__dl dd {
    padding: 5px 0;
}
dl.cmn-prof__info__dl dt {
    width: 40%;
    text-align: left;
}
dl.cmn-prof__info__dl dd {
    width: 60%;
    text-align: right;
}
dd.cmn-prof__info__dl__edit {
	position: relative;
	transition: 0.2s;
}
dd.cmn-prof__info__dl__edit:hover {
	opacity: 0.6;
}
dd.cmn-prof__info__dl__edit span {
	position: relative;
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0;
}
dd.cmn-prof__info__dl__edit a {
	display: block;
	text-decoration: none;
	color: #ffa5a6;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}
dd.cmn-prof__info__dl__edit a img {
	position: absolute;
	top: 50%;
	right: 0;
	height: 12px;
	transform: translateY(-50%);
}
.cmn-prof__info__dl__online i {
    color: #c8c8c8;
    margin: 0 5px 0 0;
}
.cmn-prof__info__dl__online i.cmn-prof__info__dl__online--active {
	color: #cd365d;
}
.cmn-prof__info__dl__iine span {
	position: relative;
	padding: 0 0 0 20px;
}
.cmn-prof__info__dl__iine span::before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
    position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/icon/iine_active.svg);
	background-size: contain;
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-prof-link {
			width: 100%;
			font-size: 12px;
		}
        .cmn-prof__title {
            font-size: 14px;
            padding: 10px 15px;
            font-weight: 500;
        }
        .cmn-prof__info {
            padding: 10px 15px;
            font-size: 12px;
        }
        .cmn-prof__info__name {
            font-size: 16px;
            margin: 0 0 5px 0;
        }
        .cmn-prof__info__detail--tweet {
            margin: 0 0 5px 0;
		}
		.cmn-prof__info__dl__iine span {
			padding: 0 0 0 18px;
		}
		.cmn-prof__info__dl__iine span::before {
			width: 13px;
			height: 13px;
		}
    }
.cmn-prof__sub-thumb {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.cmn-prof__sub-thumb__ {
    overflow-y: hidden;
    overflow-x: auto;
    padding: 15px 0 15px 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style:none;
}
.cmn-prof__sub-thumb__::-webkit-scrollbar{
    display:none;
}

.cmn-prof__sub-thumb__edit-list {
	display: flex;
	flex-wrap: wrap;
}
.cmn-prof__sub-thumb__edit-list__item {
	width: 25%;
    height: auto;
    margin: 0;
	overflow: hidden;
	padding: 10px;
	position: relative;
}
.cmn-prof__sub-thumb__list__item__text-screen,
.cmn-prof__sub-thumb__edit-list__item__text-screen {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	color: #FFF;
	text-align: center;
	top: 0;
	left: 0;
}
.cmn-prof__sub-thumb__list__item__text-screen p,
.cmn-prof__sub-thumb__edit-list__item__text-screen p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.cmn-prof__sub-thumb__edit-list__item::after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	margin: 10px;
    position: absolute;
	top: 0;
	right: 0;
	background-image: url(../img/icon/edit-active.svg);
	background-size: contain;
}
.cmn-prof__sub-thumb__edit-list__item > a {
	display: block;
	white-space: nowrap;
    text-decoration: none;
    width: 100%;
	height: 100%;
	position: relative;
	border-radius: 50% 50%;
	overflow: hidden;
}
.cmn-prof__sub-thumb__edit-list__item > a > img {
    width: 100%;
    height: 100%;
    margin: 0;
	padding: 0;
}

.cmn-prof__sub-thumb__list {
	display: block;

    font-size: 0;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}
.cmn-prof__sub-thumb__list__item {
    display: inline-block;
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
    border-radius: 50% 50%;
    overflow: hidden;
    margin: 0 0 0 10px;
}
.cmn-prof__sub-thumb__list__item:first-child {
    margin: 0 0 0 20px;
}
.cmn-prof__sub-thumb__list__item:last-child {
    margin: 0 20px 0 10px;
}
.cmn-prof__sub-thumb__list__item > a {
	display: block;
	white-space: nowrap;
    text-decoration: none;
    width: 100%;
	height: 100%;
	position: relative;
}
.cmn-prof__sub-thumb__list__item > a > img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}


	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-prof__sub-thumb__edit-list__item {
			width: 33.333333%;
			padding: 8px;
		}
		.cmn-prof__sub-thumb__edit-list__item::after {
			width: 25px;
			height: 25px;
			margin: 8px;
		}
        .cmn-prof__sub-thumb__list__item {
            margin: 0 0 0 10px;
        }
        .cmn-prof__sub-thumb__list__item:first-child {
            margin: 0 0 0 15px;
        }
        .cmn-prof__sub-thumb__list__item:last-child {
            margin: 0 15px 0 10px;
        }
	}

/* 年齢確認状態＆所得証明状態
----------------------------------------------- */
.prof-identification {
	display: inline-block;
}

.prof-identification__mark {
	margin: 0 5px 0 0;
}

.prof-identification__mark .fa {
	vertical-align: middle;
	color: #b30b0b;
	font-size: 30px;
}

.prof-identification__text {
	font-size: 14px;
}

.prof-identification__text .fa {
	color: #b30b0b;
	font-size: 20px;
	margin: 0 0 0 5px;
}

.prof-identification--yen {
	margin: 0 30px 0 0;
}

.prof-identification--yen .prof-identification__mark {
}

.prof-identification--yen .prof-identification__mark .fa {
	color: #908366;
}

.prof-identification--yen .prof-identification__text {
}

.prof-identification--yen .prof-identification__text .fa {
	color: #908366;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.prof-identification__mark {
			display: inline-block;
			width: 1.2em;
			text-align: center;
		}

		.prof-identification__mark .fa {
			font-size: 20px;
		}

		.prof-identification__text {
			font-size: 12px;
		}

		.prof-identification__text .fa {
			font-size: 14px;
		}

	}


/* プロフ内の写真
----------------------------------------------- */
.prof-photoList {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.prof-photoList__item {
	width: 25%;
	padding: 0 10px 20px;
}

.prof-photoList__item a {
	display: block;
	transition: 0.2s;
}

.prof-photoList__item a:hover {
	opacity: 0.8;
}

.prof-photoList__item img {
	display: block;
	width: 100%;
	height: auto;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.prof-photoList {
			margin: 0 -5px;
		}

		.prof-photoList__item {
			width: 50%;
			padding: 0 5px 10px;
		}

	}


/*--------------------------------------------------------------メンバー一覧*/
.cmn-memberEmbed {
	display: flex;
	flex-wrap: wrap;
}

.cmn-memberEmbed__ {
	width: 100%;
}

.cmn-memberEmbed--2 .cmn-memberEmbed__ { width: 50%;  }
.cmn-memberEmbed--3 .cmn-memberEmbed__ { width: 33.3333333333%; }
.cmn-memberEmbed--4 .cmn-memberEmbed__ { width: 25%; }
.cmn-memberEmbed--5 .cmn-memberEmbed__ { width: 20%; }

.cmn-memberEmbed--separate {
	margin-left: -10px;
	margin-right: -10px;
}

.cmn-memberEmbed--separate .cmn-memberEmbed__ {
	padding: 0 10px;
}

.cmn-memberCard {
	border: 1px solid #CCC;
	padding: 15px;
	margin: 0 0 15px;
	position: relative;
	transition: 0.2s;
}

.cmn-memberCard:hover {
	opacity: 0.8;
}

.cmn-memberCard__more {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.cmn-memberCard__thumb {
	position: relative;
}

.cmn-memberCard__thumb__img {}

.cmn-memberCard__thumb__img img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 50%;
}

.cmn-memberCard__thumb__now {
	position: absolute;
	right: 3px;
	bottom: 3px;
	width: 30px;
	height: 30px;
	background: #8fc31f;
	border: 3px solid #FFF;
	border-radius: 50%;
}

.cmn-memberCard__data {}

.cmn-memberCard__data__name {
	text-align: center;
	padding: 0.8em 0;
	font-size: 16px;
}

.cmn-memberCard__data__name a {
	display: block;
	text-decoration: none;
	line-height: 1.2em;
}

.cmn-memberCard__data__name a span {
	display: inline-block;
	border-bottom: 1px solid;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.cmn-memberCard__data__state {
	text-align: center;
	list-style: none;
	font-size: 0;
}

.cmn-memberCard__data__state__item {
	font-size: 12px;
	display: inline-block;
	padding: 0 0.8em;
}

.cmn-memberCard__data__state__item:first-child {
	padding: 0 0.8em 0 0;
}

.cmn-memberCard__data__state__item:last-child {
	padding: 0 0 0 0.8em;
}

.cmn-memberCard__data__state__item:not(:last-child) {
	border-right: 1px solid #DDD;
}

.cmn-memberCard--female .cmn-memberCard__data__name a {
	color: #e6487c;
}

.cmn-memberCard--male .cmn-memberCard__data__name a {
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.cmn-memberEmbed {
			display: flex;
			flex-wrap: wrap;
		}

		.cmn-memberEmbed__ {
			width: 100%;
		}

		.cmn-memberEmbed--2 .cmn-memberEmbed__ { width: 50%;  }
		.cmn-memberEmbed--3 .cmn-memberEmbed__ { width: 33.3333333333%; }
		.cmn-memberEmbed--4 .cmn-memberEmbed__ { width: 33.3333333333%; }
		.cmn-memberEmbed--5 .cmn-memberEmbed__ { width: 33.3333333333%; }

		.cmn-memberEmbed--separate {
			margin-left: -2px;
			margin-right: -2px;
		}

		.cmn-memberEmbed--separate .cmn-memberEmbed__ {
			padding: 0 2px;
		}

		.cmn-memberCard {
			padding: 8px;
			margin: 0 0 4px;
		}

		.cmn-memberCard__thumb__now {
			position: absolute;
			right: 6px;
			bottom: 6px;
			width: 20px;
			height: 20px;
			border: 2px solid #FFF;
		}

		.cmn-memberCard__data__name {
			font-size: 11px;
		}

		.cmn-memberCard__data__state__item {
			font-size: 10px;
			padding: 0 0.4em;
		}

		.cmn-memberCard__data__state__item:first-child {
			padding: 0 0.4em 0 0;
		}

		.cmn-memberCard__data__state__item:last-child {
			padding: 0 0 0 0.4em;
		}

	}

/* コミュニティー関連
----------------------------------------------- */
.cmn-cardCont {
	padding: 0;
}
.cmn-cardCont:not(:last-child) {
	margin: 0 0 15px 0;
}

.cmn-cardCont__dl-title {
    display: flex;
	flex-wrap: wrap;
	padding: 15px 20px
}
.cmn-cardCont__dl-title dt,
.cmn-cardCont__dl-title dd {
    padding: 5px 0;
}
.cmn-cardCont__dl-title dt {
    width: 60%;
    text-align: left;
}
.cmn-cardCont__dl-title dt > h3 {
	font-size: 16px;
	font-weight: bold;
}
.cmn-cardCont__dl-title dd {
    width: 40%;
    text-align: right;
}
.cmn-cardCont__dl-title dd {
	position: relative;
}
.cmn-cardCont__dl-title dd > a {
	display: inline-block;
	text-decoration: none;
	color: #c8c8c8;
	height: 100%;
	line-height: 100%;
	text-align: right;
	transition: 0.2s;
	margin: 0 20px 0 0;
	vertical-align: middle;
}
.cmn-cardCont__dl-title dd > a > img {
	position: absolute;
	top: 50%;
	right: 0;
	height: 12px;
	transform: translateY(-50%);
}
.cmn-cardCont__dl-title dd a:hover {
	opacity: 0.6;
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-cardCont:not(:last-child) {
			margin: 0 0 10px 0;
		}

		.cmn-cardCont__dl-title {
			padding: 10px 15px
		}
		.cmn-cardCont__dl-title dt > h3 {
			font-size: 14px;
		}
		.cmn-cardCont__dl-title dd > a {
			font-size: 12px;
		}
	}


.cmn-cardCont__sub-thumb {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.cmn-cardCont__sub-thumb__ {
	overflow-y: hidden;
	overflow-x: auto;
	padding: 0 0 15px 0;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style:none;
}
.cmn-cardCont__sub-thumb__::-webkit-scrollbar{
	display:none;
}

.cmn-cardCont__sub-thumb__list {
	display: block;
	font-size: 0;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}
.cmn-cardCont__sub-thumb__list__item {
	display: inline-block;
	width: 100px;
	height: auto;
	padding: 0;

	overflow: hidden;
	margin: 0 0 0 10px;
	vertical-align: top;
}
.cmn-cardCont__sub-thumb__list__item:first-child {
	margin: 0 0 0 20px;
}
.cmn-cardCont__sub-thumb__list__item__link-panel {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
	position: relative;
	transition: 0.2s;
}
.cmn-cardCont__sub-thumb__list__item__link-panel:hover {
	opacity: 0.6;
}
.cmn-cardCont__sub-thumb__list__item__link-panel img {
	display:block;
	width: 100%;
	height: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	border-radius: 5px 5px;
}
.cmn-cardCont__sub-thumb__list__item__link-panel__title,
.cmn-cardCont__sub-thumb__list__item__link-panel__count {
	word-wrap: break-word;
	white-space: normal;
	display: block;
	line-height: 1.1em;
}
.cmn-cardCont__sub-thumb__list__item__link-panel__title {
	margin: 0 0 3px 0;
	font-size: 12px;
	color: #000;
}
.cmn-cardCont__sub-thumb__list__item__link-panel__count {
	font-size: 10px;
	color: #c8c8c8;
}


	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-cardCont__sub-thumb__list__item {
			width: 80px;
			margin: 0 0 0 10px;
		}
		.cmn-cardCont__sub-thumb__list__item:first-child {
			margin: 0 0 0 15px;
		}
		.cmn-cardCont__sub-thumb__list__item:last-child {
			margin: 0 15px 0 10px;
		}
		.cmn-cardCont__sub-thumb__list__item__link-panel img {
			width: 80px;
			height: 80px;
		}
		.cmn-cardCont__sub-thumb__list__item__link-panel__title {
			font-size: 11px;
		}
		.cmn-cardCont__sub-thumb__list__item__link-panel__count {
			font-size: 9px;
		}
	}
/* コミュニティーカテゴリー一覧
----------------------------------------------- */
.cmn-cardCont__type-list {
	display: flex;
	flex-wrap: wrap;
	padding: 0 10px;
	margin: -10px 0 10px 0;
}
.cmn-cardCont__type-list__item {
	width: 33.333333%;
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 10px;
	position: relative;
	transition: 0.2s;
}
.cmn-cardCont__type-list__item:hover {
	opacity: 0.6;
}
.cmn-cardCont__type-list__item__text-screen {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	top: 0;
	left: 0;
}
.cmn-cardCont__type-list__item__text-screen p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.cmn-cardCont__type-list__item > a {
	display: block;
	white-space: nowrap;
	text-decoration: none;
	width: 100%;
	height: 100%;
	position: relative;
	border-radius: 8px 8px;
	overflow: hidden;
}
.cmn-cardCont__type-list__item > a > img {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-cardCont__type-list {
			padding: 0 10px;
			margin: -5px 0 5px 0;
		}
		.cmn-cardCont__type-list__item {
			width: 50%;
			padding: 5px;
		}
		.cmn-cardCont__type-list__item__text-screen {
			font-size: 14px;
		}
	}

/* 共通画像系トップタイトル
----------------------------------------------- */
.cmn-imgTit {
	position: relative;
	display: block;
	height:280px;
	width: 100%;
	padding: 60px 20px;
	margin: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.cmn-imgTit--profile {
	margin: 0 0 15px 0;
}
.cmn-imgTit::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);

}
.cmn-imgTit__cont {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.cmn-imgTit__cont__ {
	position: absolute;
	display: flex;
	flex-wrap: nowrap;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 2;
}
.cmn-imgTit__cont__left {
	display: block;
	width: 100px;
	margin: 0 20px 0 0;
}
.cmn-imgTit__cont__left img {
	width: 100%;
	height: auto;
	border-radius: 5px 5px;
}
.cmn-imgTit__cont__right {
	color: #FFF;
}
.cmn-imgTit__cont__right__category {
	display: inline-block;
	padding: 4px;
	border: 1px solid #FFF;
	border-radius: 3px 3px;
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	margin: 0 0 8px 0;
}
.cmn-imgTit__cont__right__title {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
}
.cmn-imgTit__cont__right__count {
	font-size: 14px;
	font-weight: normal;
	margin: 8px 0 0 0;
}

.cmn-imgTit__btn {
	position: absolute;
	display: block;
	padding: 0;
	margin: 0;
	z-index: 4;

	bottom: 10px;
	left: 50%;
	transform: translate(-50%, 50%);
}
.cmn-imgTit__btn__link {
	display: inline-block;
	border-radius: 25px 25px 25px 25px / 50% 50% 50% 50%;
	text-decoration: none;
	font-size: 14px;
	height: 50px;
	width: auto;
	min-width: 180px;
	text-align: center;
	line-height: 50px;
	background-color: #cd365d;
	color: #FFF;
	padding: 0 20px;

	transition: 0.2s;
}
.cmn-imgTit__btn__link--disable {
	background-color: #c8c8c8;
	color: #cd365d;
}

.cmn-imgTit__btn__link:hover {
	opacity: 0.6;
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-imgTit {
			height:200px;
			padding: 40px 15px;
		}
		.cmn-imgTit--profile {
			margin: 0 0 10px 0;
		}
		.cmn-imgTit__cont__left {
			width: 80px;
			margin: 0 15px 0 0;
		}
		.cmn-imgTit__cont__right__title {
			font-size: 18px;
		}
		.cmn-imgTit__cont__right__category {
			margin: 0 0 5px 0;
			font-size: 10px;
		}
		.cmn-imgTit__cont__right__count {
			font-size: 12px;
			margin: 5px 0 0 0;
		}
		.cmn-imgTit__btn {
			width: 100%;
			text-align: center;
		}
		.cmn-imgTit__btn__link {
			border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
			font-size: 12px;
			height: 40px;
			line-height: 40px;
			padding: 0 15px;

			transition: 0.2s;
		}
	}

/* コミュニティー一覧
----------------------------------------------- */
.cmn-commList {
	display: flex;
	flex-wrap: wrap;
	padding: 8px 10px;
	margin: 0;
}
.cmn-commList__item {
	width: 25%;
	height: auto;
	padding: 7px 10px;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.cmn-commList__item__link-panel {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
	position: relative;
	transition: 0.2s;
}
.cmn-commList__item__link-panel:hover {
	opacity: 0.6;
}
.cmn-commList__item__link-panel img {
	display:block;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	border-radius: 5px 5px;
}
.cmn-commList__item__link-panel__title,
.cmn-commList__item__link-panel__count {
	word-wrap: break-word;
	white-space: normal;
	display: block;
	line-height: 1.1em;
}
.cmn-commList__item__link-panel__title {
	margin: 0 0 3px 0;
	font-size: 12px;
	color: #000;
}
.cmn-commList__item__link-panel__count {
	font-size: 10px;
	color: #c8c8c8;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-commList {
			padding: 5px 8px;
		}
		.cmn-commList__item {
			width: 33.333333%;
			padding: 5px 7px;
		}
		.cmn-commList__item__link-panel__title {
			font-size: 11px;
		}
		.cmn-commList__item__link-panel__count {
			font-size: 9px;
		}
	}

/*--------------------------------------------------------------【チャットとメッセージ】*/

/* チャットルーム
----------------------------------------------- */
.chatRoom__ {
	padding: 0;
	margin: 0 auto;
}

.chatRoom__head {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	height: 60px;
}
.chatRoom__head__ {
	padding: 20px 15px;
	width: 640px;
	margin: 0 auto;
	position: relative;
	border-bottom: 2px solid #ededed;
}

.chatRoom__head__back {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}

.chatRoom__head__back a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #FFF;
}

.chatRoom__head__prof {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	line-height: 1.2em;
	text-align: center;
}

.chatRoom__head__prof__nickname {
	font-weight: bold;
}

.chatRoom__head__prof__data {
	font-size: 12px;
}

.chatRoom__head__prof__data__age {}

.chatRoom__head__prof__data__address {}

.chatRoom__head__icon {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

.chatRoom__head__icon a {}

.chatRoom__head__icon a img {
	display: block;
	width: 40px;
	height: auto;
	border-radius: 50%;
}

.chatRoom__head__tool {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

.chatRoom__head__tool a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
}

.chatRoom__head__tool a .fa {
}

.chatRoom__body {
}

.chatRoom__body__ {
	display: flex;
	flex-direction: column-reverse;
}

.chatRoom__foot {
	background: #FFF;
	padding: 0;
	min-height: 80px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 2px solid #ededed;
}


.chatRoom__foot__ {
	position: relative;
	width: 640px;
	height: auto;
	margin: 0 auto;
	padding: 20px 20px;
	box-sizing: border-box;
}

.chatRoom__foot__form {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
}

.chatRoom__foot__form__text {
	flex-grow: 1;
	position: relative;
	padding: 0;
	margin: 0;
}
.chatRoom__foot__form__text__input {
	display: block;
	width: 100%;
	min-height: 40px;
	background: #FFF;
	border-bottom: 1px solid #ededed;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	padding: 5px;
	margin: 0;
	font-size: 12px;
	outline: 0;
	resize: none;
	overflow-y: scroll;
	line-height: 14px;
	box-sizing: border-box;
}
.chatRoom__foot__form__text__input::-webkit-scrollbar{
    display: none;
    -webkit-appearance: none;
}

.chatRoom__foot__form__text__lengthText {
	position: absolute;
	z-index: 999;
	right: 12px;
	bottom: 5px;
	color: #AAA;
	font-size: 12px;
}

.chatRoom__foot__form__file {
	display: block;
	position: relative;
	width: 30px;
	height: auto;
	margin: 0 10px 0 0;
	overflow: hidden;
}

.chatRoom__foot__form__file input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
}

.chatRoom__foot__form__file span {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: auto;
	height: 100%;
}
.chatRoom__foot__form__file span > img {
	position: absolute;
	top: 50%;
	left: 0;
	width: auto;
	height: 30px;
	transform: translateY(-50%);
}

.chatRoom__foot__form__send {
	margin: 0 0 0 10px;
	position: relative;
	min-height: 40px;
	width: 70px;
}

.chatRoom__foot__form__send input[type="submit"] {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background: #cd365d;
	color: #FFF;
	border: none;
	border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
	padding: 0 10px;
	height: 40px;
	width: 100%;
	text-align:center;
	font-size: 12px;
	cursor: pointer;
	-webkit-appearance: none;
}

.chatRoom__foot__form__send input[type="submit"]:hover {
	opacity: 0.8;
}

.l-roomOffset {
	display: none;
}

.l-roomOffsetCloseBtn .fa {
	transform: rotate(180deg);
}

.l-roomMenuPanel {
	background: #FFF;
	padding: 20px;
	position: absolute;
	z-index: 10;
	top: 60px;
	right: 0;
	color: #333;
	width: 280px;
	display: none;
}

.l-roomMenuPanel--open {
	display: block;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.chatRoom__foot {
			min-height: 60px;
		}
		.chatRoom__foot__ {
			width: 100%;
			padding: 10px 10px;
		}
		.chatMessage__body__text {
			font-size: 12px;
		}

		.l-roomMenuPanel--open {
			display: none;
		}

		.l-roomOffset {
			display: block;
			position: fixed;
			right: 0;
			top: 0;
			width: 100%;
			background: rgba(255,255,255,1);
			transform: translateY(-100%);
			transition: 0.2s;
			z-index: 2;
		}

		.l-roomOffset--open {
			transform: translateY(60px);
		}

		.l-roomOffset__body {
			padding: 10px;
		}

}


/* メッセージ
----------------------------------------------- */
.chatMessage {
}

.chatMessage__ {
	padding: 10px 0;
	display: flex;
}

.chatMessage__date {
	text-align: center;
	padding: 10px 0;
	font-size: 12px;
	color: #444;
}

.chatMessage__from {}

.chatMessage__from__icon {
	align-self: flex-start;
}

.chatMessage__from__icon img {
	display: block;
	width: 40px;
	height: auto;
	border-radius: 50%;
}

.chatMessage__body {
	padding: 0 10px;
}

.chatMessage__body__text {
	background: #FFF;
	color: #444;
	padding: 10px;
	border-radius: 3px;
	line-height: 1.2em;
	font-size: 14px;
	word-break: break-all;
	border: 1px solid #ededed;
}

.chatMessage__body__photo {
	width: 200px;
	height: 200px;
	background: #DDD;
	border-radius: 5px;
	text-align: center;
	position: relative;
}

.chatMessage__body__photo a {
	display: block;
	width: 100%;
	height: 100%;
}

.chatMessage__body__photo img {
	border-radius: 3px;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	width: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.chatMessage__body__del {
	background: #DDD;
	padding: 10px;
	border-radius: 18px;
	line-height: 1.2em;
	font-size: 12px;
	word-break: break-all;
}

.chatMessage__del__btn {
	display:inline-block;
	padding: 5px;
}

.chatMessage__del__btn a {
	color: #F00;
}

.chatMessage__state {
	color: #444;
	padding: 6px 0;
	font-size: 12px;
	letter-spacing: 1px;
	align-self: flex-end;
}

.chatMessage__state__read {
	text-align: right;
	margin: 0 0 2px;
}

.chatMessage__state__date {
	font-size: 10px;
}

.chatMessage__--mine {
	flex-direction: row-reverse;
}
.chatMessage__--mine .chatMessage__body {
	padding: 0 0 0 10px;
}
.chatMessage__--mine .chatMessage__body__text {
	background: #cd365d;
	color: #FFF;
	border: 1px solid transparent;
}

.chatMessage__--mine .chatMessage__body__text a,
.chatMessage__--mine .chatMessage__body__text a:visited {
	color: #FFF;
}

#messageList {
	padding: 5px 20px;
	overflow-x: hidden;
	transform: translate3d(0);
	-ms-overflow-style:none;
}

#messageList::-webkit-scrollbar{
    display:none;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		/* チャットルーム(レイアウト)
		----------------------------------------------- */
		#messageList {
			width: 100%;
			-webkit-overflow-scrolling: touch;
			padding: 5px 15px;
		}
	}


/*--------------------------------------------------------------Myページ*/

/* マイプロフィールパネル
----------------------------------------------- */
.cmn-my-panel {
	margin: 40px 0;
}
.cmn-my-panel__body {
	margin: 0 0 20px 0;
}

.myPanel {
	display: flex;
	padding: 20px;
	margin: 0;
}

.myPanel__ {
}

.myPanel__--1 {
}

.myPanel__--2 {
	flex-grow: 1;
}

.myPanel__thumb {
	margin: 0 30px 0 0;
	position: relative;
	border-radius: 50% 50%;
	overflow: hidden;
}

.myPanel__thumb > img {
	width: auto;
	height: 150px;
	display: block;
}

.myPanel__thumb__text-screen {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	color: #FFF;
	text-align: center;
	top: 0;
	left: 0;
}
.myPanel__thumb__text-screen p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* マイパネル内のメニュー */
.myPanel__menuSet {
	display: flex;
	flex-direction: column;

	margin: 0;
	height: 100%;
}

.myPanel__menuSet__item {
	flex: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.myPanel__menuSet__item__nickname,
.myPanel__menuSet__item__status,
.myPanel__menuSet__item__edit {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.myPanel__menuSet__item__nickname,
.myPanel__menuSet__item__status {
	font-size: 20px;
	font-weight: bold;
}
.myPanel__menuSet__item__status span {
	margin: 0 15px 0 0;
	display: inline-block;
}
.myPanel__menuSet__item__edit {
	height: auto;
	text-align: center;
	width: 100%;
}
.myPanel__menuSet__item__edit__btn {
	display: inline-block;
	transition: 0.2s;

	text-decoration: none;
	color: #FFF;
	background-color: #cd365d;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	height: 50px;
	width: 100%;
	line-height: 50px;
	transition: 0.2s;
	text-align: center;

	vertical-align: middle;

	border-radius: 25px 25px 25px 25px / 50% 50% 50% 50%;
}
.myPanel__menuSet__edit__btn:hover {
	opacity: 0.6
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-my-panel {
			margin: 20px 0;
		}
		.cmn-my-panel__body {
			margin: 0 0 15px 0;
		}

		.myPanel {
			padding: 15px;
		}
		.myPanel__thumb {
			margin: 0 15px 0 0;
		}
		.myPanel__thumb > img {
			height: 100px;
		}

		.myPanel__menuSet__item__nickname,
		.myPanel__menuSet__item__status {
			font-size: 16px;
		}
		.myPanel__menuSet__item__edit__btn {
			height: 40px;
			line-height: 40px;
			font-size: 12px;
		}
	}

/* マイページのステータス表示パネル
----------------------------------------------- */
.myStatus {
	display: flex;
	justify-content: center;
	align-items: center;
}
.myStatus__ {
}
.myStatus__val {
	font-size: 24px;
	text-align: center;
	margin: 0 0 10px 0;
}
.myStatus__val a {
	text-decoration: none;
	transition: 0.2s;
}
.myStatus__val a:hover {
	opacity: 0.6;
}
.myStatus__name {
	font-size: 14px;
	text-align: center;
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.myStatus__val {
			font-size: 18px;
		}
		.myStatus__name {
			font-size: 12px;
		}
	}

/* マイページのメニューパネル
----------------------------------------------- */
.myMenuPanel {
	margin: 0;
	height: 100px;
}
.myMenuPanel {
	margin: 0;
	height: 100px;
}
.myMenuPanel--1,
.myMenuPanel--2 {
	border-top: 1px solid #ededed;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}
.myMenuPanel--3 {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}
.myMenuPanel--10,
.myMenuPanel--11,
.myMenuPanel--7,
.myMenuPanel--8,
.myMenuPanel--4,
.myMenuPanel--5 {
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}
.myMenuPanel--12,
.myMenuPanel--9,
.myMenuPanel--6 {
	border-bottom: 1px solid #ededed;
}
.myMenuPanel__ {
	display: flex;
	justify-content: center;
	align-items: center;

	height: 100%;
	width: 100%;
	transition: 0.2s;
	text-decoration: none;
	position: relative;
}
.myMenuPanel__--active::after {
	position: absolute;
	font-family: "FontAwesome";
	content:"\f111";
	right: 10px;
	top: 10px;
	color: #cd365d;
	font-size: 10px;
}
.myMenuPanel__:hover {
	opacity: 0.6;
}
.myMenuPanel__cont {
	display: block;
	width: 100%;
	position: relative;
}

.myMenuPanel__cont__icon {
	width: 100%;
	margin: 0 0 5px 0;
	text-align: center;
}
.myMenuPanel__cont__icon img {
	height: 20px;
	width :auto;
}
.myMenuPanel__cont__name {
	font-size: 12px;
	text-align: center;
	color: #c8c8c8;
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.myMenuPanel {
			margin: 0;
			height: 80px;
		}
		.myMenuPanel__cont__icon img {
			height: 18px;
		}
		.myMenuPanel__cont__name {
			font-size: 11px;
		}
	}
/* マイページのリンクパネル
----------------------------------------------- */
.myService {
	padding: 20px;
}
.myService-link {
	position: relative;
	display: block;
	transition: 0.2s;
	text-decoration: none;
	width: 100%;
	height: 120px;
	overflow: hidden;
}
.myService-link:hover {
	opacity: 0.6;
}
.myService-link img {
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.myService-link {
			height:56px;
		}
		.myService {
			padding: 15px;
		}
	}

/* よくある質問などのタッチパネル
----------------------------------------------- */
.cmn-cardList {
	list-style: none;
	font-size: 0;
	height: auto;
	width: 100%;
}
.cmn-cardList:not(:last-child) {
	margin: 0 0 20px 0;
}
.cmn-cardList__title,
.cmn-cardList__item {
	margin: 0;
}
.cmn-cardList__title {
	height: auto;
	width: 100%;
	background-color: #c8c8c8;
	padding: 0;
}
.cmn-cardList__title h3 {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	color: #FFF;
	vertical-align: middle;
	margin: auto;
	padding: 0 20px;
}
.cmn-cardList__item {
	height: 100%;
	display: flex;
	flex-wrap: nowarp;
	padding: 20px;
	margin: 0;
	border-bottom: 1px solid #ededed;
}

.cmn-cardList__item__thumb {
	margin: 0 30px 0 0;
}
.cmn-cardList__item__thumb img {
	width: auto;
	height: 150px;
	border-radius: 50% 50%;
	display: block;
}
.cmn-cardList__item__detail {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	margin: 0;
	height: auto;
	width: 100%;
	min-width: 0;
}
.cmn-cardList__item__detail__link,
.cmn-cardList__item__detail__message,
.cmn-cardList__item__detail__tweet,
.cmn-cardList__item__detail__board,
.cmn-cardList__item__detail__recruit,
.cmn-cardList__item__detail__memo,
.cmn-cardList__item__detail__option,
.cmn-cardList__item__detail__title {
	display: block;
	width: 100%;
	height: 100%;
}
.cmn-cardList__item__detail__title {
	position: relative;
	flex: 1;
}
.cmn-cardList__item__detail__message,
.cmn-cardList__item__detail__tweet,
.cmn-cardList__item__detail__board,
.cmn-cardList__item__detail__recruit,
.cmn-cardList__item__detail__memo {
	flex: 1;
}
.cmn-cardList__item__detail__option,
.cmn-cardList__item__detail__link {
	flex: 2;
}

.cmn-cardList__item__detail__title__status {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	width: 100%;

	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cmn-cardList__item__detail__title__status span {
	margin: 0 5px 0 0;
}

.cmn-cardList__item__detail__title__time {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	text-align: right;
	line-height: 30px;
	vertical-align: middle;
	width: 60px;
	font-size: 10px;
	color: #c8c8c8;
}
.cmn-cardList__item__detail__title__time--long {
	width: 50%;
}
.cmn-cardList__item__detail__message,
.cmn-cardList__item__detail__tweet,
.cmn-cardList__item__detail__memo {
	font-size: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cmn-cardList__item__detail__recruit,
.cmn-cardList__item__detail__board {
	font-size: 14px;
    white-space: wrap;
}
.cmn-cardList__item__detail__memo br,
.cmn-cardList__item__detail__message br {
	display: none;
}

.cmn-cardList__item__detail__link {
	text-align: center;
	position: relative;
}
.cmn-cardList__item__detail__option {
	position: relative;
}
.cmn-cardList__item__detail__option__ {
	position: absolute;
	bottom: 10px;
	left: 0;
	display: inline-block;
	transition: 0.2s;

	width: 100%;
	vertical-align: bottom;
}
.cmn-cardList__item__detail__option__online {
	text-align: left;
	font-size: 12px;
}
.cmn-cardList__item__detail__option__online i {
	margin: 0 5px 0 0;
	color: #ededed;
}
.cmn-cardList__item__detail__option__online i.cmn-cardList__item__detail__option__online__act {
	color: #cd365d;
}
.cmn-cardList__item__detail__option__count {
	position: absolute;
	right: 0;
	top: 0;
	color: #c8c8c8;
	font-size: 12px;
}
.cmn-cardList__item__detail__option__count strong {
	font-size: 15px;
}
.cmn-cardList__item__detail__link a {
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	transition: 0.2s;

	text-decoration: none;
	color: #FFF;
	background-color: #cd365d;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	height: 50px;
	width: 100%;
	line-height: 50px;
	transition: 0.2s;
	text-align: center;

	vertical-align: middle;
	border-radius: 25px 25px 25px 25px / 50% 50% 50% 50%;
}
.cmn-cardList__item__detail__link--disable a {
	background-color: #c8c8c8;
}
.cmn-cardList__item__detail__link a:hover {
	opacity: 0.6;
}
.cmn-cardList__item__detail__link--disable {
	opacity: 0.6;
}
    /* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
        .cmn-cardList__item {
            padding: 15px;
		}

		.cmn-cardList__item__thumb {
			margin: 0 15px 0 0;
		}
		.cmn-cardList__item__thumb img {
			height: 80px;
		}

		.cmn-cardList__item__detail__link,
		.cmn-cardList__item__detail__message,
		.cmn-cardList__item__detail__tweet,
		.cmn-cardList__item__detail__board,
		.cmn-cardList__item__detail__recruit,
		.cmn-cardList__item__detail__memo,
		.cmn-cardList__item__detail__option,
		.cmn-cardList__item__detail__title {
			flex: auto;
		}
		.cmn-cardList__item__detail__title__status {
			font-size: 12px;
			line-height: 24px;
		}

		.cmn-cardList__item__detail__title__time {
			top: -16px;
			line-height: 24px;
		}
		.cmn-cardList__item__detail__memo,
		.cmn-cardList__item__detail__message,
		.cmn-cardList__item__detail__tweet,
		.cmn-cardList__item__detail__board,
		.cmn-cardList__item__detail__recruit {
			font-size: 10px;
		}
		.cmn-cardList__item__detail__link a {
			height: 30px;
			line-height: 30px;
			font-size: 12px;
			border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
		}

		.cmn-cardList__item__detail__option__count,
		.cmn-cardList__item__detail__option__online {
			font-size: 10px;
		}
		.cmn-cardList__item__detail__option__count strong {
			font-size: 13px;
		}
	}

/* つぶやき投稿一覧 cmn-cardListの拡張
----------------------------------------------- */
.cmn-cardList__board-item {
	height: 100%;
	display: block;
	margin: 0;
	border-bottom: 1px solid #ededed;
}

.cmn-cardList__board-item__top {
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: nowarp;
	padding: 20px;
	margin: 0;
}
.cmn-cardList__board-item__top__thumb {
	margin: 0 30px 0 0;
}
.cmn-cardList__board-item__top__thumb img {
	width: auto;
	height: 60px;
	border-radius: 50% 50%;
	display: block;
}
.cmn-cardList__board-item__top__detail {
	position: relative;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	margin: 0;
	height: auto;
	width: 100%;
	min-width: 0;
}
.cmn-cardList__board-item__top__detail__name,
.cmn-cardList__board-item__top__detail__status {
	width: 100%;
	flex: 1;
}
.cmn-cardList__board-item__top__detail__name {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;

	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cmn-cardList__board-item__top__detail__name span {
	display: inline-block;
}
.cmn-cardList__board-item__top__detail__name__time {
	position: relative;
	text-align: right;
	vertical-align: middle;
	width: 60px;
	font-size: 10px;
	color: #c8c8c8;
}
.cmn-cardList__board-item__top__detail__menu-btn {
	position: absolute;
	right: 0;
	top: 0;
}
.cmn-cardList__board-item__top__detail__menu-btn a {
	transition: 0.2s;
	display: block;
	height: 30px;
}
.cmn-cardList__board-item__top__detail__menu-btn a:hover {
	opacity: 0.6;
}
.cmn-cardList__board-item__top__detail__menu-btn a > img {
	height: 100%;
}
.cmn-cardList__board-item__top__detail__status {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	width: 100%;
}
.cmn-cardList__board-item__top__detail__status span {
	margin: 0 5px 0 0;
}
.cmn-cardList__board-item__top__detail__status__public {
	color: #c8c8c8;
	font-size: 14px;
}
.cmn-cardList__board-item__bottom {
	height: 100%;
	width: 100%;
	display: block;
	padding: 0 20px 20px 20px;
	margin: 0;
}
.cmn-cardList__board-item__bottom__text {
	font-size: 12px;
	line-height: 1.2em;
    word-break: break-all;
}
.cmn-cardList__board-item__bottom__img {
	margin: 10px 0 0 0;
}
.cmn-cardList__board-item__bottom__img a {
	position: relative;
	display: block;
	height: 200px;
	width: 100%;
	overflow-y: hidden;
	border-radius: 8px 8px;
	background-color: #c8c8c8;
	transition: 0.2s;
}
.cmn-cardList__board-item__bottom__img a:hover {
	opacity: 0.6;
}
.cmn-cardList__board-item__bottom__img a > img {
	position: absolute;
	display: block;
	margin: 0;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: auto;
}
.cmn-cardList__board-item__bottom__icons {
	display: inline-block;
	width: 100%;
	text-align: right;
	margin: 20px 0 0 0;
}
.cmn-cardList__board-item__bottom__icons__fav {
	display: inline-block;
	text-decoration: none;
	pointer-events: painted;
	font-size: 14px;
	color: #c8c8c8;
}
.cmn-cardList__board-item__bottom__icons__fav i {
	margin: 0 3px 0 0;
}
.cmn-cardList__board-item__bottom__icons__fav--active {
	color: #cd365d;
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-cardList__board-item__top {
			padding: 15px;
		}
		.cmn-cardList__board-item__bottom {
			padding: 0 15px 15px 15px;
		}

		.cmn-cardList__board-item__top__thumb {
			margin: 0 15px 0 0;
		}
		.cmn-cardList__board-item__top__thumb img {
			height: 50px;
		}
		.cmn-cardList__board-item__top__detail__status,
		.cmn-cardList__board-item__top__detail__name {
			font-size: 12px;
			line-height: 24px;
		}
		.cmn-cardList__board-item__top__detail__status__public,
		.cmn-cardList__board-item__top__detail__name__time {
			font-size: 10px;
		}

		.cmn-cardList__board-item__top__detail__menu-btn a {
			height: 20px;
		}

		.cmn-cardList__board-item__bottom__text {
			font-size: 10px;
		}
		.cmn-cardList__board-item__bottom__img a {
			height: 140px;
		}
		.cmn-cardList__board-item__bottom__icons {
			margin: 15px 0 0 0;
		}
		.cmn-cardList__board-item__bottom__icons__fav {
			font-size: 12px;
		}
	}

/* 募集投稿一覧 cmn-cardListの拡張
----------------------------------------------- */
.cmn-cardList__recruit-item {
	height: 100%;
	display: block;
	margin: 0;
	border-bottom: 1px solid #ededed;
}

.cmn-cardList__recruit-item__top {
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: nowarp;
	padding: 20px;
	margin: 0;
}
.cmn-cardList__recruit-item__top__thumb {
	margin: 0 30px 0 0;
}
.cmn-cardList__recruit-item__top__thumb img {
	width: auto;
	height: 150px;
	border-radius: 50% 50%;
	display: block;
}
.cmn-cardList__recruit-item__top__detail {
	position: relative;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	margin: 0;
	height: auto;
	width: 100%;
	min-width: 0;
}
.cmn-cardList__recruit-item__top__detail__name,
.cmn-cardList__recruit-item__top__detail__title {
	width: 100%;
}
.cmn-cardList__recruit-item__top__detail__name {
	flex: 3;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;

	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cmn-cardList__recruit-item__top__detail__name i {
	color: #c8c8c8;
}
.cmn-cardList__recruit-item__top__detail__name__type {
	line-height: 1.0em;
	margin: 0 0 8px 0;
}
.cmn-cardList__recruit-item__top__detail__name__type strong {
	padding: 8px 8px;
	border-radius: 3px 3px;
	color: #fff;
	font-size: 12px;
}
.cmn-cardList__recruit-item__top__detail__name__type__time {
	position: relative;
	text-align: right;
	vertical-align: middle;
	width: 60px;
	font-size: 10px;
	color: #c8c8c8;
}
.cmn-cardList__recruit-item__top__detail__name strong,
.cmn-cardList__recruit-item__top__detail__name span {
	display: inline-block;
}
.cmn-cardList__recruit-item__top__detail__menu-btn {
	position: absolute;
	right: 0;
	top: 0;
}
.cmn-cardList__recruit-item__top__detail__menu-btn a {
	transition: 0.2s;
	display: block;
	height: 30px;
}
.cmn-cardList__recruit-item__top__detail__menu-btn a:hover {
	opacity: 0.6;
}
.cmn-cardList__recruit-item__top__detail__menu-btn a > img {
	height: 100%;
}
.cmn-cardList__recruit-item__top__detail__title {
	flex: 2;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.cmn-cardList__recruit-item__top__detail__title a {
	text-decoration: none;
	color: #cd365d;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
}
.cmn-cardList__recruit-item__bottom {
	height: 100%;
	width: 100%;
	display: block;
	padding: 0 20px 20px 20px;
	margin: 0;
}

.cmn-cardList__recruit-item__bottom__status {
	display: inline-block;
	width: 100%;
	text-align: right;
	margin: 0;
}
.cmn-cardList__recruit-item__bottom__status span {
	display: inline-block;
	font-size: 12px;
	line-height: 1.2em;
	color: #000;
	font-weight: bold;
}
.cmn-cardList__recruit-item__bottom__status span:not(:last-child){
	margin: 0 10px 0 0;
}
.cmn-cardList__recruit-item__bottom__status__public {
	display: inline-block;
	font-size: 14px;
	line-height: 1.2em;
	color: #000;
	font-weight: bold;
	color: #c8c8c8;
	margin: 0 10px 0 0;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-cardList__recruit-item__top {
			padding: 15px;
		}
		.cmn-cardList__recruit-item__bottom {
			padding: 0 15px 15px 15px;
		}

		.cmn-cardList__recruit-item__top__thumb {
			margin: 0 15px 0 0;
		}
		.cmn-cardList__recruit-item__top__thumb img {
			height: 80px;
		}
		.cmn-cardList__recruit-item__top__detail__name {
			font-size: 12px;
		}
		.cmn-cardList__recruit-item__top__detail__name__type {
			margin: 0 0 5px 0;
		}
		.cmn-cardList__recruit-item__top__detail__name__type strong {
			padding: 5px 5px;
			border-radius: 2px 2px;
			font-size: 10px;
		}
		.cmn-cardList__recruit-item__top__detail__name__type__time {
			font-size: 10px;
		}

		.cmn-cardList__recruit-item__top__detail__title a {
			font-size: 13px;
		}

		.cmn-cardList__recruit-item__top__detail__menu-btn a {
			height: 20px;
		}

		.cmn-cardList__recruit-item__bottom__status span {
			font-size: 10px;
		}
		.cmn-cardList__recruit-item__bottom__status span:not(:last-child){
			margin: 0 8px 0 0;
		}
		.cmn-cardList__recruit-item__bottom__status__public {
			font-size: 12px;
			margin: 0 8px 0 0;
		}
	}

/* よくある質問などのタッチパネル
----------------------------------------------- */
.cmn-touchList {
	list-style: none;
	font-size: 0;
	height: auto;
	width: 100%;
}
.cmn-touchList:not(:last-child) {
	margin: 0 0 20px 0;
}
.cmn-cardList__title,
.cmn-touchList__title,
.cmn-touchList__item {
	margin: 0;
}
.cmn-cardList__title,
.cmn-touchList__title {
	height: auto;
	width: 100%;
	background-color: #c8c8c8;
	padding: 0;
}
.cmn-cardList__title h3,
.cmn-touchList__title h3 {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	color: #FFF;
	vertical-align: middle;
	margin: auto;
	padding: 0 20px;
}
.cmn-touchList__item {
	font-size: 14px;
}
.cmn-touchList__item__touch-link,
.cmn-touchList__item__touch-title {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	color: #000;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
	padding: 0 20px;
}
.cmn-touchList__item__touch-title {
	border-bottom: 1px solid #ededed;
}
.cmn-touchList__item__touch-link:before {
	font-family: "FontAwesome";
	position: absolute;
	content:"\f105";
	display: inline-block;
	height: 100%;
	font-size: 20px;
	vertical-align: middle;
	top: 0;
	right: 20px;
	color: #c8c8c8;
}
.cmn-touchList__item__touch-title::before {
	font-family: "FontAwesome";
	position: absolute;
	content:"\f107";
	display: inline-block;
	height: 100%;
	font-size: 20px;
	vertical-align: middle;
	top: 0;
	right: 20px;
	color: #c8c8c8;
}
.cmn-touchList__item__touch-title--active::before {
	content:"\f106";
}
.cmn-touchList__item__content {
	display: none;
	font-size: 14px;
	padding: 20px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #ededed;
	line-height: 1.4em;
}
.cmn-touchList__item__content ol,
.cmn-touchList__item__content ul {
	margin: 5px 0 5px 20px
}
.cmn-touchList__item__touch-title--active + .cmn-touchList__item__content {
	display: block;
}
    /* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
        .cmn-touchList__item__touch-link:before,
        .cmn-touchList__item__touch-title::before {
            right: 15px;
        }
        .cmn-touchList__item__content {
            padding: 15px;
            font-size: 12px;
        }
	}
/* 新着つぶやき件数
----------------------------------------------- */
.cmn-newMessage {
	display: block;
	height: 60px;
	width: 100%;
}
.cmn-newMessage__link {
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
    flex-direction: column;
	justify-content: center;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	background-color: #c8c8c8;
	text-decoration: none;
	transition: 0.2s;
}
.cmn-newMessage__link:hover {
	opacity: 0.6;
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-newMessage {
			height: 40px;
		}
		.cmn-newMessage__link {
			font-size: 12px;
		}

	}
/* よくある質問などのタッチパネル
----------------------------------------------- */

.cmn-modal-list {
	text-align: center;
	list-style: none;
	width: 100%;
}
.cmn-modal-list--horizontal {
	font-size: 0;
}
.cmn-modal-list__item {
	font-size: 14px;
	margin: 0 0 10px 0;
}
.cmn-modal-list__item:last-child {
	margin: 0;
}
.cmn-modal-list--horizontal .cmn-modal-list__item {
	display: inline-block;
}

.cmn-modal-list__item a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	height: 50px;
	line-height: 50px;
	width: 100%;
	transition: 0.2s;

	background-color: #cd365d;
	vertical-align: middle;
	border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
}
.cmn-modal-list__item--active a {
	background-color: #9e8952;
	pointer-events: none;
}
.cmn-modal-list__item--cancel a {
	background-color: #c8c8c8;
}
.cmn-modal-list__item--delete a {
	background-color: #9e8952;
}
.cmn-modal-list__item a:hover {
	opacity: 0.6;
}
    /* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-modal-list__item {
			font-size: 12px;
		}
        .cmn-modal-list__item a {
			height: 40px;
			line-height: 40px;
		}
    }

.cmn-modal-scl {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 640px;
	margin: 0 auto;

	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.cmn-modal-scl__top-panel {
	display: block;
	padding: 0 20px;
	margin: 0;
	border-bottom: 1px solid #ededed;
	width: 100%;
	height: auto;;
	flex-basis: auto;
	font-size: 0;
}
.cmn-modal-scl__top-panel__item {
	display: inline-block;
	vertical-align: middle;
	line-height: 50px;
	height: 50px;
	font-size: 14px;
	text-align: center;
}
.cmn-modal-scl__top-panel__item a {
	text-decoration: none;
	transition: 0.2s;
}
.cmn-modal-scl__top-panel__item a:hover {
	opacity: 0.6;
}
.cmn-modal-scl__top-panel__item--save {
	width: 30%;
}
.cmn-modal-scl__top-panel__item--title {
	font-weight: bold;
	width: 40%;
}
.cmn-modal-scl__top-panel__item--cancel {
	width: 30%;
}
.cmn-modal-scl__menu {
	flex-grow: 1;
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	white-space: nowrap;
    -webkit-overflow-scrolling: touch;
	-ms-overflow-style:none;
}
.cmn-modal-scl__menu__list {
	height: 100%;
	width: 100%;
}
.cmn-modal-scl__menu__list__item {
	display: block;
	width: 100%;
	height: auto;
	text-align: left;
}
.cmn-modal-scl__menu__list__item:not(:last-child) {
	border-bottom: 1px solid #ededed;
}
.cmn-modal-scl__menu__list__item a {
	display: inline-block;
	text-decoration: none;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	vertical-align: middle;
	transition: 0.2s;
	padding: 0 20px;
	position: relative;
}
.cmn-modal-scl__menu__list__item--active a::after {
	font-family: "FontAwesome";
	display: block;
	content:"\f00c";
	margin: 0 5px 0 0;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	color: #c8c8c8;
}
.cmn-modal-scl__menu__list__item a:hover {
	opacity: 0.6;
}

    /* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-modal-scl {
			width: 100%;
		}
		.cmn-modal-scl__top-panel {
			padding: 0 15px;
		}
		.cmn-modal-scl__top-panel__item {
			line-height: 40px;
			height: 40px;
			font-size: 12px;
		}
		.cmn-modal-scl__menu__list__item a {
			height: 40px;
			line-height: 40px;
			font-size: 12px;
			padding: 0 15px;
		}
	}

/* cmn-memo メモリスト
---------------------------------------------------- */
.cmn-memo {

}
.cmn-memo__add-btn {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
	font-size: 14px;
}
.cmn-memo__add-btn a {
	display: inline-block;
	width: 80%;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-decoration: none;
	color: #FFF;
	background-color: #cd365d;
	border-radius: 25px 25px 25px 25px / 50% 50% 50% 50%;
	transition: 0.2s;
	text-align: center;
}
.cmn-memo__add-btn a:hover {
	opacity: 0.6;
}
.cmn-memo__list {
	list-style: none;
}
.cmn-memo__list__item {
	border: 1px solid #c8c8c8;
	margin: 0 0 20px 0;
}
.cmn-memo__list__item__title {
	padding: 10px 20px;
	position: relative;
	width: 100%;
	background-color: #c8c8c8;
}
.cmn-memo__list__item__title__date {
	font-size: 12px;
	color: #FFF;
}
.cmn-memo__list__item__title__delete {
	display: block;
	text-decoration: none;
	height: 100%;
	width: 20px;
	text-align: center;
	transition: 0.2s;
	position: absolute;
	right: 10px;
	top: 0;
}
.cmn-memo__list__item__title__delete:hover {
	opacity: 0.6;
}
.cmn-memo__list__item__title__delete i {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 18px;
	transform: translate(-50%, -50%);
	color: #FFF;
}
.cmn-memo__list__item__desc {
	padding: 20px;
	line-height: 1.2em;
	font-size: 14px;
}

    /* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-memo__add-btn {
			margin: 0 0 15px 0;
			font-size: 12px;
		}
		.cmn-memo__add-btn a {
			width: 100%;
			height: 40px;
			line-height: 40px;
		}

		.cmn-memo__list__item__title {
			padding: 8px 15px;
		}
		.cmn-memo__list__item__title__delete {
			right: 5px;
		}
		.cmn-memo__list__item__desc {
			padding: 15px;
			font-size: 12px;
		}
	}

/* 年齢確認 所得証明のようなミニランディング
------------------------------------------------------------- */
.cmn-lp__top {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
}
.cmn-lp__top > img {
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.cmn-lp__top--iden {
	background-image: url("../img/default/iden-back.png");
	padding: 0;
	position: relative;
	z-index: 1;
}
.cmn-lp__top--income {
	background-image: url("../img/default/income-back.png");
	padding: 0;
	position: relative;
	z-index: 1;
}
.cmn-lp__top--plan {
	background-image: url("../img/default/plan-back.png");
	padding: 0;
	position: relative;
	z-index: 1;
}
.cmn-lp__top--secret {
	background-image: url("../img/default/private-back.png");
	padding: 0;
	position: relative;
	z-index: 1;
}
.cmn-lp__top--secret::after,
.cmn-lp__top--plan::after,
.cmn-lp__top--income::after,
.cmn-lp__top--iden::after {
	content: "";
	display: block;
	background-color: rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2
}
.cmn-lp__top--secret::after,
.cmn-lp__top--plan::after {
	background-color: rgba(0, 0, 0, 0.4);
}
.cmn-lp__top--income::after {
	background-color: rgba(0, 0, 0, 0.6);
}

.cmn-lp__top__lm-text {
	text-align: left;
	margin: auto;
	width: 60%;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	z-index: 3;
}
.cmn-lp__top__lm-text h2 {
	color: #FFF;
	font-size: 22px;
	line-height: 1.6em;
	margin: 0 0 15px 0;
}
.cmn-lp__top__ccm-text,
.cmn-lp__top__cm-text {
	text-align: center;
	margin: auto;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}
.cmn-lp__top__ccm-text h2 {
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
	color: #FFF;
	font-size: 28px;
	line-height: 1.6em;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	position: relative;
}
.cmn-lp__top__ccm-text > p {
	color: #FFF;
}
.cmn-lp__top__ccm-text h2 > span {
	line-height: 2em;
	font-size: 32px;
	position: relative;
	z-index: 5;
}
.cmn-lp__top__ccm-text h2 > span::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 12px;
	bottom: 5px;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	background-color: rgba(241, 203, 63, 0.3);

}
.cmn-lp__top__ccm-text h2 > span > strong {
	font-size: 80px;
	color: #f1cb3f;
	font-weight: bold;
}

.cmn-lp__top__cm-text h2 {
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
	color: #FFF;
	font-size: 32px;
	line-height: 1.6em;
	padding: 0;
	margin: 0;
	position: relative;
	font-weight: normal;
}
.cmn-lp__top__cm-text h2 > strong {
	font-weight: bolder;
}
.cmn-lp__top__cm-text--income h2 {
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
	font-weight: bold;
}
.cmn-lp__top__cm-text--income h2::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	height: 0;
	width: 30px;
	border-bottom: 3px solid #ffa5a6;
	z-index: 3;
}

/* 年齢確認 */
.cmn-lp__camp-mid,
.cmn-lp__secret-mid,
.cmn-lp__plan-mid,
.cmn-lp__iden-mid {
    display: block;
	width: 100%;
	padding: 40px 20px;
}
.cmn-lp__camp-mid--thin {
	background-color: #fff1f1;
}
.cmn-lp__camp-mid--pay {
	background-color: #fff7eb;
}
.cmn-lp__secret-mid--thin,
.cmn-lp__iden-mid--thin {
    background-color: #fff9f9;
}
.cmn-lp__camp-mid__title,
.cmn-lp__iden-mid__title {
	font-size: 20px;
	margin: 0 0 20px 0;
	text-align: center;
	width: 100%;
	line-height: 1.4em;
}
.cmn-lp__camp-mid__desc,
.cmn-lp__secret-mid__desc,
.cmn-lp__plan-mid__desc,
.cmn-lp__iden-mid__desc {
	text-align: center;
	margin: 0 0 20px 0;
	line-height: 1.6em;
}
.cmn-lp__iden-mid__desc--left {
	text-align: left;
	margin: 0;
}
.cmn-lp__iden-mid__img-list {
	list-style: none;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.cmn-lp__iden-mid__img-list__item {
	display: table-cell;
	padding: auto;
	text-align: center;
	vertical-align: middle;
}
.cmn-lp__iden-mid__img-list__item > img {
	width: 100%;
	height: auto;
}
.cmn-lp__iden-mid__img-list__item--text > p {
	text-align: center;
}
.cmn-lp__iden-mid__img-list__item--text > p > img {
	display: inline-block;
	height: 200px;
	width: auto;
}
.cmn-lp__iden-mid__img-list__item--text > span {
	line-height: 1.4em;
	font-weight: bold;
	font-size: 14px;
}
.cmn-lp__iden-mid__img-list__item--pass > img {
	width: 70%;
}
/* 所得証明 */
.income-color {
	background-color: #4a4a4a;
}
.cmn-lp__income-mid {
    display: block;
	width: 100%;
	padding: 40px 20px;
	background-color: #4a4a4a;
	color: #FFF;
}
.cmn-lp__income-mid--thick {
	background-color: #222222;
}
.cmn-lp__secret-mid--m0,
.cmn-lp__plan-mid--m0 {
	padding: 0 20px;
}
.cmn-lp__plan-mid--thick {
	background-color: #fff7eb;
}
.cmn-lp__iden-mid__upload,
.cmn-lp__income-mid__upload {
	position: relative;
	display: block;
	height: auto;
	width: 100%;
	background-color: #FFF;
	text-decoration: none;
	overflow: hidden;
	border-radius: 2px 2px;
}
.cmn-lp__iden-mid__upload {
	border: 1px solid #ededed;
}
.cmn-lp__iden-mid__upload input[type="file"],
.cmn-lp__income-mid__upload input[type="file"] {
	display: none;
}
.cmn-lp__iden-mid__upload > span,
.cmn-lp__income-mid__upload > span {
	display: block;
	width: 100%;
	height: 220px;
}
.cmn-lp__iden-mid__upload > span > span,
.cmn-lp__income-mid__upload > span > span {
	text-align: center;
	margin: auto;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	font-weight: bold;
	color: #dddddd;
}
.cmn-lp__iden-mid__upload img,
.cmn-lp__income-mid__upload img {
	display: block;
	height: auto;
	width: 100%;
}
.cmn-lp__income-mid__upload__text-screen,
.cmn-lp__iden-mid__upload__text-screen {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 30px;
	color: #FFF;
	text-align: center;
	top: 0;
	left: 0;
}
.cmn-lp__income-mid__upload__text-screen p,
.cmn-lp__iden-mid__upload__text-screen p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.6;
}

.cmn-lp__secret-mid__title,
.cmn-lp__income-mid__title {
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
	font-size: 20px;
	margin: 0 auto 40px auto;
	text-align: center;
	width: 100%;
	line-height: 60px;
	background-color: #9e8952;
	color: #FFF;
	width: 80%;
	position: relative;
	z-index: 2;
}
.cmn-lp__secret-mid__title::after,
.cmn-lp__income-mid__title::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	width: 0px;
	height: 0px;
	transform: translateX(-50%);
	left: 50%;
	bottom: -29px;
	border-top: 15px solid #9e8952;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
}
.cmn-lp__income-mid__desc {
	text-align: center;
	margin: 0 0 20px 0;
	line-height: 1.6em;
}
.cmn-lp__income-mid__desc__line-part {
	border-bottom: 1px solid #9b9b9b;
}
.cmn-lp__income-mid__desc__link-part {
	color: #ffa5a6;
	transition: 0.2s;
}
.cmn-lp__income-mid__desc__link-part:hover {
	text-decoration: underline;
	color: #ffa5a6;
	opacity: 0.6;
}
.cmn-lp__income-mid__panel-list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	width: 100%;
	margin: 0 auto;
}
.cmn-lp__income-mid__panel-list__item {
	width: 100%;
	margin: 0;
}
.cmn-lp__income-mid__panel-list__item p {
	text-align: center;
	line-height: 1.4em;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #9b9b9b;
	background-color: #222222;
	color: #FFF;
}
.cmn-lp__income-mid__panel-list__item:not(:last-child) {
	margin: 0 0 20px 0;
}
.cmn-lp__income-mid__panel-list--separate .cmn-lp__income-mid__panel-list__item {
	width: 50%;
}
.cmn-lp__income-mid__panel-list--separate .cmn-lp__income-mid__panel-list__item:nth-child(odd) {
	padding: 10px 10px 10px 0;
}
.cmn-lp__income-mid__panel-list--separate .cmn-lp__income-mid__panel-list__item:nth-child(even) {
	padding: 10px 0 10px 10px;
}

.cmn-lp__income-mid__panel-list--separate  .cmn-lp__income-mid__panel-list__item:not(:last-child) {
	margin: 0;
}

.cmn-lp__income-mid__card-list {
	list-style: none;
}
.cmn-lp__income-mid__card-list__item {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	margin: 0 0 20px 0;
}
.cmn-lp__income-mid__card-list__item__icon {
	height: 100px;
	width: auto;
	margin: 0 20px 0 0;
}
.cmn-lp__income-mid__card-list__item__icon img {
	height: 100%;
	width: auto;
}
.cmn-lp__income-mid__card-list__item__detail {
	display: inline-block;
	height: 100%;
	line-height: 100%;
	vertical-align: middle;
}
.cmn-lp__income-mid__card-list__item__detail h3 {
	line-height: 1.6em;
	font-size: 16px;
	margin: 0 0 5px 0;
}
.cmn-lp__income-mid__card-list__item__detail p {
	line-height: 1.6em;
	font-size: 14px;
}

/* 有料プラン */
.cmn-lp__plan-mid__title {
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
	font-size: 20px;
	margin: 0 auto 40px auto;
	text-align: center;
	width: 100%;
	line-height: 60px;
	background-color: #f1cb3f;
	color: #FFF;
	width: 80%;
	position: relative;
	z-index: 2;
}
.cmn-lp__plan-mid__desc {
	text-align: left;
	line-height: 1.6em;
}
.cmn-lp__plan-mid__title::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	width: 0px;
	height: 0px;
	transform: translateX(-50%);
	left: 50%;
	bottom: -29px;
	border-top: 15px solid #f1cb3f;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
}
.cmn-lp__plan-mid__big-message {
	width: 100%;
	height: 180px;
	text-align: center;
	display: flex;
    flex-direction: column;
    justify-content: center;
	border: 3px solid #f1cb3f;
}
.cmn-lp__plan-mid__big-message p {
	font-size: 16px;
	font-weight: bold;
	color: #f1cb3f;
	line-height: 1.6em;
}
.cmn-lp__secret-mid__card-list,
.cmn-lp__plan-mid__card-list {
	list-style: none;
}
.cmn-lp__secret-mid__card-list__item,
.cmn-lp__plan-mid__card-list__item {
	display: block;
	width: 60%;
	margin: 0 auto 40px auto;
	text-align: center;
}

.cmn-lp__plan-mid__card-list__item__icon {
	height: 100px;
	width: auto;
	margin: 0 0 20px 0;
}
.cmn-lp__secret-mid__card-list__item__icon {
	height: 60px;
	width: auto;
	margin: 0 0 20px 0;
}
.cmn-lp__secret-mid__card-list__item__icon img ,
.cmn-lp__plan-mid__card-list__item__icon img {
	height: 100%;
	width: auto;
}
.cmn-lp__secret-mid__card-list__item__detail ,
.cmn-lp__plan-mid__card-list__item__detail {
	display: inline-block;
	height: 100%;
	line-height: 100%;
	vertical-align: middle;
}
.cmn-lp__secret-mid__card-list__item__detail h3,
.cmn-lp__plan-mid__card-list__item__detail h3 {
	line-height: 1.6em;
	font-size: 16px;
	margin: 0 0 10px 0;
}
.cmn-lp__secret-mid__card-list__item__detail p ,
.cmn-lp__plan-mid__card-list__item__detail p {
	line-height: 1.6em;
	font-size: 14px;
}

.cmn-lp__plan-mid__pCard-list {
	list-style: none;
}
.cmn-lp__plan-mid__pCard-list__item {
	width: 100%;
	padding: 0;
	display: block;
	margin: 0;
	background-color: #FFF;
	border-radius: 10px 10px;
	overflow: hidden;
}
.cmn-lp__plan-mid__pCard-list__item:not(:last-child) {
	margin: 0 0 20px 0;
}
.cmn-lp__plan-mid__pCard-list__item__ {
	text-decoration: none;
	transition: 0.2s;
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
}
.cmn-lp__plan-mid__pCard-list__item__:hover {
	opacity: 0.6;
}
.cmn-lp__plan-mid__pCard-list__item__month {
	width: 30%;
	height: auto;
	text-align: center;
	display: flex;
    flex-direction: column;
	justify-content: center;
	background-color: #9b9b9b;
	color: #FFF;
}
.cmn-lp__plan-mid__pCard-list__item__month--active {
	background-color: #f1cb3f;
}
.cmn-lp__plan-mid__pCard-list__item__month span {
	font-size: 20px;
	line-height: 1.4em;
}
.cmn-lp__plan-mid__pCard-list__item__month span > strong {
	font-size: 30px;
}
.cmn-lp__plan-mid__pCard-list__item__desc {
	height: 100%;
	width: 70%;
	text-align: center;
	display: flex;
    flex-direction: column;
	justify-content: center;
	padding: 20px;
	line-height: 1.6em;
}
.cmn-lp__plan-mid__pCard-list__item__desc__m-price {
	width: 80%;
	display: table;
	margin: 0 auto 10px auto;
}
.cmn-lp__plan-mid__pCard-list__item__desc__m-price__main {
	display: table-cell;
	width: 80%;
	text-align: right;
	vertical-align: middle;
	font-size: 36px;
	padding: 0 10px;
}
.cmn-lp__plan-mid__pCard-list__item__desc__m-price__sub {
	display: table-cell;
	width: 20%;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
}
.cmn-lp__plan-mid__pCard-list__item__desc__m-price__sub strong {
	font-size: 18px;
}
.cmn-lp__plan-mid__pCard-list__item__desc__s-price {
	font-size: 18px;
	color: #9b9b9b;
	margin: 0 0 20px 0;
}
.cmn-lp__plan-mid__pCard-list__item__desc__s-price small {
	font-size: 14px;
}
.cmn-lp__plan-mid__pCard-list__item__desc__point {
	width: 80%;
	color: #FFF;
	padding: 5px;
	background-color: #cf3c4e;
	margin: 0 auto 10px auto;
}
.cmn-lp__plan-mid__pCard-list__item__desc__discount {
	color: #cf3c4e;
	font-weight: bold;
}
.cmn-lp__plan-mid__pCard-list__item__desc__discount strong {
	font-size: 24px;
	margin: 0 5px;
}

/* プライベート設定 */
.cmn-lp__secret-mid__b-desc {
	font-size: 20px;
	font-weight: bold;
	color: #ffa5a6;
	line-height: 1.6em;
	text-align: center;
}
/* ポイントキャンペーン */
.cmn-lp__camp-mid__contents p {
	line-height: 1.2em;
	font-size: 14px;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-lp__top {
			height: 220px;
		}
		.cmn-lp__top__lm-text {
			left: 15px;
		}
		.cmn-lp__top__lm-text h2 {
			font-size: 18px;
			line-height: 1.4em;
			margin: 0 0 10px 0;
		}
		.cmn-lp__top__lm-text p {
			font-size: 12px;
			line-height: 1.4em;
		}

		.cmn-lp__top__cm-text h2 {
			font-size: 26px;
			line-height: 1.6em;
			padding: 0 0 20px 0;
			margin: 0 0 20px 0;
		}
		.cmn-lp__top__cm-text h2::after {
			width: 20px;
		}

		.cmn-lp__top__ccm-text h2 {
			font-size: 18px;
			line-height: 1.4em;
		}
		.cmn-lp__top__ccm-text h2 > span {
			line-height: 1.8em;
			font-size: 26px;
		}
		.cmn-lp__top__ccm-text h2 > span::after {
			width: 100%;
			height: 10px;
			bottom: 5px;
		}
		.cmn-lp__top__ccm-text h2 > span > strong {
			font-size: 50px;
		}
		.cmn-lp__top__ccm-text p {
			font-size: 10px;
			line-height: 1.4em;
		}

		.cmn-lp__camp-mid,
		.cmn-lp__secret-mid,
		.cmn-lp__plan-mid,
		.cmn-lp__iden-mid {
			padding: 30px 15px;
		}
		.cmn-lp__secret-mid--m0,
		.cmn-lp__plan-mid--m0 {
			padding: 0 15px;
		}
		.cmn-lp__camp-mid__title,
		.cmn-lp__iden-mid__title {
			font-size: 16px;
			margin: 0 0 15px 0;
			line-height: 1.2em;
		}
		.cmn-lp__camp-mid__desc,
		.cmn-lp__secret-mid__desc,
		.cmn-lp__plan-mid__desc,
		.cmn-lp__iden-mid__desc {
			margin: 0 0 15px 0;
			font-size: 12px;
			line-height: 1.2em;
		}

		.cmn-lp__iden-mid__img-list__item--text > p > img {
			height: auto;
			width: 96%;
		}
		.cmn-lp__iden-mid__img-list__item--text > span {
			line-height: 1.2em;
			font-weight: bold;
			font-size: 12px;
		}

		/* 所得証明 */
		.cmn-lp__income-mid {
			padding: 30px 15px;
		}
		.cmn-lp__iden-mid__upload,
		.cmn-lp__income-mid__upload {
			min-height: 180px;
		}
		.cmn-lp__iden-mid__upload span,
		.cmn-lp__income-mid__upload span {
			font-size: 18px;
		}
		.cmn-lp__secret-mid__title,
		.cmn-lp__income-mid__title {
			font-size: 16px;
			margin: 0 auto 30px auto;
			width: 100%;
			line-height: 50px;
			width: 100%;
		}
		.cmn-lp__income-mid__desc {
			margin: 0 0 15px 0;
			font-size: 12px;
			line-height: 1.2em;
		}

		.cmn-lp__income-mid__panel-list__item p {
			line-height: 1.2em;
			padding: 15px;
		}
		.cmn-lp__income-mid__panel-list__item:not(:last-child) {
			margin: 0 0 15px 0;
		}
		.cmn-lp__income-mid__panel-list--separate .cmn-lp__income-mid__panel-list__item:nth-child(odd) {
			padding: 7px 7px 7px 0;
		}
		.cmn-lp__income-mid__panel-list--separate .cmn-lp__income-mid__panel-list__item:nth-child(even) {
			padding: 7px 0 7px 7px;
		}

		.cmn-lp__income-mid__card-list {
			list-style: none;
		}
		.cmn-lp__income-mid__card-list__item {
			margin: 0 0 15px 0;
		}
		.cmn-lp__income-mid__card-list__item__icon {
			height: 80px;
			margin: 0 15px 0 0;
		}
		.cmn-lp__income-mid__card-list__item__detail h3 {
			font-size: 14px;
			margin: 0;
		}
		.cmn-lp__income-mid__card-list__item__detail p {
			font-size: 12px;
		}
		.cmn-lp__income-mid__card-list__item__detail p > br {
			display: none;
		}
		/* 有料プラン */
		.cmn-lp__plan-mid__title {
			font-size: 16px;
			margin: 0 auto 30px auto;
			width: 100%;
			line-height: 50px;
			width: 100%;
		}
		.cmn-lp__plan-mid__desc {
			font-size: 12px;
			line-height: 1.2em;
		}
		.cmn-lp__plan-mid__big-message {
			height: 120px;
		}
		.cmn-lp__plan-mid__big-message p {
			font-size: 14px;
			line-height: 1.4em;
		}
		.cmn-lp__secret-mid__card-list__item,
		.cmn-lp__plan-mid__card-list__item {
			width: 80%;
			margin: 0 auto 30px auto;
		}

		.cmn-lp__plan-mid__card-list__item__icon {
			height: 80px;
			margin: 0 0 15px 0;
		}
		.cmn-lp__secret-mid__card-list__item__icon {
			height: 50px;
			margin: 0 0 15px 0;
		}
		.cmn-lp__secret-mid__card-list__item__detail h3,
		.cmn-lp__plan-mid__card-list__item__detail h3 {
			font-size: 14px;
			margin: 0;
		}
		.cmn-lp__secret-mid__card-list__item__detail p,
		.cmn-lp__plan-mid__card-list__item__detail p {
			font-size: 12px;
		}
		.cmn-lp__secret-mid__card-list__item__detail p > br,
		.cmn-lp__plan-mid__card-list__item__detail p > br {
			display: none;
		}

		.cmn-lp__plan-mid__pCard-list__item:not(:last-child) {
			margin: 0 0 15px 0;
		}
		.cmn-lp__plan-mid__pCard-list__item__month span {
			font-size: 16px;
			line-height: 1.2em;
		}
		.cmn-lp__plan-mid__pCard-list__item__month span > strong {
			font-size: 28px;
		}
		.cmn-lp__plan-mid__pCard-list__item__desc {
			width: 70%;
			padding: 15px;
			line-height: 1.4em;
		}
		.cmn-lp__plan-mid__pCard-list__item__desc__m-price {
			width: 100%;
			margin: 0 auto 5px auto;
		}
		.cmn-lp__plan-mid__pCard-list__item__desc__m-price__main {
			width: 70%;
			vertical-align: middle;
			font-size: 26px;
			padding: 0;
		}
		.cmn-lp__plan-mid__pCard-list__item__desc__m-price__sub {
			width: 30%;
			font-size: 11px;
		}
		.cmn-lp__plan-mid__pCard-list__item__desc__m-price__sub strong {
			font-size: 14px;
		}
		.cmn-lp__plan-mid__pCard-list__item__desc__s-price {
			font-size: 14px;
			margin: 0 0 15px 0;
		}
		.cmn-lp__plan-mid__pCard-list__item__desc__s-price small {
			font-size: 9px;
		}
		.cmn-lp__plan-mid__pCard-list__item__desc__point {
			width: 100%;
		}
		.cmn-lp__plan-mid__pCard-list__item__desc__discount strong {
			font-size: 18px;
		}

		/* プライベート設定 */
		.cmn-lp__secret-mid__b-desc {
			font-size: 16px;
			line-height: 1.4em;
		}
		/* ポイントキャンペーン */
		.cmn-lp__camp-mid__contents p {
			font-size: 12px;
		}
	}

/* お知らせなどで利用するシンプルなリスト
--------------------------------------------------------------*/
.cmn-simpleList {
	list-style: none;
	display: block;
	width: 100%;
}
.cmn-simpleList__item {
	border-bottom: 1px solid #ededed;
}
.cmn-simpleList__item--active {
	background-color: rgba(0, 0, 0, 0.025);
}
.cmn-simpleList__item__ {
	display: flex;
	flex-wrap: nowrap;
	padding: 15px 20px;
	width: 100%;
	text-decoration: none;
}
a.cmn-simpleList__item__:hover {
	background-color: rgba(0, 0, 0, 0.05);
}
.cmn-simpleList__item__inner {
	justify-content: center;
}
.cmn-simpleList__item__inner--flex {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.cmn-simpleList__item__inner--center {
	text-align: center;
}
.cmn-simpleList__item__inner--right {
	text-align: right;
}
.cmn-simpleList__item__inner__date {
	font-size: 11px;
	margin: 0 0 10px 0;
}
.cmn-simpleList__item__inner__title {
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.cmn-simpleList__item__inner__title__limit {
	font-size: 11px;
	color: red;
}
.cmn-simpleList__item__inner__title__big-num {
	font-size: 32px;
	margin: 0 5px 0 0;
}
.cmn-simpleList__item__inner__point {
	display: inline-block;
	font-size: 11px;
	text-align: center;
	width: auto;
}
.cmn-simpleList__item__inner__point strong {
	font-size: 20px;
}
.cmn-simpleList__item__inner__text {
	font-size: 14px;
	line-height: 1.4em;
}
.cmn-simpleList__item__inner--1 { width: 8.33333333333%; }
.cmn-simpleList__item__inner--2 { width: 16.6666666667%; }
.cmn-simpleList__item__inner--3 { width: 25%; }
.cmn-simpleList__item__inner--4 { width: 33.3333333333%; }
.cmn-simpleList__item__inner--5 { width: 41.6666666667%; }
.cmn-simpleList__item__inner--6 { width: 50%; }
.cmn-simpleList__item__inner--7 { width: 58.3333333333%; }
.cmn-simpleList__item__inner--8 { width: 66.6666666667%; }
.cmn-simpleList__item__inner--9 { width: 75%; }
.cmn-simpleList__item__inner--10 { width: 83.3333333333%; }
.cmn-simpleList__item__inner--11 { width: 91.6666666667%; }
.cmn-simpleList__item__inner--12 { width: 100%; }
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-simpleList__item__ {
			padding: 15px 15px;
		}
		.cmn-simpleList__item__inner__date {
			font-size: 10px;
			margin: 0 0 5px 0;
		}
		.cmn-simpleList__item__inner__title {
			font-size: 12px;
		}
		.cmn-simpleList__item__inner__title__limit {
			font-size: 10px;
		}
		.cmn-simpleList__item__inner__title__big-num {
			font-size: 24px;
		}
		.cmn-simpleList__item__inner__point {
			font-size: 10px;
		}
		.cmn-simpleList__item__inner__point strong {
			font-size: 20px;
		}
		.cmn-simpleList__item__inner__text {
			font-size: 12px;
			line-height: 1.2em;
		}
	}
/* 募集のコメントデザイン
-------------------------------------------------------- */
.recruit-detail__comments {
	position: relative;
	background: rgba(245,245,245,1);
	margin: 36px 0 20px 0;
	padding: 20px 15px;
	border-radius: 6px;
	line-height: 1.6em;
}

.recruit-detail__comments::before {
	content: "";
	position: absolute;
	top: -14px;
	left: 75px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-top: none;
	border-right: 7px solid transparent;
	border-bottom: 14px solid rgba(245,245,245,1);
	border-left: 7px solid transparent;
}
.recruit-detail__comments__type strong {
	line-height: 1.0em;
	padding: 8px 8px;
	border-radius: 3px 3px;
	color: #fff;
	font-size: 12px;
}
.recruit-detail__comments__type__public {
	position: relative;
	text-align: right;
	vertical-align: middle;
	width: 60px;
	font-size: 10px;
	font-size: 14px;
}
.recruit-detail__comments__type__time {
	position: relative;
	text-align: right;
	vertical-align: middle;
	width: 60px;
	font-size: 10px;
	color: #000;
}
.recruit-detail__comments__type strong,
.recruit-detail__comments__type span {
	display: inline-block;
}
.recruit-detail__comments__title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 1em 0;
	color: #cd365d;
}
.recruit-detail__comments__text {
	position: relative;
	word-break: break-all;
	font-size: 14px;
}

.recruit-detail__comments--female {
	background: #feeaef;
}

.prof-detail__comments--female::before {
	border-bottom: 14px solid #feeaef;
}


.recruit-detail__comments--male {
	background: #f4f2ea;
}

.recruit-detail__comments--male::before {
	border-bottom: 14px solid #f4f2ea;
}
	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.recruit-detail__comments__type strong {
			padding: 5px 5px;
			border-radius: 2px 2px;
			font-size: 10px;
		}
		.recruit-detail__comments__type__public,
		.recruit-detail__comments__type__time {
			font-size: 10px;
		}
		.recruit-detail__comments {
			padding: 10px 15px;
			margin: 26px 0 15px 0;
			font-size: 11px;
			border-radius: 3px;
		}
		.recruit-detail__comments::before {
			left: 40px;
		}
		.recruit-detail__comments__title {
			font-size: 14px;
			margin: 0.6em 0;
		}

		.recruit-detail__comments__text {
			font-size: 12px;
		}
	}
/* タグリストデザイン
-------------------------------------------------------- */
.cmn-tagList {
	font-size: 0;
	padding: 0 20px 15px 20px;
	text-align: center;
	border-bottom: 1px solid #ededed;
}
.cmn-tagList__item {
	display: inline-block;
	margin: 4px 5px;
}
.cmn-tagList__item__btn {
	display: inline-block;
	padding: 8px 8px;
	border-radius: 3px 3px;
	color: #fff;
	line-height: 1.4em;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background-color: #c8c8c8;
	transition: 0.2s;
}
.cmn-tagList__item__btn:hover {
	opacity: 0.6;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
		.cmn-tagList__item {
			display: inline-block;
			margin: 3px 4px;
		}
		.cmn-tagList__item__btn {
			padding: 5px 5px;
			border-radius: 2px 2px;
			font-size: 10px;
		}
	}
/* 募集のラベルデザイン
-------------------------------------------------------- */
.cmn-tagList__item__btn--active00,
.recruit-type__label--00 { background: #e6487c; }
.cmn-tagList__item__btn--active01,
.recruit-type__label--01 { background: #50aaa6; }
.cmn-tagList__item__btn--active02,
.recruit-type__label--02 { background: #f19149; }
.cmn-tagList__item__btn--active03,
.recruit-type__label--03 { background: #67c7d7; }
.cmn-tagList__item__btn--active04,
.recruit-type__label--04 { background: #456990; }
.cmn-tagList__item__btn--active05,
.recruit-type__label--05 { background: #706c61; }
.cmn-tagList__item__btn--active06,
.recruit-type__label--06 { background: #6e9887; }
.cmn-tagList__item__btn--active07,
.recruit-type__label--07 { background: #754f44; }
.cmn-tagList__item__btn--active08,
.recruit-type__label--08 { background: #ef8354; }
.cmn-tagList__item__btn--active09,
.recruit-type__label--09 { background: #7d7abc; }
.cmn-tagList__item__btn--active10,
.recruit-type__label--10 { background: #e6486a; }
.cmn-tagList__item__btn--active11,
.recruit-type__label--11 { background: #50aa95; }
.cmn-tagList__item__btn--active12,
.recruit-type__label--12 { background: #f19138; }
.cmn-tagList__item__btn--active13,
.recruit-type__label--13 { background: #67c7c6; }
.cmn-tagList__item__btn--active14,
.recruit-type__label--14 { background: #456980; }
.cmn-tagList__item__btn--active15,
.recruit-type__label--15 { background: #706c50; }
.cmn-tagList__item__btn--active16,
.recruit-type__label--16 { background: #6e9876; }
.cmn-tagList__item__btn--active17,
.recruit-type__label--17 { background: #754f33; }
.cmn-tagList__item__btn--active18,
.recruit-type__label--18 { background: #ef8343; }
.cmn-tagList__item__btn--active19,
.recruit-type__label--19 { background: #7d7acb; }

/* ================================================================================ */
/*                                                                                  */
/*      レスポンシブ対応(PCファースト)                                              */
/*                                                                                  */
/* ================================================================================ */

@media only screen and (max-width:960px) {}

/* iPad縦(portrait) */
@media only screen and (max-width:768px) {}

/* smartphone横(landscape) */
@media only screen and (max-width:640px) {

	body {
		min-width: 100%;
	}

	.l-contents {
		width: 100%;
		padding: 0;
	}

}

/* iPhone横(landscape) */
@media only screen and (max-width:480px) {}

/* smartphone縦(portrait) */
@media only screen and (max-width:360px) {}

/* iPhone縦(portrait) */
@media only screen and (max-width:320px) {}

/* viewportの仕様上、指定可能な最小幅 */
@media only screen and (max-width:200px) {}


/* ================================================================================ */
/*                                                                                  */
/*      デザインテーマ                                                               */
/*                                                                                  */
/* ================================================================================ */