@charset "UTF-8";
/*
 * STYLESHEET: PC/SPレイアウト共通ページ個別.
 *
################################################################################
 */
/* ========================================================================== *
 * pages.
.* ========================================================================== */
.index-title {
	margin:0;
	text-align:center;
}

.index-title_main {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	height:95px;
	border-top:1px solid #efe7c5;
	background:#f7f3e2;
}

.index-title_logo {
	display:inline-block;
	overflow:hidden;
	padding-top:72px;
	width:346px;
	height:0;
	background:url(/assets/img/logo-large.svg) no-repeat center center/contain;
	color:#fff;
}

.index-title_sub {
	display:block;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:.08em;
	background:#ef8200;
	color:#fff;
	letter-spacing:.08em;
	font-size:20px;
	font-family:"M PLUS Rounded 1c", sans-serif;
}

.index-anchorList {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin:0 -4px;
	padding-left:0;
	width:calc(100% + 8px);
	list-style-type:none;
}

.index-anchorList > li {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-right:4px;
	padding-left:4px;
	width:25%;
}

.index-anchorList_item {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding-top:10px;
	padding-bottom:24px;
	border:1px solid #ccc;
	border-radius:6px;
	color:currentColor;
	text-decoration:none;
	font-weight:700;
}

.index-anchorList_item::after {
	position:absolute;
	right:50%;
	bottom:6px;
	display:inline-block;
	height:1em;
	content:"";
	font-weight:700;
	font-family:"Font Awesome 5 Free";
	line-height:1;
	-webkit-transform:translateX(50%);
	transform:translateX(50%);
}

.index-anchorList_ico {
	overflow:hidden;
	margin-bottom:4px;
	border-radius:50%;
}

.mypage-profile_group {
	padding:12px 16px 1px;
}

.mypage-profile_group > dt {
	position:relative;
	margin-bottom:-8px;
	padding-bottom:8px;
	border-bottom:4px double rgba(51, 51, 51, .33);
	font-weight:700;
}

.mypage-profile_group > dd {
	margin-left:0;
}

.mypage-profile_ctrls {
	margin:0;
	padding-bottom:24px;
	padding-left:0;
	list-style-type:none;
	text-align:center;
}

.mypage-profile_ctrls > li:nth-child(n + 2) {
	margin-top:16px;
}

.mypage-profile_userSet {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-right:auto;
	margin-left:auto;
	max-width:760px;
}

.mypage-profile_userAvatar {
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-top:32px;
	margin-right:32px;
	width:128px;
}

.mypage-profile_userData {
	width:100%;
}

.mypage-profile_caredSet {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-right:-4px;
	margin-left:-4px;
}

.mypage-profile_cared {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-right:4px;
	padding-left:4px;
	width:33.33333%;
}

.mypage-profile_withdrawal {
	text-align:center;
}

.mypage-withdrawal_lead {
	margin-right:auto;
	margin-left:auto;
	max-width:640px;
}

.mypage-withdrawal_warning {
	position:relative;
	margin-top:24px;
	margin-bottom:24px;
	padding:20px;
	background:#f7e5d7;
	color:#af3e28;
}

.mypage-withdrawal_warning::before {
	position:absolute;
	top:50%;
	left:20px;
	width:20%;
	height:128px;
	background:url(/assets/img/ico-caution.svg) no-repeat center center/contain;
	content:"";
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.mypage-withdrawal_warningBody {
	margin:0;
	padding-left:24%;
}

.mypage-withdrawal_warningBody > dt {
	border-bottom:1px solid rgba(175, 62, 40, .5);
	font-weight:700;
	font-size:1.25em;
}

.mypage-withdrawal_warningBody > dd {
	margin-top:2em;
	margin-left:0;
}

.mypage-withdrawal_warningHead {
	position:relative;
	display:block;
	margin-bottom:-.75em;
	padding-right:.75em;
	width:4em;
	background:#f7e5d7;
}

.mypage-withdrawal_warningList {
	padding-left:1.5em;
}

.mypage-withdrawal_warningList > li:nth-child(n + 2) {
	margin-top:1em;
}

.mypage-withdrawal_userData {
	padding:1px 16px;
}

.about-lead {
	background:#f7f3e2 url(/assets/img/about/lead-bg.svg) no-repeat left -2px bottom -2px/345px 345px;
}

.about-lead_inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:20px 0;
}

.about-lead_logo {
	width:34.79491%;
	text-align:center;
}

.about-lead_logo > img {
	min-width:128px;
	max-width:160px;
	width:65.30612%;
}

.about-lead_body {
	padding-right:16px;
	width:65.20509%;
}

