@charset "utf-8";

/* ---------------------------------------------------------------------------
 [ class.css ]

 クラス設定

 特定の役割を持った要素へのスタイル定義を行います。
 ただし、接頭辞として（.x-）の使用は禁止します。

 ex.) 禁止例

 li.x-example {

 }

--------------------------------------------------------------------------- */

/* ------------------------------
 パスワード再設定 設定
------------------------------ */

/* 再設定 紹介 */
.p_reset_into {
  margin: 0 0 10px;
  padding: 6px 12px;
  background: #FFEEDD;
}

.p_reset_into p {
  font-size: 100%;
}

/* dl */
dl.input_name dt {
  width: 26px;
}

dl.input_name dd {
  padding: 0 15px 0 0;
}

dl.reset_att {
    width: 100%;
  margin: 0 0 10px;
  padding: 10px 12px;
  font-size: 100%;
  border: 1px solid #C6B198;
}

dl.reset_att dt {
  margin: 0 0 3px;
}

dl.reset_att dd ul {
  margin: 0 0 -5px 0.5em;
}

dl.reset_att dd ul li {
  margin-bottom: 5px;
  padding: 0 0 0 12px;
  background: url(../../images/icon_blue_square.gif) no-repeat left 0.5em;
}

dl.ssl_intro {
  margin: 0 0 5px;
  color: #990000;
  font-size: 100%;
}

dl.ssl_intro dt {
  margin: 0 0 3px;
  padding: 5px 26px 2px 0;
  font-weight: bold;
  background: url(../../images/icon_ssl.gif) no-repeat right 0.1em;
}

dl.change_pass {
  margin: 0 0 5px -32px;
  font-size: 93%;
}

dl.change_pass dt,
dl.change_pass dd {
  float: left;
  padding: 0 0 10px;
}

dl.change_pass dt {
  clear: left;
  width: 272px;
  padding: 1px 10px 0 0;
  text-align: right;
}

/* if $isMac && $isSafariで上書き */
dl.change_pass_ms {
  margin: 0 0 5px -25px;
}

dl.change_pass_ms dt {
  width: 300px;
}

/* テーブル */
.type_p_reset {
  width: 920px;
  margin: 0 0 10px;
  border-top: 1px solid #C6B198;
  border-left: 1px solid #C6B198;
}

.type_p_reset th,
.type_p_reset td {
  padding: 8px 10px 7px;
  border-right: 1px solid #C6B198;
  border-bottom: 1px solid #C6B198;
  font-size: 100%;
}

.type_p_reset th {
  font-weight: bold;
  background: url(../../images/bg_th_yellow.gif) repeat;
}

.type_p_reset th.adjust {
  padding-left: 8px;
  padding-right: 0;
}


/* ボタン */
.btn_pass_url_submit {
    margin: 0 0 10px;
    text-align: center;
}


/* EoS */


/* ===========================================================================
 レスポンシブ対応 メディアクエリ
 ブレークポイント定義：
   PC（デスクトップ）：768px 以上（既存スタイルがそのまま適用）
   スマートフォン     ：767px 以下
=========================================================================== */

/* ------------------------------
 スマートフォン（767px 以下）
------------------------------ */
@media screen and (max-width: 767px) {
    /* テーブル */
    .type_p_reset {
	width: 100%;
    }
    .type_p_reset colgroup {
	display: none;
    }
    
    .type_p_reset th {
	display: block;
	width: 100%;
    }
    .type_p_reset td {
	display: block;
	width: 100%;
    }
    
    dl.change_pass {
	margin: 0 0 30px 0;
	font-size: 100%;
    }

    dl.change_pass dt,
    dl.change_pass dd {
	float: none;
    }
    
    dl.change_pass dt {
	width: 100%;
	padding: 0;
	text-align: left;
	font-weight: bold;
    }
    
    dl.change_pass_ms dt {
	width: 100%;
    }
}