/*
    account_seller.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%;
	}

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

/* MAIN:RIGHT */

  div.ACC_IMG_VERIFICATION{
	  width:100%;
    margin-bottom:30px;
  }

  div.ACC_IMG_VERIFICATION img{
	  width:100%;
    height:auto;
  }

  div.ACC_CREATE_LINKS{
    margin-bottom:40px;
    display:flex;
    padding-top:10px;
  }

  div.ACC_CREATE_LINKS_BOX{
	width:50%;
    display:flex;
    position:relative;
    align-items:center;
  }

  div.ACC_CREATE_LINKS_BOX a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }

  div.ACC_CREATE_LINKS_BOX p{
	margin:0;
    padding:0;
  }

  div.ACC_CREATE_LINKS_BOX p.ACC_CREATE_LINKS_BOX_IMG{
	width:24%;
  }

  div.ACC_CREATE_LINKS_BOX p.ACC_CREATE_LINKS_BOX_IMG img{
	width:100%;
  }

  div.ACC_CREATE_LINKS_BOX p.ACC_CREATE_LINKS_BOX_TTL{
	width:66%;
    font-weight:bold;
    font-size:100%;
    margin-left:10%;
    line-height:1.6em;
  }

  div.ACC_LIST_LINKS{
    margin-bottom:40px;
    position:relative;
  }

  div.ACC_LIST_LINKS_SCH{
	width: 100%;
    text-align:right;
    position:relative;
  }

  div.ACC_LIST_LINKS_SCH input[type="text"]{
    width: 36%;
	padding: 4px 4px;
	border: 1px solid #ccc;
	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.ACC_LIST_LINKS_SCH input[type="text"]::placeholder {
    color: #999;
    font-size:0.7em;
    font-weight:normal;
  }
  
  div.ACC_LIST_LINKS_SCH input[type="image"] {
    width: 22px;
    height:auto;
    position:absolute;
    right:10px;
    bottom:4px;
  }

  div.ACC_LIST_LINKS_MENU{
    width: 62%;
    display:flex;
    position:absolute;
    left:0;
    bottom:0;
    justify-content:space-between;
  }

  div.ACC_LIST_LINKS_MENU p{
	margin:0;
    padding:0;
    font-size:0.9em;
    line-height:1.2em;
  }

  div.ACC_LIST_LINKS_MENU p:hover{
     /*background:#f2f2f2;*/
  }

  div.ACC_LIST_LINKS_MENU a{
    display:block;
    padding:8px 5px;

  }

  div.ACC_LIST_LINKS_MENU a.MENU_SCT{
    font-weight:bold;
    background:#f2f2f2;
    text-decoration:underline;

  }

  div.ACC_MYLIST_BOX_WP{
	width:100%;
    margin-bottom:40px;
    display:flex;
	flex-wrap: wrap;
    /*justify-content:space-between;*/
  }

  div.ACC_MYLIST_BOX{
	width:31%;
    margin-bottom:20px;
    margin-right:1%;
    margin-left:1%;
  }

  div.ACC_MYLIST_BOX_IMG{
	width:100%;
  }

  div.ACC_MYLIST_BOX_IMG img{
	width:100%;
	aspect-ratio: 4 / 3;
    object-fit: cover;
  }

  div.ACC_MYLIST_BOX p{
	padding:0;
    margin:0;
  }

  div.ACC_MYLIST_BOX_DTL{
	width:100%;
    font-size:80%;
    line-height:1.4em;
    padding-top:10px;
    display:flex;
	flex-wrap: wrap;
  }

  div.ACC_MYLIST_BOX_DTL p.MYLIST_CAT{
	width:100%;
  }

  div.ACC_MYLIST_BOX_DTL p.MYLIST_LOC{
	width:50%;
  }

  div.ACC_MYLIST_BOX_DTL p.MYLIST_PRC{
	width:50%;
    font-size:130%;
    font-weight:bold;
    text-align:right;
  }

  div.ACC_MYLIST_BOX_MENU{
	width:100%;
    font-size:80%;
    line-height:1.4em;
    padding-top:20px;
    display:flex;
    justify-content:flex-end;
  }

  div.ACC_MYLIST_BOX_MENU p{
	margin-left:10px;
  }

  div.ACC_MYLIST_BOX_MENU p a{
	text-decoration:underline;
  }

  div.ACC_MYLIST_BOX_MENU p.MYLIST_HRT{
	margin-left:0;
    display:flex;
    align-items: center;
  }

  div.ACC_MYLIST_BOX_MENU p.MYLIST_HRT img{
	width:18px;
    height:18px;
  }

  div.ACC_MYLIST_BOX_MENU p.MYLIST_HRT a{
    font-size:80%;
	text-decoration:none;
  }

  div.ACC_MYLIST_BOX_MENU2{
	width:100%;
    font-size:80%;
    line-height:1.4em;
    padding-top:6px;
    display:flex;
    justify-content:flex-end;
  }

  div.ACC_MYLIST_BOX_MENU2 p.MYLIST_OFFER{
    display:block;
    color:#fff;
    background:#184377;
    border-radius:4px;
    padding:4px 6px;
  }

  div.ACC_MYLIST_POPUP{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    background:rgba(0, 0, 0, 0.4);
  }

  div.ACC_MYLIST_POPUP_WP{
      width:60%;
      max-width:1000px;
      height:auto;
      background:#fff;
      padding-top:50px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }

	div.ACC_MYLIST_POPUP_CLOSE{
        position:absolute;
        top:6px;
        right:6px;
		width:26px;
		height:26px;
	}

	div.ACC_MYLIST_POPUP_CLOSE img{
		width:100%;
        border:0;
	}
  div.ACC_MYLIST_POPUP ul{
    margin-bottom:20px;
  }

  div.ACC_MYLIST_POPUP p{
      margin:0 ;
      padding:0;
  }

  div.ACC_MYLIST_POPUP_SOLDOUT{
      width:100%;
      height:80vh;
      padding:20px 30px;
      overflow-y:scroll;
      font-size:90%;
  }

  div.ACC_MYLIST_POPUP_TRASH{
      width:100%;
      height:80vh;
      padding:20px 30px;
      overflow-y:scroll;
      font-size:90%;
  }

  div.ACC_MYLIST_POPUP_THANKS{
      width:100%;
      height:120px;
      padding:20px 100px;
      background:#fff;
      text-align:center;
  }

  div.ACC_MYLIST_POPUP_THANKS p{
      width:100%;
      padding-bottom:10px;
      font-size:120%;
      text-align:center;
  }

  div.ACC_MYLIST_POPUP_THANKS p.ACC_MYLIST_POPUP_BTN_OK{
      margin-top:4px;
  }

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


  p.ACC_MYLIST_POPUP_BTN_SUBMIT{
      display:flex;
      justify-content:center;
  }

  p.ACC_MYLIST_POPUP_BTN_SUBMIT a{
      width:100px;
      display:block;
      color:#fff;
      background:#3675FB;
      border-radius:6px;
      padding: 4px 16px ;
      text-align:center;
      margin: 0 20px;
  }

    div.ACC_MYLIST_POPUP input[type="checkbox"]{
      margin-right:6px;
    }

    div.ACC_MYLIST_POPUP input[type="radio"]{
      margin-right:6px;
    }

    div.ACC_MYLIST_POPUP input[type="text"]{
      width:calc(100% - 200px);
      margin-left:6px;
      padding: 2px 6px;
      border: 1px solid #ccc;
      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.ACC_MYLIST_POPUP_SOLDOUT ul li.SOLDOUT_PRICE input[type="text"]{
      width:100px;
    }


  p.P_SOLDOUT_01, p.P_SOLDOUT_02, p.P_SOLDOUT_03, p.P_SOLDOUT_04, p.P_SOLDOUT_05, p.P_SOLDOUT_06, p.P_SOLDOUT_07, p.P_SOLDOUT_08{ 
    color:#434343;
  }

  p.HIGH_P_SOLDOUT_01, p.HIGH_P_SOLDOUT_02, p.HIGH_P_SOLDOUT_03, p.HIGH_P_SOLDOUT_04, p.HIGH_P_SOLDOUT_05, p.HIGH_P_SOLDOUT_06, p.HIGH_P_SOLDOUT_07, p.HIGH_P_SOLDOUT_08{ 
    color:#ee0000;
  }

  p.P_TRASH_01, p.P_TRASH_02, p.P_TRASH_03, p.P_TRASH_04, p.P_TRASH_05{ 
    color:#434343;
  }

  p.HIGH_P_TRASH_01, p.HIGH_P_TRASH_02, p.HIGH_P_TRASH_03, p.HIGH_P_TRASH_04, p.HIGH_P_TRASH_05{ 
    color:#ee0000;
  }

    div.ACC_MYLIST_POPUP input[type="text"].TXT_SOLDOUT_01, div.ACC_MYLIST_POPUP input[type="text"].TXT_SOLDOUT_03, div.ACC_MYLIST_POPUP input[type="text"].TXT_SOLDOUT_04, div.ACC_MYLIST_POPUP input[type="text"].TXT_SOLDOUT_07{
      background:#fff;
    }

    div.ACC_MYLIST_POPUP input[type="text"].HIGH_TXT_SOLDOUT_01, div.ACC_MYLIST_POPUP input[type="text"].HIGH_TXT_SOLDOUT_03, div.ACC_MYLIST_POPUP input[type="text"].HIGH_TXT_SOLDOUT_04, div.ACC_MYLIST_POPUP input[type="text"].HIGH_TXT_SOLDOUT_07{
      background: #FFCCE8;
    }

    div.ACC_MYLIST_POPUP input[type="text"].TXT_TRASH_01, div.ACC_MYLIST_POPUP input[type="text"].TXT_TRASH_04{
      background:#fff;
    }

    div.ACC_MYLIST_POPUP input[type="text"].HIGH_TXT_TRASH_01, div.ACC_MYLIST_POPUP input[type="text"].HIGH_TXT_TRASH_04{
      background: #FFCCE8;
    }

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

  /* MAIN:RIGHT */

  div.ACC_CREATE_LINKS{
    flex-direction: column;
  }

  div.ACC_CREATE_LINKS_BOX{
	width:100%;
    margin-bottom:20px;
  }

  div.ACC_CREATE_LINKS_BOX p.ACC_CREATE_LINKS_BOX_IMG{
	width:20%;
  }

  div.ACC_CREATE_LINKS_BOX p.ACC_CREATE_LINKS_BOX_TTL{
    margin-left:5%;
  }

  div.ACC_LIST_LINKS{
    padding-bottom:2em;
  }

  div.ACC_LIST_LINKS_SCH{
    text-align:left;
    margin-bottom:20px;
  }
  
  div.ACC_LIST_LINKS_SCH input[type="text"]{
    width: 100%;
  }

  div.ACC_LIST_LINKS_SCH input[type="text"]::placeholder {
    font-size:0.8em;
  }

  div.ACC_LIST_LINKS_MENU{
    width: 100%;
  }

  div.ACC_MYLIST_BOX{
    width: 100%;
    margin-bottom:40px;
  }

  div.ACC_MYLIST_BOX_DTL{
    font-size:100%;
    line-height:1.8em;
    padding-top:10px;
  }

  div.ACC_MYLIST_BOX_DTL p.MYLIST_PRC{
    font-size:140%;
  }

  div.ACC_MYLIST_BOX_MENU{
    font-size:100%;
    line-height:1.8em;
  }

  div.ACC_MYLIST_BOX_MENU p{
	margin-left:30px;
  }

  div.ACC_MYLIST_POPUP_WP{
      width:90%;
  }

  div.ACC_MYLIST_POPUP_SOLDOUT{
      width:100%;
  }

  div.ACC_MYLIST_POPUP_TRASH{
      width:100%;
  }

  div.ACC_MYLIST_POPUP input[type="checkbox"]{
      -webkit-transform: scale(1.4);
      transform: scale(1.4);
  }

  div.ACC_MYLIST_POPUP input[type="radio"]{
      -webkit-transform: scale(1.4);
      transform: scale(1.4);
  }

  div.ACC_MYLIST_POPUP_THANKS{
      padding:20px ;
  }

}