@charset "utf-8";

/*--------------------------------------------------------------【サンプルコメント】*/
/* サンプルコメント（example）
----------------------------------------------- */

html{
	width: 100%;
}

body {
	width: 100%;
	background: #f0f0f0;
}

body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}

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

.l-wrapper {
	height: 100%;
}

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

.l-contents {
	flex-grow: 1;
	width: 100vw;
	margin: 0 auto;
	padding: 30px 0;
}

.l-offset {
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.9);
	transform: translateX(100%);
	transition: 0.2s;
	z-index: 99;
}

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

		.l-offset--open {
			transform: translateX(0);
		}

	}


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

/*--------------------------------------------------------------オフセット部*/
.cmn-offsetClose {
	text-align: right;
	height: 50px;
	position: relative;
}

.cmn-offsetClose__btn {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	overflow: hidden;
	border-radius: 2px;
	background: rgba(255,255,255,0.9);
	color: #333;
	cursor: pointer;
}

.cmn-offsetClose__btn .fa {
}

.cmn-offsetContents {
	padding: 10px;
}


/*--------------------------------------------------------------汎用*/
.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;
		}

	}


/*--------------------------------------------------------------日付の区切り*/
.cmn-dateLine {
	font-size: 12px;
	text-align: center;
	margin: 20px 0;
}

.cmn-dateLine__mark {
	display: inline-block;
	background: #DDD;
	padding: 0 1em;
	line-height: 2em;
	border-radius: 1em;
}

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

		.cmn-dateLine {
			font-size: 10px;
			margin: 10px 0;
		}

	}


/*--------------------------------------------------------------汎用パネル*/
.cmn-panel {
	margin: 0 0 20px;
	background: #FFF;
	box-shadow: 1px 1px #e5e5e5,-1px -1px #e5e5e5;
}

.cmn-panel__title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	padding: 1em;
	background: #333;
	color: #FFF;
	position: relative;
	display: flex;
	align-items: center;
}

.cmn-panel__title__text {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	flex-grow: 1;
	padding: 0 24px 0 0;
}

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

.cmn-panel__title__mark {
	color: #d6b251;
}

.cmn-panel__title__mark .fa {
	margin: 0 10px 0 0;
}

.cmn-panel__title__toggle {
	cursor: pointer;
	font-size: 18px;
	padding: 0 0 0 5px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.cmn-panel__title__toggle .fa {
	font-size: 24px;
	transform: rotate(90deg);
}

.cmn-panel__body {
	padding: 20px;
}

.cmn-panel--border .cmn-panel__body {
	border: 2px solid #333;
	border-top: none;
}

.cmn-panel--border.cmn-panel--male .cmn-panel__body {
	border: 2px solid #222;
	border-top: none;
}

.cmn-panel--border.cmn-panel--female .cmn-panel__body {
	border: 2px solid #de2e5c;
	border-top: none;
}

.cmn-panel--male {}

.cmn-panel--male .cmn-panel__title {
	background: linear-gradient(to bottom, #444, #222);
}

.cmn-panel--female {}

.cmn-panel--female .cmn-panel__title {
	background: linear-gradient(to bottom, #e34d74, #de2e5c);
}

.cmn-panel--lv2 {}

.cmn-panel--lv2 .cmn-panel__title {
	background: #222;
	padding: 0.5em 1em;
}

.cmn-panel--lv2 .cmn-panel__title__mark {
	color: #dac085;
	margin: 0 10px 0 0;
	white-space: nowrap;
}

.cmn-panel--lv2 .cmn-panel__title__mark .fa {
	margin: 0 5px 0 0;
}

.cmn-panel--lv2 .cmn-panel__title__text {
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
}

.cmn-panel--notice {
	background: #e5e5e5;
	border-radius: 3px;
	padding: 10px 20px;
}

.cmn-panel--notice .cmn-panel__title {
	background: transparent;
	border-bottom: 1px solid #c52c54;
	padding: 10px 0 10px 10px;
	margin: 0 0 10px;
}

.cmn-panel--notice .cmn-panel__title__mark {
	color: #c52c54;
}

.cmn-panel--notice .cmn-panel__body {
	padding: 10px 0 0;
}

.cmn-panel--message {
	background: #e5e5e5;
	border-radius: 3px;
	padding: 10px 20px;
}

.cmn-panel--message .cmn-panel__title {
	background: transparent;
	border-bottom: 1px solid #333;
	padding: 10px 0 10px 10px;
	margin: 0 0 10px;
}

.cmn-panel--message .cmn-panel__title__mark {
	color: #333;
}

.cmn-panel--message .cmn-panel__body {
	padding: 10px 0 0;
}

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

		.cmn-panel__title {
			font-size: 14px;
		}

		.cmn-panel__body {
			padding: 10px;
		}

		.cmn-panel__title__toggle .fa {
			font-size: 20px;
		}

		.cmn-panel--notice {
			padding: 10px;
		}

		.cmn-panel--notice .cmn-panel__title {
			padding: 10px 0;
		}

		.cmn-panel--notice .cmn-panel__title__mark {
		}

		.cmn-panel--notice .cmn-panel__body {
			padding: 0;
		}

		.cmn-panel--message {
			padding: 10px;
		}

		.cmn-panel--message .cmn-panel__title {
			padding: 10px 0;
		}

		.cmn-panel--message .cmn-panel__title__mark {
		}

		.cmn-panel--message .cmn-panel__body {
			padding: 0;
		}

	}


/*--------------------------------------------------------------ボタン*/
.cmn-stylishBtn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	text-decoration: none;
	vertical-align: top;
	padding: 0 0.3em;
	width: 100%;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	background: #DDD;
	color: #333;
	border: 1px solid #CCC;
	border-radius: 3px;
	letter-spacing: 1px;
	transition: 0.2s;
}

.cmn-stylishBtn .fa {
	margin: 0 10px 0 0;
	font-size: 20px;
}

.cmn-stylishBtn--pink {
	background: linear-gradient(to bottom, #de2e5c, #e03964);
	color: #FFF;
	border: 1px solid #e03964;
	box-shadow: inset 1px 1px rgba(255,255,255,0.2), inset -1px -1px rgba(255,255,255,0.2);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.cmn-stylishBtn--pink:hover {
	color: #FFF;
	opacity: 0.8;
}

.cmn-stylishBtn--gold {
	background: linear-gradient(to bottom, #a08b54, #786737);
	color: #FFF;
	border: 1px solid transparent;
}

.cmn-stylishBtn--gold:hover {
	color: #FFF;
	opacity: 0.8;
}

.cmn-stylishBtn--silver {
	background: linear-gradient(to bottom, #fcfcfc, #cbcccc);
	color: #333;
	border: 1px solid #c9caca;
}

.cmn-stylishBtn--silver:hover {
	color: #333;
	opacity: 0.8;
}

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

		.cmn-stylishBtn {
			height: auto;
			line-height: 40px;
			font-size: 14px;
		}

		.cmn-stylishBtn .fa {
			font-size: 16px;
		}

		.cmn-stylishBtn--spSize {
			width: 80%;
			margin: 0 auto;
		}

	}


/*--------------------------------------------------------------セレクト*/
.cmn-stylishSelect {
	position: relative;
	display: inline-block;
	min-width: 100px;
}

.cmn-stylishSelect--w90 {
	width: 95%;
}

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

.cmn-stylishSelect select {
	width: 100%;
	height: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border: 1px solid #666;
	border-radius: 3px;
	padding: 0 20px 0 10px;
	font-size: 14px;
	color: #666;
}

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

		.cmn-stylishSelect select {
			height: 40px;
			font-size: 12px;
		}

	}


/*--------------------------------------------------------------フォームセット*/
.cmn-stylishFormSet {
	display: flex;
	align-items: center;
	margin: 0 0 15px;
}

.cmn-stylishFormSet__t {
	font-size: 18px;
	font-weight: bold;
	width: 5em;
	padding-right: 1em;
	text-align: right;
}

.cmn-stylishFormSet__t span {}

.cmn-stylishFormSet__d {
	flex-grow: 1;
}

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

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

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

	}


/*--------------------------------------------------------------セレクト*/
.cmn-stylishLabel {
}

.cmn-stylishLabel label {
	display: inline-block;
	margin: 5px 2px 5px 0;
}

.cmn-stylishLabel label input[type="radio"],
.cmn-stylishLabel label input[type="checkbox"] {
	display: none;
}

.cmn-stylishLabel label input[type="radio"] + span,
.cmn-stylishLabel label input[type="checkbox"] + span {
	display: inline-block;
	padding: 4px 6px 4px 26px;
	position: relative;
	line-height: 1;
	font-size: 12px;
}

.cmn-stylishLabel label input[type="radio"] + span::before,
.cmn-stylishLabel label input[type="checkbox"] + span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	border: 1px solid #666;
}

.cmn-stylishLabel label input[type="checkbox"]:checked + span::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 50%;
	transform-origin: top left;
	transform: rotateZ(-45deg);
	width: 7px;
	height: 5px;
	border-bottom: 2px solid #ff9900;
	border-left: 2px solid #ff9900;
}

