@charset "UTF-8";

#jp-cmp-wrap,
#jp-cmp-main {
  background: url('/web/src/s/request/img/bg_mypage.png') !important;
}
@media screen and (max-width:1070px){
	body:not(.jp-page-saiten-body) #jp-cmp-wrap{
	  background: url('/web/src/s/request/img/bg_mypage.png') !important;
	}
}
#jp-page-request-closed #jp-cmp-wrap,
#jp-page-request-closed #jp-cmp-main{
	background:none !important;
}
@media screen and (max-width:1070px){
	#jp-page-request-closed #jp-cmp-wrap{
		background:none !important;
	}
}

#jp-request {
	width:1030px;
}
@media screen and (max-width:1070px){
	#jp-request {
		width:100%;
	}
}

#jp-request-main {
	margin-top:20px;
	margin-bottom:20px;
}

  #jp-request-main h1 {
  }

  #jp-request-main h1 img {
    width: 100%;
    height: 100%;
  }

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

  #jp-request-main h1 {
    margin-bottom: 0;
	}
  #jp-request-main h1 > img{
    height:auto;
  }

}

/*- jp-request-content
-----------------------------------------------------------------------*/
#jp-request-content {
	background:#fff;
  padding:10px 20px 40px 20px;
}

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

	#jp-request-content {
	  padding: 20px 10px;
	}

}

/*- jp-request-box
-----------------------------------------------------------------------*/
.jp-request-box {
  margin-bottom: 40px;
  background: #fff;
}
.jp-request-box:last-child {
  margin-bottom: 0;
}

/*- jp-request-information
-----------------------------------------------------------------------*/
#jp-request-information {
	float:left;
	width:506px;
	margin-right: 30px;
}

	#jp-request-information h3 {
		padding: 12px 20px 8px 55px;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		background: url(../img/news/icon.png) 20px 50% no-repeat #f86969;
	}

	#jp-request-information ul {
		padding:20px;
		background:#fff;
		border:2px solid #ccc;
		border-top: none;
	}

		#jp-request-information ul li {
			margin-bottom: 10px;
			font-size: 14px;
		}

		#jp-request-information ul li:last-child {
			margin-bottom: 0;
		}

			#jp-request-information ul li span {
				margin-right: 15px;
			}

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

	#jp-request-information {
		float:none;
		width:100%;
		margin-right: 0;
	}
		#jp-request-information h3 {
			font-size: 16px;
		}

		#jp-request-information ul li span {
			display:block;
			margin-right:0;
		}

}

/*- jp-request-menu
-----------------------------------------------------------------------*/
#jp-request-menu {
	float:left;
}

	#jp-request-menu ul {
	}

		#jp-request-menu ul li {
			background:url(../img/arrow.png) right 15px center no-repeat;
		}

		#jp-request-menu ul li:hover {
			opacity:.6;
		}

			#jp-request-menu ul li a {
				display:block;
				width:340px;
				height: 30px;
				margin-bottom:20px;
				padding:30px 20px 30px 80px;
				color:#f86969;
				border:3px solid #f86969;
				line-height:30px;
				vertical-align: middle;
				font-size:24px;
				font-weight:bold;
				background-repeat: no-repeat;
				background-position: 20px 50%;
			}

			#jp-request-menu ul li#jp-request-menu-song a {
				line-height:18px;
				background-image: url(../img/bnr/icon_music.png);
			}

			#jp-request-menu ul li#jp-request-menu-list a {
				background-image: url(../img/bnr/icon_list.png);
			}

			#jp-request-menu ul li#jp-request-menu-mic a {
				background-image: url(../img/bnr/icon_mic.png);
			}

				#jp-request-menu ul li a span {
					display:block;
					margin-bottom:-12px;
					font-size:15.5px;
					font-weight:bold;
				}

				#jp-request-menu ul li:last-child a {
					margin-bottom: 0;
				}

				#jp-request-menu ul li a:hover {
				}

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

	#jp-request-menu {
		float: none;
		width: 100%;
	}

		#jp-request-menu ul li a {
			width:auto;
			padding:5% 5% 5% 60px;
			margin-bottom: 15px;
			background-position: 10px 50%;
			font-size: 16px;
		}

			#jp-request-menu ul li a span {
				font-size: 11px;
			}

}

/*- jp-request-kyokupro
-----------------------------------------------------------------------*/
#jp-request-kyokupro {
}

	#jp-request-kyokupro img {
		width: 100%;
		height: auto;
	}

/*- jp-request-rule
-----------------------------------------------------------------------*/
#jp-request-rule {
}

	#jp-request-rule h3 {
		margin-bottom: 10px;
		font-size: 20px;
		font-weight: bold;
	}

	#jp-request-rule ul {
		padding-left: 1em;
	}

		#jp-request-rule ul li {
			font-size: 14px;
			line-height: 26px;
			text-indent:-1em;
		}

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

	#jp-request-rule h3 {
		font-size: 16px;
	}

	#jp-request-rule ul li {
		font-size:12px;
		line-height: 21px;
	}

}

