@charset "shift_jis";
/**
 *
 *  登録拡張
 *
 */


/*--------------------------------------------------------------------------
   for sctipt - スクリプト用 -
---------------------------------------------------------------------------*/
.hide{
	display:none;
}
.def-show{
	display:block;
}

/*--------------------------------------------------------------------------
   overwrite  - 上書き -
---------------------------------------------------------------------------*/
#crumbslist{
	margin-bottom:0;
}
.sec-cont .lower{
	width:762px;
}
.sec-cont .form-base .set-id input[type="text"]{
	width:470px;
}
.compo_inc_area{
	margin-top:15px;
}

@media all and (max-width: 767px) {
	.sec-cont .lower{
		width:auto;
	}
	.sec-cont .form-base .set-id input[type="text"]{
		width:100%;
	}
	.ft_pagetop{
		display:block !important;
		opacity:1 !important;
	}
	.compo_inc_area{
		width:auto;
		margin-left:32px;
	}
}

/* set-form
----------------------------------------------------------------*/
.set-name .asset_input-base input {
	width:240px;
}
.set-code .btn-address{
	float:left;
	margin-left:118px;
}
.set-pass .asset_input-base input {
	width:328px;
}

.set-name .asset_input-base.for-ie p{
	width:240px;
	margin-right:4px;
}

@media all and (max-width: 767px) {
	.set-name .asset_input-base input {
	 width:45%;
	}
	.set-code .btn-address{
		float:right;
		margin-left:0;
	}
	 .set-pass .asset_input-base input {
	 width:100%;
	}
	.set-name .asset_input-base.for-ie{
		overflow: hidden;
		padding-right: 15px;
	}
	.set-name .asset_input-base.for-ie p{
		width: 45%;
		margin-right:0;
	}
	.set-name .asset_input-base.for-ie p:first-child{
		margin-right:6%;
	}
}

/*--------------------------------------------------------------------------
   .form-top
---------------------------------------------------------------------------*/
.form-top{
	padding-bottom:20px;
	border-bottom:1px solid #D3DAE4;
}
.form-top,
.form-top .sns-icons{
	overflow:hidden;
}
.sns-icons{ /*追加*/
	width: 330px;
  margin: 10px auto 0;
}
.form-top p,
.form-top .sns-icons li{
	float:left;
}
.form-top .sns-icons li{
	/*width:40px;*/
	width: 49%;
	padding: 3px; /*追加*/
	box-sizing: border-box; /*追加*/
}
.form-top p{
	padding-top:10px;
	margin-right:20px;
}
/*.form-top .sns-icons li{
	margin:0 5px;
}*/
@media all and (max-width: 767px) {
	.form-top{
		padding-bottom:15px;
	}
	.form-top p,
	.form-top .sns-icons li{
		float:none;
	}
	.form-top p{
		padding-top:0;
		margin-right:0;
	}
	.form-top .sns-icons{
		margin-top:10px;
		text-align:center;
	}
	.form-top .sns-icons li{
		display:inline-block;
		vertical-align:middle;
	}
}

/*--------------------------------------------------------------------------
   .block-next
---------------------------------------------------------------------------*/
.block-next .listen{
	margin:5px 0 25px;
	text-align:center;
}
@media all and (max-width: 767px) {
	.block-next .listen{
		margin:5px 0 20px;
		text-align:center;
	}
}

/*--------------------------------------------------------------------------
   modalFrame
---------------------------------------------------------------------------*/
.modal-frame{
	display:none;
	position:absolute;
	top:0;
	left:0;
	min-width:980x;
	width:100%;
	height:100%;
	z-index: 10000;
}
.modal-frame .modal-bg{
	position:absolute;
	top:0;
	left:0;
	min-width:1074px;
	width:100%;
	height:100%;
	background:#20211f;
}
.modal-frame .modal-cont{
	position:absolute;
	left:50%;
}

.modal-frame .sec-cmn{
	padding:0 30px 0;
	border:none;
	height:100%;
}
.modal-frame .modal-inner{
	position:relative;
	width: 900px;
	height:100%;
	padding:40px;
	background:#FFF;
}