.cmn-stylishLabel label input[type="radio"] + span::before {
	border-radius: 50%;
}

.cmn-stylishLabel label input[type="radio"]:checked + span::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 6px;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ff9900;
}

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

		.cmn-stylishLabel label {
			display: block;
			padding: 5px 0;
		}

	}


/*--------------------------------------------------------------切り替えタブ*/
.cmn-listTab {
	border-bottom: 4px solid #333;
	margin: 0 0 20px;
}

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

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

.cmn-listTab__list__item a {
	display: block;
	text-align: center;
	padding: 1em 0;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: #FFF;
}

.cmn-listTab__list__item--active {}

.cmn-listTab__list__item--active a {
	background: #333;
	color: #FFF;
}

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

		.cmn-listTab {
			margin:  0 0 10px;
			border-bottom: 2px solid #333;
		}

		.cmn-listTab__list__item a {
			font-size: 11px;
		}

	}


/*--------------------------------------------------------------ソートリンク*/
.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-searchPanel {}

.cmn-searchPanel__body {
	margin: 0 0 15px;
	border-bottom: 1px solid #CCC;
}

.cmn-searchPanel__body__ {}

.cmn-searchPanel__foot {}

.cmn-searchPanel__foot__ {
	width: 80%;
	margin: 0 auto;
}

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

		.cmn-searchPanel__body {
			border-bottom: none;
			margin: 0;
		}

		.cmn-searchPanel__foot__ {
			width: 100%;
		}

	}


/*--------------------------------------------------------------グリッド*/
.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 {
	margin-left: -10px;
	margin-right: -10px;
}

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

.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 {
			margin-left: -5px;
			margin-right: -5px;
		}

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

	}


/*--------------------------------------------------------------サイトのヘッダ*/

.st-header {
	background: #051621;
}

.st-header__ {
	position: relative;
	margin: 0 auto;
	height: 100px;
}

.st-header__--minWidth {
	width: 1000px;
}

.st-header__--spHead {
	display: none;
}

.st-header__logo {
	position: absolute;
	left: 40px;
	top: 50%;
	transform: translateY(-50%);
}

.st-header__logo a {
	display: block;
}

.st-header__logo a img {
	display: block;
	height: 100px;
	width: auto;
	transition: 0.2s;
}

.st-header__link {
	font-size: 10px;
	line-height: 25px;
	padding: 0 10px;
}

.st-header__link--right {
	text-align: right;
}

.st-header__link a {
	color: rgba(255,255,255,0.8);
	padding: 0 5px;
}

.st-header__col {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.st-header__col__1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.st-header__col__2 {
	position: absolute;
	height: 100%;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}

.st-header__col__3 {
	width: 40px;
	display: none;
}

.st-header--myPage .st-header__col__4 {
	flex-grow: 1;
	display: none;
}

/* メニュー開閉ボタン
----------------------------------------------- */
.spMenuToggle {
	color: #FFF;
	cursor: pointer;
	text-align: center;
	width: 40px;
	height: 100%;
	overflow: hidden;
	margin: 0 10px 0 0;
}

.spMenuToggle__icon {
	font-size: 30px;
	margin: 0 0 2px;
}

.spMenuToggle__name {
	font-size: 10px;
	line-height: 1;
}

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

		.st-header__ {
			max-width: 100%;
			height: 50px;
		}

		.st-header__--spHead {
			display: table;
			width: 100%;
			height: 25px;
		}

		.st-header__--spHead .st-header__link {
			display: table-cell;
		}

		.st-header__logo {
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
		}

		.st-header__logo a img {
			height: 30px;
		}

		.st-header__col__1 {
			display: none;
		}

		.st-header__col__2 {
			display: none;
		}

		.st-header__col__3 {
			display: block;
		}

		.st-header--myPage .st-header__col {
			width: 100%;
		}

		.st-header--myPage .st-header__logo {
			display: none;
		}

		.st-header--myPage .st-header__col__3 {
			display: none;
		}

		.st-header--myPage .st-header__col__4 {
			display: block;
		}


	}

/* スマホのみのメニューボタン
----------------------------------------------- */
.myHeadNav {
	background: rgba(255,255,255,0.3);
}

.myHeadNav__list {
	background: #FFF;
	height: 50px;
	display: flex;
	flex-wrap: nowrap;
	list-style: none;
}

