@charset "shift_jis";
/* CSS Document */
/* フォーム用css160727 */

/*--------------------------------------
ページ幅指定
--------------------------------------*/
input{
	cursor:auto;
}
@media screen and (min-width:780px){
.popup#wrap {
    min-width: 780px;
}

#popheader .popheader-inner {
    width: 780px;
    margin: 0 auto;
}
.pop-close {
    clear: both;
    width: 780px;
    margin: 20px auto 0;
}

.popup#main-container {
    width: 780px;
    margin: 0 auto 0;
    font-size: 62.5%;
}

#main {
    width: 780px;
}

.popfooter-pagetop {
    width: 780px;
    margin: 0 auto -1px;
    font-size: 62.5%;
    text-align: right;
}

#popfooter #footer-copyright .footer-copyright-inner {
    width: 780px;
    margin: 0 auto;
    padding: 25px 0 0;
    border-top: 3px solid #e6003e;
}

}

/*--------------------------------------
  フォームまわりcss
--------------------------------------*/

select {
    font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
}

/* 名前用css */
#main input.multibyte {
    height: 35px;
 width:44%;
    margin-bottom: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    vertical-align: baseline;
    background-color: #fff !important;
}

textarea {
 margin: 0;
 padding: 0;
    font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    vertical-align: text-top;
    background-color: #fff !important;
    resize: none;
}


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

#main input.multibyte {
 width:90%;
}
}

/* 名前（カナ）用css */
#main input.katakana {
 width:41%!important;
}

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

#main input.katakana {
 width:86%!important;
}
}

/* 生年月日用css */
#main input.birthday,
#main input.anAge {
 width:8%!important;
 margin-left:5px;
}

@media screen and (max-width:599px){
#main input.birthday,
#main input.anAge {
 width:14%!important;
}

}



/* 電話番号用css */
#main input.phoneNumber {
 width:14%!important;
 margin-left:5px;
}

/* 郵便番号用css */
#main input.postcode {
 width:20%!important;
 margin-left:5px;
}

#main a.text-white-button {
    display: inline-block;
    padding: 7px 15px 7px 28px;
    margin: -3px 8px 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 1px 4px #aaaaaa;
    background: #fff url(https://www.smbcnikko.co.jp/common/img/ico_arrow_red_l.png) 10% center no-repeat;
    font-size: 1.0em;
    line-height: 1.2;
    text-align: center;
    color: #333333;
    text-decoration: none;
    word-wrap: break-word;
    cursor: pointer;
}


/* セレクト用css */
#main select {
    height: 35px;
    margin-bottom: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    vertical-align: baseline;
    background-color: #fff !important;
}

/* 取引口座用css */
#main input.branchCode {
	width:20%!important;
}

#main input.accountCode {
	width:40%!important;
	margin-left:5px;
}


/* 電話番号対策css */
a.tel{ color:#333333; text-decoration:none; outline: none;}
a.tel:visited { color:#333333; }
a.tel:active  { color:#333333; }
a.tel:hover   { color:#333333; text-decoration:none;}


/* ラジオボタン
----------------------- */
#main .box-form-radio01{}
#main .box-form-radio01 li{
 float:left; position:relative;
 margin:5px 8px 0 15px; padding:0;
 line-height:1.2;}
#main .box-form-radio01 li input{
 position: absolute; left: 0px; outline:none;
 margin:0; z-index:-1;}

#main input.input-radio-01{
 float: left;
 width: 1px;
 opacity: 0;
}
#main input.input-radio-01 + label{
 display: inline-block;
 position: relative;
 margin-bottom: 8px;
 padding: 10px 20px;
 border-radius: 2px;
 color: #3e4956;
 font-size: 14px;
 line-height: 1.5;
 cursor: pointer;
}
#main input.input-radio-01 + label:before{
 position: absolute;
 top: 50%;
 left: -12px;
 width: 20px;
 height: 20px;
 margin-top: -12px;
 content: "";
 background: rgb(255, 255, 255);
 border-radius: 50%;
 border: 1px solid #666;
}
#main input.input-radio-01:checked + label:after {
 position: absolute;
 top: 50%;
 left: -6px;
 margin-top: -6px;
 width: 10px;
 height: 10px;
 content: "";
 border-radius: 50%;
 background: #666;
}

/* エラー用 */
#main input.input-radio-01.empty + label:before{
 border:1px solid rgb(217, 97, 97) !important;
 background: rgb(255, 228, 224) !important;
}

/* チェックボックス
----------------------- */

#main .box-form-checkbox{}
#main .box-form-checkbox li{
 float:left; position:relative;
 margin:5px 8px 0 15px; padding:0;
 line-height:1.2;}
#main .box-form-checkbox li input{
 position: absolute; left: 0px; outline:none;
 margin:0; z-index:-1;}
