﻿.usedPwcUpdate{
	padding:10px;
}

.usedPwcContents, .usedPwcContents2{
	
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}



.usedPwcProducts{
	width:30%;
	margin:10px;
}

.usedPwcProducts div{
	padding:10px;
	text-align:center;
}

.usedPwcProducts div:nth-child(n+3){
	border-bottom:thin black dashed;
}
.usedPwcImg{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:0px 0px 10px 0px;
}
.usedPwcImg img{
	width:100%;
}

.usedPwcMaker{
	background-color:#BA181B;
	border-radius:10px;
	color:white;
	margin-bottom:10px;
}

.usedPwcStatus{
	background-color:#99d9d9;
	border-radius:10px;
	color:white;
}


.usedPwcLeft{
	width:60%;
	
}

.usedPwcRight{
	width:30%;
	background-color:#F5F3F4;
	margin:0 10px;
	padding:10px;
}

.usedPwcRight div{
	padding:10px;
	text-align:center;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex-wrap:wrap;

}

.usedPwcRight div p{
	padding:5px;
}
.usedPwcRight div:nth-child(n+3){
	border-bottom:thin black dashed;
}


.usedPwcRight div:last-child{
	border-bottom:none;
}

.commentArea{
	width:100%;
	position:relative;
}
.staffCommentWrapper{
	display:inline-block;
	position:relative;
	width:auto;
	max-width:80%;
}

.staffImg{
	width:10%;
  margin: 1.5em 15px 1.5em 0;
  display:inline-block;
  position:absolute;
  bottom:0;
}
.staffImg img{
	width:100%;
}
.staffComment{
	position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  color: #555;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
  border-radius: 15px;
}

.staffComment:before{
content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
  }
  
  .staffComment:after{
content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #555;
  z-index: 1;
  }
.staffComment p{
	margin: 0;
  padding: 20px;
}

.backToindex{
	padding:10px;
}
.toiawaseArea{
	padding:10px;
}

.usedPwcButton1{
	background-color: #0080af;
    padding: 10px 20px;
    margin: 20px 5px;
    color: white;
    border-radius: 5px;
    display:inline-block;
    }

.usedPwcButton2{
	background-color: white;
    padding: 10px 20px;
    margin: 20px 5px;
    color: #0080af;
    border-radius: 5px;
	border:thin #0080af solid;
    display:inline-block;
    }
    
.usedPwcButton1 a{	
    text-decoration:none;
}    

.usedPwcButton2 a{
	text-decoration:none;}
/**********************************************************************************************/
@media screen and (max-width: 599px){/* 599px以下*/
	.usedPwcContents2{
	display:block;
}
.usedPwcLeft{
	width:100%;
}

.usedPwcRight{
	width:calc(100% - 20px);
}

.staffImg{
	display:block;
	width:15%;
	margin:0 auto;
}
.staffCommentWrapper{
	width:100%;
	max-width:100%;
}
.staffComment{
  margin: 1.5em 10px;
  max-width: 100%;
    }

.staffComment:before{
	top:auto;
	right:auto;
	margin-top:auto;
	border-left:none;
	
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  
  border-top: 12px solid #FFF;
      }
  
  .staffComment:after{
  top:auto;
  right:auto;
  margin-top:auto;
  border-left:none;
  
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border-top: 14px solid #555;
  z-index: 1;
    }
    
    .staffImg{
	margin-bottom:10px;
}
.staffImg{
	position:relative;}


}