@charset "shift_jis";
/* --------------------------------------------------
　素材
--------------------------------------------------  */

/* ご注意〜
-------------------------------*/

strong {
	font-weight: bold;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	strong {
		font-weight: bold;
	}
}

address {
	font-style: normal;
}

.rectBg {
	background: #e2f3fa;
}

.rectBg_w {
	background: #fff!important;
}

.colRed {
	color: #ff6600;
}

.font_normal {
	font-weight: normal!important;
}

#container #sidebar .btnArea_searchWorks {
	background-color: #e2f3f8;
	margin: 0 0 15px;
	padding: 15px 20px 20px;
}

#container #sidebar .btnArea_searchWorks .ttl {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
	text-align: center;
}

#container #sidebar .btnArea_searchWorks .btn {
	background: url("/mypage/img_n/btn_b39_searchWorks_off.png") no-repeat scroll 0 0;
	height: 39px;
	margin: 0 auto;
	width: 190px;
}

#container #sidebar .btnArea_searchWorks .btn a {
	display: block;
	height: 27px;
	width: 190px;
}

#container #sidebar .btnArea_searchWorks .btn a:hover {
	background: url("/mypage/img_n/btn_b39_searchWorks_on.png") no-repeat scroll 0 0;
}

/* ご注意〜
-------------------------------*/

.clearfix:after, .twoCols:after, .threeCols:after, .cols:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix, .twoCols, .threeCols, .cols {
	display: inline-table;
	min-height: 1%;
}

* html .clearfix, * html .twoCols, * html .threeCols, * html .cols {
	height: 1%;
}

.clearfix, .twoCols, .threeCols, cols {
	display: block;
}

/* --------------------------------------------------
　共通コンテンツ
--------------------------------------------------  */

.contentArea {
	margin-bottom: 40px;
}

.fc_red {
	color: #ff6666;
}

@media screen and (max-width: 640px) {
	.contentArea {
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 20px;
	}
}

#mypageTop .sub_header {
	display: table;
	width: 100%;
	overflow: hidden;
}

#mypageTop .sub_header h2 {
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 10px;
	color: #333;
	padding: 0 0 0 10px;
	border-left: 3px solid #e60045;
	float: left;
}

#mypageTop .sub_header a {
	float: right;
	text-align: right;
}

#mypageTop .sub_header .btn {
	float: right;
	width: 33%;
}

#mypageTop .sub_header .btn a {
	text-align: left;
}

@media screen and (max-width: 640px) {
	#mypageTop .sub_header h2 {
		font-size: 23px;
		padding: 0 15px;
	}
	#ssTopics.contentArea ul li .date {
		padding-left: 0;
	}
	#mypageTop .sub_header .btn {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	#mypageTop .sub_header .btn a {
		text-align: center;
	}
}

.box_grey {
	background: #F4F4F4;
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.box_blue {
	background: #E2F3FA;
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.box_orange {
	background: #FFF3EB;
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* --------------------------------------------------
　重要なお知らせ
--------------------------------------------------  */

#anotationTopic {
	background: #fffcd3;
	padding: 10px;
	margin-bottom: 20px;
}

#anotationTopic * {
	color: #ff0000;
	font-weight: bold;
}

#anotationTopic h2 {
	padding-left: 20px;
	background: url(../imgs/icon_excla.png) 0 3px no-repeat;
	background-size: 15px 15px;
	margin-bottom: 5px;
}

#anotationTopic a, #anotationTopic a:link, #anotationTopic a:visited {
	color: #ff0000;
}

/*注意書き2カラム*/

#anotationTopic_2c {
	background: #fffcd3;
	padding: 10px;
	margin-bottom: 20px;
}

#anotationTopic_2c h2 {
	color: #ff0000;
	font-weight: bold;
	padding-left: 20px;
	background: url(../imgs/icon_excla.png) 0 3px no-repeat;
	background-size: 15px 15px;
	margin-bottom: 5px;
}

#anotationTopic_2c .text {
	width: 65%;
	float: left;
}

#anotationTopic_2c .btn {
	width: 33%;
	float: right;
}

.basicBtn.excel {
	/*	height: 40px;
*/
	box-sizing: border-box;
	/*font-size: 14px;*/
	padding: 15px;
	width: 100%;
}

.basicBtn.excel::after {
	margin-right: 0px;
	right: 20px;
}

#anotationTopic_2c .basicBtn.excel::after {
	margin-right: 0px;
	right: 10px!important;
}

