/*商品*/
.pdbox {
margin-bottom: 80px;
padding-bottom: 40px;
border-bottom: 1px solid #000;
}
.pdbox h1 {
margin-top:0px;
padding-top:0px;
margin-bottom:20px;
padding-bottom: 10px;
border-bottom: 1px solid #000;
font-weight:bold;
line-height:1.6em;
font-size:1.8em;
letter-spacing:2px;
}
.pdbox h3 {
font-size: 1.4em;
margin: 15px 0px;
}
.pdbox p {
 line-height:1.8em;
}
.price{
font-size:1.4em;
font-weight:bold;
margin-bottom:25px;
}
.price span {
font-size:0.6em;
}
.proimgs {
width: 50%;
display: block;
float: left;
}
.protxt {
width: 45%;
display: block;
float: right;
}
a.buybtn {
display: inline-block;
background: #000;
color: #fff;
padding: 20px 60px;
margin-top: 15px;
}

/*SNS*/
p.sns {
padding: 20px 0px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
p.sns i {
	font-size: 2em;
	margin: 5px;
}
a.profb i{
	color: #3b5998;
}
a.protw i{
	color: #55acee;
}

/*スライダーの調整*/
.flexslider .slides img {
display: block;
width: 300px;
height: 300px;
object-fit: cover;
margin: 0px auto;
}
.slider {
margin: 0px 0px 10px 0px !important;
}
.flexslider {
margin: 0 0 30px;
}
.flexslider .flex-active-slide {
width: 100%;
}
.flex-control-thumbs {
margin-top: 30px;
}
.flex-control-thumbs img{
    width: 80px;
    height: 80px;
    object-fit: cover;
    display: block;
    margin: 0px auto;
}
.flex-direction-nav a:before {
font-family: "fontawesome";
font-size: 40px;
display: inline-block;
content: '\f104';
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f105';
}
.flex-direction-nav a {
margin: auto;
top: 30%;
}
.flex-direction-nav .flex-prev {
left: 0px;
}
.flex-direction-nav .flex-next {
right: 0px;
}
.flexslider:hover .flex-direction-nav .flex-next {
right: 30px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
left: 30px;
}

@media screen and (max-width: 1024px) {
.proimgs {
width: 100%;
float: none;
}
.protxt {
width: 100%;
float: none;
}
.proinfo {
	margin-top: 40px;
}
.flex-direction-nav .flex-prev {
left: 0px;
}
.flex-direction-nav .flex-next {
right: 0px;
}
.flexslider:hover .flex-direction-nav .flex-next {
right: -20px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
left: -20px;
}
.price{
text-align: right;
}
a.buybtn {
display: block;
width: 100%;
text-align: center;
}
}
@media screen and (max-width: 420px) {
.flex-control-thumbs img{
    width: 60px;
    height: 60px;
}
}