@charset "UTF-8";

/*----------このエリアは削除すると正しく動作しない可能性があります----------
Theme Name:   LION BLOG Child
Theme URI:    http://fit-jp.com/theme/
Description:  FIT(フィット) が制作するブログ用WordPressTHEME「LION BLOG」の子テーマ
Author:       Kota Naito　@FIT(フィット)
Author URI:   http://fit-jp.com/about/
Template:     lionblog
Version:      3.2
License:      GNU GENERAL PUBLIC LICENSE
License URI:  http://www.gnu.org/licenses/gpl.html
----------このエリアは削除すると正しく動作しない可能性があります----------*/

/*/////////////////////////////////////////////////
//下記ユーザーカスタマイズエリア
/////////////////////////////////////////////////*/

body {
	padding-top: 80px; /* ヘッダー固定用 */
}
header {
	position: fixed;
	z-index: 9999;
	top: 0;
	width: 100%;
}

.l-hMain {
	background: rgba(255, 255, 255, .95);
}
.l-hMain .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	height: 80px;
}
.globalNavi {

}
.globalNavi__list {

}
.u-txtShdw {
	text-shadow: none;
}
.globalNavi__list > li {
	position: relative;
	float: left;
	border-left: none;
	border-right: none;
	color: #444;
	font-size: 14px;
	margin-right: 40px;
	transition: all .3s;
}
.t-contrast .l-main::before {
	border-top: none;
}

.eyecatch {
    margin-bottom: 0;
}
.archiveList__text {
    margin-bottom: 0; 
}
.archiveList__text a {
	display:block;
}
.archiveList__text a:hover {
	opacity: 0.7;
}

/*レスポンシブ設定 */
/*--------------------------------------------------*/
@media only screen and (max-width: 767px) {
	body {
		padding-top: 48px; /* ヘッダー固定用 */
	}
	.l-hMain {
		padding-bottom: 0;
		border-bottom: none;
	}
	.l-hMain .container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		height: 48px;
		width: 100%;
	}
	.container {
	width: 100%;
	max-width: 100%;
	padding: 0;
	}
	.content {
	word-wrap: break-word
	}
	.dateList {
    margin-bottom: 0;
	}
}

/*----------------------------------------------------
	ぱんくず
----------------------------------------------------*/
.breadcrumb {
	margin-bottom: 0;
	padding: 14px 20px 14px 28px;
	background: #FFF;
	width: 100%;
}
.breadcrumb .container {
	align-items: center;
	margin: 0 auto;
	max-width: 1200px;
	min-width: 1040px;
	width: inherit;
	padding: 0;
}

/*レスポンシブ設定 */
/*--------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.breadcrumb {
		padding: 14px 0 14px 20px;
		margin-top: 0;
		margin-left: 0;
   		margin-right: 0;
		background: #F2F2F2;
	}
	.breadcrumb .container {
		width: 100%;
		max-width: 100%;
		min-width: initial;
		min-width: auto;
		padding: 0;
	}
}
/*----------------------------------------------------
	header
----------------------------------------------------*/


/* pc */
/*--------------------------------------------------*/
.as-pc-nomem-header {
	background: rgba(255, 255, 255, .95);
	box-sizing: border-box;
	padding: 0 20px;
	position: fixed;
	top: 0;
	left: 0;
	height: 80px;
	width: 100%;
	z-index: 1000;
}

.as-pc-nomem-header__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	height: 80px;
	max-width: 1200px;
	min-width: 1040px;
}
.as-header-logo {
	margin-left: 8px;
}

.as-header-logo a {
	display: block;
}

.as-header-logo img {
	height: 28px;
}
.as-header-nav ul {
	list-style: none;
}
.as-header-nav__inner {
	display: flex;
	align-items: center;
}
.as-header-btn--txt a {
	color: #444;
	font-size: 14px;
	margin-right: 40px;
	transition: all .3s;
}
.as-header-btn--txt a:hover {
	color: #f19390;
}
.as-header-navBtn a {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 18px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 20px;
	height: 36px;
	transition: all .3s;
}
.as-header-btn--login a {
	border: 1px solid #f19390;
	color: #f19390;
	margin-left: 24px;
}
.as-header-btn--login a:hover {
	background: rgba(242, 148, 145, .1);
}

/*sp */
/*--------------------------------------------------*/
.yi-nonmember-top-title-btn {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	height: 48px;
}
.yi-nonmember-top-title-btn-logo {
	padding-left: 20px;
	position: absolute;
	left: 0;
	z-index: 99999;
}
.yi-nonmember-top-title-btn-logo img{
	width: 86px;
}
.yi-nonmember-top-title-btn-menu {
	padding: 8px 16px;
}
.yi-nonmember-top-title-btn-menu img {
	width: 26px;
}

.yi-nonmember-top-head.yi-nonmember-fixed .yi-nonmember-top-menu-trigger2 span{
	/* background:#fff; */
}
.yi-nonmember-top-menu2 {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	width: 100%;
	height: 100vh;
	background: rgba(255, 255, 255, .98);
}

