body {
  font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  background-color: #f2e4c1;
}

@media only screen and (max-width: 767px) {
  body {
    font-size: 80%; /* スマートフォンでのみ適用 */
  }
}

.h3{
  padding: 0.5em 0.5em 0.2em 0.5em;;/*文字まわり（上下左右）の余白*/
  border-bottom: solid 3px #4c271e;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.img-pc { display: block !important; }
.img-sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .img-pc { display: none !important; }
    .img-sp { display: block !important; }
}

.opacity_btn:hover img {
  color: #FFFFFF;
  background-color: #1B85FB;
  opacity: 0.7;
}

.simple-linear {
  background: linear-gradient(#f2e4c1, #fff4e8);
}

.simple-linear2 {
  background: linear-gradient( #fff4e8,#f2e4c1); 
  /*background-image: url("../img/background-img.png") ; */
 /*background-size: cover; */
}

#xModal .modal-content, #THEOModal .modal-content, #hirariModal .modal-content, #kazuModal .modal-content{
  background-color: #f2e4c1;
}
#xModal .modal-header, #THEOModal .modal-header, #hirariModal .modal-header, #kazuModal .modal-header{
  border-bottom: 0;
}
#xModal .modal-footer, #THEOModal .modal-footer, #hirariModal .modal-footer, #kazuModal .modal-footer{
  border-top: 0;
}