.basicBtn.excel span {
	padding-left: 25px;
	background: url(../imgs/ico_excel.png) 0 0 no-repeat;
	color: #333!important;
	font-weight: normal!important;
	display: inline-block;
	line-height: 21px;
}

@media screen and (max-width: 640px) {
	#anotationTopic {
		margin-left: 10px;
		margin-right: 10px;
	}
	#anotationTopic * {
		/*font-size: 13px;*/
	}
	#anotationTopic_2c .text {
		width: 94%;
		float: none;
	}
	#anotationTopic_2c .btn {
		width: 90%;
		float: none;
		margin: 10px auto 0 auto;
		text-align: center!important;
	}
	.basicBtn.excel span {
		padding-right: 10px;
		font-size: 14px;
	}
}

/*注意テキスト*/

.anotationText h2 {
	padding: 0 0 1px 20px;
	background: url(../imgs/icon_excla.png) 0 0 no-repeat;
	background-size: 15px 15px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #ff0000;
	display: inline;
}

/* --------------------------------------------------
　ユーザー情報
--------------------------------------------------  */

#mypageCommon {
	border: 3px solid #eee;
	margin: 0 0 30px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

#mypageCommon .userInfo01 {
	font-size: 15px;
	color: #000;
	margin: 15px 20px;
}

#mypageCommon .userName {
	font-size: 24px;
	padding-right: 5px;
	font-weight: bold;
}

.userInfo02 {
	padding: 20px;
	color: #646464;
	background-color: #f6f7ef;
	font-size: 14px;
}

.userInfo02 dt {
	float: left;
}

.userInfo02 dt:after {
	content: ":";
	padding: 0 5px;
}

.userInfo02 dt, .userInfo02 dd {
	margin-top: 5px;
}

@media screen and (max-width: 640px) {
	#mypageCommon {
		margin-bottom: 45px;
	}
	#mypageCommon .userName {
		font-size: 18px;
		font-weight: bold;
	}
	#mypageCommon .userInfo01 {
		/*font-size: 13px;*/
		margin: 12px
	}
	.userInfo02 {
		padding: 12px;
		font-size: inherit;
	}
}

/* --------------------------------------------------
　お知らせ
--------------------------------------------------  */

@media screen and (min-width: 641px) {
	#ssTopics.contentArea {
		margin: 0 0 40px;
	}
}

#ssTopics.contentArea ul {}

#ssTopics.contentArea ul li {
	border-bottom: 1px dotted #dfe3e4;
	padding: 10px 0;
}

#ssTopics.contentArea ul li:last-child {
	/*	border-bottom: none;*/
}

#ssTopics.contentArea ul li .topic p {
	/*text-decoration: underline;*/
}

#ssTopics.contentArea ul li .date {
	font-size: 12px;
	padding: 0 0 0 20px;
	width: 83px;
	color: #646464;
	text-decoration: none;
}

#ssTopics.contentArea ul li .date:hover {
	text-decoration: none;
}

#ssTopics.contentArea ul li .topic {
	padding: 0 25px;
	/*    width: 100%;
*/
	line-height: 1.8;
}

#ssTopics.contentArea ul li a:hover {
	text-decoration: underline;
}

#ssTopics.contentArea ul li a {
	text-decoration: none;
}

#ssTopics.contentArea ul li a .topic {
	color: #11a7d7;
}

@media screen and (max-width: 640px) {
	#ssTopics.contentArea ul li .topic {
		width: auto;
		padding: 0;
	}
	#ssTopics.contentArea ul li .ttl {
		line-height: 1.5;
		margin-top: 3px;
	}
	#ssTopics.contentArea ul li .date {
		padding-left: 0;
		width: 100%;
	}
	#ssTopics.contentArea ul li .topic .info {
		display: none;
	}
}

/* --------------------------------------------------
　目標評価制度
--------------------------------------------------  */

.objectiveWrap {
	margin-top: 10px;
}

.objectiveWrap dt {
	font-size: 14px;
	color: #e60045;
	font-weight: bold;
	margin-bottom: 3px;
}

.objectiveWrap dd {
	margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
	.objectiveWrap dd {
		margin-bottom: 10px;
	}
}