.about-lead_txts {
	margin-top:32px;
}

.about-howto_sections {
	margin-right:auto;
	margin-left:auto;
	max-width:706px;
	counter-reset:howto-section;
}

.about-howto_section {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	counter-increment:howto-section;
}

.about-howto_section:nth-child(n + 2) {
	margin-top:2em;
	padding-top:1em;
	border-top:1px solid #e5e5e5;
}

.about-howto_secHead {
	margin-bottom:.5em;
	width:39.09348%;
	color:#ef8200;
	text-align:center;
	font-weight:700;
}

.about-howto_secHead::before {
	display:block;
	margin-top:-.15em;
	width:100%;
	color:rgba(249, 190, 0, .2);
	content:counter(howto-section);
	text-align:center;
	font-size:144px;
	font-family:"Roboto Condensed", sans-serif;
	line-height:1;
}

.about-howto_secHead .secHead_inner {
	position:relative;
	z-index:1;
	display:block;
	margin-top:-64px;
	margin-bottom:0;
	font-size:20px;
}

.about-howto_secBody {
	width:56.65722%;
}

.about-cautions_sections {
	margin-right:auto;
	margin-left:auto;
	max-width:706px;
}

.about-cautions_list {
	margin:0;
	padding-left:0;
	list-style-type:none;
}

.about-cautions_list > li {
	position:relative;
	margin-top:24px;
	padding-left:80px;
}

.about-cautions_list > li::before {
	position:absolute;
	top:6px;
	left:16px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:32px;
	height:32px;
	border:1px solid #ccc;
	border-radius:6px;
	content:"";
}

.about-cautions_list > li::after {
	position:absolute;
	top:6px;
	left:16px;
	color:#f9be00;
	content:"\f00c";
	font-weight:900;
	font-size:32px;
	font-family:"Font Awesome 5 Free";
	-webkit-transform:translate(8px, -14px);
	transform:translate(8px, -14px);
}

.about-cautions_caution > dt {
	color:#ef8200;
	font-weight:700;
	font-size:17px;
}

.about-cautions_caution > dd {
	margin-left:0;
}

.ranking_myRank {
	margin-top:-20px;
}

.ranking_myRank .ranking_table {
	border-bottom:1px solid #e5e5e5;
}

.ranking_myRank .ranking_table > caption {
	display:none;
}

.ranking_myRank .ranking_table > tbody {
	background:#f7f3e2;
}

.ranking_date {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	margin-bottom:0;
}

.ranking_date > dt::after {
	content:"：";
}

.ranking_date > dd {
	margin-left:0;
}

.ranking_table {
	width:100%;
	border-collapse:collapse;
}

.ranking_table > thead > tr > th {
	padding-right:.5em;
	padding-bottom:8px;
	padding-left:.5em;
	vertical-align:bottom;
	white-space:nowrap;
	font-size:12px;
	line-height:1.25;
}

.ranking_table > tbody > tr {
	border-top:1px solid #e5e5e5;
}

.ranking_rankCol,
.ranking_arrowCol,
.ranking_beforeCol,
.ranking_userCol {
	padding-top:16px;
	padding-bottom:16px;
}

.ranking_rankCol,
.ranking_arrowCol,
.ranking_beforeCol {
	text-align:center;
}

.ranking_rankCol {
	width:5em;
}

.ranking_arrowCol {
	width:4em;
}

.ranking_beforeCol {
	width:4.5em;
}

.ranking_userCol {
	padding-left:16px;
}

.ranking_rank {
	position:relative;
	z-index:1;
	display:inline-block;
	min-width:32px;
	height:32px;
	background:url(/assets/img/ico-rank.svg) no-repeat center center/32px 32px;
	text-align:center;
	font-weight:700;
	font-size:18px;
	line-height:32px;
}

.ranking_rank.is-1st {
	background-image:url(/assets/img/ico-rank01.svg);
	color:#fff;
}

.ranking_rank.is-2nd {
	background-image:url(/assets/img/ico-rank02.svg);
	color:#fff;
}

.ranking_rank.is-3rd {
	background-image:url(/assets/img/ico-rank03.svg);
	color:#fff;
}

.ranking_arrow-up,
.ranking_arrow-down,
.ranking_arrow-stay {
	display:inline-block;
	-webkit-transform:scale(1.25);
	transform:scale(1.25);
}

.ranking_arrow-up {
	color:#1f6cd4;
}

.ranking_arrow-up::after {
	display:inline-block;
	height:1em;
	content:"";
	font-weight:700;
	font-family:"Font Awesome 5 Free";
	line-height:1;
}

.ranking_arrow-down {
	color:#af3e28;
}