.myHeadNav__list__item {
	background-size: 45px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 16.666666%;
}

.myHeadNav__list__item a {
	display: block;
	height: 50px;
	cursor: pointer;
	position: relative;
}

.myHeadNav__list__item__name {
	display: none;
}

.myHeadNav__list__item__cnt {
	position: absolute;
	top: 5px;
	left: 50%;
	background: #fc5050;
	border: 2px solid #FFF;
	color: #FFF;
	font-size: 10px;
	line-height: 1em;
	border-radius: 1em;
	padding: 3px 5px;
}

.myHeadNav__list__item--search {
	background-image: url("../img/default/myheadnav__search.png");
}

.myHeadNav__list__item--board {
	background-image: url("../img/default/myheadnav__board.png");
}

.myHeadNav__list__item--message {
	background-image: url("../img/default/myheadnav__message.png");
}

.myHeadNav__list__item--clip {
	background-image: url("../img/default/myheadnav__clip.png");
}

.myHeadNav__list__item--history {
	background-image: url("../img/default/myheadnav__history.png");
}

.myHeadNav__list__item--menu {
	background-image: url("../img/default/myheadnav__menu.png");
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:768px) {
		.myHeadNav__list {
			width: 100%;
		}

	}


/*--------------------------------------------------------------サイトのナビゲーション*/

.st-navi {
	background: #FFF;
	position: relative;
}

.st-navi::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: #dcdcdc;
}

.st-navi__ {
	width: 1000px;
	height: 60px;
	margin: 0 auto;
}

.st-navi__list {
	display: table;
	table-layout: fixed;
	width: 100%;
	list-style: none;
}

.st-navi__list__item {
	display: table-cell;
}

.st-navi__list__item a {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	transition: 0.2s;
}

.st-navi__list__item a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	z-index: 1;
	transition: 0.2s;
}

.st-navi__list__item a:hover {
	color: #9d8851;
}

.st-navi__list__item a:hover::after {
	background: #9d8851;
}

.st-navi__list__item--active {}

.st-navi__list__item--active a {
	color: #9d8851;
}

.st-navi__list__item--active a::after {
	background: #9d8851;
}

.st-navi__list__item--active a:hover {}

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

		.st-navi {
			display: none;
		}

	}


/*--------------------------------------------------------------サイトのフッタ*/

.st-footer {
	background: #051621;
	color: #FFF;
	width: 100%;
	height: 250px;
}

.st-footer__ {
	align-items: center;
	display: flex;
	width: 100%;
	height: 85%;
	padding: 0;
}

.st-footer__logo {
	width: calc(100% / 6);/*修正*/
	height: 100%;
	margin: 0 20px;
	padding: 40px 40px 40px 20px;
}

.st-footer__logo a {
	display: inline-block;
}

.st-footer__logo a img {
	display: block;
	transition: 0.2s;
	width: 150px;
	object-fit: cover;
}

.st-footer__logo a:hover {}

.st-footer__enter {
	width: 35%; /*修正*/
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	text-align: center;
	margin: 0px;
}

.st-footer__menu {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 82%;/*修正*/
	height: 100%;
	margin: 0 20px;
	text-align: left;

}

.st-footer__--copy {
	height: 15%;
	background: #1a1a1a;
	padding: 25px 0;
}

.st-footer__copy {
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #6e6e6e;
}

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

		.st-footer {
			background: #051621;
			color: #FFF;
			height: 380px;
		}

		.st-footer__ {
			flex-direction: column;
			width: 100%;
			height: 85%;
		}

		.st-footer__logo {
			text-align: center;
			width: 100%;
			height: 40px;
			margin: 0 20px;
			padding: 40px;
		}


		.st-footer__logo a img {
			height: 40px;
		}

		.st-footer__menu {
			display: flex;
			flex-direction: column;
			justify-content: center;
			width: 90%;
			height: 200px;
			text-align: center;
		}

		.st-footer__menu li{
			width: 200px;
		}

		.st-footer__enter {
			width: 100%;
			height: 60px;
			display: inline-block;
			text-align: center;
			margin: 0px;
		}

		.st-footer__--copy {
			background: transparent;
			height: 15%;
		}
		
		.st-footer__copy {
			padding: 10px 0 5px;
			font-size: 10px;
		}

	}

/*--------------------------------------------------------------新規登録＆ログイン*/

.enterBtnSet {
	display: inline-flex;
	width: auto;
	height: 100%;
}

.enterBtnSet__btn {
	position: relative;
	margin: 0px;
	width: calc( 100% / 3);
	min-width: 120px;/*修正*/
	height: 100%;
	text-align: center;
	font-size: 15px;
	text-decoration: none;
	background: #333;
	letter-spacing: 1px;
	transition: 0.2s;
}

.enterBtnSet__btn__name {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	color: #FFF;
}

.enterBtnSet__btn--login {
	background-color: #D1A46B;
}

.enterBtnSet__btn--contact {
	background-color:  #036EB8;
}

.enterBtnSet__btn--register {
	background-color:  #920783;
}

.enterBtnSet--header {}

.enterBtnSet--footer {
	width: 100%;
	min-width: 200px;
	padding: 0px;
}

.enterBtnSet__btn:hover {
	opacity: 0.8;
}

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

		.enterBtnSet {
			display: flex;
			margin: 0 0px;
			padding: 0;
		}

		.enterBtnSet__btn {
			margin: 0 0px;
			font-size: 13px;
			padding: 0;
			width: 50%;
			overflow: hidden;
		}

		.enterBtnSet--footer {
			width: 100%;
		}

	}


/*--------------------------------------------------------------新規登録＆ログイン*/

.enterGenderBtn {
	margin: 10px auto;
	text-align: center;
}

.enterGenderBtn__btn {
	display: block;
	margin: 0 10px;
	padding: 0 3em;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 15px;
	text-decoration: none;
	color: #333;
	background: #FFF;
	border: 1px solid #333;
	border-radius: 3px;
	letter-spacing: 1px;
	transition: 0.2s;
}

.enterGenderBtn__btn--male {
}

.enterGenderBtn__btn--female {
}

.enterGenderBtn__btn:hover {
	color: #333;
	opacity: 0.8;
}


/*--------------------------------------------------------------パンくずリスト*/

.cmn-path {
	background: #e5e5e5;
}

.cmn-path__ {
	max-width: 1400px;
	padding: 0 10px;
	margin: 0 auto;
}

.cmn-path__list {
	height: 50px;
	line-height: 50px;
	list-style: none;
	font-size: 0;
}

.cmn-path__list__item {
	display: inline-block;
	font-size: 12px;
}

.cmn-path__list__item a {
	display: block;
	text-decoration: none;
}

