@charset "UTF-8";
/*
 * STYLESHEET: 共通パーツスタイル.
 *
################################################################################
 */
/* ========================================================================== *
 * module.
.* ========================================================================== */
.m-btn {
	-webkit-transition:background-color .2s linear;
	transition:background-color .2s linear;
}

.m-btn:hover {
	background:#f3a140;
}

.m-btn.is-regist:hover {
	background:#507399;
}

.m-btn.is-newpost:hover {
	background:#c36e5e;
}

.m-btn.is-negative:hover {
	background:#b3b3b3;
}

.m-btn.is-comment:hover {
	background:#db884f;
}

.m-btn.is-thanks:hover {
	background:#cd80b3;
}

.m-btn.is-thanksDone:hover {
	background:#fff;
	opacity:.75;
}

.m-btn.is-bookmarkDone:hover {
	background:#fff;
	opacity:.75;
}

.m-form_layoutGenreListItem {
	-webkit-transition:color .2s linear, background-color .2s linear;
	transition:color .2s linear, background-color .2s linear;
}

.m-form_layoutGenreListItem:hover {
	background:#fcfaf0;
	color:#154477;
}

.m-form_layoutTypeListItem {
	-webkit-transition:color .2s linear, background-color .2s linear;
	transition:color .2s linear, background-color .2s linear;
}

.m-form_layoutTypeListItem:hover {
	background:#fcfaf0;
	color:#154477;
}

.m-form_footBackBtn {
	-webkit-transition:background-color .2s linear;
	transition:background-color .2s linear;
}

.m-form_footBackBtn:hover {
	background:#b3b3b3;
}

.m-form_footSubmitBtn {
	-webkit-transition:background-color .2s linear;
	transition:background-color .2s linear;
}

.m-form_footSubmitBtn:hover {
	background:#f3a140;
}

.m-post_reaction .reaction_ico {
	-webkit-transition:border-color .2s linear;
	transition:border-color .2s linear;
}

.m-post_reaction:hover .reaction_ico {
	border-color:#8fb6ea;
}

.m-post_shareItem {
	-webkit-transition:opacity .2s linear;
	transition:opacity .2s linear;
}

.m-post_shareItem:hover {
	opacity:.75;
}