.btnArea_moreWorks .btn {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0e9dcb), color-stop(0.00, #0bafe3));
	background: -webkit-linear-gradient(#0bafe3, #0e9dcb);
	background: -moz-linear-gradient(#0bafe3, #0e9dcb);
	background: -o-linear-gradient(#0bafe3, #0e9dcb);
	background: -ms-linear-gradient(#0bafe3, #0e9dcb);
	background: linear-gradient(#0bafe3, #0e9dcb);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	border: 1px solid #0c7a9e;
	width: 270px;
	padding: 10px;
	margin: 15px auto 5px;
	text-align: center;
	font-size: 15px;
	line-height: 1;
}

.btnArea_moreWorks .btn a, .btnArea_moreWorks .btn span {
	color: #fff;
}

.btnArea_moreWorks p {
	text-align: center;
}

.target_flow {
	background: #f6f7ef;
	padding: 10px 20px 20px;
}

.target_flow h3 {
	color: #333333;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}

.target_flow .target_graph {
	padding: 15px 40px 30px;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	margin-top: 10px;
	display: table;
}

.target_flow .target_graph .item {
	padding-top: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e60045;
	position: relative;
}

.target_flow .target_graph .item:last-child {
	margin-bottom: 30px;
}

.target_flow .target_graph .num {
	font-size: 50px;
	color: #e60045;
	min-width: 70px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.target_flow .target_graph .num img {
	display: block;
	margin: 0 auto;
}

.target_flow .target_graph .item:after {
	content: "";
	position: absolute;
	bottom: 0px;
	right: 0;
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid #000000;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}

.target_flow .target_graph .item:before, .target_flow .target_graph .item:after {
	position: absolute;
	left: 2%;
	top: 100%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	border-width: 35px;
}

.target_flow .target_graph .item:before {
	border-top-color: #e60045;
	margin-left: -14px;
}

.target_flow .target_graph .item:after {
	border-top-color: #FFFFFF;
	margin: -1px 0 0 -14px;
}

.target_flow .target_graph .text {
	/*font-size: 12px;*/
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding-left: 20px;
	padding-bottom: 10px;
}

.target_flow .target_graph .text .ttl {
	color: #e60045;
	font-size: 18px;
	display: block;
	padding-bottom: 3px;
	font-weight: bold;
}

.target_flow .target_graph .text .small {
	font-size: 10px;
}

@media screen and (max-width: 640px) {
	.target_flow h3 {
		font-size: 17px;
	}
	.target_flow .target_graph {
		padding: 0 10px 10px;
	}
	.target_flow .target_graph .num {
		min-width: 35px;
	}
	.target_flow .target_graph .num img {
		width: 12px!important;
	}
	.target_flow .target_graph .item:before, .target_flow .target_graph .item:after {
		border-width: 17px;
		left: 13px;
	}
	.target_flow .target_graph .item {
		padding-top: 10px;
		margin-bottom: 15px;
	}
	.target_flow .target_graph .text .ttl {
		font-size: 16px;
	}
	.target_flow .target_graph .item:last-child {
		margin-bottom: 15px;
	}
}

/* --------------------------------------------------
　目標一覧
--------------------------------------------------  */

#mypageTop .sub_header02 h2 {
	font-size: 20px;
	color: #000;
	border-bottom: 1px solid #ec6e82;
	padding-left: 5px;
	font-weight: bold;
}

.target_template {
	border: 1px solid #dfe3e4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.basicBtn {
	display: block;
	border: 1px solid #e60045;
	border-bottom: 3px solid #e60045;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	width: 500px;
	margin: 0 auto;
	padding: 15px 0;
	background: #fff1f3;
	color: #e60045;
	font-size: 20px;
	text-align: center;
	line-height: 1;
	position: relative;
}

.basicBtn:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -3px;
	border-top: 2px solid #ec6e82;
	border-right: 2px solid #ec6e82;
	display: inline-block;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right: 10px;
}

.basicBtn--return:after {
	left: 20px!important;
	border-bottom: 2px solid #333!important;
	border-left: 2px solid #333!important;
	border-top: none!important;
	border-right: none!important;
}

.basicBtn, .basicBtn:visited, .basicBtn:link {
	color: #e60045!important;
	text-decoration: none!important;
}

/*グリーン*/

.basicBtn.basicBtn--green {
	display: block;
	border-color: #28caad;
	background: #e9fcf8;
	color: #11b89a;
}

.basicBtn.basicBtn--green, .basicBtn.basicBtn--green:visited, .basicBtn.basicBtn--green:link {
	color: #28caad!important;
	text-decoration: none!important;
}

.basicBtn.basicBtn--green:after {
	border-color: #28caad;
}

/*オレンジ*/

.basicBtn.basicBtn--orange {
	display: block;
	border-color: #ff853c;
	background: #fff3eb;
	color: #ff853c;
}

.basicBtn.basicBtn--orange, .basicBtn.basicBtn--orange:visited, .basicBtn.basicBtn--orange:link {
	color: #ff9048!important;
	text-decoration: none!important;
}

.basicBtn.basicBtn--orange:after {
	border-color: #ff853c;
}

/*青*/

.basicBtn.basicBtn--blue {
	display: block;
	border-color: #00b7d9;
	background: #ecfcff;
	color: #00b7d9;
}

.basicBtn.basicBtn--blue, .basicBtn.basicBtn--blue:visited, .basicBtn.basicBtn--blue:link {
	color: #00b7d9!important;
	text-decoration: none!important;
}

.basicBtn.basicBtn--blue:after {
	border-color: #00b7d9;
}

/*赤*/

.basicBtn.basicBtn--red {
	display: block;
	border-color: #99012e;
	background: #e60045;
	color: #fff;
}

.basicBtn.basicBtn--red:after {
	border-color: #fff;
}

.basicBtn.basicBtn--red, .basicBtn.basicBtn--red:visited, .basicBtn.basicBtn--red:link {
	color: #fff!important;
	text-decoration: none!important;
}

/*グレー*/

.basicBtn.basicBtn--gray {
	display: block;
	border-color: #989696;
	background: #fff;
	color: #333;
}

.basicBtn.basicBtn--gray:after {
	border-color: #333;
}

.basicBtn.basicBtn--gray, .basicBtn.basicBtn--gray:visited, .basicBtn.basicBtn--gray:link {
	color: #333!important;
	text-decoration: none!important;
}

/*マイページへ戻る*/

.basicBtn.basicBtn--mypage {
	display: block;
	border-color: #EC6E82;
	background: #fff;
	color: #EC6E82;
}

.basicBtn.basicBtn--mypage:after {
	border-color: #EC6E82;
	border-right: none;
	border-top: none;
	border-left: 2px solid #ec6e82;
	border-bottom: 2px solid #ec6e82;
	left: 20px!important;
}

.basicBtn.basicBtn--mypage, .basicBtn.basicBtn--mypage:visited, .basicBtn.basicBtn--mypage:link {
	color: #EC6E82!important;
	text-decoration: none!important;
}

.btnWrap {
	position: relative;
}

#contents .returnBtn {
	display: block;
	border: 1px solid #989696;
	border-bottom: 3px solid #989696;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	width: 110px;
	margin: 0 auto;
	padding: 15px 0;
	background: #fff;
	color: #989696!important;
	font-size: 16px;
	text-align: center;
	line-height: 1;
	position: relative;
	position: absolute;
	left: 0;
	top: 0;
}

#contents .returnBtn:after {
	content: "";
	border-color: #989696;
	border-right: none;
	border-top: none;
	border-left: 2px solid #989696;
	border-bottom: 2px solid #989696;
	left: 10px!important;
}

@media screen and (max-width: 640px) {
	.target_template {
		margin: 0px -10px 15px;
	}
	.basicBtn {
		width: 100%;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}
	.basicBtn:after {
		right: 0;
	}
	#contents .returnBtn {
		width: 90%;
		margin-top: 15px;
		position: relative;
	}
}

.setarea {
	background: #f0f4f5;
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
}

.setarea dt, .setarea dd {
	vertical-align: middle;
	display: inline-block;
	;
}

.setarea dt {
	padding-right: 35px;
}

.setarea dt .tag01 {
	position: relative;
	line-height: 1;
	height: 12px;
	color: #fff;
	background: #ec6e82;
	display: inline-block;
	padding: 8px;
}

.setarea dt .tag01:after {
	content: "";
	position: absolute;
	right: -12px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 0 14px 12px;
	border-color: transparent transparent transparent #ec6e82;
}

.target_template.target_template--blue .setarea dt .tag01 {
	background: #00b7d9;
}

.target_template.target_template--blue .setarea dt .tag01:after {
	border-color: transparent transparent transparent #00b7d9;
}

.setarea dt .tag02 {
	position: relative;
	line-height: 1;
	height: 12px;
	color: #fff;
	background: #989696;
	display: inline-block;
	padding: 8px;
}

.setarea dt .tag02:after {
	content: "";
	position: absolute;
	right: -12px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 0 14px 12px;
	border-color: transparent transparent transparent #989696;
}

@media screen and (max-width: 640px) {
	.setarea {
		padding: 10px;
	}
	.setarea dt {
		display: block;
		margin-top: 0;
		margin-top: 0;
		/*font-size: 13px;*/
	}
	.setarea dt .tag01 {
		padding: 5px;
		height: 13px;
	}
	.setarea dt .tag01:after {
		right: -17px;
		border-width: 12px 0 11px 17px;
	}
	.setarea dd {
		margin-top: 5px;
	}
}

.tr_inner {
	padding: 15px;
}

.tr_inner p {
	margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
	#mypageTop .sub_header02 h2 {
		font-size: 16px;
		padding-left: 0;
		border-width: 2px;
	}
	.tr_inner {
		padding: 10px;
	}
	.tr_inner p {
		margin-bottom: 10px;
	}
}

/* --------------------------------------------------
　評価一覧
--------------------------------------------------  */

.target_flow .step .ttl {
	padding-top: 20px;
	text-align: center;
}

.target_flow .step .ttl span {
	color: #fe8537;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	border-top: 1px solid #fe8537;
	border-bottom: 1px solid #fe8537;
	padding: 10px 30px;
	margin: 0 auto;
	line-height: 1;
}

.target_flow .step.step2 .sub_txt {
	position: absolute;
	right: 20px;
	top: 45px;
	font-size: 10px;
}

.target_flow .step.step2 .ttl span {
	color: #00b7d9;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	border-top: 1px solid #00b7d9;
	border-bottom: 1px solid #00b7d9;
	padding: 10px 30px;
	margin: 0 auto;
	line-height: 1;
}

.target_flow .step {
	background: #fff;
	margin-top: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

.target_flow .step>div {
	padding: 20px;
}

.target_flow .step article {
	width: 310px;
}

.target_flow .step article:nth-child(odd) {
	float: left;
}

.target_flow .step article:nth-child(even) {
	float: right;
}

.target_flow .step p {
	margin-top: 10px;
}

@media screen and (max-width: 640px) {
	.target_flow {
		margin: 0 -10px;
		padding: 10px 5px;
	}
	.target_flow .step {
		margin-top: 10px;
	}
	.target_flow .step.step2 {
		margin-top: 20px;
	}
	.target_flow .step .ttl {
		padding-top: 15px;
	}
	.target_flow .step .ttl span {
		font-size: 17px;
		padding: 10px 15px;
	}
	.target_flow .step article {
		float: none!important;
		width: 100%;
	}
	.target_flow .step article img {
		width: 100%;
	}
	.target_flow .step p {
		margin-bottom: 10px;
	}
	.target_flow .step article:last-child p {
		margin-bottom: 0;
	}
	.target_flow .step>div {
		padding: 10px;
	}
	.target_flow .step.step2 .sub_txt {
		position: static;
		text-align: center;
		margin-bottom: 0;
		font-size: inherit;
	}
}

/* --------------------------------------------------
　評価一覧
--------------------------------------------------  */

.setarea dt .step {
	color: #ff9048;
	padding: 5px;
	margin-right: 10px;
	letter-spacing: 1px;
	border-bottom: 1px solid #ff9048;
	border-top: 1px solid #ff9048;
	font-weight: bold;
}

.setarea dt .step.step02 {
	color: #00b7d9;
	padding: 5px;
	margin-right: 10px;
	letter-spacing: 1px;
	border-bottom: 1px solid #00b7d9;
	border-top: 1px solid #00b7d9;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	.setarea dt .step {
		padding: 5px;
		/*background: #28caad;
		color: #fff;
		padding: 8px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		margin-right: 5px;
		letter-spacing: /1em;*/
	}
	.setarea dt .step.step02 {
		/*background: #ff9048;*/
	}
}

/* --------------------------------------------------
　評価済み目標一覧
--------------------------------------------------  */

.link_text li {
	margin-bottom: 10px;
	width: 100%;
}

/*

*/

.figFormFormat {
	padding: 3px 0 0;
	background: url(/img_n/bgline_dotted.gif) repeat-x left top;
	/*border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;*/
}

.figFormFormat table {
	border-collapse: collapse;
	width: 100%;
	background: #ffffff;
}

.figFormFormat table th, .figFormFormat table td {
	background: url(/img_n/bgline_dotted.gif) repeat-x left bottom;
	/*border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;*/
	vertical-align: middle;
}

.figFormFormat table th {
	width: 220px;
	padding: 7px 15px 8px;
	background-color: #eeeeee;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	vertical-align: middle;
}

.figFormFormat table th.w150 {
	width: 150px;
}

.figFormFormat table td {
	padding: 12px 21px 12px;
	word-break: break-all;
}

.figFormFormat table tr.first th, .figFormFormat table tr.first td {
	padding-top: 4px;
}

.figFormFormat table td .inAtnText {
	padding: 4px 0 0;
}

.figFormFormat table td .inAtnText02 {
	padding: 0 0 0 18px;
}

.fpTel, .fpEmail {
	margin: 0 14px 0 0;
	display: inline;
}

.fpEmail .textField {
	width: 186px;
}

@media screen and (max-width: 640px) {
	.figFormFormat {
		background: none;
	}
	.figFormFormat table {
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-all;
	}
	.figFormFormat table th, .figFormFormat table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		background: none;
	}
	.figFormFormat table th {
		background: #eeeeee;
	}
	.figFormFormat table td {
		padding: 0;
	}
	.fpTel, .fpEmail {
		margin: 0;
	}
}

.fll_arw {}

.fll_arw:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 21px 0 21px;
	border-color: #8ed0e0 transparent transparent transparent;
	display: inline-block;
}

