@charset "UTF-8";


.jp-page-result-main_visual{
	margin-bottom:20px;
}


@media screen and (max-width: 767px) {

}


.jp-cmp-list-social-001{
	text-align:right;
	margin-bottom:20px;
}

/*--------------------------------------------
  align
--------------------------------------------*/
.jp-page-result-text-left  { text-align:left; }
.jp-page-result-text-right { text-align:right; }
.jp-page-result-text-center{ text-align:center; }

/*--------------------------------------------
	jp-page-result-lead
--------------------------------------------*/
.jp-page-result-lead{
  padding:0 80px;
	margin-bottom:40px;
}
.jp-page-result-lead > p > strong{
	display:block;
	font-size:20px;
	font-weight:bold;
}
.jp-page-result-lead > p + p{
	margin-top:10px;
}
.jp-page-result-lead .jp-page-result-note{
  font-size:14px;
}
@media screen and (max-width: 767px) {
  .jp-page-result-lead{
    padding:0;
  }
  .jp-page-result-lead > p > strong{
    font-size:18px;
  }
}

/*--------------------------------------------
	jp-page-result-note
--------------------------------------------*/
.jp-page-result-note{
	text-indent:-1em;
	padding-left:1em;
}
.jp-page-result-note > .jp-page-result-note-icon{
	text-indent:0;
	display:inline-block;
	text-align:center;
	width:1em;
}


/*--------------------------------------------
	jp-page-result-link
--------------------------------------------*/
.jp-page-result-link{
	text-align:center;
	margin-bottom:40px;
}
.jp-page-result-link > p{
	font-size:16px;
}
.jp-page-result-link > p > strong{
	font-weight:bold;
}
.jp-page-result-link > * + *{
	margin-top:5px;
}


/*--------------------------------------------
	jp-page-result-button
--------------------------------------------*/
.jp-page-result-button{
	background-position: right 15px center;
	background-repeat: no-repeat;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	min-width: 50%;
	padding: 15px;
	background-image: url("/web/src/s/request/img/arrow-b.png");
	border:3px solid #00bdec;
	color: #00bdec;
}
.jp-page-result-button > span{
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url("/web/src/s/request/img/ico-request.png");
	display: inline-block;
	height: 38px;
	margin-right: 10px;
	margin-top: -3px;
	vertical-align: middle;
	width: 38px;
}
.jp-page-result-button > strong,
.jp-page-result-button > strong > span{
	font-weight:bold;
}
.jp-page-result-button:hover{
	color: #00bdec;
}
@media screen and (max-width: 767px) {
	.jp-page-result-button{
		display:block;
		padding:10px 15px 10px 10px;
		font-size:16px;
		background-position: 98% 50%;
	}
	.jp-page-result-button > span{
		margin-right:0;
		background-position:0 50%;
	}
	.jp-page-result-button > strong{
		text-align:left;
		padding-left:10px;
		padding-top: 7px;
	}
	.jp-page-result-button > strong > span{
		display: inline-block;
	}
}



/*--------------------------------------------
	jp-page-result-table
--------------------------------------------*/
.jp-page-result-table{
	width:100%;
}
.jp-page-result-table + .jp-page-result-table{
	margin-top:30px;
}
.jp-page-result-table > caption{
	color: #3b3b3b;
	font-size: 24px;
	font-weight: bold;
	padding: 10px;
}
.jp-page-result-table > thead > tr > th{
	background-color: #e4e9ee;
	border: 1px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	font-weight: bold;
	line-height: 1.1;
	padding: 10px;
	text-align: center;
}
.jp-page-result-table > tbody > tr:first-of-type > td{
	background-color: #f2f5f8;
	border-right: 1px solid #ffffff;
	line-height: 1.1;
	padding: 10px;
	vertical-align: middle;
}
.jp-page-result-table > tbody > tr:first-of-type > td:last-of-type{
	border-right:none;
}
.jp-page-result-table > tbody > tr > td.jp-page-result-cell-message{
	padding-bottom:10px;
}
.jp-page-result-table > tbody > tr > td.jp-page-result-cell-message > div,
.jp-page-result-table > tbody > tr > td.jp-page-result-cell-message > dl{
	padding:10px;
	border:1px solid #f2f5f8;
}
.jp-page-result-table > tbody > tr > td.jp-page-result-cell-message > dl > dd{
  text-indent:-1em;
  padding-left:1em;
}
.jp-page-result-table > tbody > tr > td.jp-page-result-cell-message > dl > dd::before{
  content:'・';
  display:inline-block;
  text-indent:0;
  width:1em;
}
@media screen and (max-width: 767px) {
	.jp-page-result-table > thead{
		display:none;
	}
	.jp-page-result-table > tbody,
	.jp-page-result-table > tbody > tr{
		display:block;
	}
	.jp-page-result-table > tbody{
		border-left: 1px solid #a7b2bb;
		border-right: 1px solid #a7b2bb;
	}
	.jp-page-result-table > tbody:first-of-type{
		border-top: 1px solid #a7b2bb;
	}
	.jp-page-result-table > tbody:last-of-type{
		border-bottom: 1px solid #a7b2bb;
	}
	.jp-page-result-table > tbody + tbody{
		border-top: 1px dotted #a7b2bb;
	}
	.jp-page-result-table > tbody > tr{
		padding:10px 5px;
	}
	.jp-page-result-table > tbody > tr:first-of-type{
		padding-bottom:42px;
		position:relative;
	}
	.jp-page-result-table > tbody > tr:last-of-type{
		padding-top:5px;
	}
	.jp-page-result-table > tbody > tr:first-of-type > td{
		background-color: transparent;
		padding: 0;
		border: none;
	}
	.jp-page-result-table > tbody > tr > td.jp-page-result-cell-song,
	.jp-page-result-table > tbody > tr > td.jp-page-result-cell-artist{
		display:inline-block;
	}
	.jp-page-result-table > tbody > tr > td.jp-page-result-cell-kashi,
	.jp-page-result-table > tbody > tr > td.jp-page-result-cell-mysong,
	.jp-page-result-table > tbody > tr > td.jp-page-result-cell-message{
		display: block;
	}
	.jp-page-result-table > tbody > tr > td.jp-page-result-cell-artist::before{
		content:'/';
		display:inline-block;
		width:1.5em;
		text-align:center;
		text-indent:0;
	}
	.jp-page-result-table > tbody > tr > td.jp-page-result-cell-artist{
		text-indent:-1.5em;
		padding-left:1.5em;
	}
	.jp-page-result-table > tbody > tr > td.jp-page-result-cell-kashi{
		position: absolute;
		bottom: 5px;
		right: 90px;
	}
	.jp-page-result-table > tbody > tr > td.jp-page-result-cell-mysong{
		position: absolute;
		bottom: 5px;
		right: 5px;
	}
	.jp-page-result-table > tbody > tr > td.jp-page-result-cell-message{
		padding-bottom:0;
	}
	.jp-page-result-table > tbody > tr > td.jp-page-result-cell-message > dl{
		padding:0;
		border:none;
	}
}