.cmn-path__list__item a::after {
	content: ">";
	display: inline-block;
	padding: 0 10px;
}

.cmn-path__list__item a:hover {}

.cmn-path__list__item a .fa {
	font-size: 18px;
	vertical-align: middle;
}

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

		.cmn-path {
			display: none;
		}

	}


/*--------------------------------------------------------------テキストリンク*/

.cmn-linkList {
	width: 100%;
	font-size: 0;
}

.cmn-linkList__item {
	display: inline-block;
	font-size: 14px;
}

.cmn-linkList__item a {
	display: inline-block;
	padding: 0 20px;
	text-decoration: none;
	line-height: 20px;
	color: rgba(255,255,255,0.8);
	transition: 0.2s;
}

.cmn-linkList__item a:hover {
	color: rgba(255,255,255,0.5);
}

.cmn-linkList--alignright {
	text-align: right;
}

.cmn-linkList--border {
	margin: 20px 0;
}

.cmn-linkList--border .cmn-linkList__item {}

.cmn-linkList--border .cmn-linkList__item:not(:last-child) {
	border-right: 1px solid rgba(255,255,255,0.5);
}

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

		.cmn-linkList--border {
			display: flex;
			flex-wrap: wrap;
			margin: 5px 0;
		}

		.cmn-linkList__item{
			width: 50% !important;
			padding: 0px;
		}

		.cmn-linkList__item a {
			font-size: 10px;
			padding: 0px;
		}

		.cmn-linkList--border .cmn-linkList__item:not(:last-child) {
			border-right: none;
			margin: 5px 0;
		}



	}


/*--------------------------------------------------------------プロフィール*/

.prof-detail {}

.prof-detail__head {
	margin: 0 0 20px;
}

.prof-detail__body {
	padding: 0 10px;
}

.prof-detail__body .commonTable th {
	text-align: center;
	padding: 10px 0;
}

.prof-detail__foot {
	padding: 10px 0;
}

.prof-detail__comments {
	position: relative;
	background: rgba(245,245,245,1);
	margin: 0 10px 20px;
	padding: 1.6em;
	border-radius: 6px;
	line-height: 1.6em;
}

.prof-detail__comments::before {
	content: "";
	position: absolute;
	top: -14px;
	left: 100px;
	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;
}

.prof-detail__comments__title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 1em 0;
}

.prof-detail__comments__text {
	position: relative;
	word-break: break-all;
}

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

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


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

.prof-detail__comments--male::before {
	border-bottom: 14px solid #f4f2ea;
}

.prof-detail--mypage .prof-detail__comments__text {
	max-height: 5.6em;
	overflow: hidden;
}

.prof-detail--mypage .prof-detail__comments__text::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3.2em;
	background: linear-gradient(to top, rgba(245,245,245,1), rgba(245,245,245,0));
}

.prof-detail--mypage .prof-detail__comments--male .prof-detail__comments__text::after {
	background: linear-gradient(to top, rgba(244,242,234,1), rgba(244,242,234,0));
}

.prof-detail--mypage .prof-detail__comments--female .prof-detail__comments__text::after {
	background: linear-gradient(to top, rgba(254,234,239,1), rgba(254,234,239,0));
}


/* プロフ写真付きカード
----------------------------------------------- */
.prof-detailCard {
	display: flex;
	align-items: center;
}

.prof-detailCard__thumb {
	position: relative;
}

.prof-detailCard__thumb__img {}

.prof-detailCard__thumb__img > img {
	display: block;
	border-radius: 50%;
	width: 190px;
	height: auto;
}

.prof-detailCard__thumb__now {
	position: absolute;
	right: 12px;
	bottom: 12px;
	width: 36px;
	height: 36px;
	background: #8fc31f;
	border: 3px solid #FFF;
	border-radius: 50%;
}

.prof-detailCard__data {
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	padding: 30px 20px 0;
}

.prof-detailCard__data__ {}

.prof-detailCard__data__--1 {
}

.prof-detailCard__data__--2 {
	flex-grow: 1;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

.prof-detailCard__data__--3 {
	width: 100%;
	border-top: 1px solid #CCC;
	padding: 15px 0 0;
	margin: 15px 0 0;
}

.prof-detailCard__data__name {
	color: #333;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 15px;
}

.prof-detailCard__data__identification {
	text-align: right;
/* 	width: 100%; */
}

.prof-detailCard--mypage {
	align-items: center;
}

.prof-detailCard--mypage .prof-detailCard__data {
	padding: 0 20px 0;
}


/* お気に入りアクションなど
----------------------------------------------- */
.prof-dataAction {
	display: flex;
}

.prof-dataAction__fav {
	flex-grow: 1;
}

.prof-dataAction__fav a {
	border: 1px solid #CCC;
	background: #FFF;
	color: #555;
}

.prof-dataAction__fav a .fa {
	color: #b30b0b;
	margin: 0 10px 0 0;
}

.prof-dataAction__fav--on {}

.prof-dataAction__fav--on a {
	background: #b30b0b;
	border: 1px solid #b30b0b;
	color: #FFF;
}

.prof-dataAction__fav--on a .fa {
	color: #FFF;
}

.prof-dataAction__message {
	width: 60%;
	padding: 0 0 0 10px;
}

.prof-dataAction__message a {
	border: 1px solid #9d8851;
	background: #9d8851;
	color: #FFF;
}

.prof-dataAction__message a .fa {
	margin: 0 10px 0 0;
}

.prof-dataAction__message a,
.prof-dataAction__fav a {
	display: block;
	width: 100%;
	border-radius: 3px;
	padding: 1em 0;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	transition: 0.2s;
}

.prof-dataAction__message a:hover,
.prof-dataAction__fav a:hover {
	opacity: 0.8;
}

.prof-dataAction--mobile {
	display: none;
}

/* ユーザー状態など
----------------------------------------------- */
.prof-userState {
}

.prof-userState__list {
	font-size: 0;
	list-style: none;
}

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

.prof-userState__list__item:first-child {
	padding: 0 1em 0 0;
}

.prof-userState__list__item:not(:last-child) {
	border-right: 1px solid #CCC;
}

.prof-userState__list--2 {
	margin: 5px 0 0;
}

/* プロフ下部のアクション
----------------------------------------------- */
.prof-detail__foot__action {
	list-style: none;
	font-size: 0;
	text-align: right;
}

.prof-detail__foot__action__item {
	display: inline-block;
	font-size: 14px;
}

.prof-detail__foot__action__item a {
	color: #666;
	display: block;
	position: relative;
	padding: 0 15px;
}

.prof-detail__foot__action__item 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 #9d8851;
}

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

		.prof-detail--mypage {
			margin: 0 0 15px;
		}

		.prof-detail__head {
			margin: 0 0 10px;
		}

		.prof-detail__comments {
			padding: 0.8em;
			margin: 0 0 20px;
			font-size: 11px;
			border-radius: 3px;
		}

		.prof-detail__comments__title {
			font-size: 14px;
			margin: 0.6em 0;
		}

		.prof-detail__comments__text {
		}

		.prof-detail__body {
			padding: 0;
		}

		.prof-detail__body .commonTable {
			margin: 10px 0 20px;
		}

		.prof-detail__body .commonTable td {
			padding: 10px;
		}

		.prof-detail__body .commonTable th {
			width: 120px;
		}

		.prof-detail__comments::before {
			display: none;
		}

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

		.prof-detailCard__thumb__img > img {
			width: 140px;
		}

		.prof-detailCard__thumb__now {
			right: 6px;
			bottom: 6px;
			width: 26px;
			height: 26px;
			background: #8fc31f;
			border: 2px solid #FFF;
			border-radius: 50%;
		}

		.prof-detailCard__data__--1 {
			width: 100%;
			margin: 0 0 10px;
		}

		.prof-detailCard__data__--2 {
			width: 100%;
			flex-direction: row;
		}

		.prof-detailCard__data__--3 {
			display: none;
		}

		.prof-detailCard__data {
			padding: 10px 0 0 20px;
		}

		.prof-detailCard__data__name {
			font-size: 16px;
			margin: 0 0 10px;
		}

		.prof-detailCard--mypage .prof-detailCard__data {
			padding: 0 0 0 20px;
		}

		.prof-userState__list__item {
			padding: 0 0.5em;
			font-size: 12px;
		}

		.prof-userState__list__item:nth-child(n+3) {
			border-right: none;
		}

		.prof-userState__list__item:first-child {
			padding: 0 0.5em 0 0;
		}

		.prof-detailCard__data__identification {
			width: 100%;
			text-align: left;
			padding: 5px;
			border-top: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
		}

		.prof-detailCard__data__identification--2 {
			border: none;
			margin: 2px 0 0;
		}

		.prof-dataAction--mobile {
			display: flex;
			margin: 0 0 10px;
		}

		.prof-dataAction__message a,
		.prof-dataAction__fav a {
			font-size: 14px;
		}

	}