/* button */
.modal-frame .close{
	text-align:center;
  padding-top: 40px;
}
.modal-frame .close a{
  box-sizing: border-box;
  display: inline-block;
  max-width: 360px;
  padding: 15px 0;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
}
.modal-frame .close a{
  width: 360px;
}
.modal-frame .close a:hover{
  background: #292929;
}
.modal-frame .close span{
  display: inline-block;
  padding-left: 28px;
  font-size: 114%;
  background: url(../../images/v2/common/ico_close01.png) no-repeat 0 50%;
  background-size: 16px;
}
.modal-frame .close.top{
	position: absolute;
	top: -60px;
	right: 0;
	padding: 0;
}
.modal-frame .close.top a{
	width:47px;
}

@media all and (max-width: 767px) {
	.modal-frame .modal-bg{
		min-width:inherit;
	}
	.modal-frame .modal-cont{
		width:290px;
	}
	.modal-frame .modal-inner{
		width: 260px;
		padding: 15px;
	}
	.modal-frame .close{
		padding-top:15px;
	}
	.modal-frame .close a{
		width:100%;
		padding: 10px 0;
	}
	.modal-frame .close.top a{
		width: 37px;
    padding: 10px 5px;
	}
	.modal-inner .ttl img{
		width:260px;
		height:15px;
	}
}

/* regist-box
----------------------------------------------------------------*/
.regist-box{
	margin-top:20px;
	border:2px solid #C6C6C6;
	height:400px;
	padding:15px;
	overflow-y:scroll;
	background:#FFF;
}
.modal-inner .ttl{
	text-align:center;
}

@media all and (max-width: 767px) {
	.regist-box{
		height:275px;
		margin-top:15px;
	}
}

/*--------------------------------------------------------------------------
   btn-func
---------------------------------------------------------------------------*/
.btn-func{
	text-align:center;
}
.btn-func li{
	display:inline-block;
	margin:0 10px;
}
.btn-func .btn-edit label{
	display:block;
	width:130px;
	margin:0 auto;
	padding: 16px 0;
	border:2px solid #002F94;
	background-color:#FFF;
	cursor:pointer;
	text-align:center;
}
.btn-func .btn-edit label:hover{
	background-color:#E0E6FE;
}
.btn-func .btn-edit label input{
	padding-left:27px;
	background:url(../../images/v2/common/ico_pen_pc.png) no-repeat 0 2px;
	color:#002F94;
	font-size:115%;
	border:none;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
}
.btn-func .btn-input label{
	display:block;
	width:310px;
	margin:0 auto;
	padding: 18px 0;
	background-color:#FF8800;
	cursor:pointer;
	text-align:center;
}
.btn-func .btn-input label:hover{
	background-color:#FFAB4C;
}
.btn-func .btn-input label input{
	padding-left:15px;
	background:url(../../images/v2/common/ico_arw14.png) no-repeat 0 55%;
	color:#FFF;
	font-size:115%;
	border:none;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
}

@media all  and (max-width: 767px){
	.btn-func{
		overflow:hidden;
	}
	.btn-func li{
		float:left;
		display:block;
		width:65%;
		margin:0;
	}
	.btn-func li:first-child{
		width:30%;
		margin:0 5% 0 0;
	}
	.block-next .btn-func li label input{
	  font-size: 100%;
	}
	.btn-func .btn-edit label{
		width:100%;
		padding: 13px 0 12px 0;
	}
	.btn-func .btn-edit label:hover{
		background-color:#E0E6FE;
	}
	.btn-func .btn-edit label input{
		padding-left:20px;
		background:url(../../images/v2/common/ico_pen_sp.png) no-repeat 0 49%;
		background-size:14px;
	}
	.btn-func .btn-input label input{
    padding-left: 13px;
    background: url(../../images/v2/common/ico_arw16_sp.png) no-repeat 0 50%;
    background-size: 8px 13px;
	}
	.btn-func .btn-input label{
		width:100%;
		padding: 15px 0px 14px 0;
	}
	.btn-func .btn-input label:hover{
		background-color:#FFAB4C;
	}
}


/*--------------------------------------------------------------------------
	.page-done
--------------------------------------------------------------------------*/
.sec-comp{
	padding:0 15px;
	text-align:center;
}
.sec-comp h2{
	margin-top:40px;
	font-size:28px;
	font-weight:bold;	
}
.sec-comp .lead{
	margin-top:15px;
}
.sec-comp .box-listen{
	width:398px;
	margin:35px auto 0;
	padding:30px 10px 30px;
	background-color:#F2F4F7;
	border:1px solid #B6B6B6;
}
.sec-comp .box-listen dt{
	font-weight:bold;
}

