/* カスタムプロパティ IE11対策用規定 */

:root {
  --main-color: #EF8200;
  --ac-color:#007f47;
}

/* メールフォーム用 */

/* お問い合わせ
------------------------------------------------------------*/

input,
textarea{font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.formArea{
  padding-top:1em;
  margin:0 auto;
}

@media print, screen and (min-width:751px){
  .formArea{
    width:640px;
  }
}

.formRow{
  display:flex;
  flex-wrap: wrap;
  margin-bottom:15px;  
}

.formItemH{
  width:210px;
  text-align:left;
  font-weight:normal;
  color:var(--main-color);
}

.formItemD{
  width:calc(100% - 210px);
  text-align:left;
}

.form_requir{color:#C1272D; margin-left:.5em;}

.formRow input[type="text"],
.formRow textarea{
  box-sizing:border-box;
  max-width:none;
  width:100%;
  height:auto;
  line-height:normal;
  padding:10px;
  border:1px solid #999;
  border-radius:0;
  background:#FFF;
  font-size:16px;
}

.form-food{
  text-align:center;
}

.form-food input{
  padding:20px 30px;
  margin-top:20px;
  background:var(--ac-color);
  border:0;
  box-shadow:0;
  color:#FFF;
  border-radius:2px;
  -webkit-appearance: none;
}

.form-food input[type="submit"]:hover,
.form-food input[type="reset"]:hover,
.form-food input[type="button"]:hover{
  opacity:0.8;
}

.form-errors {
  color:#ff0000;
  padding-top:8px;
}

.form-food .form-fdc,
.form-food .form-fdr{display:inline-block; padding:0 10px;}

.form-food .form-fdc input{
  background-color:#333;
}

.form_requir {
  background-color:var(--main-color);
  color:#ffffff;
  font-size:1.1rem;
  line-height:100%;
  text-align:center;
  padding:0 4px;
  margin-left:10px;
}

.form_fld {
  font-weight:normal;
}

.form-errors {
  color:#ff0000;
  padding-top:8px;
}


@media print, screen and (max-width:640px){
  
 /* お問い合わせ
  ------------------------------------------------------------*/
  
  .formArea{
    width:auto;
  }
  
  .formRow{
    display:block;
    margin-bottom:10px;  
  }
  
  .formItemH{
    width:auto;
    margin-bottom:5px;
  }
  
  .formItemD{
    width:auto;
    margin-bottom:15px;
  }
  
  .form-food input{
    padding:20px 15px;
    margin-top:20px;
    font-size:1.8rem;
  }
  
  .form-food .form-fdc,
  .form-food .form-fdr{
    display:block;
  }
  
  .form-food input{
    display:block;
    width:100%;
  }
  
}


.compleatBox {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #666;
    margin: 50px auto 100px;
    padding: 40px 20px;
    text-align: center;
    width: 600px;
}

@media screen and (max-width:640px){
    .compleatBox {
      background: #fff none repeat scroll 0 0;
      border: 1px solid #666;
      margin: 50px 20px 100px;
      padding: 40px 20px;
      text-align: center;
      width: auto;
  }
  
}

/* youtube */

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* koriyama */

#TH img{
  width:100%;
}

@media print, screen and (max-width:751px){
  #TH img{
    height:150vw;
    object-fit:cover;
  }
}