/* 本人確認状態＆年収証明状態
----------------------------------------------- */
.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-dataCard {
	display: flex;
	align-items: center;
	background: #FFF;
	padding: 20px;
	margin: 0 0 20px;
	box-shadow: 1px 2px rgba(0,0,0,0.1);
	border-left: 1px solid rgba(0,0,0,0.1);
	position: relative;
}

.cmn-dataCard__more {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cmn-dataCard__thumb {
	position: relative;
}

.cmn-dataCard__thumb__img {}

.cmn-dataCard__thumb__img a {
	display: block;
	transition: 0.2s;
}

.cmn-dataCard__thumb__img img {
	display: block;
	width: 190px;
	height: auto;
	border-radius: 50%;
}

	.cmn-dataCard--bb .cmn-dataCard__thumb__img img {
		width: 160px;
	}

	.cmn-dataCard--roomList .cmn-dataCard__thumb__img img {
		width: 120px;
	}

.cmn-dataCard__thumb__img a:hover {
	opacity: 0.8;
}

.cmn-dataCard__thumb__now {
	position: absolute;
	right: 12px;
	bottom: 12px;
	width: 36px;
	height: 36px;
	background: #8fc31f;
	border: 5px solid #FFF;
	border-radius: 50%;
}

	.cmn-dataCard--bb .cmn-dataCard__thumb__now {
		right: 6px;
		bottom: 6px;
	}

	.cmn-dataCard--roomList .cmn-dataCard__thumb__now {
		width: 30px;
		height: 30px;
		right: 3px;
		bottom: 3px;
		border: 3px solid #FFF;
	}

.cmn-dataCard__data {
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 0 30px;
}

.cmn-dataCard__data__ {
	width: 100%;
}

.cmn-dataCard__data__user {
	/* (block)userNameState */
}

.cmn-dataCard__data__meta {
	/* (block)cardDataMeta */
}

.cmn-dataCard__data__title {
	margin: 0 0 15px;
}

.cmn-dataCard__data__title__text {
	font-weight: bold;
	font-size: 24px;
	line-height: 1.4em;
	max-height: 2.8em;
	overflow: hidden;
}

.cmn-dataCard__data__title__text a {
	color: #013e4e;
	transition: 0.2s;
}

.cmn-dataCard__data__comments {
	position: relative;
	background: rgba(245,245,245,1);
	border-radius: 6px;
	font-size: 14px;
	min-height: 6.4em;
}

	.cmn-dataCard--roomList .cmn-dataCard__data__comments {
		min-height: 3.2em;
	}

.cmn-dataCard__data__comments::before {
	content: "";
	position: absolute;
	bottom: 14px;
	left: -14px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 14px solid rgba(245,245,245,1);
	border-bottom: 7px solid transparent;
	border-left: none;
}

	.cmn-dataCard--roomList .cmn-dataCard__data__comments::before {
		display: none;
	}

.cmn-dataCard__data__comments__text {
	border-radius: 6px;
	padding: 0.8em;
	line-height: 1.6em;
	font-size: 14px;
	max-height: 5.6em;
	overflow: hidden;
	word-break: break-all;
}

	.cmn-dataCard--roomList .cmn-dataCard__data__comments__text {
		max-height: 2.4em;
	}

.cmn-dataCard--roomList .cmn-dataCard__data__lastdate {
	margin: 5px;
}

.cmn-dataCard--roomList .cmn-dataCard__data__lastdate .cmn-dataCard__data__lastdate__date { 
	text-align: right;
}

.cmn-dataCard__data__action {
	width: 80%;
	margin: 0 0 0 auto;
	display: flex;
}

.cmn-dataCard__data__action__fav {
	width: 40%;
}

.cmn-dataCard__data__action__fav a {
	border: 1px solid #CCC;
}

.cmn-dataCard__data__action__fav a .fa {
	color: #b30b0b;
	margin: 0 10px 0 0;
}

.cmn-dataCard__data__action__more {
	width: 60%;
	padding: 0 0 0 20px;
}

.cmn-dataCard__data__action__more a {
	background: #888888;
	border: 1px solid #888;
	color: #FFF;
	position: relative;
}

.cmn-dataCard__data__action__more a .fa {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.cmn-dataCard__data__action__more a,
.cmn-dataCard__data__action__fav a {
	display: block;
	padding: 1em 0;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	transition: 0.2s;
}

.cmn-dataCard__data__action__more a:hover,
.cmn-dataCard__data__action__fav a:hover {
	opacity: 0.8;
}

.cmn-dataCard__data__action__fav--on {}

.cmn-dataCard__data__action__fav--on a {
	background: #b30b0b;
	border: 1px solid #b30b0b;
	color: #FFF;
}

.cmn-dataCard__data__action__fav--on a .fa {
	color: #FFF;
}

.cmn-dataCard__data__--1 {
	margin: 0 0 15px;
}

.cmn-dataCard__data__--2 {
	margin: 0 0 10px;
}

.cmn-dataCard__data__--3 {}

.cmn-dataCard__count {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 0.3em 0.5em 0.2em;
	line-height: 1em;
	border-radius: 1em;
	font-size: 14px;
	background: #fb0700;
	color: #FFF;
}

.userNameState {}

.userNameState__name {
	display: inline-block;
	font-size: 16px;
}

.userNameState__name a {
	text-decoration: none;
	border-bottom: 1px solid;
}

.userNameState__name a:hover {
	border-bottom: none;
}

.userNameState__list {
	display: inline-block;
	list-style: none;
	font-size: 0;
}

.userNameState__list__item {
	display: inline-block;
	font-size: 16px;
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	border-left: 1px solid #CCC;
}

.cardDataMeta {
	display: flex;
	align-items: center;
}

.cardDataMeta__category {}

.cardDataMeta__category__mark {
	display: block;
	font-size: 15px;
	padding: 0 1em;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	background: #666;
	color: #FFF;
	border-radius: 3px;
	white-space: nowrap;
}

.cardDataMeta__category__mark--type0 {
	background: #e6487c;
}

.cardDataMeta__category__mark--type1 {
	background: #50aaa6;
}

.cardDataMeta__category__mark--type2 {
	background: #f19149;
}

.cardDataMeta__category__mark--type3 {
	background: #67c7d7;
}

.cardDataMeta__category__mark--type4 {
	background: #456990;
}

.cardDataMeta__category__mark--type5 {
	background: #706c61;
}

.cardDataMeta__category__mark--type6 {
	background: #6e9887;
}

.cardDataMeta__category__mark--type7 {
	background: #754f44;
}

.cardDataMeta__category__mark--type8 {
	background: #ef8354;
}

.cardDataMeta__category__mark--type9 {
	background: #7d7abc;
}

.cardDataMeta__date {
	font-size: 12px;
	flex-grow: 1;
}

.cardDataMeta__category + .cardDataMeta__date {
	padding: 0 1em;
}

.cardDataMeta__fav {
	width: 25%;
}

.cardDataMeta__fav a {
	display: block;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	background: #FFF;
	border: 1px solid #CCC;
	color: #333;
	height: 30px;
	line-height: 30px;
	position: relative;
	transition: 0.2s;
}

.cardDataMeta__fav a:hover {
	opacity: 0.8;
}

.cardDataMeta__fav a .fa {
	color: #b30b0b;
	margin: 0 10px 0 0;
}

.cardDataMeta__fav--on {}

.cardDataMeta__fav--on a {
	background: #b30b0b;
	color: #FFF;
	border: 1px solid #b30b0b;
}

.cardDataMeta__fav--on a .fa {
	color: #FFF;
}

.cmn-dataCard--female .userNameState__name a {
	color: #e6487c;
}

.cmn-dataCard--female .cmn-dataCard__data__comments {
	background: #feeaef;
}

.cmn-dataCard--female .cmn-dataCard__data__comments::before {
	border-right: 14px solid #feeaef;
}

.cmn-dataCard--male .userNameState__name a {}

.cmn-dataCard--male .cmn-dataCard__data__comments {
	background: #f4f2ea;
}

.cmn-dataCard--male .cmn-dataCard__data__comments::before {
	border-right: 14px solid #f4f2ea;
}

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

		.cmn-dataCard {
			padding: 10px 8px;
			margin: 0 0 10px;
			align-items: flex-start;
		}

		.cmn-dataCard--bb {
			align-items: center;
		}

		.cmn-dataCard--roomList {
			align-items: center;
		}

		.cmn-dataCard__thumb__img img {
			width: 80px;
		}

		.cmn-dataCard--bb .cmn-dataCard__thumb__img img {
			width: 80px;
		}

		.cmn-dataCard--roomList .cmn-dataCard__thumb__img img {
			width: 60px;
		}

		.cmn-dataCard--bb .cmn-dataCard__thumb__now,
		.cmn-dataCard__thumb__now {
			position: absolute;
			right: 2px;
			bottom: 2px;
			width: 18px;
			height: 18px;
			background: #8fc31f;
			border: 2px solid #FFF;
			border-radius: 50%;
		}

		.cmn-dataCard--roomList .cmn-dataCard__thumb__now {
			position: absolute;
			right: 2px;
			bottom: 2px;
			width: 14px;
			height: 14px;
			background: #8fc31f;
			border: 2px solid #FFF;
			border-radius: 50%;
		}

		.cmn-dataCard__data {
			padding: 0 0 0 5px;
		}

		.cmn-dataCard__data__title {
			margin: 0 0 5px;
		}

		.cmn-dataCard__data__title__text {
			font-size: 14px;
		}

		.cmn-dataCard__data__comments {
			font-size: 10px;
			min-height: 5em;
		}

		.cmn-dataCard--roomList .cmn-dataCard__data__comments {
			min-height: 2.2em;
		}

		.cmn-dataCard__data__comments::before {
			bottom: 10px;
			left: -6px;
			border-top: 3px solid transparent;
			border-right: 6px solid #feeaef;
			border-bottom: 3px solid transparent;
			border-left: none;
		}

		.cmn-dataCard__data__comments__text {
			font-size: 10px;
			padding: 0.4em 0.8em;
			max-height: 4.6em;
			line-height: 1.4em;
		}

		.cmn-dataCard--roomList .cmn-dataCard__data__comments__text {
			max-height: 1.8em;
		}

		.cmn-dataCard--roomList .cmn-dataCard__data__lastdate .cmn-dataCard__data__lastdate__date {
			font-size: 10px;
			line-height: 1.8em;
s		}

		.cmn-dataCard__data__action {
			width: 100%;
		}

		.cmn-dataCard__data__action__fav {
			width: auto;
		}

		.cmn-dataCard__data__action__fav a {
			width: 30px;
			height: 30px;
			border-radius: 50%;
		}

		.cmn-dataCard__data__action__fav a .fa {
			margin: 0;
			font-size: 14px;
			line-height: 30px;
		}

		.cmn-dataCard__data__action__fav a > span {
			display: none;
		}

		.cmn-dataCard__data__action__more {
			flex-grow: 1;
			padding: 0 0 0 10px;
		}

		.cmn-dataCard__data__action__more a .fa {
			right: 10px;
		}

		.cmn-dataCard__data__action__more a,
		.cmn-dataCard__data__action__fav a {
			height: 30px;
			line-height: 30px;
			padding: 0;
			font-size: 11px;
		}

		.cmn-dataCard__data__--1 {
			margin: 0 0 5px;
		}

		.cmn-dataCard--bb .cmn-dataCard__data__--1 {
			margin: 0 0 5px;
		}

		.cmn-dataCard__data__--2 {
			margin: 0 0 5px;
		}

		.cmn-dataCard--bb .cmn-dataCard__data__--3 {
			margin: 0 0 5px;
		}

		.cmn-dataCard__data__--order1 { order: 1; }

		.cmn-dataCard__data__--order2 { order: 2; }

		.cmn-dataCard__data__--order3 { order: 3; }

		.cmn-dataCard__count {
			font-size: 10px;
			top: 10px;
			right: 10px;
		}

		.userNameState__name {
			font-size: 10px;
			line-height: 1.8em;
			max-width: 6em;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			vertical-align: middle;
		}

		.userNameState__list__item {
			font-size: 11px;
			margin: 0 0 0 3px;
			padding: 0 0 0 3px;
		}

		.cardDataMeta__category__mark {
			font-size: 10px;
			padding: 0 0.5em;
			height: 20px;
			line-height: 20px;
		}

		.cardDataMeta__date {
			font-size: 10px;
			letter-spacing: -1px;
		}

		.cardDataMeta__fav {
			width: auto;
		}

		.cardDataMeta__fav a > span {
			display: none;
		}

		.cardDataMeta__fav a {
			height: 30px;
			width: 30px;
			border-radius: 50%;
		}

		.cardDataMeta__fav a .fa {
			margin: 0;
			line-height: 30px;
		}

	}


/*--------------------------------------------------------------メンバー一覧*/
.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;
		}

	}


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

