@charset "Shift_JIS";


/* 
��{���j�b�g
�\�g�݃^�C�v
�w���E���ӏ�����
�A�N�V�����{�^��
�G���[�`�b�v
�e�L�X�g���͂̃X�^�C��

�Z���N�g�{�b�N�X����
���W�I�{�^���E�`�F�b�N�{�b�N�X����
*/


/* ��{���j�b�g�iFormUnit dl�j --------------------------------------------------- */

.FormUnit h2 {
margin: 0 0 10px 0;
font-size: 18px !important;
color: var(--primary);
}

.FormUnit dl {
display: table;
width: 100%;
}

.FormUnitWrap {
margin: 0 0 50px 0;
border-left: solid 1px #b3cce6;
border-top: solid 1px #b3cce6;
}

.FormUnit dt,
.FormUnit dd {
display: table-cell;
padding: 20px 20px;
border-bottom: solid 1px #b3cce6;
font-size: 1.5rem;
vertical-align: middle;
}

.FormUnit dt {
width: 25%;
padding-right: 15px;
font-weight: bold;
background: var(--base-pale);
}

.FormUnit dd {
width: 75%;
border-right: solid 1px #b3cce6;
}

/* �K�{�A�C�R�� */
.FormUnit dt span {
display: block;
padding: 2px 50px 2px 0;
background: url(../img/sys/order/Icon_Mandatory.png) no-repeat right center;
}


/* �\�g�݃^�C�v --------------------------------------------------- */

/* Table1 */
.FormUnit .Table1 th {
border-right: none;
}

/* Table2 */
.FormUnit .Table2 {
border-left: none;
border-top: none;
}

.FormUnit .Table2 th {
border-bottom: none;
}


/* �w���E���ӏ�����  --------------------------------------------------- */

/* ���[�h */
.FormUnit .LeadMain {
margin: 0 0 20px 0;
font-weight: bold;
}

.FormUnit .Lead {
margin: 0 0 10px 0;
font-weight: bold;
}

/* ���� */
.FormUnit .NoteUpper {
margin: 0 0 5px 0;
font-size: 93%;
line-height: 1.5em;
}

.FormUnit .NoteMiddle {
margin: 10px 0 10px 0;
font-size: 93%;
line-height: 1.5em;
}

.FormUnit .NoteLower {
margin: 5px 0 0 0;
font-size: 93%;
line-height: 1.5em;
}

.FormUnit .NoteSide {
margin: 0 0 0 5px;
font-size: 93%;
}

/* �K�C�h�����N  */
.FormUnit .GuideLink {
font-size: 1.2rem;
font-weight: normal;
}

.FormUnit .GuideLink a {
padding: 0 0 0 15px;
background: url(../../images_rev2/common/icon/Icon_Allow_Blue.png) no-repeat;
background-position: 0 50%;
background-size: 10px 10px;
}

/* ���͓��e����  */
.FormUnit .InNote {
margin: 20px 0 0 0;
padding: 15px 0 0 0;
border-top: 1px solid #e6e6e6;
}

.FormUnit .InNote p {
margin: 8px 0 0 0;
font-size: 12px;
}

.FormUnit .InNote p:first-child {
margin: 0 0 0 0;
}

/* ���ē���  */
.FormUnit .NoticeArea {
margin: 0 0 20px 0;
}


/* �A�N�V�����{�^��  --------------------------------------------------- */

.FormAction {
display: flex;
align-items: center;
justify-content: center;
}

.FormAction input {
margin: 0 15px;
vertical-align: middle;
}

/* �e�L�X�g�� */
.Form_Action {
display: flex;
align-items: center;
justify-content: center;
}

.Form_Action_Back {
width: 24rem;
margin-right: 1rem;
}

.Form_Action_Next {
width: 40rem;
margin-left: 1rem;
}


/* �G���[�`�b�v  --------------------------------------------------- */

.FormUnit .ErrTip  {
display: inline-block;
margin: 0 0 10px 0;
background: url(../img/sys/order/Texture_ErrTipAllow.png) no-repeat;
background-position: 5% 100%;
}

.FormUnit .ErrTip span {
display: inline-block;
margin: 0 0 10px 0;
padding: 5px 10px 5px 15px;
border-radius: 5px;
line-height: 1.6em;
color: #ffffff;
background: #e90000;
}