.ranking_arrow-down::after {
	display:inline-block;
	height:1em;
	content:"";
	font-weight:700;
	font-family:"Font Awesome 5 Free";
	line-height:1;
}

.ranking_arrow-stay::after {
	display:inline-block;
	height:1em;
	content:"";
	font-weight:700;
	font-family:"Font Awesome 5 Free";
	line-height:1;
}

.ranking_before {
	padding-right:.25em;
	padding-left:.25em;
}

.ranking_user {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}

.ranking_avatar {
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-right:12px;
	width:48px;
}

.ranking_data {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.ranking_name {
	margin:0 0 4px;
	width:100%;
	line-height:1.25;
}

.ranking_name .name_main {
	font-weight:700;
	font-size:1.8rem;
}

.ranking_name .name_unit {
	white-space:nowrap;
}

.ranking_thanks,
.ranking_comments,
.ranking_rate {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin:0;
	line-height:1.5;
}

.ranking_thanks:nth-child(n + 2),
.ranking_comments:nth-child(n + 2),
.ranking_rate:nth-child(n + 2) {
	margin-right:1em;
}

.ranking_thanks > dt::after,
.ranking_comments > dt::after,
.ranking_rate > dt::after {
	content:"：";
}

.ranking_thanks > dd,
.ranking_comments > dd,
.ranking_rate > dd {
	margin-left:0;
}

.guide-post_capture {
	margin-top:1.5em;
	margin-bottom:1.5em;
}

.guide-post_capture > img {
	width:100%;
}

.guide-post_body {
	margin-right:auto;
	margin-left:auto;
	max-width:707px;
}

.guide-post_manners {
	padding:12px 24px;
	background:#f3f4f5;
}

.guide-post_manners > dt {
	margin-bottom:24px;
	padding-bottom:12px;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-weight:700;
	font-size:20px;
}

.guide-post_manners > dd {
	margin-left:0;
}

.guide-post_mannersList {
	padding-left:1.75em;
}

.guide-post_manner > dt {
	font-weight:700;
}

.guide-post_manner > dd {
	margin-left:0;
}

.guide-post_ngList {
	margin-top:1em;
	margin-bottom:0;
	padding-left:1.75em;
}

.guide-post_ngList > li {
	font-size:12px;
	line-height:1.5;
}

.guide-post_ngList > li:nth-child(n + 2) {
	margin-top:.5em;
}

.guide-view_capture {
	margin-top:1.5em;
	margin-bottom:1.5em;
}

.guide-view_capture > img {
	width:100%;
}

.guide-view_body {
	margin-right:auto;
	margin-left:auto;
	max-width:707px;
}

.guide-view_listWrap {
	margin-top:1em;
	margin-bottom:1.5em;
	padding:12px 24px;
	background:#f3f4f5;
}

.guide-view_list {
	padding-left:1.75em;
}

.guide-view_listItem > dt {
	font-weight:700;
}

.guide-view_listItem > dd {
	margin-left:0;
}

.post_foot {
	margin-right:auto;
	margin-left:auto;
	max-width:640px;
}

.register-cared {
	position:relative;
	margin-right:auto;
	margin-left:auto;
	max-width:640px;
}

.register-cared_inner {
	margin:0;
}

.register-cared_inner > dt {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:32px;
	margin-bottom:-16px;
	padding:12px 14px;
	background:#ddd;
	font-weight:700;
	font-size:18px;
}

.register-cared_inner > dd {
	margin-left:0;
}

.register-cared_ctrls {
	margin:0;
	padding-left:0;
	list-style-type:none;
}

.register-cared_ctrlAdd {
	text-align:center;
	font-size:18px;
}

.register-cared_ctrlDel {
	position:absolute;
	top:0;
	right:0;
}

.register-cared_ctrl {
	display:inline-block;
	margin-top:12px;
	margin-bottom:12px;
	padding:2px 14px;
}

.register_confirmCheck {
	padding-bottom:32px;
	text-align:center;
}

.faq-index {
	margin-right:auto;
	margin-left:auto;
	max-width:640px;
}

.faq-index_list {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-right:-4px;
	margin-left:-4px;
	padding-left:0;
	list-style-type:none;
}

.faq-index_list > li {
	padding-right:4px;
	padding-left:4px;
	width:calc(50% - 8px);
}

.faq-index_list > li:nth-child(n + 3) {
	margin-top:8px;
}

.faq-index_anchor {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:8px 1.5em 8px 8px;
	height:100%;
	border:1px solid #ccc;
	border-radius:6px;
	color:currentColor;
	text-decoration:none;
	line-height:1.5;
}

.faq-index_anchor::after {
	position:absolute;
	top:50%;
	right:6px;
	display:inline-block;
	width:1em;
	height:1em;
	content:"";
	font-weight:700;
	font-family:"Font Awesome 5 Free";
	line-height:1;
	-webkit-transform:translateY(-50%) scale(.75);
	transform:translateY(-50%) scale(.75);
}

.faq_questions {
	margin-right:auto;
	margin-left:auto;
	padding-right:64px;
	padding-left:64px;
	max-width:700px;
	list-style-type:none;
}

.faq_questions > li:nth-child(n + 2) {
	margin-top:32px;
}

.faq_question > dt {
	position:relative;
	padding:12px 14px;
	border:4px solid #efe7c5;
	border-radius:12px;
	background:#efe7c5;
	font-weight:700;
	-webkit-transform:translateX(-4px);
	transform:translateX(-4px);
}

.faq_question > dt::before {
	position:absolute;
	top:0;
	left:-64px;
	width:48px;
	height:48px;
	border-radius:50%;
	background:#c6ba89;
	color:#fff;
	content:"Q";
	text-align:center;
	font-weight:700;
	font-size:24px;
	font-family:"M PLUS Rounded 1c", sans-serif;
	line-height:48px;
}

.faq_question > dt::after {
	position:absolute;
	top:1.75em;
	left:-12px;
	border-top:10px solid transparent;
	border-right:12px solid #efe7c5;
	border-bottom:10px solid transparent;
	content:"";
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.faq_question > dd {
	margin-left:0;
	-webkit-transform:translateX(4px);
	transform:translateX(4px);
}

.faq_answer {
	position:relative;
	margin-top:8px;
	padding:0 14px;
	border:4px solid #f3f4f5;
	border-radius:12px;
	background:#f3f4f5;
}

.faq_answer::before {
	position:absolute;
	top:0;
	right:-64px;
	width:48px;
	height:48px;
	border-radius:50%;
	background:#aaa;
	color:#fff;
	content:"A";
	text-align:center;
	font-weight:700;
	font-size:24px;
	font-family:"M PLUS Rounded 1c", sans-serif;
	line-height:48px;
}

.faq_answer::after {
	position:absolute;
	top:1.75em;
	right:-12px;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:12px solid #f3f4f5;
	content:"";
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.faq_answer p,
.faq_answer ul {
	margin-top:1em;
	margin-bottom:1em;
}

.faq_answer ul {
	padding-left:2em;
}

.faq_definition > dd {
	margin-left:0;
}

.contact-lead {
	margin-right:auto;
	margin-left:auto;
	max-width:640px;
}

.contact-privacy {
	margin:0 auto 32px;
	max-width:640px;
}

.contact-privacy > dt {
	font-weight:700;
}

.contact-privacy > dd {
	margin-left:0;
}

.webmaster {
	margin:3.75% auto 0;
	padding:1.66667% 16px;
	max-width:680px;
	border:1px solid #dece89;
}

.webmaster_list {
	margin:0 auto;
	padding-left:0;
	max-width:600px;
	list-style-type:none;
}

.webmaster_list > li:nth-child(n + 2) {
	border-top:1px solid #e5e5e5;
}

.webmaster_item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

.webmaster_item > dt {
	-ms-flex-negative:0;
	flex-shrink:0;
	padding-right:1em;
	width:10em;
	font-weight:700;
}

.webmaster_item > dd {
	margin-left:0;
}

.sitemap {
	position:relative;
	margin-top:20px;
	padding:12px 24px;
	background:#f3f4f5;
}

.sitemap::after {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border:1px solid rgba(0, 0, 0, .05);
	content:"";
	pointer-events:none;
}

.sitemap_definition {
	margin-top:32px;
}

.sitemap_definition > dt {
	margin:0 -4px 20px;
	border-bottom:1px solid #bababa;
	font-size:14px;
}

@element .l-main and (min-width:500px) {
	.sitemap_definition > dt {
		font-size:16px;
	}
}

.sitemap_definitionHead {
	position:relative;
	display:inline-block;
	padding-right:4px;
	padding-left:4px;
	font-weight:700;
	line-height:3em;
}

.sitemap_definitionHead::after {
	position:absolute;
	right:0;
	bottom:-1px;
	left:0;
	height:4px;
	background:#767676;
	content:"";
}

.sitemap_definition > dd {
	margin-left:0;
}

.sitemap_list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding-left:0;
	list-style-type:none;
}

.sitemap_list > li {
	width:33.33333%;
}

.sitemap_list > li:nth-child(n + 4) {
	margin-top:20px;
}