/* チャットルーム
----------------------------------------------- */
.chatRoom {}

.chatRoom__ {}

.chatRoom__head {
	position: relative;
	height: 60px;
	background: #333;
	color: #FFF;
}

.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: 10px 5px;
}

.chatRoom__foot__ {
}

.chatRoom__foot__form {
	display: flex;
}

.chatRoom__foot__form__text {
	flex-grow: 1;
}

.chatRoom__foot__form__text input[type="text"] {
	width: 100%;
	background: #FFF;
	border: 1px solid #DDD;
	padding: 0 5px;
	height: 30px;
	font-size: 12px;
	-webkit-appearance: none;
}

.chatRoom__foot__form__text__input {
	width: 100%;
	min-height: 50px;
	background: #FFF;
	border: 1px solid #DDD;
	padding: 5px;
	margin: 0;
	font-size: 12px;
	outline: 0;
	resize: none;
	overflow-y: hidden;
	line-height: 14px;
}

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

.chatRoom__foot__form__file {
	position: relative;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: 0 10px 0 5px;
	overflow: hidden;
}

.chatRoom__foot__form__file input[type="file"] {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	height: 30px;
	opacity: 0;
	z-index: 1;
}

.chatRoom__foot__form__file span {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	font-size: 16px;
	text-align: center;
	background: #EEE;
	border-radius: 2px;
}