/* �e�L�X�g���͂̃X�^�C��  --------------------------------------------------- */

.FormUnit input[type=text],
.FormUnit input[type=password],
.FormUnit textarea {
height: 2.8em;
padding: 0 10px;
border: 1px solid #b3cce6;
border-radius: 5px 5px;
box-sizing: border-box;
box-shadow: inset 1px 1px 1px 0px #d5d5d5;
line-height: 2.8em;
vertical-align: middle;
background: #fff;
}

.FormUnit textarea {
width: 500px;
height: 10em;
padding: 8px;
line-height: 1.4em;
}

.FormUnit input[type=image] {
vertical-align: middle;
}


/* �Z���N�g�{�b�N�X���� --------------------------------------------------- */

.FormUnit select {
min-width: 50%;
height: 4.8rem;
padding-right: 3rem;
font-size: 1.4rem;
text-indent: 1.6rem;
border: 1px solid var(--primary);
border-radius: 8px;
box-sizing: border-box;
color: var(--base);
background: #fff url(../images_rev2/common/icon/Icon_SelectBox.png) no-repeat;
background-position: right 1.6rem bottom 50%;
background-size: 1.2rem 1.8rem;
cursor: pointer;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}

.SelectBoxS select {
height: 30px;
font-size: 93%;
}


/* ���W�I�{�^���E�`�F�b�N�{�b�N�X���� --------------------------------------------------- */

.FormUnit input[type=radio],
.FormUnit input[type=checkbox] {
display: none;
margin: 0 0 0 -10px;
}

.FormUnit input[type=radio] + label,
.FormUnit input[type=checkbox] + label {
display: inline-block;
position: relative;
margin-right: 1.4rem;
padding: 0 0 0 3.2rem;
font-size: 1.4rem;
line-height: 1.8;
cursor: pointer;
}

.FormUnit input[type=radio] + label::before,
.FormUnit input[type=checkbox] + label::before {
display: block;
position: absolute;
top: 11px;
left: 0;
width: 2.4rem;
height: 2.4rem;
margin-top: -11px;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
content: "";
}

.FormUnit input[type=radio] + label::before {
border: 1px solid var(--base-deep);
border-radius: 30px;
/* box-shadow: inset 1px 1px 1px 0px #d5d5d5; */
}

.FormUnit input[type=checkbox] + label::before {
border: 1px solid var(--base-deep);
border-radius: 4px;
/* box-shadow: inset 1px 1px 1px 0px #d5d5d5; */
}

.FormUnit input[type=radio]:checked + label::before,
.FormUnit input[type=checkbox]:checked + label::before {
border: none;
box-shadow: none;
background: var(--primary);
}

.FormUnit input[type=radio]:checked + label::after,
.FormUnit input[type=checkbox]:checked + label::after {
display: block;
position: absolute;
top: 11px;
content: "";
}

/* ���W�I�{�^���I�����̒����h�b�g */
.FormUnit input[type=radio]:checked + label::after {
left: 0.6rem;
width: 1.2rem;
height: 1.2rem;
margin-top: -0.5rem;
border-radius: 100vh;
background: #fff;
}

/* �`�F�b�N�{�b�N�X�I�����̃`�F�b�N�}�[�N */
.FormUnit input[type=checkbox]:checked + label::after {
left: 0.6rem;
top: 1.2rem;
width: 1.2rem;
height: 0.7rem;
margin-top: -0.6rem;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/* ��A�N�e�B�u */
.FormUnit .Disabled {
opacity: 0.3;
}

div.sender_change_ {
	margin-bottom: 40px;
}
div.senderdata {
	margin-top: -30px;
}


/* �G���[�`�b�v  --------------------------------------------------- */

.FormUnit .ErrTipNovelty  {
display: inline-block;
margin: 0 0 10px 0;
background: url(../img/sys/order/Texture_ErrTipAllow.png) no-repeat;
background-position: 5% 100%;
}

.FormUnit .ErrTipNovelty span {
display: inline-block;
margin: 0 0 10px 0;
padding: 5px 10px 5px 15px;
border-radius: 5px;
line-height: 1.6em;
color: #ffffff;
background: #e90000;
}
 /* ��A�N�e�B�u */.FormUnit .Disabled {opacity: 0.3;}


.checktype_date select {
min-width: 16%;
}