/*
    account_profile.css
*/
/*
    For reset.
*/

	*{
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	button, input, select, textarea {
		font-family : inherit;
		font-size   : 100%;
	}

    input[type="password"]{
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0;
        outline: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        -o-appearance: none;
        -ms-appearance: none;
    }

/************************************** For PC. **************************************/

/* MAIN */

  div.ACC_TOP_MAIN_SET{
    width:100%;
    border:1px solid #ccc;
    background:#fff;
    padding:20px;
    display: flex;
    flex-direction: row;
  }

  div.ACC_TOP_MAIN_SET_LEFT{
    width:22%;
    padding:10px;
  }

  div.ACC_TOP_MAIN_SET_LEFT_IMG img{
    width:100%;
  }

  div.ACC_TOP_MAIN_SET_LEFT p{
    font-size:0.9em;
    margin-top:20px;
  }

  div.ACC_TOP_MAIN_SET_RIGHT{
    width:76%;
    padding:10px;
    margin-left:2%;
  }

  div.ACC_TOP_MAIN_SET_RIGHT  div.FORM_181{
    width:100%;
  }

  div.FORM_181 dt{
    margin-bottom:4px;
    font-size:90%;
    font-weight:bold;
  }

  div.EDITPRO_FORM_181{
    width:100%;
    margin-bottom:10px;
  }

  div.DISABLE_EDITPRO_FORM_181{
    width:100%;
    margin-bottom:10px;
  }

  div.HIGH_EDITPRO_FORM_181{
    width:100%;
    margin-bottom:10px;
  }

  div.EDITPRO_FORM_NAME_181{
    width:100%;
    margin-bottom:10px;
    display:flex;
     justify-content: space-between;
  }

  div.EDITPRO_FORM_NAMEWP_181{
    width:30%;
  }

  div.FORM_181 input[type="text"]{
    width:100%;
  	padding: 6px 10px;
    border: 1px solid #ccc;
        border-radius: 0;
    background: #ffffff;
    font-size:1.0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  div.FORM_181 select{
    width:40%;
  	padding: 6px 10px;
    border: 1px solid #ccc;
        border-radius: 0;
    background: #ffffff;
    font-size:1.0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background:url(../imgs/chevron-down.svg) 97%  50% no-repeat;
    background-size:20px auto;
  }

  div#div_edt_mobile_no dd{
    display:flex;
  }

  div#div_edt_mobile_no input[type="text"]{
    width:calc(100% - 65px);
    margin-left:5px;
  }

  div#div_edt_mobile_no select{
    width:60px;
  }

  div.FORM_181 #edt_birthday{
    width:40%;
    font-size:90%;
  }

  div.FORM_181 #edt_zipcode{
    width:40%;
    font-size:90%;
  }

  .LB_PIC_181{
    cursor:pointer;
    margin-right:10px;
  }

  .LB_PIC_181::after {
   content: " /";
  }

  #edt_pic_clear{
    cursor:pointer;
    font-size:90%;
  }

  div.FORM_181 input[type="password"]{
    width:100%;
  	padding: 8px 10px;
    border: 1px solid #ccc;
        border-radius: 0;
    background: #ffffff;
    font-size:1.0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  div.FORM_181 label.EDITPRO_ID_181{
    display:block;
    width:100%;
  	padding: 6px 10px;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
    background: #f4f4f4;
    font-size:1.0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  div.FORM_181 input[type="text"]:focus, div.FORM_181 input[type="password"]:focus{
    border: 1px solid #ccc;
  }

  div.EDITPRO_FORM_181 input[type="text"], div.EDITPRO_FORM_181 input[type="password"]{
    background: #ffffff;
  }

  div.DISABLE_EDITPRO_FORM_181 input[type="text"], div.DISABLE_EDITPRO_FORM_181 input[type="password"]{
    background: #595959;
  }

  div.HIGH_EDITPRO_FORM_181 input[type="text"], div.HIGH_EDITPRO_FORM_181 input[type="password"]{
    background: #FFCCE8;
  }

  div.FORM_181 textarea {
    width:100%;
    height: calc( 1.3em * 8 );
    line-height: 1.3;
  	padding: 6px 10px;
    border: 1px solid #ccc;
        border-radius: 0;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size:1.0em;
  }

  div.FORM_181 p.BTN181 {
    text-align:center;
    padding-top:20px;
  }

  div.FORM_181 p input[type="button"] {
		padding: 10px 30px;
		border-radius: 4px;
		background: #434343;
		font-size: 1.0em;
		color: #ffffff;
    margin: 0 10px;
  }

  div.FORM_181 p input[type="button"]:hover {
		cursor: pointer;
		background: #71C5E8;
		color:#fff;
	  transition: all .5s;
  }

  div.FORM_181 label.OFFER_ID_181 {
    display:block;
    width:30%;
  	padding: 6px 10px;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
    background: #f4f4f4;
    font-size:1.0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  div.FORM_181 label.OFFER_URL_181 {
    width:100%;
  }

  div.FORM_181 label.OFFER_URL_181 a{
		text-decoration:underline;
        color:#0080ff;
  }

  div.FORM_181 input[type="text"].OFFER_DATE_ST_181{
    width:30%;
  }

  div.FORM_181 input[type="text"].HIGH_OFFER_DATE_ST_181{
    width:30%;
    background: #FFCCE8;
  }

  div.FORM_181 input[type="text"].DISABLE_OFFER_DATE_ST_181{
    width:30%;
    background: #595959;
  }

  div.FORM_181 input[type="text"].OFFER_DATE_EN_181{
    width:30%;
  }

  div.FORM_181 input[type="text"].HIGH_OFFER_DATE_EN_181{
    width:30%;
    background: #FFCCE8;
  }

  div.FORM_181 input[type="text"].DISABLE_OFFER_DATE_EN_181{
    width:30%;
    background: #595959;
  }

	img.OFFER_DATE_IMG{
		width:26px;
        height:26px;
        margin-left:5px;
        cursor:pointer;
    }

  div.FORM_181 input[type="text"].OFFER_PRICE_181{
    width:30%;
  }

  div.FORM_181 input[type="text"].HIGH_OFFER_PRICE_181{
    width:30%;
    background: #FFCCE8;
  }

  div.FORM_181 input[type="text"].DISABLE_OFFER_PRICE_181{
    width:30%;
    background: #595959;
  }

  div.FORM_181 textarea.OFFER_MSG_181 {
    width:100%;
    height: calc( 1.3em * 8 );
    line-height: 1.3;
  	padding: 6px 10px;
    border: 1px solid #ccc;
        border-radius: 0;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size:1.0em;
  }

  div.FORM_181 textarea.HIGH_OFFER_MSG_181 {
    width:100%;
    height: calc( 1.3em * 8 );
    line-height: 1.3;
  	padding: 6px 10px;
    border: 1px solid #ccc;
        border-radius: 0;
    background: #FFCCE8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size:1.0em;
  }

  div.FORM_181 textarea.DISABLE_OFFER_MSG_181 {
    width:100%;
    height: calc( 1.3em * 8 );
    line-height: 1.3;
  	padding: 6px 10px;
    border: 1px solid #ccc;
        border-radius: 0;
    background: #595959;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size:1.0em;
  }


  div.ACC_MSG_OFFER_DONE{
      display: flex;
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1000000;
      background:rgba(0, 0, 0, 0.4);
      justify-content: center;
      align-items: center;
  }

  div.ACC_MSG_OFFER_DONE_BOX{
      width:400px;
      height:auto;
      padding:20px;
      background:#fff;
  }

  div.ACC_MSG_OFFER_DONE p.ACC_MSG_OFFER_DONE_BTN_OK{
      display: flex;
      justify-content:flex-end;
      margin-top:4px;
  }

  p.ACC_MSG_OFFER_DONE_BTN_OK a{
      width:60px;
      display:block;
      color:#fff;
      background:#3675FB;
      border-radius:6px;
      padding: 0 8px ;
      text-align:center;
      font-size:90%;
  }

/************************************** For SP. **************************************/
@media screen and (max-width:767px){
  /* MAIN */

  div.ACC_TOP_MAIN_SET{
    padding: 20px 10px;
      flex-direction: column;
  }

  div.ACC_TOP_MAIN_SET_LEFT{
    width:100%;
    padding:0;
  }

  div.ACC_TOP_MAIN_SET_RIGHT{
    width:100%;
    padding:0;
    margin:0;
  }

  div.FORM_181 select{
    width:100%;
  }

  div.FORM_181 p input[type="button"] {
    padding: 10px 30px;
    margin: 0 10px;
  }

  div.ACC_MSG_OFFER_DONE_BOX{
      width:90%;
  }

  div.EDITPRO_FORM_NAME_181{
    display:block;
  }

  div.EDITPRO_FORM_NAMEWP_181{
    width:100%;
    margin-right:0;
  }

}