@charset "UTF-8";
/* ========================================
   image_send.css - 画像送信フォーム
   ======================================== */

/* === 強制適用（外注CSSに勝つ）=== */
.imgsend, .imgsend *{
  box-sizing: border-box !important;
  font-family: inherit !important;
}

.imgsend{
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 24px 18px !important;
  font-size: 20px !important;
  line-height: 1.8 !important;
}

.imgsend__card{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.15) !important;
  border-radius: 16px !important;
  padding: 22px 18px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.08) !important;
}

.imgsend__title{
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
  letter-spacing: 0.06em !important;
}

.imgsend__desc{
  font-size: 18px !important;
  margin: 0 0 18px !important;
  color: rgba(0,0,0,.75) !important;
}

/* ラベル */
.imgsend__label{
  display:block !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
}

/* 入力欄：スマホでも大きく */
.imgsend__input{
  width: 100% !important;
  font-size: 20px !important; /* iOSズーム防止 */
  padding: 14px 14px !important;
  border: 1px solid rgba(0,0,0,.25) !important;
  border-radius: 12px !important;
  background: #fafafa !important;
}

.imgsend__input[readonly]{
  background: #f2f2f2 !important;
  color: #000 !important;
  opacity: 1 !important;
}

/* ファイルのクリック領域を大きく */
.imgsend__drop{
  display:block !important;
  width:100% !important;
  padding: 22px 16px !important;
  border: 2px dashed rgba(0,0,0,.35) !important;
  border-radius: 14px !important;
  background: #fcfcfc !important;
  text-align:center !important;
  cursor:pointer !important;
}

.imgsend__dropText{
  font-size: 18px !important;
}

.imgsend__dropText small{
  display:block !important;
  margin-top: 6px !important;
  font-size: 14px !important;
  color: rgba(0,0,0,.6) !important;
}

/* input[type=file]は非表示 */
.imgsend__file{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

/* 送信ボタン：どでかく */
.imgsend__btn{
  width: 100% !important;
  margin-top: 10px !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  padding: 18px 12px !important;
  border-radius: 16px !important;
  border: none !important;
  background: #000 !important;
  color: #fff !important;
  cursor: pointer !important;
  min-height: 56px !important;
}

.imgsend__note{
  font-size: 15px !important;
  margin-top: 14px !important;
  color: rgba(0,0,0,.65) !important;
}

/* フィールド間の余白 */
.imgsend__field {
  margin-bottom: 16px !important;
}

/* プレビュー領域 */
.imgsend__preview {
  margin-top: 8px !important;
}

.imgsend__preview img {
  max-width: 100% !important;
  border-radius: 8px !important;
}

/* PCは2カラムでさらに見やすく */
@media (min-width: 900px){
  .imgsend__grid2{
    display:grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
  }
}