/*
Theme Name: Theo Comic
Theme URI: https://theo-foodtechers.com/comic/
Author: Codex
Version: 1.2
Description: Theme based on the Theo Food Techers comic landing page.
Text Domain: theo-comic
*/
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;
}