@charset "UTF-8";
/* CSS Document */



/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*フォームタブ切り替え*/

#form-iframe{
 width: 100%!important;
}

#form-ifram::-webkit-scrollbar {
  width: 0;
}

#form-ifram {

}

.scroll-y-hidden::-webkit-scrollbar {
  width: 0;
}

.scroll-y-hidden {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#form-select{

}
.form-select{
  width: 80%;
  margin: 0px auto;
  display: block;
  text-align: center;
}



/*終わり　フォームタブ切り替え*/



/*商品販売　Contact Form7用*/
form.wpcf7-form{

  padding-bottom: 50px;
}

.product-set {
  margin: 0 auto;
  max-width: 800px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  }
.product{
  margin-left: 12px;
  margin-right: 12px;
  min-width: 200px;
}

h2.product-h2{
  margin-top: -40px!important;
}

.price-set{
  font-size: 24px;
  text-align: center;
} 

.price-set p{
  font-size: 24px;

} 
#total-price {
  font-size: 30px;
  color: #e60000;
  font-weight: bold;
  margin-top: 20px;
}

.product-image {
  cursor: pointer; /* クリック可能なカーソルに変更 */
  transition: transform 0.3s; /* ホバー時のアニメーション */
}
 img.product-image{
   max-width: 200px!important;
}
.product-image:hover {
  transform: scale(1.05); /* 画像が少し大きくなるエフェクト */
}

.grand-total {
  font-size: 24px;
  color: #e60000;
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
}



.purchase-message{
    display: block;
  width: 320px;
  padding: 12px 20px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background-color: #B6B6B6;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-align: center!important;
  transition: background-color 0.3s, transform 0.2s;
  margin: 0 auto;
}

input[type="submit"] {
  display: block;
  width: 200px;
  padding: 12px 20px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background-color: #DFBC10;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-align: center!important;
  transition: background-color 0.3s, transform 0.2s;
  margin: 0 auto;
  
}

input[type="submit"]:hover {
  background-color: #CC7F00!important;
  transform: scale(1.05);
}

input[type="submit"]:active {
  transform: scale(0.95);
}
.form-box {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  padding-top: 11px;
}
.form-box .form-text{
  width: 200px;
 
}

input[type="checkbox"] {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

input {
    all: revert;
}


input[type="checkbox"] {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

span.wpcf7-not-valid-tip{
  color: red!important;
  position: absolute;
  
}

/* Contact Form 7のプルダウン */
.wpcf7 select {

  font-size: 20px!important;
  

}



/* 複数フォーム読み込みSnow Monkey対応　フォントサイズを強制的に上書き */
.form-content * {
  font-size: 16px !important; /* 任意のサイズに変更 */
 
}
.price-set * {
  font-size: 24px!important;

}
.form-content .product h3{
  font-size: 24px!important;

}
.form-content h2  {
  font-size: 30px!important;
display: none;
  
}

@media screen and (max-width:768px) {
  
.form-box {
  width: 80%;
  margin: 0 auto;
display: flex;
  flex-wrap: wrap;
}

}
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/