@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ インフルエンザワクチン接種 ◇◆◇
  
  
========================================================================================================================*/

.fluHd h3 {
  position:relative;
  box-sizing:border-box;
  line-height:1.4;
}

.fluHd h3:before,
.fluHd h3:after {
  content:"";
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  position:absolute;
}

.fluHd h3:before {
  background-image:url(../image/flu/i01.png);
}

.fluHd h3:after {
  background-image:url(../image/flu/i02.png);
}

@media print,screen and (min-width:641px) {
  .fluHd {
    padding-top:20px;
  }
  
  .fluHd h3 {
    font-size:225%;
    display:inline-block;
    padding-left:140px;
    padding-right:140px;
  }
  
  .fluHd h3:before,
  .fluHd h3:after {
    width:110px;
    height:180px;
    top:-30%;
  }

  .fluHd h3:before {
    left:0;
  }
  
  .fluHd h3:after {
    right:0;
  }
}

@media screen and (max-width:640px) {
  .fluHd {
    padding-top:3rem;
  }
  
  .fluHd h3 {
    font-size:175%;
    padding-bottom:190px
  }
  
  .fluHd h3:before,
  .fluHd h3:after {
    width:100px;
    height:160px;
    bottom:0;
  }

  .fluHd h3:before {
    right:52%;
  }
  
  .fluHd h3:after {
    left:52%;
  }
}

.gaiyoBlock {
  box-sizing:border-box;
}

.gaiyoBlock table {
  width:100%;
  border-collapse:collapse;
}

.gaiyoBlock tr:first-child {
  border-top:2px solid #e1cdaf;
}

.gaiyoBlock tr:not(.no-bline),
.gaiyoBlock th.blineH {
  border-bottom:2px solid #e1cdaf;
}

.gaiyoBlock th,
.gaiyoBlock td {
  line-height:1.4;
  vertical-align:middle;
  padding:1em;
}

.gaiyoBlock th {
  background-color:#fff9d9;
  text-align:center;
  font-weight:500;
  white-space:nowrap;
  vertical-align:top;
}

.gaiyoBlock td {
  border-bottom:1px solid #eadcc7;
  text-align:left;
  background-color:#fff;
}

.gaiyoBlock .jisshi th {
  padding-top:1.75em;
  padding-bottom:1.75em;
}

.gaiyoBlock .jisshi td {
  padding-top:1.25em;
  padding-bottom:1.25em;
}

.gaiyoBlock td .youbiList {
  list-style:none;
}

/*.gaiyoBlock td .youbiList li {
  background-color:#f9b049;
  box-sizing:border-box;
  color:#fff;
  line-height:1;
  text-align:center;
  width:1.8em;
  height:1.8em;
  margin-right:0.25em;
  border-radius:50%;
  display:inline-block;
  vertical-align:middle;
  font-weight:700;
  position:relative;
}*/

.gaiyoBlock td .youbiList li {
  background-color:#f9b049;
  box-sizing:border-box;
  color:#fff;
  line-height:1;
  text-align:center;
  width:5em;
  height:2em;
  margin-right:0.25em;
  border-radius:50%;
  display:inline-block;
  vertical-align:middle;
  font-weight:700;
  position:relative;
}

.gaiyoBlock td .youbiList li span {
  width:100%;
  display:inline-block;
  position:absolute;
  left:0;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  text-align:center;
}

.ua-pc .gaiyoBlock td .youbiList li span { top:46%; }

.gaiyoBlock .jisshi .l-annot { padding-top:0.5rem; }

.gaiyoBlock .yoyaku th,
.gaiyoBlock .yoyaku td {
  padding-top:1.25em;
}

.gaiyoBlock .yoyaku td {
  padding-bottom:1.25em;
}

.gaiyoBlock td .yoyakuUketsuke {
  display:inline-block;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
}

.gaiyoBlock td .yoyakuOl {
  list-style:none;
  padding-bottom:0.25rem;
}

.gaiyoBlock td .yoyakuOl li {
  padding-left:1.25em;
  padding-top:0.25rem;
}

.gaiyoBlock td .yoyakuOl li:before {
  content:attr(data-no);
  margin-left:-1.25em;
  margin-right:0.25em;
}

@media print,screen and (min-width:641px) { 
  .gaiyoBlock td .youbiList,
  .gaiyoBlock td .hrs {
    display:inline-block;
    vertical-align:middle;
  }
  
  .gaiyoBlock td .hrs {
    padding-left:1em;
  }
}

@media screen and (max-width:640px) {
  .gaiyoBlock {
    padding-top:2.75rem;
  }
  
  .gaiyoBlock table {
    min-width:540px;
  }
  
  .gaiyoBlock td .youbiList {
    padding-bottom:0.5rem;
  }
}

@media print,screen and (min-width:641px) {
  .yoyaku {
    color: #FF0004; #important
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
  }
}
@media screen and (max-width:640px) {
  .yoyaku {
    color: #FF0004; #important
	font-size: 32px;
	font-weight: bold;
	text-decoration: underline;
  }
}