/* ハンバーガーメニュー */
.yi-nonmember-top-menu-trigger,
.yi-nonmember-top-menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.yi-nonmember-top-menu-trigger {
	position: relative;
	width: 26px;
	height: 20px;
}
.yi-nonmember-top-menu-trigger span {
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: #444;
	border-radius: 1px;
}
.yi-nonmember-top-menu-trigger span:nth-of-type(1) {
	top: 3px;
	left: 3px;
}
.yi-nonmember-top-menu-trigger span:nth-of-type(2) {
	top: 10px;
	left: 3px;
}
.yi-nonmember-top-menu-trigger span:nth-of-type(3) {
	bottom: 1px;
	left: 3px;
}
.yi-nonmember-top-menu-trigger2,
.yi-nonmember-top-menu-trigger2 span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.yi-nonmember-top-menu-trigger2 {
	position: relative;
	width: 24px;
	height: 20px;
}
.yi-nonmember-top-menu-trigger2 span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #444;
	border-radius: 1px;
}
.yi-nonmember-top-menu-trigger2  span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.yi-nonmember-top-menu-trigger2  span:nth-of-type(2) {
	opacity: 0;
}
.yi-nonmember-top-menu-trigger2 span:nth-of-type(3) {
	-webkit-transform: translateY(10px) rotate(45deg);
	transform: translateY(10px) rotate(45deg);
}
/* 展開後メニュー */
.yi-nonmember-top-menu2 {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	width: 100%;
	height: 100vh;
	background: rgba(255, 255, 255, .98);
}
.as-menu-contents__inner {
	padding: 32px 50px;
}
.as-menu-contents__inner ul {
	list-style: none;
}
.as-menu__link-group {
	margin-bottom: 40px;
}
.as-menu__link-item {
	background: url("https://marrish.com/assets/st/arrow_menu_right.svg") no-repeat top 50% right 4px;
	background-size: 16px;
	border-bottom: solid 1px rgba(68, 68, 68, .11);
	height: 48px;
}
.as-menu__link-item a {
	background: rgba(68, 68, 68, 0);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	padding-left: 8px;
	height: 100%;
	width: 100%;
	transition: all .2s;
}
.as-menu__link-item a.hover {
	background: rgba(68, 68, 68, .04);
}
.nk-menu__btnGroup {
	margin-bottom: 20px;
}
.nk-menu__btn-item + .nk-menu__btn-item {
	margin-top: 16px;
}

.nk-menu__btn-item a {
	border-radius: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
	height: 44px;
	width: 100%;
	transition: all .2s;
}
.nk-main-btn__free a {
	background: #ed7c7c;
	color: #fff;
}
.nk-main-btn__free a.hover {
	background: #da6f6c;
}
.nk-main-btn__login a {
	color: #F29491;
	border:1px solid #F29491;
}
.nk-main-btn__login a.hover {
	background: #FDF4F4;
}
.as-tp-text--caption {
	color: rgba(68, 68, 68, .5);
	font-size: 11px;
	text-align: center;
}

/*レスポンシブ設定 */
/*--------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.as-tp-header {
		background: rgba(255, 255, 255, 0);
		box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
		position: relative;
		top: 0;
		width: 100%;
		height: 48px;
		z-index: 1000;
		transition: background .5s;
	}
}

@media (max-width: 340px) {
	.as-menu-contents__inner {
		padding: 12px 32px;
	}

	.as-menu__link-group {
		margin-bottom: 24px;
	}
}

/* iPhoneX セーフエリア */
.as-nomem-safeArea--LR {
	box-sizing: border-box;
	padding-left: constant(safe-area-inset-left);
	padding-left: env(safe-area-inset-left);
	padding-right: constant(safe-area-inset-right);
	padding-right: env(safe-area-inset-right);
}

/*----------------------------------------------------
	footer
----------------------------------------------------*/
.l-footer {
	background: #f8f6f2;
}
.l-footer .container {
	width: 100%;
	max-width: 100%;
}

.nk_column_pagetop-wrap {
	background: #E8DEC4;
	padding-bottom: 30px;
}
/*レスポンシブ設定 */
/*--------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.l-footer .container .pagetop {
			margin-bottom: 0;
	}
	.nk_column_pagetop-wrap {
			background: #E8DEC4;
			padding-bottom: 5px;
	}
}

/* pc */
/*--------------------------------------------------*/
/* footer visual */
.as-tp-section-ftVisual {
	background: #f8f6f2;
	padding: 96px 0;
}

/* main visual */
.as-tp-section-mainVisual {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1200px;
}

/* left side style */
.as-tp-main-visual-left {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;

/*	justify-content: flex-end; */
	text-align: center;
	padding-right: 50px;
	position: relative;
	width: 340px;
}
.as-tp-main-visual-left ul {
	list-style: none;
}
.as-tp-main-visual-subTitle {
	color: #805f20;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 22px;
}

