body {
  font-family: monospace;
  font-size: 10pt;
  text-align: center;
  margin: 4px;
  padding: 0px;
  background-color: #ffffe0;
}
table {
  border-collapse: collapse;
}
tr td {
  background-color: transparent;
  border:1px solid #999999;
  padding: 6px;
  text-align: left;
  white-space: nowrap
}
textarea {
  width: 177px;
  margin: 1px 2px;
}
input[type="text"] {
  width: 177px;
  margin: 0px 2px;
}
input[type="email"] {
  width: 177px;
  margin: 0px 2px;
}
.flex {
  display:flex;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
  padding: 2px;
  max-width:480px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.menubtn {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  font-size: 10pt;
  line-height: 1.1em;
  word-break: break-all;
  overflow-wrap: anywhere;
  width: 78px;
  height: 2.6em;
  margin: 2px;
  border:1px solid #900000;
  background-color: #FFFFBB;
  border-radius: 4px;
  align-items: center;
}
.execbtn {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  font-size: 10pt;
  line-height: 1.1em;
  word-break: break-all;
  overflow-wrap: anywhere;
  width: 78px;
  height: 2.6em;
  margin: auto;
  border:1px solid #900000;
  background-color: #FFFFBB;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}
.headlogo {
  margin: 1px;
  width: 140px;
  cursor: pointer;
}
.menulogo {
  width:  20px;
  height: 20px;
}
.munum {
  width: 240px;
}
/*
無印iPhone＆iPhoneXの場合
@media only screen and (max-width:375px) {
@media only screen and (min-width:376px) {
*/

@media only screen and (max-width:414px) {
  .telwidth {
    max-width: 166px;
    flex-direction: column;
  }
}
@media only screen and (min-width:415px) {
  .telwidth {
    max-width: 336px;
    flex-direction: row;
  }
}
.headtel {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  justify-content: center;
}
.telno {
  display: flex;
  width: 160px;
  flex-wrap: wrap;
  font-size: 10.5pt;
  line-height: 1em;
  margin: 1px 1px;
  word-break: break-all;
  overflow-wrap: anywhere;
  font-family: monospace;
  align-items: center;
}

.separator {
  background-color: #e09080;
  width: 100%;
  max-width:600px;
  height: 8px; 
  margin: 6px auto;
}
.officepic {
  width: 160px;
  border:1px solid #999999;
  margin: 0px 2px;
}
.officenotes {
  margin: 4px 0px;
  text-align: left;
}
.headlinelogo {
  margin: 0px 4px;
  width:  20px;
  height: 20px;
  float: left;
}
.headline {
  text-align: left;
  font-size: 11pt;
  line-height: 1.1em;
  word-break: break-all;
  overflow-wrap: anywhere;
  width: 100%;
  max-width:600px;
  margin: 2px;
}
.friendflex {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.lfriend {
  width: 170px;
  font-size: 13.5pt;
  font-weight: bold;
  color: #ffffff;
  margin: 0px 20px;
  padding: 6px 0px;
  background-color: #209020;
  text-align: center;
}
.link1 {
  cursor: pointer;
  width: 110px;
  font-size: 11pt;
  font-weight: bold;
  color: #ff0000;
  text-decoration: underline
}
.qrcode {
  width: 158px;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
  padding: 6px 0px;
  border:1px solid #202020;
  background-color: #209020;
}
.align_l {
  text-align: left;
}
.float_l {
  float: left;
}
.locatepic {
  width: 150px;
  height: 150px;
  padding: 0px;
}
.title {
  font-size: 12pt;
  font-weight: bold;
}
#itemize {
  display:flex;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
  max-width:570px;
  justify-content: center;
  align-items: center;
  text-align: left;
  border:1px solid #999999;
  flex-direction: row;
}
.indend1 {
  padding-left:1em;
  text-indent:-1em;
}
.itemize2 {
  display:flex;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
  max-width:500px;
  justify-content: center;
  align-items: center;
  text-align: left;
  flex-direction: row;
}
#notes {
  color: #ff0000;
  text-align: left;
  margin: 6px;
}
#notes2 {
  max-width:340px;
}
.border0 {
  border:0px solid #ffffe0;
}
.margin1 {
  margin: 10px;
}
.padding0 {
  padding: 0px;
}
.colorRed   {color: #ff0000;}

/*
.openhour {
  display: flex;
  width: 140px;
  margin: 0px 4px;
  text-align: left;
}
  display: flex;
  flex-wrap: wrap;

  font-family: "ＭＳ Ｐゴシック";
  font-family: "游ゴシック";
  display: inline-block;
table {
  display: inline-block;
  border-collapse: collapse;
  background-color: #e9ffec;
}
th, td {
  border: solid 1px #a0a0a0;
  padding: 2px 4px 0px;
}
th {
  font-weight: normal;
  background-color: #e0e0e0;
}
input {
  height: 16px;
  border: solid 1px #646464;
  padding: 1px 2px;
  margin: 1px 1px 1px 1px;
  border-radius:4px;
}

button {
  width:89px;
  height:36px;
  font-size:14px;
  text-align:center;
  margin: 1px;
  padding: 1px 8px;
  color:#ffffff;
  border:1px solid #999999;
  background: linear-gradient(#dbddde, #898c90);
  border-radius:4px;
}
button:hover {
  color: #858896;
  background: linear-gradient(#fdfeff, #c4f5ff);
}

#container1 {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  display: inline-block;
}
#creditlist {
  overflow-x: hidden;
  overflow-y: scroll;
}

#title {
  width:96%; 
  font-size: 11pt;
  padding: 5px;
  margin-bottom: 5px;
  color: #224022;
  border: solid 1px;
  border-color: #669966;
  display: inline-block;
  background: linear-gradient(#eeffee, #cceecc);
  border-radius: 4px;
}
#radio1, #radio2, #radio3 {
  margin: 2px 0px;
}

.hv_tr:hover {
  background-color: #ffc0c0;
  cursor: default;
}
.hv_tr.active {
  background-color: #ffe0ff;
}

.colorRed   {color: #ff0000;}
.bcRed      {background-color: #ffc0c0;}

.radiosw {
  padding: 3px;
  height: 20px;
}
.radiosw input[type="radio"] {
  display: none;
}
.radiosw label {
  cursor: pointer;
  margin: 0px 1px;
  padding: 5px;
  font-family: monospace;
  border:1px solid #666666;
  background-color: #e0e0e0;
  font-size: 13px;
  text-align: center;
  border-radius:4px;
}
input[type="radio"]:checked + label { 
  border: 1px solid #666666;
  background-color: #6b6d6e;
  color: #ffffff;
}
.align_r {
  text-align: right;
}
.align_c {
  text-align: center;
}
.monofont {
  font-family: monospace;
}
.dispinline {
  display: inline-block;
}

#bcode {
  width: 66px;
}
.disp_ymd {
  width:70px;
  font-family: monospace;
  text-align: center;
}
.in_ymd {
  width:59px;
  font-family: monospace;
  ime-mode: disabled;
}
.in_kingaku {
  width:74px;
  font-family: monospace;
  ime-mode: disabled;
  text-align: right;
}

.btndummy {visibility: hidden;}
.bcgreen    {background-color: #d0ffc0;}
.bcyellow   {background-color: #ffff90;}
.bcgray     {background-color: #cccccc;}
*/