/*
    sellers-dashboard.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. **************************************/
	div.SELLER_WP{
		width:100%;
        border-bottom:1px solid #434343;
        margin-bottom:10px;
        line-height:1.8em;
	}

  /* ---------------------------------
      For SELLERS_DASHBOAD_H2_420 
    --------------------------------- */
	div.SELLERS_DASHBOAD_H2_420{
		width:100%;
		border-bottom:1px solid #ccc;
		margin-bottom:30px;
	}

	div.SELLERS_DASHBOAD_H2_420 h2{
		width:86%;
        margin:0 auto;
		margin-top:10px;
		margin-bottom:10px;
	  font-size:1.1em;
	}

  /* ---------------------------------
      For SELLERS_DASHBOAD_BOX_420 
    --------------------------------- */
	div.SELLERS_DASHBOAD_BOX_420{
		width:86%;
        margin:0 auto;
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
	  flex-direction:row;
	  align-items: flex-start;
	}

/*
    For Left Side(menu).
*/
	div.SELLERS_DASHBOAD_BOX_LEFT_420{
	  width:20%;
	  margin-bottom:20px;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_PROFILE_420 li{
	  margin-bottom:10px;
	  font-size:0.9em;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_PROFILE_420 li strong{
	  font-size:1.2em;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_PROFILE_420 li img{
	  width:100%;
	  height:auto;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_PROFILE_420 li.PROFILE_EDIT_420 {
		width: 100%;
		height: auto;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li{
	  padding:6px 0;
	  font-size:0.9em;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.ttl{
	  border-top:1px solid #ccc;
	  font-size:1.1em;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.tra_menu{
	  border-top:1px solid #ccc;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.all{
	  margin-top:10px;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li a{
	  color:#333;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li a:hover{
		color: #71C5E8;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.th{
	  border-top:1px solid #ccc;
      /*margin-top:10px;*/
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.ch{
	  border-bottom:1px solid #ccc;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.th img{
	  width:16px;
      height:auto;
      margin-right:5px;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.en{
	  border-top:1px solid #ccc;
      /*margin-top:10px;*/
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.en img{
	  width:16px;
      height:auto;
      margin-right:5px;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.ch img{
	  width:16px;
      height:auto;
      margin-right:5px;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.for_sp{
		font-size:0.8em;
	  padding:3px 0;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.for_sp a{
	  color:#434343;
	  text-decoration:underline;
	}


	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.for_sp a:hover{
		color: #71C5E8;
	}


	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_INBOX_420{
	  border-top:1px solid #ccc;
	  border-bottom:1px solid #ccc;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_INBOX_420 li{
	  padding:6px 0;
	  font-size:1.1em;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_INBOX_420 li a{
	  color:#333;
	}

/*
    For Right Side(menu & contents).
*/
	div.SELLERS_DASHBOAD_BOX_RIGHT_420{
	  width:77%;
	  margin-left:3%;
	}

	div.SELLERS_DASHBOAD_BOX_RIGHT_420 div.SELLERS_DASHBOAD_CREATE_420{
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  box-sizing: border-box;
	  width:100%;
		border-radius: 6px;
		border:1px solid #ccc;
		padding:14px 0;
		margin-bottom:20px;
	}

	/* Create Menu */
	div.SELLERS_DASHBOAD_CREATE_420 ul{
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
	  flex-direction:row;
	  align-items: flex-start;
	}

	div.SELLERS_DASHBOAD_CREATE_420 ul li{
	  border-right:1px solid #ccc;
	  font-size:0.9em;
	  width:33%;
	}

	div.SELLERS_DASHBOAD_CREATE_420 ul li a{
	  color:#434343;
	  display:block;
	  padding:20px;
	  text-align:center;
	}

	div.SELLERS_DASHBOAD_CREATE_420 ul li:last-child{
	  border-right:none;
	}

	div.SELLERS_DASHBOAD_CREATE_420 ul li a:hover{
		color: #71C5E8;
	}

	div.SELLERS_DASHBOAD_CREATE_420 ul li img{
	  width:24px;
      height:auto;
	}

	div.SELLERS_DASHBOAD_LANG_420{
		margin-bottom:40px;
	}

	div.SELLERS_DASHBOAD_LANG_420 ul li{
	  font-size:0.8em;
	}

	div.SELLERS_DASHBOAD_LANG_420 ul li a{
	  color:#434343;
	  text-decoration:underline;
	}

	div.SELLERS_DASHBOAD_LANG_420 ul li a:hover{
		color: #71C5E8;
	}

	/* Search */
	div.SELLERS_DASHBOAD_SEARCH_420{
	  width: 100%;
      text-align:right;
      position:relative;
	}

	div.SELLERS_DASHBOAD_SEARCH_420 input[type="text"]{
	  width: 330px;
		padding: 8px 10px;
		border: 1px solid #999;
		border-radius: 4px;
		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.SELLERS_DASHBOAD_SEARCH_420 input[type="text"]::placeholder {
      color: #999;
      font-size:0.8em;
      font-weight:normal;
    }

	div.SELLERS_DASHBOAD_SEARCH_420 input[type="image"] {
	  width: 28px;
      height:auto;
      position:absolute;
      right:10px;
      bottom:6px;
    }

	/* Listing Area */
	div.SELLERS_DASHBOAD_ITEMBOX_420{
	  width: 100%;
	}

	div.SELLERS_DASHBOAD_ITEMBOX_420 h3{
		font-size:1.1em;
		margin-bottom:20px;
	}

	div.SELLERS_DASHBOAD_ITEMBOX_420 h3:lang(zh) {
		font-weight:bold;
		-webkit-text-stroke:0;
	}

	div.SELLERS_DASHBOAD_ITEMBOX_WRP_420{
	  width: 100%;
	}

	div.SELLERS_DASHBOAD_ITEMBOX_WRP_420 table{
	  width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}

	div.SELLERS_DASHBOAD_ITEMBOX_WRP_420 tr, div.SELLERS_DASHBOAD_ITEMBOX_WRP_420 td{
	  padding:0;
	  margin:0;
	}

	div.SELLERS_DASHBOAD_ITEMBOX_WRP_420 div.NOITEM_MSG_420{
		font-size:0.8em;
		font-weight:bold;
		padding:10px;
		border-bottom:1px dotted #999;
	}

	div.ITEM_WRP_420{
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
	  border:1px solid #ccc;
	  width: 100%;
	  height: 230px;
	  border-radius:6px;
	  margin-bottom:10px;
		position: relative;
	}

	div.ITEM_SOLDOUT_420{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,0.4);
		text-align:center;
		padding-top:60px;
	  border-radius:6px;
	  z-index:0;
	}

	div.ITEM_SOLDOUT_420 img{
		width:300px;
		height:auto;
	}

	div.ITEM_WRP_420 div.ITEM_LEFT_420{
		width:25%;
		height:230px;
	  position: relative;
	}

	div.ITEM_WRP_420 div.ITEM_LEFT_420 img{
	  object-fit: cover;
	  position: absolute;
	  width: 100%;
	  /*height: 100%;*/
	  height: calc(100% - 2px);
	  border-radius:6px 0 0 6px;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420{
		width:75%;
		height:230px;
		padding:10px 20px;
		font-size:0.9em;
		position:relative;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_TITLE_420{
		width:100%;
	  position: relative;
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
	  margin-bottom:10px;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_TITLE_420 h4{
		width:90%;
	  font-weight:normal;
	 /* height: calc( 1.3em * 3 );
	  line-height: 1.3;
	  overflow:hidden;*/
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
		word-break:break-all;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_TITLE_420 h4 a{
	  color:#434343;
		font-size:130%;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_TITLE_420 h4 a:hover{
		color:#71C5E8;
	  transition: 0.3s;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_TITLE_420 h4:lang(ja) {
	  font-family: 'NotoSansCJKjp-Regular', sans-serif;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_TITLE_420 h4:lang(en) {
	  font-family: 'NotoSansCJKjp-Regular', sans-serif;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_TITLE_420 h4:lang(th) {
	  font-family: 'NotoSansCJKjp-Regular', sans-serif;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_TITLE_420 h4:lang(zh) {
		-webkit-text-stroke:0;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_TITLE_420 div.star_420{
		position:absolute;
        right:0;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_ID_420{
	  position: relative;
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
	  margin-bottom:10px;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_ID_420 p{
	  padding:0;
	  margin:0;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_ID_420 p.id_420{
	  display:block;
	  width:110px;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_TXT_420{
	  height: calc( 1.3em * 4 );
	  line-height: 1.3;
	  margin-bottom:4px;
	  overflow:hidden;
      display:none;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_TXT_420 p{
	  padding:0;
	  margin:0;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_DUP_420{
	  display:flex;
      justify-content: flex-end;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_DUP_420 p{
	  padding:0;
	  margin:0;
      line-height:1.3em;
      font-size:0.8em;
      padding-left:34px;
		background:url(../imgs/duplication.png) no-repeat left;
		background-size: 30px 30px;
        height:30px;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_DUP_420 p:first-child{
	  margin-right:20px;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_BTNS_420{
	  position:absolute;
	  right:10px;
	  bottom:10px;
	  text-align:right;
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
		 -webkit-align-items: center;
		 align-items: center;
	  z-index:1;
	  background:#fff;
	  border-radius:4px;
	  padding:8px 0;
	 }

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_BTNS_420 a{
    font-size: 1.1em;
    color: #c10000;
		border-right:2px solid #c10000;
		padding:0 20px;
		line-height:1.1em;
  }

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_BTNS_420 a:last-child{
		border-right:0;
  }

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_BTNS_420 a:hover{
		font-weight:bold;
		transition: .3s;
  }

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_BTNS_420 a:hover::after {
		width: 100%;
	}

	div.SELLERS_DASHBOAD_ITEMBOX_420 div.ITEM_PAGER_420{
		text-align:center;
    font-size:1.0em;
	}

	div.SELLERS_DASHBOAD_ITEMBOX_420 div.ITEM_PAGER_420 span{
    color: #71C5E8;
    cursor: pointer;
    padding:5px;
	}

	div.SELLERS_DASHBOAD_ITEMBOX_420 div.ITEM_PAGER_420 span:hover{
    color: #434343;
	}

	div.SELLERS_DASHBOAD_ITEMBOX_420 div.ITEM_PAGER_420 label{
    color: #71C5E8;
    padding:5px;
	}




/************************************** For SP. **************************************/
@media screen and (max-width:767px){
	div.SELLER_WP{
        border-bottom:0;
        line-height:2.0em;
	}

	div.SELLERS_DASHBOAD_H2_420 h2{
		width:100%;
		padding:0 20px;
	}

	div.SELLERS_DASHBOAD_BOX_420{
		width:100%;
	  flex-wrap: wrap;
		padding:0 20px;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420{
	  width:100%;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_PROFILE_420 li img{
	  width:50%;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_PROFILE_420 li.PROFILE_EDIT_420{
	  text-align:center;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.for_sp{
		display:block;
		width:100%;
		font-size:0.8em;
	  padding:3px 0;
	}

	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.for_sp a{
	  color:#434343;
	  text-decoration:underline;
	}


	div.SELLERS_DASHBOAD_BOX_LEFT_420 ul.UL_MENU_420 li.for_sp a:hover{
		color: #71C5E8;
	}



	div.SELLERS_DASHBOAD_BOX_RIGHT_420{
	  width:100%;
	  margin-left:0;
	  margin-top:30px;
	}

	div.SELLERS_DASHBOAD_CREATE_420{
		display:none;
	}

	div.SELLERS_DASHBOAD_LANG_420{
		display:none;
	}

	div.ITEM_WRP_420{
	  flex-wrap: wrap;
	  height: 500px;
	}

	div.FORM_BTN_420 {
		text-align:center;
	}

	div.FORM_BTN_420 input[type="button"] {
		padding: 7px 70px;
	}

	div.ITEM_WRP_420 div.ITEM_LEFT_420{
		width:100%;
		height:220px;
	}

	div.ITEM_WRP_420 div.ITEM_LEFT_420 img{
	  border-radius:6px 6px 0 0;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420{
	  width:100%;
	  padding:0 10px 30px 10px;
	  height:auto;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_TAG_420{
	  width:100%;
	  margin-bottom:4px;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_TAG_420 p{
	  margin-bottom:9px;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_BTN_420{
    position: static;
    text-align:center;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_BTN_420 input[type="button"] {
		width:100%;
    padding:10px;
  }

	div.ITEM_SOLDOUT_420{
		padding-top:160px;
	  z-index:0;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_MSGS_420{
	  width:96%;
	  margin:0 auto;
	  text-align:center;
	  line-height:1.2;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_BTNS_420{
	  position:absolute;
	  z-index:1;
	  width:96%;
	  margin:0 auto;
	  right:2%;
	  text-align:center;
	  justify-content: center;
	}

	div.ITEM_WRP_420 div.ITEM_RIGHT_420 div.ITEM_RIGHT_BTNS_420 a{
		/*padding:0 14px;*/
		width:25%;
	  text-align:center;
	  padding:0;
	}

	p.SCH_SCT_420{
		  width:50%;
	}

	p.SCH_BTN_420{
		  width:50%;
	}

	div.SELLERS_DASHBOAD_SEARCH_420{
      text-align:left;
      margin-bottom:20px;
	}

	div.SELLERS_DASHBOAD_SEARCH_420 input[type="text"]{
		  width:100%;
	}



}