/*
Theme Name: Twentyfour Seven Child Theme
Template: twentyfourseven
Theme URI: https://mainichi-web.com/twentyfour-seven/
Description: Twentyfour Seven Child is the Twentyfour Seven Child Theme.
Author: MAINICHI WEB
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyfour-seven
Tags: welcart,e-commerce
*/
.popmake-overlay {
  background: transparent !important;
}

.popmake-title {
  display: none;
}

@media (min-width: 501px) {
  .popmake-close {
	      top: 50px !important;
    right: 50px !important;

  }
}
@media (max-width: 500px) {
  .popmake-close {
    top: 5px !important;
    right: 5px !important;
  }
}
@media (max-width: 500px) {
  .pum-container {
    width: 80% !important;
    left: 50% !important;
    transform: translateX(-50%);
  }
}
.modal-inner {
  display: flex;
  justify-content: space-between;
  border: 5px solid #B69844;
  font-weight: 900;
  font-size: 2.448vw;
}

@media (max-width: 500px) {
  .modal-inner {
    flex-direction: column;
    font-size: 16px;
  }
}
.modal-inner::before {
  position: absolute;
  content: "";
  background: transparent url(/wp-content/uploads/2023/02/back-ground_right.png) no-repeat center center/contain;
  width: 46.719vw;
  height: 42.604vw;
  right: -10.417vw;
  top: -7.812vw;
  z-index: 1;
}

/* @media (max-width: 500px) {
  .modal-inner::before {
    display: none;
  }
} */
.modal-inner::after {
  position: absolute;
  content: "";
  background: transparent url(/wp-content/uploads/2023/02/back-ground_left.png) no-repeat center center/contain;
  width: 46.719vw;
  height: 42.604vw;
  left: -10.417vw;
  bottom: -7.812vw;
  z-index: 1;
}

/* @media (max-width: 500px) {
  .modal-inner::after {
    display: none;
  }
} */
.modal-inner div, .modal-inner p {
  font-family: "Zen Antique", serif !important;
}

@media (min-width: 501px) {
  .modal-img {
    width: 40%;
  }
}
.modal-img img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 501px) {
  .modal-detail {
    width: 60%;
    padding: 3vw 4.167vw;
  }
}
@media (max-width: 500px) {
  .modal-detail {
    padding: 10px;
  }
}
.modal-detail img {
  width: 100%;
}

.modal-detail div {
  border-bottom: 2px solid #000;
  padding: 15px 10px;
}

.modal-detail .modal-introduce-txt {
  font-size: 1.823vw;
}

@media (max-width: 500px) {
  .modal-detail .modal-introduce-txt {
    font-size: 14px;
  }
}
.modal-detail .modal-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.modal-detail .modal-link .modal-link-col {
  border-bottom: none;
  width: 50%;
  padding: 1.042vw 1.563vw;
}

.modal-detail .modal-link .modal-link-col:nth-child(2n) {
  margin-right: 0;
}

.modal-detail .modal-portfolio {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.modal-detail .modal-portfolio .modal-portfolio-col {
  border-bottom: none;
  width: 33.33333%;
  padding: 0.5vw 1vw;
}

@media (min-width: 501px) {
  .modal-detail .modal-portfolio .modal-portfolio-col:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .modal-detail .modal-portfolio .modal-portfolio-col {
    border-bottom: none;
    width: 50%;
    padding: 1.042vw 1.563vw;
  }
}
@media (max-width: 500px) {
  .modal-detail .modal-portfolio .modal-portfolio-col:nth-child(2n) {
    margin-right: 0;
  }
}
.inquiry p{
	margin-bottom:0 !important;
}
.inquiry th{
	    padding: 20px 10px;
	vertical-align: middle;
}
@media (max-width: 500px) {
	.inquiry th{
	padding: 10px;
}
}
.inquiry td{
	    padding: 20px 10px;
}
@media (max-width: 500px) {
	.inquiry td{
	padding: 10px;
}
}
.inquiry input{
	border:2px solid lightgray;
	height:40px;
	padding: 0 10px;
}
@media (max-width: 500px) {
	.inquiry input{
	width:100%;
}
}
.inquiry select{
	border:2px solid lightgray;
	height:40px;
	padding: 0 30px 0 10px;
}
@media (max-width: 500px) {
	.inquiry select{
	width:100%;
}
}
.inquiry textarea{
	border:2px solid lightgray;
	width:100%;
	min-height:200px;
	padding: 5px 10px;
}
@media (max-width: 500px) {
	.inquiry textarea{
	width:100%;
}
}