/* main button */
.as-main__btnGroup .as-tp-text-link {
	font-size: 14px;
	margin-top: 22px;
}
.nk-main__btnGroup {
	margin-bottom: 30px;
}
.nk-main__btn-item + .nk-main__btn-item {
	margin-top: 20px;
}
.nk-main__btn-item a {
	border-radius: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 17px;
	font-weight: bold;
	height: 56px;
	width: 100%;
	transition: all .2s;
}
.nk-main__btn-item {
	position: relative;
}
.nk-main-btn__free a {
	background: #ed7c7c;
	color: #fff;
}
.nk-main-btn__free a:hover {
	background: #da6f6c;
}
.nk-main-btn__login a {
	color: #F29491;
	border:1px solid #F29491;
	background: #fff;
}
.nk-main-btn__login a:hover {
	background: #FDF4F4;
}
.as-tp-text--caption {
	color: rgba(68, 68, 68, .5);
	font-size: 11px;
}
.as-tp-section-mainVisual .nk-tp-text-margin__caption {
	margin-top: 50px;
}
.as-tp-section-ftVisual .nk-tp-text-margin__caption {
	margin-top: 0;
}

/* ストアバッジ */
.as-tp_storeLink {
	margin-top: 16px;
}
.nk-tp_storeLink {
	margin-top: 20px;
}
.as-tp_store-badge {
	display: flex;
	justify-content: center;
}
.as-tp_store-badge__item + .as-tp_store-badge__item {
	margin-left: 16px;
}
.as-tp_store-badge__item a {
	display: block;
	height: 36px;
	width: auto;
	transition: all .2s;
}
.as-tp_store-badge__item a:hover {
	opacity: .7;
}
.as-tp_store-badge__item img {
	height: 100%;
}

/* right side style */
/*--------------------------------------------------*/
.as-tp-ftVisual-right {
	background: url("https://marrish.com/assets/st/tp_footer_img_pc.jpg") no-repeat;
	background-size: auto 100%;
	border-radius: 10px;
	flex: 1;
	position: relative;
	height: 420px;
}
.as-tp-ftVisual-catch {
	color: #fff;
	font-size: 36px;
	line-height: 1.7;
	text-shadow: 0 0 4px rgba(0, 0, 0, .2), 0 0 24px rgba(0, 0, 0, .44);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 50px;
}

/* フッター位置指定 */
/*--------------------------------------------------*/
.as-pc-nomem-footer {
	background: #f2ede6;
	box-sizing: border-box;
	padding: 0 20px;
/*	position: absolute; */
	bottom: 0;
	height: 494px;
	width: 100%;
}
.as-pc-nomem-footer__inner {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0 auto;
	padding: 50px 0 56px;
	position: relative;
	height: 100%;
	max-width: 1200px;
}
.as-footer-logo {
	margin-bottom: 12px;
}
.as-footer-logo img {
	height: 28px;
}
.as-footer-link--affiliate + .as-footer-link--affiliate {
	margin-top: 20px;
}
.as-footer-link--affiliate a {
	display: inline-flex;
	align-items: center;
	color: #805f20;
	font-weight: bold;
	transition: all .3s;
}
.as-footer-link--affiliate a::after {
	content: "";
	display: block;
	border-top: 1px solid #805f20;
	border-right: 1px solid #805f20;
	margin: -1px 0 0 2px;
	width: 7px;
	height: 7px;
	transform: rotate(45deg);
}
.as-footer-link--affiliate a:hover {
	opacity: .7;
}
.as-mspj-container {
	background: rgba(255, 255, 255, .5);
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 72px;
	width: 271px;
}
.as-mspj-img img {
	display: block;
	width: 280px;
}
.as-footer-linkGroup ul {
	list-style: none;
}
.as-footer-nav {
	display: flex;
	flex-wrap: wrap;
	width: 600px;
}
.as-footer-navItem {
	margin-right: 13px;
	line-height: 2.4;
}
.as-footer-navItem a {
	color: #ad9362;
	text-decoration: underline;
	transition: all .3s;
}
.as-footer-navItem a:hover {
	opacity: .7;
	text-decoration: none;
}
.as-footer-txt p {
	color: #ad9362;
	font-size: 11px;
}
.as-footer-txt p:first-child {
	margin-bottom: 8px;
}
.as-footer-certificate {
	display: flex;
	align-items: flex-end;
	position: absolute;
	bottom: 60px;
	right: 0;
}
.as-certificate-item + .as-certificate-item {
	margin-left: 16px;
}

/* sp */
/*--------------------------------------------------*/
/* CTA */
.nk-sp_nomem__ctaContainer {
	padding: 0 24px;
	text-align: center;
	background: #FFF;
	padding-bottom: 65px;
}
.nk-sp_nomem__ctaContainer ul {
	list-style: none;
}

