@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Imperial+Script&display=swap');

.myk {color: #fff;}
.myk p {margin-bottom: 0.5rem;}
.myk p.fs1 {font-size: 3.5vw;color: red;font-weight: 600;}
.myk .brdrtitl {border-bottom: 1px solid #fff;}
.myk form {background-color: grey;padding: 2em;}
.myk form button {color: #000;}
/*.myk form div.form-group,.myk form div.btn-area {padding-left: 2em;}*/

.myk div#mfp_error {background-color: #000;}
.myk div#mfp_warning {background-color: #000;margin-bottom: 1em;}

.myk img.box {width: 100%;}

.myk div.fifty {display: flex;justify-content: space-between;flex-wrap: wrap;}
.myk div.fifty > div {flex-basis: 100%;margin-bottom: 1.5em;}
.myk div.fifty > div img {width: 100%;}
.myk div.fifty > div img.sub {width: 50%;}
.myk div.fifty > div h5 {font-size: 2rem;font-family: 'Times New Roman', Times, serif;font-style: italic;}
.myk div.fifty > div h5 span {font-size: 60%;line-height: 1.0;}
.myk div.fifty > div p,.myk div.fifty + p {font-size: 80%;}
/*#mfp_hidden {visibility: hidden;display: none;}*/

@media (min-width: 767px)
{
  .myk div.fifty > div {flex-basis: 49%;margin-bottom: 0;}
  .myk img.box {width: 50%;margin: 1em auto 0;display: block;}
}