@charset "utf-8";
/* ==========================================================
title : ƒz�[ƒ€ƒ�ƒCƒg�EƒŠƒT�[ƒ`�@Šî–{�î•ñ�^ŒûƒRƒ~�^ŽÊ�^�^“®‰æ‚Ì“Š�e•å�W
scope : ‡AŠî–{�î•ñ�^ŒûƒRƒ~�^ŽÊ�^�^“®‰æ‚Ì“Š�e•û–@
========================================================== */

/* ‘S‘̘g */
.post_info {
  text-align: center;
}
.mod_post_info_lead {
  font-size: 17px;
  margin: 30px auto;
  text-align: left;
  width: 770px;
}

a.post_info_btn_enter {
  color: #FFF;
}

.post_info_btn_enter {
  background: #C80D46;
  border-radius: 4px;
  box-shadow: 0px 4px 8px 3px #00000026;
  display: inline-block;
  font-weight: 600;
  font-size: 19px;
  height: 52px;
  line-height: 100%;
  letter-spacing: 0;
  margin-bottom: 45px;
  padding: 16px 20px 17px;
  text-align: center;
  width: 350px;
}

.post_info_btn_enter {
  background: #C80D46 url(/search/image/user/ico-circle-arrow.png) no-repeat right 20px center;
  background-size: 19px;
}


/* ????????? */

.point {
	display: block;
	margin: 10px auto 60px;
	text-align: center;
	width: 960px;
}

.point span {
	background: #fff url(/topic/user_tokuten/image/ico-btn-arrow-blue.png) no-repeat left 14px center;
	background-size: 8px 10px;
	color: #1825CE;
	line-height: 150%;
	letter-spacing: 0;
	font-weight: 300;
	font-size: 17px;
	text-align: center;
	padding: 8px 16px 8px 30px;
}

.post_info_btn_enter img {
  padding-left: 3px;
}

/* “Š�e•û–@‚Ì‚²ˆÄ“à */
.mod_post_info {
  display: inline-block;
  width: 840px;
  margin: 0 auto 60px;
}
.mod_post_info .ttl {
  position: relative;
  margin-bottom: 28px;
}
.mod_post_info .ttl .ttl_post_info_img {
  position: absolute;
  bottom: 0;
  right: 17px;
}
.mod_post_info .lead {
  margin-bottom: 20px;
}
.mod_post_info .info_box {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
.mod_post_info .info_box .piece {
  position: relative;
  width: 376px;
  height: 340px;
  margin: 0 17px 24px;
  border: #c7ba97 1px solid;
  background: url(/topic/user_tokuten/image/bg_post_info_piece.png);
  box-shadow: 0 0 3px 0px #bbb;
  -moz-box-shadow: 0 0 3px 0px #bbb;
  -webkit-box-shadow: 0 0 3px 0px #bbb;
}
.mod_post_info .info_box .piece .ttl {
  margin: 177px auto 10px 14px;
  text-align: left;
}
.mod_post_info .info_box .piece .tx {
  margin: 0 14px;
  text-align: left;
}
.mod_post_info .info_box .piece .img {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin: auto;
}
.mod_post_info .info_box .piece .btn {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  margin: auto;
}
.mod_post_info .info_box .piece .btn a {
  display: inline-block;
}

/* ƒIƒŠƒWƒiƒ‹SNS‹@”\‚Ì‚²�Љî */
.mod_sns_info {
  display: inline-block;
  width: 840px;
}
.mod_sns_info .ttl {
  position: relative;
  margin-bottom: 28px;
}
.mod_sns_info .ttl .ttl_sns_info_img {
  position: absolute;
  bottom: 0;
  right: 17px;
}
.mod_sns_info .lead {
  margin-bottom: 20px;
}
.mod_sns_info .pr_sns {
  margin-bottom: 45px;
}
.mod_sns_info .pr_sns a {
  display: inline-block;
}



.btn_howto {
	margin: 20px auto;
	width: 1000px;
}

.ttl_btn_howto {
	margin-top: 20px;
}

.btn_howto dt {
	background: #fff;
	color: #F75586;
	font-weight: 600;
	font-size: 24px;
	line-height: 150%;
	letter-spacing: 0;
	padding: 10px;
	position: relative;
	text-align: center;
}

.btn_howto dt:after {
	border-top: 2px solid #7C6240;
	content: '';
	left: 0;
	position: absolute;
	top: 50%;
	width: 100%;
}

.btn_howto dt span {
	background-color: #fff;
	padding: 10px 30px;
	position: relative;
	z-index: 1;
}

.btn_howto p.btn_howto_lead {
  font-size: 17px;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: 0%;
  margin-bottom: 20px;
}

.btn_howto dd ul {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.btn_howto dd ul li {
	border: 1px solid #7C6240;
	border-radius: 4px;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	row-gap: 0;
	min-height: 356px;
	padding-bottom: 16px;
}

.btn_howto dd ul li img {
	border-radius: 4px 4px 0 0;
  width: 100%;
}

.btn_howto dd ul li p.ttl {
	color: #F75586;
	font-weight: 600;
	font-size: 15px;
	font-feature-settings: "palt";
	line-height: 150%;
	letter-spacing: 0;
	padding: 16px 16px 0;
}

.btn_howto dd ul li p.text {
	font-weight: 300;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0;
	padding: 10px 14px 13px 16px;
  text-align: left;
}

.btn_howto dd ul li a {
	background: #C80D46 url(/topic/user_tokuten/image/ico-btn-arrow.png) no-repeat right 15px center;
	background-size: 8px 10px;
	border-radius: 45px;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-size: 15px;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: 0;
	padding: 8px 16px;
	text-align: center;
	margin: 0 16px;
}

.btn_howto dd ul li a:hover {
	opacity: .8;
}

.font_change_area {
	overflow: hidden;
}

#siteroute li span {
  font-size: 16px;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 3%;
}

#siteroute li:not([class]):last-child > a span, #siteroute li .last_crumbs {
  font-size: 16px;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 3%;

}