/* footer image */
.nk-sp_nomem__footerImage {
	box-sizing: content-box;
	position: relative;
	margin: 0 -24px 32px;
}
.nk-sp_nomem__footerImage img {
	display: block;
	width: 100%;
}
.nk-sp_nomem__footerText {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 0 10px rgba(0, 0, 0, .7);
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;   
}

/* メインボタン */
.nk-sp_main__btnGroup {
	margin-bottom: 28px;
}
.nk-sp_main__btnGroup ul {
	list-style: none;
}
.nk-sp_main__btn-item + .nk-sp_main__btn-item {
	margin-top: 16px;
}
.nk-sp_main__btn-item a {
	border-radius: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	height: 52px;
	width: 100%;
	transition: all .2s;
}
.nk-sp_main__btn-item {
	position: relative;
}
.nk-sp_main-btn__free a {
	background: #ed7c7c;
	color: #fff;
}
.nk-sp_main-btn__free a.hover {
	background: #da6f6c;
}
.nk-sp_main-btn__login a {
	color: #F29491;
	border:1px solid #F29491;
}
.nk-sp_main-btn__login a.hover {
	background: #FDF4F4;
}

/* iPhoneX セーフエリア */
.nk-sp_nomem-safeArea--LR {
	box-sizing: border-box;
	padding-left: constant(safe-area-inset-left);
	padding-left: env(safe-area-inset-left);
	padding-right: constant(safe-area-inset-right);
	padding-right: env(safe-area-inset-right);
}
.nk-sp_nomem__ctaContainer .nk-sp_tp-text--caption {
	margin-bottom: 16px;
}

/* ストアバッジ */
.nk-sp_tp_storeLink {
	margin-bottom: 20px;
}
.nk-sp_tp_storeLink ul {
	list-style: none;
}
.nk-sp_tp_store-badge {
	display: flex;
	justify-content: center;
}
.nk-sp_tp_store-badge__item + .nk-sp_tp_store-badge__item {
	margin-left: 16px;
}
.nk-sp_tp_store-badge__item a {
	display: block;
	height: 40px;
	width: auto;
	transition: opacity .2s;
}
.nk-sp_tp_store-badge__item a.hover {
	opacity: .7;
}
.nk-sp_tp_store-badge__item img {
	height: 100%;
}
.nk-sp_tp-text--caption {
	color: rgba(68, 68, 68, .5);
	font-size: 11px;
}
.nk-sp_tp-text-link a {
	color: #f19390;
	font-weight: bold;
	text-decoration: underline;
	transition: all .2s;
}
.nk-sp_tp-text-link a.hover {
	color: #cc7d7a;
	text-decoration: none;
}

/* MSPJ */
.nk-sp_nomem-mspj {
	margin-top: 40px;
}
.nk-sp_nomem-mspj::before {
	content: "";
	background: #e6dccf;
	display: block;
	margin: 0 auto;
	height: 2px;
	width: 102px;
}
.nk-sp_nomem-mspj--img {
	padding-top: 28px;
}
.nk-sp_nomem-mspj--img img {
	width: 100%;
	max-width: 300px;
}
.nk-sp_nomem-mspj--balloon {
	background: #fbf2f2;
	border-radius: 5px;
	color: #f19390;
	font-weight: bold;
	display: inline-block;
	margin: 18px -30px 0;
	padding: 6px 8px;
	position: relative;
}
.nk-sp_nomem-mspj--balloon::before {
	content: "";
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom: 10px solid #fbf2f2;
}

/* footer */
.nk-sp_nomem-footerContainer {
	background: #f2ede6;
	color: #ad9362;
	padding: 40px 30px 90px;
	padding-bottom: calc(constant(safe-area-inset-bottom) + 90px);
	padding-bottom: calc(env(safe-area-inset-bottom) + 90px);
	padding-left: calc(constant(safe-area-inset-left) + 30px);
	padding-left: calc(env(safe-area-inset-left) + 30px);
	padding-right: calc(constant(safe-area-inset-right) + 30px);
	padding-right: calc(env(safe-area-inset-right) + 30px);
}
.nk-sp_nomem-footerContainer ul {
	list-style: none;
}
.nk-sp_nomem-footer--logo {
	margin-bottom: 32px;
}
.nk-sp_nomem-footer--logo img {
	width: 86px;
}
.nk-sp_nomem-link--affiliate {
   margin-bottom: 12px;
}
.nk-sp_nomem-link--affiliate a {
	color: #805f20;
	font-weight: bold;
	position: relative;
	padding-right: 8px;
	text-decoration: none;
}
.nk-sp_nomem-link--affiliate a::after {
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-left: 1px solid #805f20;
	border-bottom: 1px solid #805f20;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	box-sizing: border-box;
}
.nk-sp_nomem-link--affiliate a.hover {
	opacity: .7;
}
.nk-sp_nomem-footer__list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
}
.nk-sp_nomem-footer__listItem {
	margin-right: 16px;
	line-height: 2.3;
}
.nk-sp_nomem-footer__listItem a {
	color: #ad9362;
	font-size: 12px;
	text-decoration: underline;
}
.nk-sp_nomem-footer__listItem a.hover {
	opacity: .7;
	text-decoration: none;
}
.nk-sp_nonmember-footer-secom{
	padding: 16px 0 36px;
}
.nk-sp_form-secom, .nk-sp_nomember-footer-truste {
	display: inline-block;
	vertical-align: middle;
}
.nk-sp_nomember-footer-truste {
	margin: -20px -5px 0 20px;
}
.nk-sp_nomember-footer-truste img {
	width: 120px;
}
.nk-sp_nomember-footer-truste a {
	display: block;
	height: 38px;
}
.nk-sp_nomem-footer--copy p {
	font-size: 10px;
	line-height: 1.6;
	margin-bottom: 10px;
}