.chatRoom__foot__form__send {
	margin: 0 5px 0 10px;
}

.chatRoom__foot__form__send input[type="submit"] {
	background: #333;
	color: #FFF;
	border: none;
	border-radius: 2px;
	padding: 0 10px;
	height: 30px;
	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:768px) {

		.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: 18px;
	line-height: 1.2em;
	font-size: 14px;
	word-break: break-all;
}

.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: 5px;
	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: 14px;
	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__text {
	background: #555;
	color: #FFF;
}

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

#messageList {
	height: 50vh;
	padding: 5px;
	overflow-y: scroll;
	overflow-x: hidden;
	transform: translate3d(0);
}


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

		/* チャットルーム(レイアウト)
		----------------------------------------------- */
		.l-messageRoom { }

		.l-messageRoom .st-footer,
		.l-messageRoom .st-header {
			display: none;
		}

		.l-messageRoom .l-contents {
			padding: 0;
		}

		.l-messageRoom .chatRoom {
		}

		.l-messageRoom .chatRoom__ {
			padding: 60px 0 75px;
		}

		.l-messageRoom .chatRoom__head {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 9;
		}

		.l-messageRoom .chatRoom__body {
		}

		.l-messageRoom .chatRoom__foot {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
		}

		#messageList {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			-webkit-overflow-scrolling: touch;
			height: calc( 100vh - 10px - 60px - 75px );
		}

		.chatMessage__body__text {
			font-size: 12px;
		}

	}


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

/* マイプロフィールパネル
----------------------------------------------- */
.myPanel {
	display: flex;
}

.myPanel__ {
}

.myPanel__--1 {
}

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

.myPanel__thumb {
	padding: 0 20px 0 0;
}

.myPanel__thumb > img {
	width: 190px;
	height: auto;
	border-radius: 10px;
	display: block;
}

/* マイパネル内のメニュー */
.myPanel__menuSet {
	display: flex;
	margin: 0 0 10px;
}

.myPanel__menuSet__ {}

.myPanel__menuSet__--1 {
	flex-grow: 1;
}

.myPanel__menuSet__--2 {
}

.myPanel__menuSet__nickname {
	font-size: 24px;
	font-weight: bold;
	margin: 15px 0;
}

.myPanel__menuSet__nickname__icon {
	margin: 0 5px 0 0;
}

.myPanel__menuSet__nickname__icon--male {
	color: #333;
}

.myPanel__menuSet__nickname__icon--female {
	color: #de2e5c;
}

.myPanel__menuSet__nickname__name {
	color: #333;
}

.myPanelMenuList {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	border-right: 1px solid #c9caca;
	width: 360px;
	background: #FFF;
}

.myPanelMenuList__item {
	width: 33.3333%;
}

.myPanelMenuList__item:nth-child(n+4) {
	border-top: 1px solid #c9caca;
}

.myPanelMenuList__item > a {
	display: block;
	border-left: 1px solid #c9caca;
	border-radius: 2px;
	padding: 5px 0 0;
	text-decoration: none;
}

.myPanelMenuList__item__name {
	display: table;
	width: 100%;
}

.myPanelMenuList__item__name > span {
	display: table-cell;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #333;
	height: 2em;
	line-height: 1.4em;
	vertical-align: middle;
}

.myPanelMenuList__item__icon {
	position: relative;
	display: block;
	height: 45px;
	margin: 0 20px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
}

.myPanelMenuList__item__icon > .fa {
	line-height: 50px;
	font-size: 30px;
	color: #666;
	display: none;
}