@media screen and (max-width: 640px) {
	.fll_arw:after {
		margin-bottom: 10px;
	}
}

/* --------------------------------------------------
　エラーページ
--------------------------------------------------  */

#error .pageTitGM {
	background: rgba(0, 0, 0, 0) url("/infra_sorry/img_n/ico_alert.png") no-repeat scroll left center!important;
	color: #261d0e!important;
	font-size: 26px !important;
	padding-left: 30px!important;
	line-height: 1.4!important;
}

@media screen and (max-width: 640px) {
	#error .pageTitGM {
		font-size: 22px!important;
	}
}


.ic_target {
	position: relative;
	padding-top: 5px;
	display: inline-block!important;
}

.ic_target:after {
	content: "";
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -6px;
	background: url(/img_n/ic_image05.gif)no-repeat 0 0;
	background-position: right 0 center;
	background-size: contain;
	width: 13px;
	height: 17px;
	display: inline-block;
}

.w70p {
	width: 70px!important;
}

.indent {
	padding-left: 1em!important;
	text-indent: -1em!important;
}

.figFormFormat .inputTxt02 {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1;
}

#contents .figFormFormat .inputTxt02 a {
	font-size: 12px;
	text-decoration: underline;
}

.mypageSteps td {
	padding-top: 10px;
	padding-bottom: 15px;
	vertical-align: top;
}

