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

----------------------------------------------------------*/
{
position: relative;
box-sizing: border-box;

height:auto;
overflow:hidden;
}
.navi2{
}
.box3{
position: relative;
margin: 0 ;
padding:0px 0px 0px 0px;
}
.box31 {
max-width:500px;
padding:0 ;
margin: 0 auto;
//text-align: center;
}
.loginDsp{
position:absolute;
top:0px;
right:20px;
}
.missP{
max-width:300px;
margin: 20px auto;
background-color:#dfdfdf;
border-radius:10px;
padding:20px 20px;
}
.required{
 font-size:12px;
 background-color:red;
 color:white;
 margin:0px 15px;
 padding:2px 8px;
 border-radius:5px;
}
.note_sp2{
font-size: var(--FontSize-2);
color:red;
}
/*---------------------------------------------------------
login.php
----------------------------------------------------------*/
.domestic_only{
font-size:12px;
width:auto;
background-color:#ffd4d4; 
padding:10px 3%;
word-break: break-all;
margin:20px 10%;
}
/*---------------------------------------------------------
account.php
----------------------------------------------------------*/
label {
width:100px;
margin-bottom: 2px;

}

.login,.logout,.regiButton{
color: black; 
font-size:18px;
font-weight:bold;
background-color: #FFC107;
border-radius:20px;
border:0px solid black;
padding: 10px 100px; 
display: block;
margin: 60px auto 30px auto;
}

.box31 input[type="text"],.box31 input[type="text"],input[type="number"],input[type="email"],input[type="email"],
input[type="password"],input[type="date"],
#postal_code,#phone_number,
#payment-method,#delivery-type,#other_shipping,#delivery-time,#account_type,#job,#pickup_type,#pickup_time{
display: block;
width:100%;
height:35px;
padding:0px 10px;
border-radius:5px;
border:2px solid #e2e2e2;
font-size:16px;
box-sizing: border-box;
}


#otherShippingAddress{
display: block;
width:100%;
height:80px;
padding:10px 10px;
border-radius:5px;
border:2px solid #e2e2e2;
font-size:16px;
box-sizing: border-box;
resize: vertical;
}


.box31 input[type="submit"] {

}
.box31 input[readonly], textarea[readonly] {
border:0px;
}


input[type="submit"]:hover {
opacity:0.7;
}
input[type="submit"]:active {
border:none;
}
input,select{
 cursor:pointer;
}

.box31 label{
font-size: 14px;
font-weight: bold;
color: #000;
margin: 0px;
padding: 0px;
}

.subGroup{
font-size:16px; 
font-weight:bold;
}
.nameGroup {
display: flex;
}

.form-group1,.form-group2,
.form-group3,.form-group4,
.form-group5,.form-group6{
flex: 1;
padding-right: 5px;
}

.box31 #postal_code,#prefecture {

}

.toLoginDiv,.toCartDiv{
width:100%;
}
.toLoginLink,.toCartLink{
    display: flex;
    justify-content: center;
    margin-top: 30px;
    text-decoration: underline dotted;
}


.toCreatAccountLink{
    display: flex;
    justify-content: center;
    margin-top: 30px;
    text-decoration: underline dotted;
}



/*---------------------------------------------------------
pwChange
----------------------------------------------------------*/
.input-password,
.input-user_pass_new,
.input-user_pass_new_check{
margin:0px 0px 20px 0px ;
}
/*---------------------------------------------------------
Error
----------------------------------------------------------*/
.accountError{
box-sizing: border-box;
width:100%;
margin:10px 0%;
padding:10px 5%;
background: #ececec; 
border:5px solid #ececec;
border-radius:10px;
text-align:center;
}

.accountError a{
text-decoration:underline;
 }

.cartError{
width:60%;
height:auto;
margin:10px auto 0px;
padding:30px 20px;
background: #ececec; 
border:5px solid #ececec;
border-radius:20px;
text-align:center;
}
.cartError a{
text-decoration:underline;
 }
/*---------------------------------------------------------

----------------------------------------------------------*/
.box31 a{
 text-decoration:underline solid;
}

/*---------------------------------------------------------
edit
----------------------------------------------------------*/
.confirmDiv{
font-size:16px;
margin:0px 20px;    
}

