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

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

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

  /* ---------------------------------
      For BUYERS_DASHBOAD_BOX_410 
    --------------------------------- */
	div.BUYERS_DASHBOAD_BOX_410{
		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.BUYERS_DASHBOAD_BOX_LEFT_410{
	  width:20%;
	  margin-bottom:20px;
	}

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

	div.BUYERS_DASHBOAD_BOX_LEFT_410 ul.UL_PROFILE_410 li strong{
	  font-size:1.2em;
	}

	div.BUYERS_DASHBOAD_BOX_LEFT_410 ul.UL_PROFILE_410 li img{
	  width:100%;
	  height:auto;
	}

	div.BUYERS_DASHBOAD_BOX_LEFT_410 ul.UL_PROFILE_410 li.PROFILE_EDIT_410 {
		width: 100%;
		height: auto;
	}

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

	div.BUYERS_DASHBOAD_BOX_LEFT_410 ul.UL_MENU_410 li a{
	  color:#333;
	}

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

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

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

	div.BUYERS_DASHBOAD_BOX_LEFT_410 ul.UL_MENU_INBOX_410 li a{
	  color:#333;
	}

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

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

	div.BUYERS_DASHBOAD_BOX_RIGHT_410 div.BUYERS_DASHBOAD_CREATE_410{
	  -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;
	}


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

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

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

	div.BUYERS_DASHBOAD_ITEMBOX_WRP_410{
	  width: 100%;
	}

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

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

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

	div.ITEM_WRP_410{
	  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: 270px;
	  border-radius:6px;
	  margin-bottom:10px;
		position: relative;
	}

	div.ITEM_SOLDOUT_410{
		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_410 img{
		width:300px;
		height:auto;
	}

	div.ITEM_WRP_410 div.ITEM_LEFT_410{
		width:25%;
		height:270px;
	  position: relative;
	}

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

	div.ITEM_WRP_410 div.ITEM_RIGHT_410{
		width:75%;
		height:270px;
		padding:10px 20px;
		font-size:0.9em;
		position:relative;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_TITLE_410{
		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_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_TITLE_410 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_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_TITLE_410 h4 a{
		font-size:130%;
	  color:#434343;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_TITLE_410 h4 a:hover{
		color:#71C5E8;
	  transition: 0.3s;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_TITLE_410 h4:lang(ja) {
	  font-family: 'NotoSansCJKjp-Regular', sans-serif;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_TITLE_410 h4:lang(en) {
	  font-family: 'NotoSansCJKjp-Regular', sans-serif;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_TITLE_410 h4:lang(th) {
	  font-family: 'NotoSansCJKjp-Regular', sans-serif;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_TITLE_410 h4:lang(zh) {
		-webkit-text-stroke:0;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_TITLE_410 div.star_410{
		position:absolute;
        right:0;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_ID_410{
	  position: relative;
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
	  margin-bottom:4px;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_ID_410 p{
	  padding:0;
	  margin:0;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_ID_410 p.id_410{
	  display:block;
	  width:110px;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_TXT_410{
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      line-height:1.3em;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_TXT_410 p{
	  padding:0;
	  margin:0;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_DUP_410{
	  display:flex;
      justify-content: flex-end;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_DUP_410 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;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_DUP_410 p:first-child{
	  margin-right:20px;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_BTNS_410{
	  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_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_BTNS_410 a{
    font-size: 1.1em;
    color: #c10000;
		border-right:2px solid #c10000;
		padding:0 20px;
		line-height:1.1em;
  }

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_BTNS_410 a:last-child{
		border-right:0;
  }

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_BTNS_410 a:hover{
		font-weight:bold;
		transition: .3s;
  }

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_BTNS_410 a:hover::after {
		width: 100%;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_BTN_410{
	  position:absolute;
	  right:10px;
	  bottom:20px;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_BTN_410 input[type="button"] {
    padding: 6px 30px;
    border-radius: 4px;
    background: #434343;
    font-size: 1.0em;
    color: #fff;
    cursor: pointer;
  }

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_BTN_410 input[type="button"]:hover {
    background: #71C5E8;
    color:#fff;
    transition: all .5s;
  }

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_BTN_410 a {
		display:block;
    padding: 6px 30px;
    border-radius: 4px;
    background: #434343;
    font-size: 1.0em;
    color: #fff;
    cursor: pointer;
  }

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_BTN_410 a:hover {
    background: #71C5E8;
    color:#fff;
    transition: all .5s;
  }




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

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

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

	div.BUYERS_DASHBOAD_BOX_LEFT_410{
	  width:100%;
	}

	div.BUYERS_DASHBOAD_BOX_LEFT_410 ul.UL_PROFILE_410 li img{
	  width:50%;
	}

	div.BUYERS_DASHBOAD_BOX_LEFT_410 ul.UL_PROFILE_410 li.PROFILE_EDIT_410{
	  text-align:center;
	}

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

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


	div.BUYERS_DASHBOAD_BOX_LEFT_410 ul.UL_MENU_410 li.for_sp a:hover{
		color: #71C5E8;
	}



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

	div.BUYERS_DASHBOAD_CREATE_410{
		display:none;
	}

	div.BUYERS_DASHBOAD_LANG_410{
		display:none;
	}

	div.ITEM_WRP_410{
	  flex-wrap: wrap;
	  height: 530px;
	}

	div.FORM_BTN_410 {
		text-align:center;
	}

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

	div.ITEM_WRP_410 div.ITEM_LEFT_410{
		width:100%;
		height:220px;
	}

	div.ITEM_WRP_410 div.ITEM_LEFT_410 img{
	  border-radius:6px 6px 0 0;
	}

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

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_TAG_410{
	  width:100%;
	  margin-bottom:4px;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_TAG_410 p{
	  margin-bottom:9px;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_BTN_410{
    /*position: static;
    text-align:center;*/
		width:90%;
	left: 50%;
	transform: translateX(-50%);
    text-align:center;
	}

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_BTN_410 input[type="button"] {
		width:100%;
    padding:10px;
  }

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

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_MSGS_410{
	  width:96%;
	  margin:0 auto;
	  text-align:center;
	  line-height:1.2;
	}

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

	div.ITEM_WRP_410 div.ITEM_RIGHT_410 div.ITEM_RIGHT_BTNS_410 a{
		/*padding:0 14px;*/
		width:25%;
	  text-align:center;
	  padding:0;
	}

	p.SCH_SCT_410{
		  width:50%;
	}

	p.SCH_BTN_410{
		  width:50%;
	}





}