.mypageSteps .txt01 p {
	width: 140px;
	color: #fff;
	background: #ea7084;
	text-align: center;
	padding: 9px 0;
	margin-right: 20px;
	position: relative;
	line-height: 1;
	font-size: 11px;
}

.mypageSteps .txt01 p:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 70px 0 70px;
	border-color: #ea7084 transparent transparent transparent;
	display: inline-block;
	position: absolute;
	bottom: -13px;
	left: 0;
	width: 0;
	height: 0;
}

.mypageSteps .txt02 {
	font-size: 13px;
}

@media screen and (max-width: 640px) {
	.figFormFormat .inputTxt02, #contents .figFormFormat .inputTxt02 a {
		font-size: 12px;
	}
	#contents .figFormFormat .inputTxt02 a:after {
		height: 16px;
	}
	.mypageSteps {
		margin-top: 5px;
	}
	.mypageSteps td {
		display: block;
		padding: 0;
	}
	.mypageSteps .txt01 p {
		background: none;
		color: #333333;
		width: 100%;
		text-align: left;
		padding: 0;
		font-size: 14px;
		padding-left: 15px;
		font-weight: bold;
	}
	.mypageSteps .txt01 p:after {
		content: "▼";
		border: none;
		left: 0;
		top: 0;
	}
	.mypageSteps .txt02 {
		padding-bottom: 20px;
	}
}