.m-postSet_list.is-column {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.m-postSet_list.is-column > .m-postSet_item {
	margin-left:20px;
	width:calc(50% - 10px);
}

.m-postSet_list.is-column > .m-postSet_item:nth-child(n + 3) {
	margin-top:0;
}

.m-postSet_list.is-column > .m-postSet_item:nth-child(2n-1) {
	margin-left:0;
}

.m-postSet_list.is-column > .m-postSet_item:nth-child(2) {
	border-top:0;
}

.m-postSet_link {
	-webkit-transition:background-color .2s linear;
	transition:background-color .2s linear;
}

.m-postSet_link:hover {
	background-color:#fcfaf0;
	color:#154477;
}

.m-pager_prevBtn,
.m-pager_nextBtn {
	-webkit-transition:background-color .2s linear;
	transition:background-color .2s linear;
}

.m-pager_prevBtn .btn_ico,
.m-pager_nextBtn .btn_ico {
	-webkit-transition:background-color .2s linear;
	transition:background-color .2s linear;
}

.m-pager_prevBtn:hover .btn_ico,
.m-pager_nextBtn:hover .btn_ico {
	background:#1f6cd4;
}

.m-tabSet_tab {
	margin-right:24px;
	-webkit-transition:color .2s linear;
	transition:color .2s linear;
}

.m-tabSet_tab:hover {
	color:#f3a140;
}

.m-tabSet_tab:hover::before {
	-webkit-transform:translate(50%, 0) scale(.75) !important;
	transform:translate(50%, 0) scale(.75) !important;
}

.m-tabSet_tab.is-current:hover {
	color:currentColor;
}

.m-tabSet_topTabs .m-tabSet_tab::before {
	-webkit-transform:translate(50%, 100%) scale(.75);
	transform:translate(50%, 100%) scale(.75);
}

.m-tabSet_btmTabs .m-tabSet_tab::before {
	-webkit-transform:translate(50%, -100%) scale(.75);
	transform:translate(50%, -100%) scale(.75);
}

.m-theme_setTheme {
	-webkit-transition:background-color .2s linear;
	transition:background-color .2s linear;
}

.m-theme_setTheme:hover {
	background:#f3a140;
}

.m-theme_item {
	-webkit-transition:background-color .2s linear;
	transition:background-color .2s linear;
}

.m-theme_item:hover {
	background:#fcfaf0;
}

/* PCのみのもの */
.m-hoverfade {
	-webkit-transition:opacity .2s linear 0s;
	transition:opacity .2s linear 0s;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
}

a:hover .m-hoverfade,
a.m-hoverfade:hover {
	opacity:.75;
}

.m-sideBnrArea {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:distribute;
	justify-content:space-around;
}

.m-sideGuide {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin:0;
	padding-left:0;
	list-style-type:none;
}

.m-sideGuide > li {
	width:160px;
}

.m-sideGuide_item {
	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;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:64px;
	border:1px solid #ccc;
	border-radius:6px;
	color:currentColor;
	text-align:center;
	text-decoration:none;
	-webkit-transition:color .2s linear, background-color .2s linear;
	transition:color .2s linear, background-color .2s linear;
}

.m-sideGuide_item:hover {
	background:#fcfaf0;
	color:#154477;
}

.m-sideGuide_ico {
	margin-right:4px;
}

.m-sideGuide_txt {
	font-size:14px;
}

.m-sideLogin {
	position:relative;
	background:#f3f4f5;
}

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

.m-sideLogin_head {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin:0 13px;
	padding-top:12px;
	padding-bottom:12px;
	border-bottom:1px solid #ddd;
}

.m-sideLogin_avatar {
	margin-right:12px;
	width:48px;
}

.m-sideLogin_name {
	margin:0;
	font-size:20px;
}

.m-sideLogin_nameMain {
	font-weight:700;
}

.m-sideLogin_nameUnit {
	font-size:.8em;
}

.m-sideLogin_body {
	padding:12px 13px;
}

.m-sideLogin_point {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin:0 0 16px;
	font-size:16px;
}

.m-sideLogin_point > dt {
	font-weight:700;
}

.m-sideLogin_point > dt::before {
	display:inline-block;
	margin-right:4px;
	width:32px;
	height:32px;
	border-radius:50%;
	background:#bc5699;
	color:#f3f4f5;
	content:"\f004";
	text-align:center;
	font-weight:900;
	font-size:18px;
	font-family:"Font Awesome 5 Free";
	line-height:32px;
}

.m-sideLogin_point > dd {
	margin-left:0;
}

.m-sideLogin_pointNum {
	display:inline-block;
	margin-right:.25em;
	margin-left:.25em;
	color:#bc5699;
	font-weight:700;
	font-size:20px;
}

.m-sideLogin_regist {
	padding-top:12px;
	padding-bottom:12px;
	background:#d0e2ea;
	text-align:center;
}

.m-sideRanking_list {
	margin:0;
	padding-left:0;
	list-style-type:none;
	counter-reset:side-ranking;
}

.m-sideRanking_list > li {
	position:relative;
	counter-increment:side-ranking;
}

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

/*
.m-sideRanking_list > li::before {
	position:absolute;
	top:50%;
	left:8px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:32px;
	height:32px;
	background:url(/assets/img/ico-rank.svg) no-repeat center center/contain;
	content:counter(side-ranking);
	text-align:center;
	font-weight:700;
	font-size:18px;
	line-height:31px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.m-sideRanking_list > li:nth-child(1)::before {
	padding-top:2px;
	background-image:url(/assets/img/ico-rank01.svg);
	color:#fff;
	line-height:29px;
}

.m-sideRanking_list > li:nth-child(2)::before {
	padding-top:2px;
	background-image:url(/assets/img/ico-rank02.svg);
	color:#fff;
	line-height:30px;
}

.m-sideRanking_list > li:nth-child(3)::before {
	padding-top:2px;
	background-image:url(/assets/img/ico-rank03.svg);
	color:#fff;
	line-height:30px;
}
*/

.m-sideRanking_rank {
	position:absolute;
	top:50%;
	left:8px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:32px;
	height:32px;
	background:url(/assets/img/ico-rank.svg) no-repeat center center/contain;
	content:counter(side-ranking);
	text-align:center;
	font-weight:700;
	font-size:18px;
	line-height:31px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.m-sideRanking_rank.is-1st {
	padding-top:2px;
	background-image:url(/assets/img/ico-rank01.svg);
	color:#fff;
	line-height:29px;
}
.m-sideRanking_rank.is-2nd {
	padding-top:2px;
	background-image:url(/assets/img/ico-rank02.svg);
	color:#fff;
	line-height:29px;
}
.m-sideRanking_rank.is-3rd {
	padding-top:2px;
	background-image:url(/assets/img/ico-rank03.svg);
	color:#fff;
	line-height:29px;
}

.m-sideRanking_item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	padding:16px 8px 16px 48px;
}

.m-sideRanking_avatar {
	width:48px;
}

.m-sideRanking_data {
	margin-left:8px;
}

.m-sideRanking_name {
	margin:0;
}

.m-sideRanking_nameMain {
	font-weight:700;
}

.m-sideRanking_nameUnit {
	font-size:.8em;
}

.m-sideRanking_point {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin:0;
}

.m-sideRanking_point > dt::after {
	content:"：";
}

.m-sideRanking_point > dd {
	margin-left:0;
}

.m-sideRanking_more {
	padding-top:16px;
	padding-bottom:16px;
	border-top:1px solid #e5e5e5;
	text-align:center;
}