/* @SP */
@media all  and (max-width: 767px){
	.page-done	.reminder{
		padding:0 15px;
	}
	.sec-comp h2{
		margin-top:35px;
		font-size:122%;
	}
	.sec-comp .lead{
		margin-top:15px;
	}
	.sec-comp .box-listen{
		width:auto;
		margin:15px auto 0;
		padding:15px 10px;
		background-color:#F2F4F7;
		border:1px solid #B6B6B6;
		font-size:93%;
	}	
}


/* .block-back
----------------------------------------------------------------*/
.block-back{
	width:620px;
	margin:40px auto 0;
}
.block-back .btn-back{
	overflow:hidden;
}
.block-back .btn-back li{
	float:right;
}
.block-back .btn-back li a{
	display:block;
	width:266px;
	padding:15px 10px;
	text-align:center;
	border:2px solid #C6C6C6;
	font-size:108%;
	font-weight:bold;
	text-decoration:none;
}
.block-back .btn-back li:first-child{
	float:left;
}
.block-back .btn-back li a span{
	padding-left:30px;
	background:url(../../images/v2/common/ico_back_pc.png) no-repeat 0 50%;
}
.block-back .btn-back li a:hover{
	color:#333333;
	background-color:#E8E8E8;
}

.block-back.col01{
	text-align:center;
}
.block-back.col01 li:first-child{
	float:none;
	display:inline-block;
}

@media all and (max-width: 767px){
	.block-back{
		width:auto;
		margin-top:20px;
		padding-top:0;
		border-top:none;
	}
	.sec-cont .block-back .btn-back{
		overflow:hidden;
	}
	.block-back .btn-back li,
	.block-back .btn-back li:first-child{
		float:none;
		margin-top:10px;
	}
	.block-back .btn-back li:first-child{
		margin-top:0;
	}
	.block-back .btn-back li a,
	.block-back .btn-back li:first-child a{
		float:none;
		width:auto;
		font-size:100%;
		padding:10px 10px;
	}
	.block-back .btn-back li a span{
		padding-left:25px;
		background:url(../../images/v2/cart/ico_back_sp.png) no-repeat 0 50%;
		background-size:14px 10px;
	}
	.block-back.col01 li:first-child{
		display:block;
	}
}

/*--------------------------------------------------------------------------
   .sec-conf
---------------------------------------------------------------------------*/
.sec-conf .form-top p{
	padding-top:0;
}

/*--------------------------------------------------------------------------
   .style-edit
---------------------------------------------------------------------------*/
.style-edit .ttl-input{
	position:relative;
}
.style-edit .ttl-input .btn-back{
	position:absolute;
	top:0;
	right:0;
	display:block;
	height:100%;
	padding:0 15px;
	font-size: 72%;
	font-weight:normal;
	border-left:1px solid #FFF;
	color:#FFF;
	text-decoration:none;
}
.style-edit .ttl-input .btn-back:hover{
	background:#4C5AAC;
}
.style-edit .ttl-input .btn-back span{
	display:block;
	margin-top:12px;
	padding-left:30px;
	background:url(../../images/v2/member/regist/ico_back_pc.png) no-repeat 0 50%;
}
.style-edit .form-top p{
	padding-top:0;	
}
.style-edit .block-next{
	padding-top:30px;
}

@media all and (max-width: 767px) {
	.style-edit .ttl-input .btn-back{
		display:none;
	}
	.style-edit .block-next{
		padding-top:20px;
	}
	.style-edit .sec-conf .block-next{
		padding-top:15px;
	}
}

/*--------------------------------------------------------------------------
   プレースホルダ用
---------------------------------------------------------------------------*/
.sec01 .set-tel .asset_input-base.for-ie{
	margin:-7px 0 10px 50px;
}
.sec01 .set-address02 .asset_input-base.for-ie{
	margin-top:3px;
}
.sec01 .set-conf .asset_input-base.for-ie{
	margin-top:3px;
}
.sec01 .set-id .asset_input-base.for-ie{
	margin-top:3px;
}
@media all and (max-width: 767px) {
	 .sec01 .set-tel .asset_input-base.for-ie{
		margin:3px 0 10px 0;
	}
}



/*--------------------------------------------------------------------------
   運営用CSS
---------------------------------------------------------------------------*/
.sec-unei .sec-input-base.sec01 .ttl-input{
	margin-bottom:0;
}