.IndentationWrap * {
	vertical-align: top;
	display: inline-block;
}

/**/

.historyTableWrap {
	display: block;
	margin-bottom: 20px;
}

.historyTable {
	/*	font-size: 11px;*/
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 10px;
	table-layout: fixed;
}

.historyTable thead th.last {
	background: #f6b7c1;
	border: 1px solid #f6b7c1;
}

.historyTable thead {
	border: 1px solid #ec6e83;
}

.historyTable thead th {
	border-left: 1px solid #fff;
	padding: 10px;
	color: #fff;
	background: #ec6e83;
	text-align: left;
}

.historyTable thead th:first-child {
	border: none;
}

.historyTable tbody tr {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.historyTable tbody tr.deleated {
	background: #eeeeee;
}

.historyTable tbody td {
	border-left: 1px dotted #ccc;
	padding: 10px;
	vertical-align: middle;
}

.historyTable tbody td span {
	display: block;
}

.historyTable tbody td span.none {
	text-align: center;
}

.historyTable tbody td .btn {
	display: inline-block;
	padding: 5px 0;
	text-decoration: none!important;
	background: #fff;
	/*ボタン色*/
	border: solid 1px #989696;
	border-bottom: solid 3px #989696;
	border-radius: 5px;
	font-size: 11px;
	color: #000!important;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}

/*.historyTable tbody td .btn:hover{
	border-bottom: solid 1px #989696;
}
*/

.historyTable tbody td dl dt {
	display: none;
}

.historyTable>tbody tr>td:nth-child(3), .historyTable>tbody tr>td:nth-child(4) {
	word-break: break-all;
}

.historyBtn, .historyBtn02 {
	width: 500px;
	margin: 0 auto;
	background: url("/jyoyo/mirayell/imgs/btn_ico01.png") no-repeat scroll right 10px center;
	background-size: 15px 15px;
}

.historyBtn.active, .historyBtn02.active {
	background: url("/jyoyo/mirayell/imgs/btn_ico02.png") no-repeat scroll right 10px center;
	background-size: 15px 15px;
}

.historyBtn p, .historyBtn02 p {
	display: block;
	padding: 10px;
	border: 1px solid #ccc;
	text-align: center;
	margin: 10px 0;
}

@media screen and (max-width: 640px) {
	.historyTableWrap {
		display: none;
	}
	.historyBtn, .historyBtn02 {
		width: 100%;
	}
	/*
	.historyBtn,
	.historyBtn02 {
		background: url("/jyoyo/mirayell/imgs/btn_ico01.png") no-repeat scroll right 10px center;
		background-size: 15px 15px;
	}
	.historyBtn.active,
	.historyBtn02.active {
		background: url("/jyoyo/mirayell/imgs/btn_ico02.png") no-repeat scroll right 10px center;
		background-size: 15px 15px;
	}
	.historyBtn p,
	.historyBtn02 p{
		display: block;
		padding: 10px;
		border: 1px solid #ccc;
		text-align: center;
		margin: 10px 0;
	}
	*/
	.historyTable {
		margin-top: 0;
	}
	.historyTable thead {
		display: none;
	}
	.historyTable tbody {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.historyTable tbody tr {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	.historyTable tbody tr:last-child {
		margin-bottom: 0;
	}
	.historyTable tbody tr, .historyTable tbody tr td {
		display: block;
		width: 100%!important;
		box-sizing: border-box;
		padding: 0;
	}
	/*中の要素*/
	.historyTable tbody td dl {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: stretch;
	}
	.historyTable tbody td {
		border: none;
	}
	.historyTable tbody td dl dt {
		display: inline-block;
		color: #fff;
		background: #ec6e83;
		text-align: center;
		box-sizing: border-box;
		width: 35%;
		padding: 13px 0;
		border-top: 1px solid #fff;
	}
	.historyTable tbody td dl dd {
		display: inline-block;
		width: 65%;
		padding: 13px;
		box-sizing: border-box;
		border-top: 1px solid #ccc;
	}
	.historyTable tbody td:first-child dl dt, .historyTable tbody td:first-child dl dd {
		border-top: none;
	}
	.historyTable tbody td.last dt {
		background: #f6b7c1;
		border: 1px solid #f6b7c1;
	}
	.historyTable tbody td span {
		display: inline-block;
		padding-right: 5px;
	}
	.historyTable tbody td .btn {
		width: 100%;
		box-sizing: border-box;
		border-bottom-width: 1px;
	}
}

.figFormFormat .figtxt01 {
	float: left;
	width: 160px;
	margin-left: 10px;
	margin-top: 6px;
	text-indent: -1em;
	padding-left: 1em;
	box-sizing: border-box;
}

.figFormFormat .figtxt01 span {
	margin-left: 10px;
	font-size: 12px;
	width: 100%;
	line-height: 1.1;
}

.grayWrap {
	padding: 20px 15px;
	background: #eee;
	margin-top: 5px;
}

@media screen and (max-width: 640px) {
	.grayWrap {
		padding: 15px;
		;
	}
	.figFormFormat .figtxt01 {
		float: none;
		width: auto;
		padding-top: 10px;
		text-indent: inherit;
		padding-left: 0;
	}
	.figFormFormat .figtxt01 span {
		font-size: 12px;
		display: block;
		padding-top: 10px;
		margin-left: 0;
	}
}

.undicideCheck {
	padding: 10px 0 0 0;
	line-height: 1;
}

.undicideCheck input {}

@media screen and (max-width: 640px) {
	.undicideCheck {
		overflow: hidden;
		width: 100%;
		text-align: center;
		line-height: 1;
	}
	.undicideCheck input {
		display: inline-block;
	}
}

.friend_bnr {
	width: 720px;
	height: 120px;
	margin: 0 auto;
	text-align: center;
	background: url(../imgs/bnr_friends_pc.png) no-repeat center;
	cursor: pointer;
}

.friend_bnr a {
	display: block;
	width: 720px;
	height: 120px;
}

.friend_bnr img {
	display: none;
}

.side_friends_bnr a {
	background: url(../imgs/bnr_side_friends_pc.png) no-repeat center;
	width: 230px;
	height: 82px;
	cursor: pointer;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


.side_cheering_bnr a {
	margin-top: 10px;
	background: url(../imgs/bn_cheeringmira_camp_pc.png) no-repeat center;
	width: 230px;
	height: 72px;
	cursor: pointer;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.side_cheering_bnr a:hover {
	opacity: 0.8;
}



.side_insurance_bnr a {
	margin-top: 10px;
	background: url(../imgs/bnr_side_insurance_pc.jpg) no-repeat center;
	width: 230px;
	height: 72px;
	cursor: pointer;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.insurance_bnr {
	display: none;
}


.cheering_bnr {
	display: none;
}


.pocket_bnr {
	background: url(../imgs/bnr_pocket_pc.png) no-repeat center;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
}
.pocket_bnr a {
	display: block;
	width: 720px;
	height: 115px;
}
.pocket_bnr img {
	display: none;
}
.pocket_bnr:hover,
.side_pocket_bnr a:hover {
	opacity: 0.8;
}
.side_pocket_bnr a {
	display: block;
	width: 230px;
	height: 72px;
	background: url(../imgs/bnr_side_pocket_pc.png) no-repeat center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
.side_pocket_bnr {
	margin-top: 30px;
}


@media screen and (max-width: 640px) {
	.friend_bnr {
		width: auto;
		height: auto;
		background: none;
	}
	.friend_bnr a {
		width: auto;
		height: auto;
	}
	.friend_bnr img {
		display: block;
	}
	.cheering_bnr {
		width: auto;
		height: auto;
		background: none;
		display: block;
	}
	.cheering_bnr a {
		width: auto;
		height: auto;
	}
	.cheering_bnr img {
		margin-top: 10px;
		display: block;
	}
	.side_friends_bnr a {
		display: block!important;
		margin: 20px 0;
		background: url(../imgs/bnr_side_friends_sp.png) no-repeat center;
		background-size: 100% auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		width: 210px;
	}
	.side_friends_bnr {
		padding: 0 10px;
		width: 100%!important;
	}
	.side_cheering_bnr a {
		display: block!important;
		margin: 20px 0;
		background: url(../imgs/bn_cheeringmira_camp_pc.png) no-repeat center;
		background-size: 100% auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		width: 210px;
	}
	.side_cheering_bnr {
		padding: 0 10px;
		width: 100%!important;
	}
	.side_insurance_bnr {
		display: none;
	}
	.insurance_bnr {
		display: block;
		margin-top: 10px;
	}
	.insurance_bnr a {
		display: block;
	}
	.pocket_bnr {
		background: none;
	}
	.pocket_bnr a {
		width: auto;
		height: auto;
	}
	.pocket_bnr img {
		display: block;
	}
	.side_pocket_bnr a {
		display: block !important;
		width: 210px;
		background: url(../imgs/bnr_side_pocket_sp.png) no-repeat center;
		background-size: 100% auto;
		margin: 20px 0;
	}
	.side_pocket_bnr {
		width: 100% !important;
		padding: 0 10px;
	}
}

@media screen and (min-width: 640px) {
	.side_friends_bnr {
		margin: 10px 0 0;
	}
	.friend_bnr:hover {
		opacity: 0.8;
		display: block;
	}
	.side_insurance_bnr:hover,
	.side_friends_bnr:hover {
		opacity: 0.8;
		display: block;
	}
}


/* no.4317041 2023.08.01 ここから修正 */
#ssTopics.contentArea .more_topicsdata li,
#ssTopics.contentArea .more_topicsdata2 li {
	border-bottom: none;
	border-top: 1px dotted #dfe3e4;
}

#ssTopics.contentArea .more_topicsdata li:first-child,
/* no.4317041 2023.08.01 ここまで修正 */
#ssTopics.contentArea .more_topicsdata2 li:first-child {
	border-top: none;
}

@media screen and (min-width: 640px) {
	.historyBtn p, .historyBtn02 p {
		cursor: pointer;
	}
}

.pc {
	display: block;
}

.pc.cheerbnr a:hover {
	opacity: 0.8;
}

.sp {
	display: none;
}

@media screen and (max-width: 640px) {
	.pc {
		display: none!important;
	}
	.sp {
		display: block!important;
	}
}