/*
    account_base.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.ACC_WP{
	width:100%;
	border-bottom:1px solid #434343;
	padding-bottom:50px;
	line-height:1.8em;
    background:#F9FEFF;
    padding-top:50px;
  }

  /* ---------------------------------
      For My Account(TOP) 
    --------------------------------- */
  div.ACC_TOP_BASE{
	width:86%;
    max-width: 1000px;
    margin:0 auto;
  }

  div.ACC_TOP_BASE h2{
    margin-bottom:40px;
    font-size:1.8em;
  }

  /* MAIN */
  div.ACC_TOP_MAIN{
	display:flex;
    justify-content: space-between;
    margin-bottom:40px;
  }

  /* MAIN:LEFT */
  div.ACC_TOP_MAIN_LEFT{
	width:26%;
  }

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

  div.ACC_TOP_MAIN_LEFT_WP{
    margin-bottom:20px;
    border:1px solid #ccc;
    background:#fff;
    padding:20px;
  }

  div.ACC_TOP_MENU_PC{
    margin-bottom:20px;
  }

  div.ACC_TOP_MENU_PC h3{
    text-decoration:underline;
    margin-bottom:10px;
  }

  div.ACC_TOP_MENU_PC ul{
	display:flex;
	flex-wrap: wrap;
    font-size:80%;
  }

  div.ACC_TOP_MENU_PC ul li{
	width:50%;
    cursor: pointer;
  }

  div.ACC_TOP_MENU_PC ul li:hover{
    background:#f2f2f2;
  }

  div.ACC_TOP_MAIN_LEFT_PRO{
  }

  div.ACC_TOP_MAIN_LEFT_PRO_PSN{
    display:flex;
    flex-wrap:wrap;
    position:relative;
    padding-bottom:20px;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_IMG{
	width: 66px;
    position:relative;
    /*position:absolute;
    top:0;
    left:0;*/
  }

/*  div.ACC_TOP_MAIN_LEFT_PRO_IMG::before{
    content: "";
    padding-top: 100%;
    display: block;
  }
*/
  div.ACC_TOP_MAIN_LEFT_PRO_IMG img{
	width: 66px;
    height: 66px;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_IMG span{
	width:20px;
    height:20px;
    position:absolute;
    right:4px;
    top:44px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	background: rgba(0,0,0,0.5);
    z-index:100;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_IMG span img{
	width: 60%;
    height: auto;
    top: 20%;
    left: 20%;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_BADGE{
    width:100%;
    position:absolute;
    left:0;
    top:70px;
    font-size:66%;
    line-height:1.2em;
    text-align:center;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_BADGE p.ACC_BADGE_BUYER{
	width: 66px;
    position:absolute;
    left:0;
    top:0;
    font-size:66%;
    text-align:center;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_BADGE p.ACC_BADGE_BUYER img{
    width:78%;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_BADGE p.ACC_BADGE_BUYER span{
    line-height:1.2em;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_BADGE p.ACC_BADGE_SELLER{
	width: 66px;
    position:absolute;
    left:0;
    top:0;
    font-size:66%;
    text-align:center;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_BADGE p.ACC_BADGE_SELLER img{
    width:78%;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_BADGE p.ACC_BADGE_SELLER span{
    line-height:1.2em;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_NAME{
	width:calc(100% - 70px);
    margin-left:4px;
    /*margin-left:36%;
    line-height:1.4em;*/
    position:relative;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_NAME{
	font-weight:bold;
    font-size:110%;
	word-break:break-all;
    margin-bottom:10px;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_EDIT{
    font-size:80%;
    height:auto;
    margin-bottom:2px;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_EDIT a:hover{
     background:#f2f2f2;
 }


  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_EDIT img{
	width:14px;
	height:14px;
    margin-right:4px;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_END{
    font-size:80%;
	word-break:break-all;
    height:auto;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_PLAN{
    font-size:80%;
	word-break:break-all;
    margin-bottom:4px;
    height:auto;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_END strong{
	font-weight:normal;
    display:block;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_PLAN strong{
	font-weight:normal;
  }

/*  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_PERIOD{
    font-size:72%;
    line-height:1.6em;
  }
*/
  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_PERIOD{
    display:none;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_CONTINUE_SUP{
   /* position:absolute;
    top:10px;
    right:0;*/
    font-size:74%;
    background:#184377;
    color:#fff;
    width:120px;
    text-align:center;
    border-radius:4px;
    cursor:pointer;
    margin-bottom:15px;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_LOGOUT{
    font-size:80%;
    text-align:right;
    padding-right:4px;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_LOGOUT a:hover{
     background:#f2f2f2;
 }


/*  div.ACC_TOP_MAIN_LEFT_PRO_OTR{
    position:relative;
    height:3em;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_OTR p{
    font-size:80%;
    line-height:1.4em;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_OTR p.DAY_LEFT{
	font-weight:bold;
    color:#e00;
    position:absolute;
    top:0;
    right:0;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_OTR p.DAY_LEFT{
    display:none;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_OTR p.ACC_SET_SP{
	display:none;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_OTR p.ACC_LOGOUT{
    position:absolute;
    top:13px;
    right:130px;
 }

  div.ACC_TOP_MAIN_LEFT_PRO_OTR p.ACC_LOGOUT:hover{
     background:#f2f2f2;
 }

  div.ACC_TOP_MAIN_LEFT_PRO_OTR p.ACC_CONTINUE_SUP{
    position:absolute;
    top:10px;
    right:0;
    font-size:72%;
    background:#184377;
    color:#fff;
    padding:2px 5px;
    width:120px;
    text-align:center;
    border-radius:4px;
    cursor:pointer;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_OTR{
    position:relative;
    height:3em;
  }
*/
  div.ACC_TOP_MAIN_LEFT_PRO_LIST{
  }

/*  div.ACC_TOP_MAIN_LEFT_PRO_LIST p{
    font-size:80%;
    line-height:1.4em;
    text-align:right;
    margin-bottom:6px;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_LIST p a:hover{
     background:#f2f2f2;
 }

  div.ACC_TOP_MAIN_LEFT_PRO_LIST p img{
	width:16px;
	height:16px;
    margin-right:6px;
  }
*/
  div.ACC_TOP_MAIN_LEFT_PRO_LIST ul li{
    font-size:80%;
	width:100%;
    border:1px solid #ccc;
    margin-bottom:8px;
    line-height:1.4em;
    padding:3px 10px;
	word-break:break-all;
    position:relative;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; /*Safari*/
    -o-text-overflow: ellipsis; /*Opera*/
  }

  div.ACC_TOP_MAIN_LEFT_PRO_LIST ul li span.G_TTL{
    display:inline-block;
	width:70px;
  }

  div.ACC_TOP_MAIN_LEFT_REC{
    border:1px solid #ccc;
    background:#fff;
    padding:20px;
  }

  div.ACC_TOP_MAIN_LEFT_REC h4{
    margin-bottom:10px;
    font-size:80%;
  }

  div.ACC_TOP_MAIN_LEFT_REC_BOX{
    display:flex;
    justify-content:space-between;
    align-items:center;
  }

  div.ACC_TOP_MAIN_LEFT_REC_BOX_IMG{
	width:55%;
	position:relative;
  }

  div.ACC_TOP_MAIN_LEFT_REC_BOX_IMG p{
	  padding:0;
	  margin:0;
	  position:absolute;
	  bottom:0;
	  left:0;
	  display:block;
	  width: 100%;
		height:20px;
	  background:rgba(224, 224, 224, 0.8);
	  z-index:3;
	  text-align:center;
	  color:#BD0A0A;
	  font-size:60%;
	  font-weight:bold;
	  line-height:1.2em;
  }

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

  div.ACC_TOP_MAIN_LEFT_REC_BOX div.IMG_BLUR img{
	  opacity: 0.6;
  }
  div.ACC_TOP_MAIN_LEFT_REC_BOX_DTL{
	width:40%;
    font-size:80%;
    line-height:1.8em;
  }

  div.ACC_TOP_MAIN_LEFT_REC_BOX_DTL p:last-child{
    font-size:130%;
    font-weight:bold;
  }

  /* MAIN:RIGHT */
  div.ACC_TOP_MAIN_RIGHT{
	width:70%;
    border:1px solid #ccc;
    background:#fff;
    padding: 20px 30px 0 30px;
    position:relative;
  }

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

  div.ACC_TOP_MAIN_RIGHT_NOBDR{
	width:70%;
    padding: 0;
  }

  div.ACC_TOP_MAIN_RIGHT_SVC{
	width:70%;
    padding: 20px 30px 0 30px;
    border:1px solid #ccc;
    background:#fff;
  }

  div.ACC_TOP_MAIN_RIGHT h3{
    font-size:120%;
    margin-bottom:20px;
  }


  /* BOTTOM */
  div.ACC_TOP_SLIDE{
	width:100%;
    border:1px solid #ccc;
    margin-bottom:60px;
    background:#fff;
    padding:30px 40px;
  }

  div.ACC_TOP_SLIDE h4{
    margin-bottom:10px;
    font-size:100%;
    margin-bottom:20px;
    padding-left:1%;
  }

  div.ACC_TOP_SLIDE01{
    margin-bottom:60px;
  }

  div.ACC_RECENT_BOX{
    /*border:1px solid #ccc;*/
	width: 23%;
    margin:1%;
    height:auto;
  }

  div.RECENT_VIEW_ITEM_IMG_000{
	width:100%;
	position:relative;
  }

  div.RECENT_VIEW_ITEM_IMG_000 p{
	  padding:0;
	  margin:0;
	  position:absolute;
	  bottom:0;
	  left:0;
	  display:block;
	  width: 100%;
		height:20px;
	  background:rgba(224, 224, 224, 0.8);
	  z-index:3;
	  text-align:center;
	  color:#BD0A0A;
	  font-size:70%;
	  font-weight:bold;
	  line-height:1.6em;
	}

  div.ACC_RECENT_BOX div.IMG_BLUR img{
	  opacity: 0.6;
  }



  div.ACC_RECENT_BOX_IMG{
	width:100%;
  }

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

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

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

  div.ACC_RECENT_BOX_DTL p:first-child{
	width:100%;
  }

  div.ACC_RECENT_BOX_DTL p:nth-child(2){
	width:50%;
  }

  div.ACC_RECENT_BOX_DTL p:last-child{
	width:50%;
    font-size:130%;
    font-weight:bold;
    text-align:right;
  }

  div.ACC_TOP_SLIDE02{
    margin-bottom:20px;
  }

  div.ACC_RECOMMEND_SP_BOX_WP{
    display:none;
  }

  div.ACC_RECOMMEND_PC_BOX_WP{
  }




ul.ACC_REC_LIST{
    display:flex;
    flex-wrap:wrap;
  }

ul.ACC_REC_LIST li.hidden {
    opacity: 0;
    height: 0;
    margin: 0;
}

ul.ACC_REC_LIST li{
    /*border:1px solid #ccc;*/
	width: 23%;
    margin:1%;
    height:auto;
  }

  div.ACC_RECOMMEND_BOX{
	width:100%;
  }

  div.ACC_RECOMMEND_BOX_IMG{
	width:100%;
	position:relative;
  }

  div.ACC_RECOMMEND_BOX_IMG p{
	  padding:0;
	  margin:0;
	  position:absolute;
	  bottom:0;
	  left:0;
	  display:block;
	  width: 100%;
		height:20px;
	  background:rgba(224, 224, 224, 0.8);
	  z-index:3;
	  text-align:center;
	  color:#BD0A0A;
	  font-size:70%;
	  font-weight:bold;
	  line-height:1.6em;
  }

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

  div.ACC_RECOMMEND_BOX div.IMG_BLUR img{
	  opacity: 0.6;
  }

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

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

  div.ACC_RECOMMEND_BOX_DTL p:first-child{
	width:100%;
  }

  div.ACC_RECOMMEND_BOX_DTL p:nth-child(2){
	width:50%;
  }

  div.ACC_RECOMMEND_BOX_DTL p:last-child{
	width:50%;
    font-size:130%;
    font-weight:bold;
    text-align:right;
  }

  div.SIGNUP_BTN_121{
    width:100%;
    display: flex;
    justify-content: center;
    margin:40px 0 80px 0;
  }
  

  div.READBTN{
    width:140px;
    margin:0 auto;
    display:block;
    text-align:center;
    padding: 6px 10px;
    background: #434343;
    border-radius: 10px;
    font-size: 80%;
    color: #fff;
    margin-top:40px;
  }

  div.READBTN:hover {
    cursor: pointer;
    background: #71C5E8;
    color:#fff;
    transition: all .5s;
  }

  /* Only SP */
  div.ACC_TOP_MENU_SP{
    display:none;
  }

	div.LISTING_MAIN_CONTENTS_PAGER ul{
        display:flex;
        justify-content: center;
        align-items: center;
  }

	div.LISTING_MAIN_CONTENTS_PAGER ul li{
        font-weight:bold;
        border-left:1px solid #999;
        border-top:1px solid #999;
        border-bottom:1px solid #999;
  }

	div.LISTING_MAIN_CONTENTS_PAGER ul li.next{
        border-right:1px solid #999;
  }

	div.LISTING_MAIN_CONTENTS_PAGER ul li a{
        display:block;
        padding:3px 12px;
  }

	div.LISTING_MAIN_CONTENTS_PAGER ul li a:hover{
        background: #e3e3e3;
        transition: all .5s;
  }

	div.LISTING_MAIN_CONTENTS_PAGER ul li.dot{
        display:block;
        padding:3px 12px;
  }

	div.LISTING_MAIN_CONTENTS_PAGER ul li.active{
        color:#fff;
        background:#184377;
  }












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

  div.ACC_TOP_BASE{
    width:100%;
    padding:0 20px;
    -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_TOP_BASE h2{
    font-size:120%;
    margin-bottom:20px;
  }

  /* MAIN */
  div.ACC_TOP_MAIN{
	display:block;
    margin-bottom:20px;
  }

  /* MAIN:LEFT */
  div.ACC_TOP_MAIN_LEFT{
	width:100%;
    margin-bottom:20px;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_PSN{
  }

  div.ACC_TOP_MAIN_LEFT_WP{
    padding: 20px 10px;
  }

  div.ACC_TOP_MENU_PC{
    display:none;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_OTR{
    padding-left:35%;
    height:auto;
    padding-top:3em;
  }

/*  div.ACC_TOP_MAIN_LEFT_PRO_OTR p.DAY_LEFT{
    position:relative;
    margin-bottom:10px;
    text-align:right;
  }
*/
  div.ACC_TOP_MAIN_LEFT_PRO_OTR p.ACC_SET_SP{
	display:block;
    margin-bottom:10px;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_OTR p.ACC_LOGOUT{
    position:relative;
    top:0;
    left:0;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_OTR p.ACC_CONTINUE_SUP{
    position:relative;
    top:-86px;
    left:0;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_LIST{
    display:none;
  }

  div.ACC_TOP_MAIN_LEFT_REC{
    padding:  10px;
  }

  div.ACC_TOP_MAIN_LEFT_REC h4{
    font-size:100%;
  }


  div.ACC_TOP_MAIN_LEFT_REC_BOX_IMG{
	width:45%;
  }

  div.ACC_TOP_MAIN_LEFT_REC_BOX_DTL{
	width:50%;
    font-size:100%;
  }

  div.ACC_TOP_MAIN_LEFT_REC_BOX_DTL p:last-child{
    margin-top:8px;
  }

  div.ACC_TOP_MAIN_LEFT_PRO_NAME p.ACC_LOGOUT{
    text-align:left;
  }


  /* MAIN:RIGHT */
  div.ACC_TOP_MAIN_RIGHT{
	width:100%;
    padding:20px 10px;
  }

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

  div.ACC_TOP_MAIN_RIGHT_SVC{
	width:100%;
    padding:20px 10px;
    border:0;
    background:none;
  }

  /* BOTTOM */
  div.ACC_TOP_SLIDE{
    margin-bottom:40px;
    padding:10px;
  }

  div.ACC_TOP_SLIDE h4{
    margin-bottom:10px;
  }

  div.ACC_TOP_SLIDE01{
    margin-bottom:80px;
  }

  div.ACC_RECENT_BOX{
	width: 100%;
    margin:10px;
  }

  div.ACC_RECENT_BOX_IMG{
	width:100%;
  }

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

  div.ACC_RECENT_BOX_DTL p:last-child{
    font-size:140%;
  }

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

  div.ACC_RECOMMEND_SP_BOX_WP{
    display:block;
  }

  div.ACC_RECOMMEND_SP_BOX{
	width: 100%;
    height:auto;
  }

  div.ACC_RECOMMEND_SP_BOX_IMG{
	width:100%;
	position:relative;
  }

  div.ACC_RECOMMEND_SP_BOX_IMG p{
	  padding:0;
	  margin:0;
	  position:absolute;
	  bottom:0;
	  left:0;
	  display:block;
	  width: 100%;
		height:20px;
	  background:rgba(224, 224, 224, 0.8);
	  z-index:3;
	  text-align:center;
	  color:#BD0A0A;
	  font-size:70%;
	  font-weight:bold;
	  line-height:1.6em;
  }
  div.ACC_RECOMMEND_SP_BOX_IMG img{
	width:100%;
	aspect-ratio: 4 / 3;
    object-fit: cover;
  }

  div.ACC_RECOMMEND_SP_BOX div.IMG_BLUR img{
	  opacity: 0.6;
  }

  div.ACC_RECOMMEND_BOX{
	width: 100%;
    margin:10px;
    height:auto;
  }

  div.ACC_RECOMMEND_BOX_IMG{
	width:100%;
  }

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

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

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

  div.ACC_RECOMMEND_BOX_DTL p:first-child{
	width:100%;
  }

  div.ACC_RECOMMEND_BOX_DTL p:nth-child(2){
	width:50%;
  }

  div.ACC_RECOMMEND_BOX_DTL p:last-child{
	width:50%;
    font-size:140%;
    font-weight:bold;
    text-align:right;
  }

  div.ACC_RECOMMEND_PC_BOX_WP{
    display:none;
  }

  /* Only SP */
  div.ACC_TOP_MENU_SP{
    display:block;
    text-align:center;
  }
 
  div.ACC_TOP_MENU_SP h3{
    font-size:110%;
    text-decoration:underline;
    margin-bottom:10px;
  }

  div.ACC_TOP_MENU_SP ul{
    font-size:90%;
  }

  div.ACC_TOP_MENU_SP ul li{
    margin-bottom:8px;
  }

  div.SP_LEFT_HDN{
    display:none;
  }

  h2.SP_H2_HDN{
    display:none;
  }

	div.LISTING_MAIN_CONTENTS_PAGER ul li.next{
		font-size:0.9em;
  }

	div.LISTING_MAIN_CONTENTS_PAGER ul li.prev{
		font-size:0.9em;
  }











}