/*- usk-link
-----------------------------------------------------------------------*/
.usk-link-help {
    display:inline-block;
		margin-bottom:10px;
    padding:12px 5px 12px 30px;
		background:url(../img/ico-question-001.png) left center no-repeat;
    background-size: 26px;
    line-height: 1;
}
/*--link help 右寄せにするボックス--*/
.usk-link-help-right-box {overflow:hidden;}
.usk-link-help-right-box .usk-link-help {float:right;}

/*--link help 右寄せにするボックス jp-cmp-box-001 --*/
.usk-link-help-right-box-001 {overflow:hidden;}
.usk-link-help-right-box-001 .usk-link-help {float:right;}





/* jp-page-request */
.jp-page-request{
	font-size:14px;
}
.jp-page-request > header > * + *{
	margin-top:10px;
}
.jp-page-request > header > .jp-page-request-list{
	text-align:right;
	font-size: 12px;
}
.jp-page-request > section{
	margin-top:50px;
}
.jp-page-request > section:first-child{
	margin-top:0;
}
.jp-page-request > section > h2{
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	padding:15px;
	margin-bottom:20px;
}
.jp-page-request > #jp-page-request-001 > h2{ background-color:#00bdec; }
.jp-page-request > #jp-page-request-002 > h2{ background-color:#f6b300; }
.jp-page-request > #jp-page-request-003 > h2{ background-color:#f86969; }

.jp-page-request > section >.jp-page-request-inner{
	padding:15px;
}
.jp-page-request > section >.jp-page-request-inner > * + *{
	margin-top:15px;
}
.jp-page-request > section >.jp-page-request-inner > * + .jp-page-request-button{
	margin-top:15px;
}

@media screen and (max-width: 1070px) and (min-width: 767px){
	.jp-page-request > header > .jp-page-request-nav,
	.jp-page-request > header > .jp-page-request-list{
		display:none;
	}
}


@media screen and (max-width: 767px) {
	.jp-page-request > header > .jp-page-request-list{
		text-align:left;
	}
	.jp-page-request > section > h2{
		padding:10px;
		font-size:16px;
	}
	.jp-page-request > section >.jp-page-request-inner{
		padding-left:0px;
		padding-right:0px;
	}
}


/* align */
.jp-page-request-textLeft  { text-align:left; }
.jp-page-request-textRight { text-align:right; }
.jp-page-request-textCenter{ text-align:center; }