/*レスポンシブ設定 */
/*--------------------------------------------------*/
@media only screen and (max-width: 767px) {
		.l-footer .container {
		padding: 0;
		}
	.l-footer .container .pagetop {
		margin-bottom: 40px;
	}
}
	@media (max-width:340px) {
	.nk-sp_nomem__footerImage {
		margin: 0 -20px 32px;
	}
	.nk-sp_nomem__footerText {
		font-size: 16px;
		line-height: 1.4;
		bottom: 15px;
	}
	.nk-sp_tp_store-badge__item a {
		height: 38px;
	}
	.nk-sp_nomem-mspj--balloon {
		font-size: 12px;
	}
	.nk-sp_nomem-footerContainer {
		padding: 40px 20px 90px;
	}
}

/*----------------------------------------------------
	index
----------------------------------------------------*/

/*-------------------------
	top
--------------------------*/

/* pc */
/*--------------------------------------------------*/
.nk-pc-clm__top {
	text-align: center;
	background-color: #FFF;
}
.nk-pc-clm__top-title {
	position:relative;
	padding: 67px 0 50px;
	color: #805F20;
	font-size: 40px;
	font-weight: bold;
}
.nk-pc-clm__top-title:after {
	position:absolute;
	content:"";
	display:inline-block;
	margin-top: -10px;
	width: 81px;
	height: 69px;
	background:url(https://marrish.com/assets/st/column_img_title_pen_pc.png) no-repeat;
	background-size:contain;
}
.nk-pc-clm__top-text {
	padding: 40px 0 50px 0;
	background: #F8F6F2 url(https://marrish.com/assets/st/column_top_bg_pc.jpg) no-repeat bottom left;
	background-size: cover;
}
.nk-pc-clm__top-text p {
	color: #805F20;
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 20px;
}
.nk-pc-clm__top-text p:last-child {
	margin-bottom: 0;
}
/* sp */
/*--------------------------------------------------*/
.nk-sp-clm__top {
	text-align: center;
	background-color: #FFF;
}
.nk-sp-clm__top-title {
	position:relative;
	padding: 40px 0 30px;
	color: #805F20;
	font-size: 20px;
	font-weight: bold;
	margin-left: -8px;
}
.nk-sp-clm__top-title:after {
	position:absolute;
	content:"";
	display:inline-block;
	margin-top: -4px;
	width: 38px;
	height: 32px;
	background:url(https://marrish.com/assets/st/column_img_title_pen_sp.png) no-repeat;
	background-size:contain;
}
.nk-sp-clm__top-text {
	padding: 30px 0 40px 0;
	width: 100%;
	height: 401px;
	background: #F8F6F2 url(https://marrish.com/assets/st/column_top_bg_sp.jpg) no-repeat bottom left / 375px 257px;
}
.nk-sp-clm__top-text p {
	color: #805F20;
	font-size: 13px;
	line-height: 1.8;
	margin-bottom: 20px;
}
/*レスポンシブ設定 */
/*--------------------------------------------------*/
@media (max-width:340px) {
.nk-sp-clm__top-text {
	padding: 30px 0 40px 0;
	width: 100%;
	height: auto;
	background: #F8F6F2 url(https://marrish.com/assets/st/column_top_bg_sp.jpg) no-repeat bottom left / 340px auto;
}
}

/*====================================================
	登録フロー改修　新規登録・ログイン 210520
====================================================*/
/* ダイアログ */
.as-tp-dialog__start {
   position: relative;
   background: #fff;
   box-sizing: border-box;
	width: 420px;
	border-radius: 15px;
   padding: 40px 32px;
}

.as-tp-dialog__main {
   position: relative;
   background: #fff;
   box-sizing: border-box;
	width: 280px;
	border-radius: 15px;
   padding: 48px 20px 30px;
}

.as-dialog-title__logo {
   text-align: center;
   margin-bottom: 32px;
}

.as-dialog-title__logo img {
   width: 62px;
}

.as-dialog__btn-item + .as-dialog__btn-item {
   margin-top: 12px;
}

.as-dialog__btn-item a {
   border-radius: 24px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 14px;
   font-weight: bold;
   height: 48px;
   width: 100%;
   transition: all .2s;
}

.as-dialog__btn-item span::before {
   content: "";
   background-size: contain;
   margin-right: .3em;
   height: 30px;
   width: 30px;
}

.as-dialog__btn-item--start a {
   border-radius: 36px;
   font-size: 20px;
   height: 72px;
}

.as-dialog__btnGroup {
	list-style: none;
}

.as-dialog__btnGroup .as-tp-text-link {
   font-size: 14px;
   margin-top: 24px;
   text-align: center;
}

.as-btn__di-main a {
   background: #f5a4a2;
   color: #fff;
   transition: all .2s;
}

.as-btn__di-main a:hover {
   background: #f09795;
}

.as-dialog__btn-close a {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   top: 0;
   right: 0;
   height: 48px;
   width: 48px;
   transition: all .2s;
}

.as-dialog__btn-close a:hover {
   opacity: .5;
}

.as-dialog__btn-close .yi-nonmember-top-menu-trigger2 {
   width: 20px;
	height: 20px;
}

.nk-dialog__btn-item--start a {
   border-radius: 32px;
   font-size: 17px;
   height: 64px;
}
.nk-login-text__id_pass {
	color: #A1A1A1;
	text-align: center;
	font-size: 12px;
	line-height: 1.6;
	margin: 10px 0 16px;
}
.nk-dialog-text__id_pass {
	color: #A1A1A1;
	text-align: center;
	font-size: 12px;
	line-height: 1.6;
}
.nk-dialog__btnGroup--start li{
  margin-bottom: 20px;
  position: relative;
  list-style-type: none;
}
.nk-dialog__btnGroup--start li:last-child{
  margin-bottom: 0;
}
.nk-dialog-textbox__caption {
	margin-top: -10px;
}
.nk-dialog-btn__margin--caption {
	margin-top: -4px;
}
.nk-main-btn__free a {
   background: #ed7c7c;
   color: #fff;
}
.nk-main-btn__free a:hover {
   background: #da6f6c;
}
.nk-main-btn__login a {
	color: #F29491;
	border:1px solid #F29491;
	background: #fff;
}
.nk-main-btn__login a:hover {
	background: #FDF4F4;
}

/* 前回ログイン */
.nk-dialog__btn-item--start + .nk-login__btn--last-login {
	margin-top: 30px;
}
.nk-login__btn--last-login {
	margin-top: 24px;
}
.nk-login__btn-badge--last-login img {
	width: 159px;
	display: inline-block;
	position: absolute;
	left: 20px;
	top: -14px;
}

.nk-btn__id-pass a {
   background: #F19390;
   color: #fff;   
}
.nk-btn__number a {
   background: #F19390;
   color: #fff;   
}
.nk-btn__mail a {
   background: #F19390;
   color: #fff;   
}

.nk-btn__id-pass a:hover {
   background: #CC7D7A;
}
.nk-btn__number a:hover {
   background: #CC7D7A;
}
.nk-btn__mail a:hover {
   background: #CC7D7A;
}
.nk-btn__id-pass span::before {
   background: url("https://marrish.com/assets/st/icon_id_pass_white.svg") no-repeat;
}
.nk-btn__number span::before {
   background: url("https://marrish.com/assets/st/icon_phone_white.svg") no-repeat;
}
.nk-btn__mail span::before {
   background: url("https://marrish.com/assets/st/icon_mail_white.svg") no-repeat;
}
.nk-btn__id-pass span, 
.nk-btn__number span, 
.nk-btn__mail span {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 12px;
}

.as-main__btn-item span::before {
   content: "";
   background-size: contain;
   margin-right: .3em;
   height: 27px;
   width: 27px;
}

.as-tp-section-mainVisual .as-tp-text--caption {
    margin-top: 24px;
}

.as-tp-section-mainVisual .as-tp-text-link {
   font-size: 12px;
   /* margin-top: 24px; */
}

/* メインボタン */
.as-main__btn-item + .as-main__btn-item {
   margin-top: 10px;
}

.as-main__btn-item a {
   border-radius: 28px;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 17px;
   font-weight: bold;
   padding-left: 8px;
   height: 56px;
   width: 100%;
   transition: all .2s;
}

.as-btn__facebook a {
   background: #3259ad;
   color: #fff;   
}

.as-btn__mail a {
   background: #ed7c7c;
   color: #fff;   
}

.as-btn__apple a {
   background: #fff;
   border: solid 1px rgba(0, 0, 0, .25);
   box-sizing: border-box;
   color: #000;   
}

.as-btn__facebook a:hover {
   background: #2a4b92;
}

.as-btn__mail a:hover {
   background: #da6f6c;
}

.as-btn__apple a:hover {
   background: rgba(0, 0, 0, .04);
}

.as-btn__facebook span, 
.as-btn__apple span {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 12px;
}

.as-btn__facebook span::before {
   background: url("https://marrish.com/assets/st/icon_fb_white.svg") no-repeat;
}

.as-btn__apple span::before {
   background: url("https://marrish.com/assets/st/icon_apple_black.svg") no-repeat;
}

.as-btn__facebook::before {
   background: url("https://marrish.com/assets/st/icon_fb_white.svg") no-repeat;
}

.as-btn__number::before {
   background: url("https://marrish.com/assets/st/icon_phone_white.svg") no-repeat;
}

.as-btn__apple::before {
   background: url("https://marrish.com/assets/st/icon_apple_black.svg") no-repeat;
}

.nk-btn__number a {
   background: #F19390;
   color: #fff;   
}
.nk-btn__number a {
   background: #F19390;
   color: #fff;   
}
.nk-btn__mail a {
   background: #F19390;
   color: #fff;
}
.nk-btn__number a.hover {
   background: #CC7D7A;
}
.nk-btn__mail a.hover {
   background: #CC7D7A;
}
.nk-btn__number::before {
   background: url("https://marrish.com/assets/st/icon_phone_white.svg") no-repeat;
}
.nk-btn__mail::before {
   background: url("https://marrish.com/assets/st/icon_mail_white.svg") no-repeat;
}
/*====================================================
　Facebook連携廃止 その2
====================================================*/
/* ログイン選択ダイアログ
--------------------------------------------------- */
.nk-pcdialog__text-link {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 4px;
}
.nk-pcdialog__text-link a {
	font-size: 12px;
	color: #f19390;
	font-weight: bold;
	text-decoration: underline;
}
.nk-pcdialog__text-link a:hover {
	color: #cc7d7a;
	text-decoration: none;
}
/* Fb不可メアドログイン誘導ダイアログ
--------------------------------------------------- */
.nk-login-dialog-fb-ng {
	position: relative;
	background-color:#fff;
	width: 280px;
	padding: 15px;
	text-align: center;
	box-sizing: border-box;
	padding: 20px;	
	border-radius: 20px;
}
.nk-login-dialog-fb-ng__title {
	font-size: 15px;
	line-height: 1.4;
	font-weight: bold;
	padding: 15px 0;
}
.nk-login-dialog-fb-ng__img {
	width: 53px;
	height: 44px;
	justify-content: center;
	align-items: center;
	margin: 0 auto 10px;
}
.nk-login-dialog-fb-ng__img img {
	width: 100%;
}
.nk-login-dialog-fb-ng__text { 
	text-align: center;
	font-size: 14px;
	line-height: 1.6;
	color: #444444;
	margin: 0 0 20px;
}
.nk-login-dialog-fb-ng__text span {
	color: #F19390;
	font-weight: bold;
}
.nk-login-dialog-fb-ng__text--sub {
	color: #A1A1A1;
	text-align: left;
	font-size: 12px;
	line-height: 1.6;
	margin: 0 10px;
}
.nk-login-dialog-fb-ng__text--sub a {
	color: #F19390;
	text-decoration:underline;
}
.nk-login-dialog-fb-ng__text--sub a:hover {
	color: #cc7d7a;
	text-decoration: none;
}
.nk-login-dialog-fb-ng__btn-box {
	margin: 0 0 10px;
}
.nk-login-dialog-fb-ng__btn {
	display: flex;
	justify-content: center;
	margin: 0;
}
.nk-login-dialog-fb-ng__btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	width: 100%;
	height: 44px;
	border-radius: 22px;
	background: #F5A4A2;
}
.nk-login-dialog-fb-ng__btn a:hover {
	background: #F09795;
}
.ny-nomember-footer-ims img{
	width: 60px;
	height: auto;
}
/*----------------------------------------------------
	コピーライトリンク（再婚・婚活コラム）色指定
----------------------------------------------------*/
.copyright__link,
.nk-sp_nomem-footer--copy p .copyright__link,
.as-footer-txt p .copyright__link {
	color: #ad9362;
	text-decoration: underline;
	font-weight: bold;
}
.copyright__link:hover {
	opacity: .7;
	text-decoration: none;
}

/*----------------------------------------------------
	協会 正会員B テキスト
----------------------------------------------------*/
.as-mspj-memberType {
	color: #805f20;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin-top: 4px;
}
.as-mspj-container {
	flex-direction: column;
	height: auto;
	padding: 12px 0;
}
.nk-sp_nomem-mspj--memberType {
	color: #805f20;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin-top: 6px;
}

/*----------------------------------------------------
	SP版 認証マーク（IMS + TRUSTe）横並び
----------------------------------------------------*/
.nk-sp_nomem-footerContainer .ny-nomember-footer-ims,
.nk-sp_nomem-footerContainer .nk-sp_nomember-footer-truste {
	display: inline-block;
	vertical-align: middle;
}
.nk-sp_nomem-footerContainer .ny-nomember-footer-ims {
	margin-right: 20px;
	margin-bottom: 16px;
}
.nk-sp_nomem-footerContainer .ny-nomember-footer-ims img {
	width: 60px;
	height: auto;
	display: block;
}
.nk-sp_nomember-footer-truste img {
	width: 120px;
	height: auto;
}

/*----------------------------------------------------
	関連記事：画像左90px（正方形）・テキスト右（旧サイトと同じ）
	flexboxで組み、テキストが画像下に回り込まないようにする
----------------------------------------------------*/
.related__item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 24px;
}
.related__imgLink {
	display: block;
	flex: 0 0 90px;
	width: 90px;
	height: 90px;
	overflow: hidden;
}
.related__imgLink img {
	width: 90px;
	height: 90px;
	object-fit: cover;
	vertical-align: bottom;
}
.related__body {
	flex: 1 1 auto;
	min-width: 0;
}
.related__title {
	width: auto;
	float: none;
	margin: 0 0 6px;
}
.related__contents {
	width: auto;
	float: none;
	margin: 0;
}