#main .box-form-checkbox li label{
 display:inline-block;
 font-size: 14px;
 padding:4px 0 4px 25px;
 background:url(https://www.smbcnikko.co.jp/common/img/ico_checkbox.png) no-repeat 0 2px;
 cursor:pointer;}
#main .box-form-checkbox li label.checked{
 background:url(https://www.smbcnikko.co.jp/common/img/ico_checkbox.png) no-repeat 0 -131px;}

/* テキストボックス用css */
#main input.multibyte_t {
    height: 35px;
 width:95%;
 margin-left:15px;
    margin-bottom: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    vertical-align: baseline;
    background-color: #fff !important;
}


/* テキストボックス用css */
#main input.multibyte_siten {
 position:static !important;
    height: 35px;
 width:30%;
 margin-left:15px;
    margin-bottom: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    vertical-align: baseline;
    background-color: #fff !important;
}

/* テキストボックス用css */
#main input.multibyte_day {
 position:static !important;
    height: 35px;
 width:8%;
    margin-bottom: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    vertical-align: baseline;
    background-color: #fff !important;
}




/* フォームラベル用css */
.label01 {padding: 0 6px 0 0;}
.label02 {padding: 0 6px 0 19px;}
.label03 {padding: 0 28px 0 6px; cursor: pointer;}
.label04 {margin-left:6px;}
.label05 {padding: 0 12px 0 6px;}
.label06 {margin-left:17%;}

/* フォーム必須用 */
.formHissu {
 font-size:1em;}
.formHissu span {
    display: inline-block;
 font-size:12px;
 font-weight:normal;
 line-height:1.8em;
    padding:1px 10px 0;
 margin-left:5px;
 margin-right:5px;
    text-align: center;
    color: #fff;
    background: #f93434;
 border-radius: 2px;
    -webkit-box-shadow: 0px 0px 2px rgba(255,255,255,.9);
    -moz-box-shadow: 0px 0px 2px rgba(255,255,255,.9);
    box-shadow: 0px 0px 2px rgba(255,255,255,.3);
}

/* フォームエラー */
.error01 {
 margin-top:10px;
 margin-bottom:5px;}
.error01 .errorText {
 color: #ff0000;
 font-weight: bold;

 padding: 8px 0 0 40px;
 margin: 10px 0 0px!important;
 background: url(https://www.smbcnikko.co.jp/form_old/sp/common/img/form_ico_01.gif) no-repeat 0 7px;}

.error02 {
    font-size: 1.4em;
 margin-top:10px;
 margin-bottom:5px;}
.error02 .errorText {
 color: #ff0000;
 font-weight: bold;
 padding: 8px 0 0 40px;
 margin: 10px 0 0px!important;
 background: url(https://www.smbcnikko.co.jp/form_old/sp/common/img/form_ico_01.gif) no-repeat 0 7px;}

.put_txt {
 font-size: 1.4em!important;
 margin-top:10px!important;
 margin-bottom:5px!important;
 }


/*--------------------------------------
  テーブル
--------------------------------------*/


#main .table-box-red table {
    width: 100%;
    border: 1px solid #bfbfbf;
    border-width: 1px 0 0 1px;
}

.table_res th.align-left{
 text-align:left !important;
}

.table_res td{
    padding:5px 10px;
 text-align:left;
}

#main .table_res th {
    text-align: left;
    font-weight: normal;
    background: #f3f3f3;
    border: 1px solid #bfbfbf!important;
    border-width: 0 1px 1px 0!important;
}

#main .table-box-red td {
    border:none;
    word-break: break-all;
}

#main .table_res td {

 border-right:1px solid #bfbfbf!important;
 border-bottom:1px solid #bfbfbf!important;
}

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

#main header h1 span.formres {
    font-size:100%;
}

#main .table_res th, #main .table_res th.sp, #main .table_res td {
 display:block;
}

#main .table_res th, #main .table_res th.sp, #main .table_res td {
 display:block;
 border:none;
 border-right:1px solid #bfbfbf!important;
 border-bottom:1px solid #bfbfbf!important;
}

}

.table_res02 th.align-left{
 text-align:left !important;
}

.table_res02 td{
    padding:5px 10px;
 text-align:left;
}

#main .table_res02 th {
    text-align: left;
    font-weight: normal;
    background: #f3f3f3;
    border: 1px solid #bfbfbf!important;
    border-width: 0 1px 1px 0!important;
}

#main .table-box-red02 td {
    border:none;
}

#main .table_res02 td {
 border-bottom:1px solid #bfbfbf!important;
}

#main .table_res02 td:last-child {
 border-right:1px solid #bfbfbf!important;
 border-bottom:1px solid #bfbfbf!important;
}

/*--------------------------------------
  ボタン関連
--------------------------------------*/

