@charset "utf-8";
/* CSS Document */

/* ウィンドウ幅949px以下でスマホ用レイアウトに切り替える */

/*==========================================================
	レスポンシブ用CSS
	全体レイアウト(master.cssに上書き)
==========================================================*/
.d-main-all .d-page{ padding:20px;}

.d-center{ text-align:center;}

.red{
	color:#c00;
}

d-list-dot ul li{
	padding:3px 0;
	background:none;
}
@media screen and ( max-width: 949px )
{
.d-infomessage{
	margin:10px 0;
}

/* 各ボタンやリンクなどのスタイルを初期化 */
.d-move-top{
	padding: initial;
	width: auto;
}

.d-caution, .d-note, .d-sup{
	padding: initial;
	font-size: 100%;
}

.d-r, .d-l{ float:none; }

.d-main-all .d-page .d-r li{ padding: 0; }



/* 横に並んだ入力欄を、スマホで縦に並べる*/
label{
	display:inline-block;
}

#UIGCM0050 label + input,
#UIGCM0140 label + input,
#UIGCM0145 label + input {
	width:100%!important;
	box-sizing:border-box;
	margin-bottom:10px;
	display:block;
}

/* 入力内容確認/登録ボタン (背景がオレンジのボタン)*/
.d-btn-continue-using,
.d-btn-entry,
.d-btn-next,
.d-btn-nextId,
.d-btn-resetPass{
	width:100%;
	height: auto;
	margin-bottom:20px;
 	padding:18px;
 	color:#252525;
 	font-weight:bold;
 	display:inline-block;
	box-sizing:border-box;
	border-radius:2px;
	border:solid 1px #fccd0a;
	background:#fdd513;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe256), color-stop(100%, #f7bb06));
	background-image:-webkit-linear-gradient(top, #ffe256, #f7bb06);
	background-image:-moz-linear-gradient(top, #ffe256, #f7bb06);
	background-image:-o-linear-gradient(top, #ffe256, #f7bb06);
	background-image:linear-gradient(to bottom, #ffe256, #ffc600);
	text-indent: 0px;
}

.d-btn-continue-using:hover,
.d-btn-entry:hover,
.d-btn-next:hover,
.d-btn-nextId:hover,
.d-btn-resetPass:hover{
	text-decoration:none;
	border:solid 1px #f2b00a;
	background:#f2c85c;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2c85c), color-stop(100%, #f0af0a));
	background-image:-webkit-linear-gradient(top, #f2c85c, #f0af0a);
	background-image:-moz-linear-gradient(top, #f2c85c, #f0af0a);
	background-image:-o-linear-gradient(top, #f2c85c, #f0af0a);
	background-image:linear-gradient(to bottom, #f2c85c, #f0af0a);
}

/* 前に戻るボタン(背景が白いボタン)*/
.d-btn-back,
.d-btn-cancel,
.d-btn-deleteId,
.d-btn-home3{
	width:100%;
	height: auto;
	margin-bottom:20px;
 	padding:18px;
	font-weight:bold;
	color:#252525;
	text-align:center;
	box-sizing:border-box;
	display:inline-block;
	border:solid 1px #c3c3c3;
	border-radius:2px;
	background:#ebebeb;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #ebebeb));
	background-image: -webkit-linear-gradient(top, #fbfbfb, #ebebeb);
	background-image: -moz-linear-gradient(top, #fbfbfb, #ebebeb);
	background-image: -o-linear-gradient(top, #fbfbfb, #ebebeb);
	background-image: linear-gradient(top, #fbfbfb, #ebebeb);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFBFBFB', endColorstr='#FFEBEBEB');
	text-indent: 0px;
}

.d-btn-back:hover,
.d-btn-cancel:hover,
.d-btn-deleteId:hover,
.d-btn-home3:hover{
	text-decoration:none;
	background: #e5e5e5;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e5e5e5));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: -moz-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: -o-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: linear-gradient(top, #f5f5f5, #e5e5e5);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE5E5E5');
	cursor:pointer;
}

.d-btn-home3{
	margin-top:20px;
	color:#252525!important;
}

/*==========================================================
	レスポンシブ用CSS
	ID変更画面用レイアウト(master.cssに上書き)
==========================================================*/

/* 進捗状況画像 */
.d-step2, .d-step{
    width: auto;
}

.d-step2 img {
    width: 100%;
    max-width: 576px;
    height: auto;
    margin-top: 10px;
}

/* 全体の横幅固定の解除 */
.d-contents{
	width:100%;
	padding: 0 10px;
	font-size:112.5%;
	box-sizing:border-box;
}

.d-middle{
	width: auto;
	padding: 0;
}

.d-step .d-main-all{ w 
	width: auto;
	margin:0;
}

.d-article2, .d-main-all{
	width: auto;
	padding:0;
}

.d-main-all .d-guidance{margin:0;margin-bottom:30px;}

.d-main-all .d-page{
	padding:0;
}

.d-page li{
	float: none;
}

.d-frame-line2 {
    font-size: 87.5%;
}

/* 見出しの設定 */

.d-main-all h2{
	margin:20px 0;
	padding:10px 20px;
	font-size:157.1%;
	font-weight:bold;
	border-top:solid 4px #cccccc;
	border-bottom:solid 1px #cccccc;
	zoom:100%;
	overflow:hidden;
}

.d-main-all h3{
	margin:20px 0 10px;
	padding:2px 0px 2px 14px;
	border-left:solid 6px #999;
	border-bottom:dotted 1px #999;
	background:#fff;
	font-size:128.6%;
	font-weight:bold;
}

/* 箇条書きリスト */

ul.d-list-dot li{
	padding:0 0 5px 20px;
	line-height:1.3;
	overflow:hidden;
	background:url(https://www.so-net.ne.jp/mypage/img/share/mark_dot.png) 0.5em 0.5em no-repeat;
}

.d-list-dot ul li{
	padding:3px 0;
	background:none;
}

}

/*==========================================================
	レスポンシブテーブル用CSS
==========================================================*/

/* dl要素によるテーブル*/
.d-list-table{
	width:910px;
	border:solid 1px #ccc;
	border-bottom:none;
	background-color:#eee;
}

.d-list-table:last-of-type{
	margin-bottom:20px;
	border-bottom:solid 1px #ccc;
}

.d-list-table:after{
	clear:both;
	content:"";
	display:block;
}

@media screen and ( max-width:949px )
{
	.d-list-table{
		width: auto;
		background-color:#fff;
	}
	.d-list-table:first-child{
		margin-top:20px;
	}
	.d-list-table:last-of-type{
		margin-bottom:0;
	}
	.d-list-table:after{  display:none;}
}

.d-list-table dt{
	width:253px;
	padding:6px 9px;
	float:left;
}
@media screen and ( max-width:949px )
{
	.d-list-table dt{
		width: auto;
		float: none;
		border-bottom:solid 1px #ccc;
		background-color:#eee;
	}
	.d-list-table dt{
		width: auto;
		float: none;
		border-bottom:solid 1px #ccc;
		background-color:#eee;
	}
}

.d-list-table dd{
	width:618px;
	padding:6px 10px;
	border-left:solid 1px #ccc;
	background-color:#fff;
	float:left;
}
@media screen and ( max-width:949px )
{
	.d-list-table dd{
		width:auto;
		padding:10px 9px;
		border-left:0px;
		background-color:transparent;
		float:none;
	}
	.d-list-table .d-list-center{
		text-align: center;
	}
}

.d-list-table dt span{
	width:2.5em;
	float:right;
	text-align:center;
	background:#cc0000;
	font-size:85.7%;
	color:#fff;
}

/* 一列のテーブル */
.d-list-table-1{
	width:908px;
	border:solid 1px #ccc;
}

.d-list-table-1 dt{
	padding:6px 9px;
	background-color:#eee;
	text-align:center;
}

.d-list-table-1 dd{
	border-top:solid 1px #ccc;
	padding:6px 10px;	
}
@media screen and ( max-width:949px )
{
	.d-list-table-1{
		margin-top:30px;
		width: auto;
	}

	.d-list-table-1 dd label{
		padding-left:10px;
	}
}
/*==========================================================
	レスポンシブ用個別CSS

	画面名：UIGCM0050, UIGCM0140, UIGCM0145, UIGCM0155, UIGCM0170
==========================================================*/
.d_uigcm_usr_col1{
	width:auto;
}
.d_uigcm_usr_col2{
	width:auto;
}
.d_uigcm_usr_col3{
	width:auto;
}
.d_uigcm_usr_col4{
	width:auto;
}
.d_uigcm_usr_col5{
	width:auto;
}
@media screen and ( max-width:949px )
{
	#UIGCM0140_tel_no,#UIGCM0145_tel_no,#UIGCM0155_onetime{
		width:100%;
		box-sizing:border-box;
	}

	#UIGCM0050_usrBrthYmd,#UIGCM0140_usrBrthYmd,#UIGCM0145_usrBrthYmd select{
		margin-bottom:10px;
	}
	
	#UIGCM0170_pswd,
	#UIGCM0170_pswd_conf{
		width:100%;
		box-sizing:border-box;
	}
	.d_uigcm_usr_col1{
		width:25%;
	}
	.d_uigcm_usr_col2{
		width:11%;
	}
	.d_uigcm_usr_col3{
		width:14%;
	}
	.d_uigcm_usr_col4{
		width:20%;
	}
	.d_uigcm_usr_col5{
		width:29%;
	}

}
/*==========================================================
	レスポンシブ用個別CSS

	退会手続き画面用(master.cssに上書き)
==========================================================*/
@media screen and ( max-width:949px )
{
	.input-responsive input[type=radio]{
		display: block;
		float: left;
		margin-top: 3px;
	}

	.input-responsive input[type=checkbox]{
		display: block;
		float: left;
		margin-top: 4px;
		margin-right: 7px;
	}

	.input-responsive label{
		display: block;
		margin-bottom:10px;
	}

	#UP2300_searchAddress,
	#UP2362_searchAddress,
	#UP2362_edaban_input,
	#UP2362_edaban_notInput{
		margin-left: 0;
		margin-top: 10px;
	}

	#tgtUP2300_quitSendPlaceKbn_2 .d-input-txtL,
	#UP2362_retkitTable .d-input-txtL{
		box-sizing: border-box;
		width: 100%;
	}

	.d-step-taikai{
		width: auto;
	}

	.d-middle .d-finish{
		margin: 0;
	}

	.d-guidance-taikai{
		margin: 0 0 20px;
	}
}
/*==========================================================
	レスポンシブ用その他汎用CSS
==========================================================*/
.d_disp_switch {
	display: none;
}
.copy-link{
	display: inline-block;
	white-space: nowrap;
	background: #C0DCAE;
	border: 1px solid #C0DCAE;
	padding: 3px 3px;
	color:#000;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
}
.copy-link:hover{
	background: #E2EFDA;
	text-decoration: none;
}
@media screen and ( max-width:949px ){
	.d_disp_switch {
		display: inline;
	}
	.copy-link{
		display: inline-block;
		writing-mode: vertical-rl;
		font-size:75%;
		background: #C0DCAE;
		border: 1px solid #C0DCAE;
		padding: 0px 0px;
		color:#000;
		font-weight:bold;
		text-decoration: none;
		text-align: center;
	}
	.copy-link:hover{
		background: #E2EFDA;
		text-decoration: none;
	}
}