/*----------------------------------------------------
	記事ビューレイアウト「画像レフト」選択時のみ（旧コラム準拠）
	※ワイド(default)には一切影響しない。必ず .クラス.クラス-leftImg の
	  二重指定に限定し、素の .eyecatch / .archiveList には触れない。
	※親テーマはPC用を@mediaなしの素で書く設計。それに合わせPC用も素で書く。
----------------------------------------------------*/
/* PC表示（親テーマと同じく@mediaなしの素で記述） */
.archiveList.archiveList-leftImg {
	overflow: hidden;
}
/* 画像：左38%（floatはこれだけ） */
.archiveList.archiveList-leftImg .eyecatch.eyecatch-leftImg {
	float: left !important;
	width: 38% !important;
	margin: 0 20px 0 0 !important;
}
.archiveList.archiveList-leftImg .eyecatch.eyecatch-leftImg img {
	width: 100%;
	height: auto;
	display: block;
}
/* タイトル・日付・本文：floatを外しBFC化して画像下に回り込ませない */
.archiveList.archiveList-leftImg .heading.heading-leftImg {
	float: none !important;
	width: auto !important;
	overflow: hidden !important;
	margin: 0 0 10px 0 !important;
}
.archiveList.archiveList-leftImg .dateList.dateList-leftImg {
	float: none !important;
	width: auto !important;
	overflow: hidden !important;
	margin: 0 0 10px 0 !important;
}
.archiveList.archiveList-leftImg .archiveList__text.archiveList__text-leftImg {
	float: none !important;
	width: auto !important;
	overflow: hidden !important;
	clear: none !important;
	margin: 0 !important;
}