.box31 h3{
margin:30px 3px 10px 3px;
padding:5px 10px;
background: #cacaca;
border-radius:10px;
font-size:16px;
}
.editLink{
font-size:14px;
float:right;
border:0px solid black;
border-radius:10px;
padding:5px 10px 5px 10px;
background:#FFC107;
}
.confirmDiv .editLink {
  text-decoration: none;
}

.logout{
float:right;
margin:30px 3px 10px 3px;
padding:5px 10px;
background: #f0f0f0;
border-radius:10px;
border:0px;
font-size:12px;
}


/*---------------------------------------------------------
買取
----------------------------------------------------------*/
.birthGroup {
display: flex;
margin: -15px 0px 0px 0px;
}

.birthGroup1{
flex: 1;
padding-right: 10px;
}
.birthGroup2,.birthGroup3{
flex: 0.6;
padding-right: 10px;
}
.itemHR{
height: 2px;
background-color: black;
border: none; 
margin:0px;
}
/*------------------
ローディングアイコン
-------------------*/
#loader {
  border: 4px solid #f3f3f3; /* ローディングアイコンの外枠の色 */
  border-top: 4px solid #3498db; /* ローディングアイコンの回転部分の色 */
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite; /* アニメーションの設定 */
  margin: 10px auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); } /* アイコンの初期位置（回転なし） */
  100% { transform: rotate(360deg); } /* アイコンの最終位置（1回転） */
}

.hidden {
  display: none;
}


.staffVoice{
width:400px;
background: #ff9f9f;
border-radius:10px; 
padding:20px 20px;
margin:50px auto 400px auto;
text-aligin:center;
}
/*---------------------------------------------------------
QRcode
----------------------------------------------------------*/
.boxQR{/*--menu+main---*/
width: 100%;
margin: 0px 0 20px 0px ;
overflow: hidden;
height:1000px;
}
/*---------------------------------------------------------
kanri/tentative
----------------------------------------------------------*/
.imgDiv img{
width:230px;
}


/*---------------------------------------------------------
kanri/tentative
----------------------------------------------------------*/
.imgDiv img{
width:230px;
}
#comment,#comment1,
#comment2,#comment3{/* 名前ボックス*/
font-size:16px;
resize: none; 
width:100%;
height:100px;
padding:10px;
border-radius:5px;
border:2px solid #dfdfdf;
background-color:white;
}

#refuse{
width:100%;
padding:10px;
border-radius:5px;
border:2px solid #dfdfdf;
background-color:white;
}

.labelSpan{
font-size:16px;
font-weight:900;   
float:left;
}
.condSpan{
font-size:14px;
font-weight:100;  
}
.condP{
height:15px;
}
/*---------------------------------------------------------
kanri/kaitori/submission-pc.php
----------------------------------------------------------*/
.age_check{
color:red;
font-size:24px;
font-weight:bold;
}

/*---------------------------------------------------------
kanri/email_reply
----------------------------------------------------------*/
#reply_content{/* 名前ボックス*/
font-family: arial, sans-serif;
font-size:14px;
resize: none; 
width:100%;
height:500px;
padding:10px;
border-radius:5px;
border:2px solid #dfdfdf;
background-color:white;
}

/*---------------------------------------------------------
customer/customer_reply
----------------------------------------------------------*/
#reply_content2{/* */
font-family: arial, sans-serif;
font-size:14px;
resize: none; 
width:100%;
height:200px;
padding:10px;
border-radius:5px;
border:2px solid #dfdfdf;
background-color:white;
}


/*---------------------------------------------------------
SweetAlert2
----------------------------------------------------------*/
.swal2-title:after {
border:0px solid #dfdfdf;
background-image: none;
width:100%;
margin:0px 0px 0px -5px;
border-radius: 3px;
content: "";
display: block;
height: 6px; 
}
#swal2-html-container{
  text-align: left;
}
.swal2-confirm swal2-styled button{
}
.swal2-confirm.swal2-styled{
//background-color:#ff4545;
font:20px;
}

.swal2-icon,
.swal2-info,
.swal2-icon-show,
.swal2-icon-content{
//color:#ff4545;
//border:2px solid #ff4545;
}