.myPanelMenuList__item__icon__cnt {
	position: absolute;
	top: 5px;
	right: -5px;
	background: #fc5050;
	border: 2px solid #FFF;
	color: #FFF;
	font-size: 10px;
	line-height: 1em;
	border-radius: 1em;
	padding: 3px 10px;
}

.myPanelMenuList__item__icon--message {
	background-image: url("../img/myPanelMenuList__item__icon__message.png");
}

.myPanelMenuList__item__icon--history {
	background-image: url("../img/myPanelMenuList__item__icon__history.png");
}

.myPanelMenuList__item__icon--clip {
	background-image: url("../img/myPanelMenuList__item__icon__clip.png");
}

/* マイパネル内のお知らせ */
.myPanel__news {
	border: 2px solid #c9caca;
	border-radius: 2px;
	padding: 10px 15px;
}

.myPanel__news__title {
	color: #c52c54;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 5px;
}

.myPanel__news__body {}

.myPanelNewsList {
	list-style: none;
}

.myPanelNewsList__item {
	font-size: 14px;
	line-height: 1.4em;
}

.myPanelNewsList__item:not(:last-child) {
	margin: 0 0 0.5em;
}

.myPanelNewsList__item > a {}

.myPanelNewsList__item > a:hover {}

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

		.myPanel {
			display: block;
		}

		.myPanel__--1 {
			text-align: center;
		}

		.myPanel__thumb {
			padding: 0;
		}

		.myPanel__thumb > img {
			margin: 0 auto;
			width: 140px;
		}

		.myPanel__menuSet__nickname {
			font-size: 18px;
			margin: 10px 0 5px;
		}

		.myPanel__menuSet__--1 {
			text-align: center;
		}

		.myPanel__menuSet__--2 {
			display: none;
		}

		.myPanel__news {
			border-width: 1px;
			padding: 10px;
		}

		.myPanel__news__title {
			font-size: 12px;
		}

		.myPanelNewsList__item {
			font-size: 11px;
		}

		.myPanelNewsList__item:not(:last-child) {
			margin: 0 0 0.8em;
		}

		.myPanelMenuList {
			width: 100%;
		}

	}


/* メニューパネル
----------------------------------------------- */
.myMenuPanel {
	margin: 0 0 10px;
}

.myMenuPanel__title {
	background: #333;
	color: #FFF;
	height: 48px;
	line-height: 48px;
	padding: 0 10px;
	margin: 0 0 10px;
	font-size: 12px;
}

.myMenuPanel__title .fa {
	font-size: 20px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.myMenuPanel__title__name {
	color: #fffc00;
	margin: 0 5px;
}

.myMenuPanel__body {
	padding: 10px;
	background: #FFF;
}

.myMenuPanel__body__ {}

.myMenuList {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2.5px 10px;
	list-style: none;
}

.myMenuList__item {
	width: 33.3333%;
	padding: 2.5px;
}

.myMenuList__item > a {
	display: block;
	background-image: linear-gradient(#fff 20%,#efefef);
	border: 1px solid #CCC;
	border-radius: 2px;
	padding: 10px 10px 6px;
	text-decoration: none;
}

.myMenuList__item__icon {
	position: relative;
	display: block;
	height: 55px;
	width: 55px;
	margin: 0 auto 5px;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 50%;
	text-align: center;
}

.myMenuList__item__icon--search {
	background-image: url("../img/default/myheadnav__search.png");
	background-color: transparent;
	border-radius: 0;
}

.myMenuList__item__icon--board {
	background-image: url("../img/default/myheadnav__board.png");
	background-color: transparent;
	border-radius: 0;
}

.myMenuList__item__icon--message {
	background-image: url("../img/default/myheadnav__message.png");
	background-color: transparent;
	border-radius: 0;
}

.myMenuList__item__icon--clip {
	background-image: url("../img/default/myheadnav__clip.png");
	background-color: transparent;
	border-radius: 0;
}

.myMenuList__item__icon--history {
	background-image: url("../img/default/myheadnav__history.png");
	background-color: transparent;
	border-radius: 0;
}

.myMenuList__item__icon--setting {
	background-image: url("../img/default/myheadnav__setting.png");
	background-color: transparent;
	border-radius: 0;
}

.myMenuList__item__icon .fa {
	line-height: 55px;
	font-size: 24px;
	color: #333;
}

.myMenuList__item__icon__cnt {
	position: absolute;
	top: 5px;
	right: -10px;
	background: #fc5050;
	border: 2px solid #FFF;
	color: #FFF;
	font-size: 10px;
	line-height: 1em;
	border-radius: 1em;
	padding: 3px 10px;
}

.myMenuList__item__name {
	display: table;
	width: 100%;
}

.myMenuList__item__name > span {
	display: table-cell;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #333;
	height: 2em;
	line-height: 1.4em;
	vertical-align: middle;
}

/* myMenuLinks */

.myMenuLinks {
	list-style: none;
	margin: 5px -2.5px;
	display: flex;
	flex-wrap: wrap;
}

.myMenuLinks__item {
	width: 50%;
	padding: 2.5px;
}

.myMenuLinks__item > a {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 1.4em;
	font-size: 11px;
	padding: 10px 5px;
	background-image: linear-gradient(#fff 20%,#efefef);
	border: 1px solid #CCC;
	border-radius: 2px;
}

.myMenuPanel--offset {}

.myMenuPanel--offset .myMenuPanel__body {
	background: transparent;
}

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

		.myMenuPanel__body {
			padding: 0;
		}

	}


/* 掲示板の投稿ボタン
----------------------------------------------- */
.bb-newPostFix {
	position: fixed;
	right: -3px;
	top: 250px;
}

.bb-newPostFix a {
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 20px;
	padding: 1.8em 1.5em 1.8em 2em;
	transition: 0.2s;
	background: linear-gradient(to bottom, #de2e5c, #e03964);
	color: #FFF;
	border: 2px solid #e03964;
	box-shadow: inset 1px 1px rgba(255,255,255,0.2), inset -1px -1px rgba(255,255,255,0.2);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.bb-newPostFix a:hover {
	opacity: 0.8;
}

.bb-newPostFix__icon {
	display: block;
	font-size: 50px;
	margin: 0 0 10px;
}

.bb-newPostFix__label {
	display: block;
	line-height: 1.2em;
}

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

		.bb-newPostFix {
			display: none;
		}

	}

/* スマホのみの掲示板投稿ボタン
----------------------------------------------- */
.cmn-boardAction--mobile {
	display: none;
	width: 80%;
	margin: 0 auto;
}

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

		.cmn-boardAction--mobile {
			display: block;
		}

	}





/* ================================================================================ */
/*                                                                                  */
/*      レスポンシブ対応(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: 10px;
	}

}

/* 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) {}


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