/* スマホ表示：旧コラム準拠（画像左・タイトル右横・本文なし）。PC指定より後に置いて上書き */
@media only screen and (max-width: 767px) {
	/* 記事枠：floatクリア */
	.archiveList.archiveList-leftImg {
		overflow: hidden !important;
	}
	/* 画像：左に小さく配置 */
	.archiveList.archiveList-leftImg .eyecatch.eyecatch-leftImg {
		float: left !important;
		width: 35% !important;
		margin: 0 15px 0 0 !important;
	}
	.archiveList.archiveList-leftImg .eyecatch.eyecatch-leftImg img {
		width: 100% !important;
		height: auto !important;
		display: block !important;
	}
	/* タイトル・日付：BFCにせず画像の右に自然に回り込ませる */
	.archiveList.archiveList-leftImg .heading.heading-leftImg,
	.archiveList.archiveList-leftImg .dateList.dateList-leftImg {
		float: none !important;
		width: auto !important;
		overflow: visible !important;
		clear: none !important;
		margin: 0 0 8px 0 !important;
	}
	/* 本文：旧コラムに合わせてスマホでは非表示（PHP側でも非出力） */
	.archiveList.archiveList-leftImg .archiveList__text.archiveList__text-leftImg {
		display: none !important;
	}
}

