/*  Professional */

ul.pro_list {
  display: flex;
  flex-wrap: wrap;
}
ul.pro_list li {
  width: calc(100% / 3);
  text-align: center;
  margin-bottom: 30px;
}
ul.pro_list li a {
  display: block;
  text-align: center;
  text-decoration: none;
}
ul.pro_list li img,
ul.pro_list li .no_img {
  width: 300px;
  height: 225px;
  object-fit: cover;
  margin: 0 auto;
}
ul.pro_list li .no_img {
  position: relative;
  background: #eee;
  color: #fff;
}
ul.pro_list li .no_img p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
ul.pro_list li span {
  display: block;
  font-family: "caslon-book";
  margin-top: 10px;
}

/*  PASS */
.pro{
	padding: 0 20px;
}
.pro_top {
  padding: 40px 0;
  max-width: 1100px;
  width: 100%;
  margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.pro_form-wrap{
	display: flex;
	align-items: center;
}
.pro_top form {
  padding: 10px 0;
  text-align: center;
	width: 100%;
}
.pro_top form input[type="password"] {
  border: 1px solid #000;
  height: 45px;
  padding: 10px;
}

/*  Stock List */
.pro_sub_ttl {
  margin-bottom: 40px;
  font-family: "caslon-book";
  font-size: 24px;
}

/*  1080px以上 */
@media screen and (min-width: 1080px) {
	.pro_top a[href^="tel"]{
    pointer-events: none;
		text-decoration: none;
  }
}

/*  1079px以下 */
@media screen and (max-width: 1079px) {
  ul.pro_list li {
    width: calc(100% / 2);
  }
  ul.pro_list li img {
    width: 90;
  }
  /* .pro_top form {
    width: 90%;
  } */
  .pro_top form input[type="submit"] {
    margin-top: 10px;
    width: 100%;
  }
	.pro_top {
		max-width: 816px;
	}
}
@media screen and (max-width: 767px) {
  ul.pro_list li {
    width: 100%;
  }
}