/* 赤いボタン */
#main a.text-button-red, #main input[type=submit].text-button-red {
    display: inline-block;
    padding: 19px 50px 19px 30px!important;
    min-width: 150px;
    width: auto;
    margin: 20px auto;
    border: none;
    border-radius: 6px;
    box-shadow: 0 1px 4px #aaaaaa;
    background: #e6003e url(https://www.smbcnikko.co.jp/common/img/ico_arrow_white_l.png) 90% center no-repeat;
    font-size: 1.3em;
    line-height: 1.2;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}

#main a.text-button-red:hover,
#main input[type=submit].text-button-red:hover{
 background: #eb3365 url(https://www.smbcnikko.co.jp/common/img/ico_arrow_white_l.png) 90% center no-repeat;
}

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

#main a.text-button-red,
#main input[type=submit].text-button-red{
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

}

/* 戻るボタン */
#main .btn-gray-left-l a, #main .btn-gray-left-l input[type="submit"], #main .btn-gray-left-l input[type="button"] {
    display: block;
    padding: 5px 25px 5px 10%;
    min-width: 240px;
    height: 38px;
    border: 1px solid #FFF;
    border-radius: 6px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: #E3E3E3 url(https://www.smbcnikko.co.jp/common/img/ico_arrow_red_left_l.png) no-repeat 6% center;
    background: url(https://www.smbcnikko.co.jp/common/img/ico_arrow_red_l.png) no-repeat 6% center, -moz-linear-gradient(top, #ffffff 0%, #E3E3E3 100%);
    background: url(https://www.smbcnikko.co.jp/common/img/ico_arrow_red_left_l.png) no-repeat 6% center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#E3E3E3));
    background: url(https://www.smbcnikko.co.jp/common/img/ico_arrow_red_left_l.png) no-repeat 6% center, -webkit-linear-gradient(top, #ffffff 0%,#E3E3E3 100%);
    background: url(https://www.smbcnikko.co.jp/common/img/ico_arrow_red_left_l.png) no-repeat 6% center, -o-linear-gradient(top, #ffffff 0%,#E3E3E3 100%);
    background: url(https://www.smbcnikko.co.jp/common/img/ico_arrow_red_left_l.png) no-repeat 6% center, -ms-linear-gradient(top, #ffffff 0%,#E3E3E3 100%);
    background: url(https://www.smbcnikko.co.jp/common/img/ico_arrow_red_left_l.png) no-repeat 6% center, linear-gradient(to bottom, #ffffff 0%,#E3E3E3 100%);
    color: #333;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

#main .btn-gray-left-l input[type="submit"] {
    min-width: 220px;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    height: auto;
    font-weight: normal;
    font-size: 1.0em;
}


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

  最後の確認ボックスまわり
--------------------------------------*/

#main input.input-checkbox-01{
 float: left;
 width: 1px;
 opacity: 0;
}
#main input.input-checkbox-01 + label{
 display: inline-block;
 position: relative;
 margin-bottom: 8px;
 margin-left: 5px;
 padding: 10px 20px;
 border-radius: 2px;
 color: #3e4956;
 font-size: 14px;
 text-align: left;
 line-height: 1.5;
 cursor: pointer;
}
#main input.input-checkbox-01 + label:before{
 position: absolute;
 top: 50%;
 left: -10px;
 width: 21px;
 height: 21px;
 margin-top: -10px;
 content: "";
 background: url(https://www.smbcnikko.co.jp/common/img/ico_checkbox_001.png) no-repeat;
 background-position: 0 0;
}
#main input.input-checkbox-01:checked + label:after {
 position: absolute;
 top: 50%;
 left: -10px;
 margin-top: -10px;
 width: 21px;
 height: 21px;
 content: "";
 background: url(https://www.smbcnikko.co.jp/common/img/ico_checkbox_001.png) no-repeat;
 background-position: 0px -133px;
}


/* 確認チェック入れる前の確認ボタン背景指定 */

input[type="submit"][disabled] {
 background: #ed4d78!important;
 cursor: default!important;
}

@media screen and (max-width:599px){
#main input.input-checkbox-01{
  display: none;
}

#main input.input-checkbox-01 + label{
  padding: 10px 15px;
}

#main .btn-gray-left-l input[type="submit"] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
}

/*--------------------------------------
  　　スマホH1指定
--------------------------------------*/
@media screen and (max-width:599px){

#main header h1 span.formres {
    font-size:100%;
}
}

/*--------------------------------------
  PCで非表示、スマホで表示
--------------------------------------*/

.pc_hide{
 display:none;
}

@media screen and (max-width:599px){
.pc_hide{
 display: inline-block;
}
}


/*--------------------------------------
  スマホで非表示
--------------------------------------*/

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

.sp_hide{
 display:none;
}
}