/* jp-page-request-nav */
.jp-page-request-nav{
}
.jp-page-request-nav::after{
	content:'';
	display:block;
	clear:both;
}
.jp-page-request-nav > li{
	width:49%;
	float:left;
	text-align:center;
}
.jp-page-request-nav > li + li{
	margin-left:0.5%;
}
.jp-page-request-nav > li > a{
	display:block;
	padding:10px;
	padding-left:35px;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	background-image:url('/web/feature/img/ico-arrow-035.png');
	background-position:10px 50%;
	background-repeat:no-repeat;
	background-size:25px 13px;
}
.jp-page-request-nav > li > a.jp-page-request-nav-001{ background-color:#00bdec; }
.jp-page-request-nav > li > a.jp-page-request-nav-002{ background-color:#f6b300; }
.jp-page-request-nav > li > a.jp-page-request-nav-003{ background-color:#f86969; }

@media screen and (max-width: 767px) {
	.jp-page-request-nav > li{
		float:none;
		width:100%;
	}
	.jp-page-request-nav > li + li{
		margin-left:0;
	}
	.jp-page-request-nav > li > a{
		font-size:14px;
		background-size:17px 9px;
	}
}


/* jp-page-request-dl */
.jp-page-request-dl{}
.jp-page-request-dl > dt{
	font-weight:bold;
	font-size:16px;
}
.jp-page-request-dl > dd{
	padding-left:0.5em;
	padding-right:0.5em;
}


/* jp-page-request-button */
.jp-page-request-button{
	text-align:center;
}
.jp-page-request-button > a{
	padding:15px;
	font-weight:bold;
	font-size:20px;
	border-width:3px;
	border-style:solid;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:right 15px center;
	min-width:50%;
}
.jp-page-request > #jp-page-request-001 .jp-page-request-button > a{ color:#00bdec; border-color:#00bdec; background-image:url('/web/src/s/request/img/arrow-b.png'); }
.jp-page-request > #jp-page-request-002 .jp-page-request-button > a{ color:#f6b300; border-color:#f6b300; background-image:url('/web/src/s/request/img/arrow-y.png');}
.jp-page-request > #jp-page-request-003 .jp-page-request-button > a{ color:#f86969; border-color:#f86969; background-image:url('/web/src/s/request/img/arrow.png');}

.jp-page-request-button > a > span{
	display:inline-block;
	width:38px;
	height:38px;
	background-repeat:no-repeat;
	background-position:0 0;
	margin-right:10px;
	vertical-align:middle;
	margin-top:-3px;
}
.jp-page-request > #jp-page-request-001 .jp-page-request-button > a > span{ background-image:url('/web/src/s/request/img/ico-request.png'); }
.jp-page-request > #jp-page-request-001 .jp-page-request-button > a > span#jp-page-request-button-02{ background-image:url('/web/src/s/request/img/ico-request02.png'); }
.jp-page-request > #jp-page-request-002 .jp-page-request-button > a > span{ background-image:url('/web/src/s/request/img/ico-mpost.png'); }

@media screen and (max-width: 767px) {
	.jp-page-request-button > a{
		display:block;
		font-size:16px;
		padding:15px 5px;
		padding-right:15px;
		background-size:7px 13px;
		background-position:right 7px center;
	}
	.jp-page-request-button > a > span{
		width:26px;
		height:26px;
		background-size:26px 26px;
		margin-right:5px;
		margin-top:-1px;
	}
}


/* jp-page-request-list */
.jp-page-request-list{}
.jp-page-request-list > li{
	text-indent:-1em;
	padding-left:1em;
}


/* jp-page-request-2block */
.jp-page-request-2block{
	display:table;
}
.jp-page-request-2block > .jp-page-request--block{
	width:50%;
	display:table-cell;
	padding-right:15px;
	vertical-align:middle;
}
.jp-page-request-2block > .jp-page-request--block + .jp-page-request--block{
	padding-left:15px;
	padding-right:0px;
}

@media screen and (max-width: 767px) {
	.jp-page-request-2block{
		display:block;
	}
	.jp-page-request-2block > .jp-page-request--block{
		display:block;
		width:100%;
		padding-right:0px;
	}
	.jp-page-request-2block > .jp-page-request--block + .jp-page-request--block{
		padding-left:0px;
		margin-top:15px;
	}
}


/* jp-page-request-buttonList */
.jp-page-request-buttonList{}
.jp-page-request-buttonList > li{
	background:url('../img/arrow.png') right 15px center no-repeat;
}
.jp-page-request-buttonList > li + li{
	margin-top:10px;
}
.jp-page-request-buttonList > li > a{
	display:block;
	border:3px solid #f86969;
	background-position:20px 50%;
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#f86969;
	padding:20px 20px 20px 80px;
}
.jp-page-request-buttonList > li.jp-page-request-buttonList--list > a{ background-image:url('../img/bnr/icon_list.png'); }
.jp-page-request-buttonList > li.jp-page-request-buttonList--mic > a { background-image:url('../img/bnr/icon_mic.png'); }

@media screen and (max-width: 767px) {
	.jp-page-request-buttonList > li{
		background-size:7px 13px;
		background-position:right 7px center;
	}
	.jp-page-request-buttonList > li > a{
		background-size:26px 26px;
		padding:15px 15px 15px 60px;
		font-size:16px;
	}
}


/* jp-page-request-listDate */
.jp-page-request-listDate{}
.jp-page-request-listDate > li{
	text-indent:-7em;
	padding-left:7em;
}
.jp-page-request-listDate > li + li{
	margin-top:10px;
}
.jp-page-request-listDate > li > span{
	width:6em;
	display:inline-block;
	margin-right:1em;
	text-indent:0;
}

@media screen and (max-width: 767px) {
	.jp-page-request-listDate > li + li{
		border-top:1px dotted #cccccc;
		margin-top:5px;
		padding-top:5px;
	}
	.jp-page-request-listDate > li > span{
		display:block;
		width:auto;
		margin-right:0;
	}
	.jp-page-request-listDate > li{
		text-indent:0;
		padding-left:0;
	}
}


/* jp-page-request-infoBox */
.jp-page-request-infoBox{}
.jp-page-request-infoBox > dt{
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	background:#f86969 url("../img/news/icon.png") no-repeat 20px 50%;
	padding:12px 20px 8px 55px;
}
.jp-page-request-infoBox > dd{
	border:2px solid #cccccc;
	border-top:none;
	padding:20px;
}

@media screen and (max-width: 767px) {
	.jp-page-request-infoBox > dt{
		font-size:16px;
		padding:10px 10px 6px 50px;
		background-position:10px 50%;
	}
	.jp-page-request-infoBox > dd{
		padding:10px;
	}
}


.jp-page-request-textStrong{
	font-size:20px;
	font-weight:bold;
	line-height:1.8;
}

@media screen and (max-width: 767px) {
	.jp-page-request-textStrong{
		font-size:16px;
		line-height:1.6;
	}
}