/*----------------------------------------------------
	コラム用ミニマルフッター（marrish.net）中央寄せ
----------------------------------------------------*/
.mrr-footer {
	text-align: center;
	padding: 48px 20px 40px;
	background: #f3efe9;
}
.mrr-footer__logo {
	margin-bottom: 24px;
}
.mrr-footer__logo img {
	width: 130px;
	height: auto;
	display: inline-block;
}
.mrr-footer__nav {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px 28px;
}
.mrr-footer__nav li {
	margin: 0;
	padding: 0;
}
.mrr-footer__nav li::before {
	content: none;
}
.mrr-footer__nav a {
	color: #555;
	text-decoration: none;
	font-size: 14px;
	transition: opacity .2s;
}
.mrr-footer__nav a:hover {
	opacity: .6;
	text-decoration: underline;
}
.mrr-footer__copy {
	margin-top: 8px;
}
.mrr-footer__copy p {
	margin: 0;
	font-size: 12px;
	color: #999;
}
.mrr-footer__copy a {
	color: #999;
	text-decoration: none;
}
.mrr-footer__copy a:hover {
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
	.mrr-footer {
		padding: 36px 16px 32px;
	}
	.mrr-footer__logo img {
		width: 110px;
	}
	.mrr-footer__nav {
		flex-direction: column;
		gap: 14px;
	}
}