/*--------------------------------------
  Froggy用フォームcss 170223追加
--------------------------------------*/

input{
	cursor:auto;
}

#froggy #popheader {
	border-top:0px;
	border-bottom:0px;
	background:#4cbfbf;
}

@media screen and (max-width:599px){
#froggy #popheader #header-logo-sp a {
    display: block;
	width: 151px;
    height: 53px;
    background: url(https://www.smbcnikko.co.jp/common/img/sp_header_froggy_logo_001.png) no-repeat 0 0;
    background-size: 100%;
}
}

#froggy #main .text-border-red {
    border: 2px solid #4cbfbf;
    background: #ffffff;
}

#froggy #popheader .header-fontsize {
	background:#ffffff;
    border: 1px solid #4cbfbf;
}

#froggy .popup #main header h1 {
    border-bottom: 3px solid #4cbfbf;
}

@media screen and (max-width:599px){
#froggy .popup #main header {
    background: #f6f6f6;
}

#froggy .popup #main header h1 {
    border-bottom: 0px;
}
}

#froggy #main h2, #froggy #main02 h2 {
    border-bottom: 3px solid #4cbfbf;
}

#froggy #main .table_res th {
	font-weight:bold;
}

#froggy #main .table_res th span.gray {
	color:#7f7f7f;
	font-weight:normal;
}

@media screen and (max-width:599px){
#froggy #main .table_res th span.gray {
	margin-left:2.5em;
}
}

#froggy #main input.multibyte {
    border: #31859c 2px solid;
}

#froggy #main input.input-radio-01 + label:before{
 left: -13px;
 margin-top: -13px;
 border-radius: 50%;
 border: #31859c 2px solid;
}

/* みどりのボタン */
#froggy #main a.text-button-red, #froggy #main input[type=submit].text-button-red {
    background: #4cbfbf url(https://www.smbcnikko.co.jp/common/img/ico_arrow_white_l.png) 90% center no-repeat;
    cursor: pointer;
}

#froggy #main a.text-button-red:hover,
#froggy #main input[type=submit].text-button-red:hover{
    background: #4cbfbf url(https://www.smbcnikko.co.jp/common/img/ico_arrow_white_l.png) 90% center no-repeat;
	opacity:0.7;

}

/* ページトップ */

#froggy .popfooter-pagetop a {
    background: #4cbfbf url(https://www.smbcnikko.co.jp/common/img/ico_pagetop_001.png) no-repeat 30px center;
}

@media screen and (max-width:599px){
#froggy .popfooter-pagetop a,
#froggy .popfooter-pagetop a:hover {
	-webkit-backface-visibility: hidden;
    background: #4cbfbf url(https://www.smbcnikko.co.jp/common/img/ico_pagetop_001.png) no-repeat center center;
	background-size: 19px;
}
}

#froggy #popfooter #footer-copyright .footer-copyright-inner {
    border-top: 3px solid #4cbfbf;
}

/* 名前入力部分 */

#main .table-box-red table table.form_name {
    width: 100%;
    border: 0px;
    border-width: 0;
	margin:0px;
}

#main .table-box-red table table.form_name td{
 padding:0px;
 text-align:left;
}

#main .table_res table.form_name th {
    font-weight: normal;
    background: none;
    border: 0px!important;
    border-width: 0!important;
}

#main .table-box-red td {
    border:none;
}

#main .table_res table.form_name td {
 border-right:0px!important;
 border-bottom:0px!important;
}

#main .table_res table.form_name input.multibyte {
	width:95%;
}

#main .table_res table.form_name input.katakana {
    width: 95%!important;
}

/* 確認画面用 */
@media screen and (max-width:599px){
#froggy #main .table-box-red table.formcheck {
    border: 0px;
    border-width: 0;
}

#froggy #main .table_res.formcheck th, #froggy #main .table_res.formcheck th.sp, #froggy #main .table_res.formcheck td {
    border-right: 0px solid #bfbfbf!important;

    border-bottom: 0px solid #bfbfbf!important;
}

#froggy #main .table-box-red table.formcheck td {
    padding: 10px 10px 10px 32px;
}

#froggy #main .table-box-red table.formcheck th {
    padding: 10px 5px 20px 12px;
}
}

/* 完了画面用 */

#main .thankyou {
    width: 100%;
    text-align: center;
}

#main .thankyou p, #main02 .thankyou p {
    margin: 32px 0 -5px;
}

@media screen and (max-width:599px){
#main .thankyou p, #main02 .thankyou p {
    margin: 32px 0 27px;
}
}

#main .thankyou p img, #main02 .thankyou p img {
    vertical-align: bottom;
    max-width: 30%;
}

@media screen and (max-width:599px){
#main .thankyou p img, #main02 .thankyou p img {
    max-width: 60%;
}
}