shigahi/waiting-room-jp-trademark-template.html

## waiting-room-jp-trademark-template.html
<!DOCTYPE html>
<html>
  <head>
    <title>デジタル待合室</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <style type="text/css">
      * {
        box-sizing: border-box;
      }

      html,
      body,
      #wrapper {
        padding: 0;
        margin: 0;
        height: 100%;
      }

      #wrapper {
        display: table;
        width: 100%;
      }

      main,
      footer {
        /* Old browsers */
        display: block;
        /* Modern browsers */
        display: table-row;
      }

      body {
        font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI',
          Roboto, Oxygen, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px;
        margin: 0;
        padding: 0;
      }

      main .content-container {
        max-width: 1024px;
      }

      .center {
        height: 100%;
        display: flex;
        align-items: center;
      }

      .content-container {
        width: 100%;
        min-width: 400px;
        margin: 0 auto;
        padding: 32px 64px;
        display: flex;
      }

      @media (max-width: 900px) {
        .content-container {
          display: block;
        }
      }

      main .content-container section {
        flex: 1 0 0;
        display: flex;
        flex-direction: column;
      }

      footer {
        height: 100px;
        background: #404242;
        color: white;
        font-size: 12px;
      }

      footer .content-container {
        justify-content: space-between;
      }

      p {
        line-height: 1.5;
        max-width: 34rem;
      }

      h1 {
        font-size: 32px;
        margin: 0 0 32px 0;
      }

      h2 {
        font-size: 20px;
        margin: 0 0 20px 0;
      }

      .links {
        color: #cac8c8;
        margin-top: 15px;
        display: flex;
        align-items: flex-end;
      }

      .links a,
      .links a:visited {
        text-decoration: none;
        color: #cac8c8;
      }

      .content-container .content-left,
      .content-container .content-right{
        padding: 0.6rem 0.6rem;
      }
      .content-container .content-left h1{
        font-size: 30px;
      }
      .content-container .content-left .main-img-wrapper img{
        width: 100%;
      }

      .logo {
        display: flex;
        align-items: flex-end;
      }
      .logo .cloudflare-logo {
        /*width: 140px;*/
        height: 55px;
        margin-right: 1.5rem;
      }
      .logo .cloudflare-logo svg {
        height: 100%;
      }
      .logo .classmethod-logo {
        height: 55px;
      }
      .logo .classmethod-logo img {
        height: 100%;
      }
      .logo-wrapper .waitingrooms-text{
        margin: 1.6rem 0 0;
      }
      @media screen and (max-width:780px) {
        .content-container{
          padding: 20px;
        }
        .logo {
          flex-wrap: wrap;
          text-align: center;
        }
        .logo-wrapper .cloudflare-logo,
        .logo-wrapper .classmethod-logo {
          width: 100%;
          margin: 1rem 0;
        }
        .logo-wrapper .waitingrooms-text{
          width: 80%;
          margin: 1rem auto;
          text-align: center;
        }
        .footer-links{
          display: block;
          text-align: center;
          margin: 1rem 0;
        }
      }
    </style>
  </head>

  <body>
    <div id="wrapper">
      <main>
        <div class="center">
          <section class="content-container">
            <section class="content-left">
              <h1>
                現在順番待ち中です。
                <br />
                しばらくそのままお待ち下さい。
              </h1>
              <div class="main-img-wrapper"><img src="https://classmethod-cloudinary-demo-ressh.cloudinary.com/image/upload/f_auto,q_auto/v1620375848/project-asset/fairshot/fairshot.001.png"></div>
            </section>
            <section class="content-right">
              <h2>
                {{#waitTimeKnown}}あなたの待機時間は<span id="waitTimeJa"></span>です。{{/waitTimeKnown}}
                {{^waitTimeKnown}}{{#queueIsFull}}待機予測時間が1日を超えています。空きがてきましたら自動的にサイトへご案内します。{{/queueIsFull}}
                {{^queueIsFull}}待機時間が予測できません。{{/queueIsFull}}{{/waitTimeKnown}}
              </h2>
              <p>
                ただいまサイトが混み合っています。順番にご案内しますのでしばらくそのままお待ち下さい。
              </p>

              <p>
                <strong>
                  このページは自動的に更新されます。ブラウザを閉じたり戻るボタンを押したりしないでください。
                </strong>
              </p>
              <p>
                <strong>
                  最終更新
                  <span id="last-updated"></span>
                </strong>
              </p>
            </section>
          </section>
        </div>
      </main>
      <footer>
        <div class="center">
          <section class="content-container">
            <section class="logo-wrapper">
              <section class="logo">
                <div class="cloudflare-logo">
                  <svg
                    version="1.1"
                    id="Layer_1"
                    xmlns="http://www.w3.org/2000/svg"
                    xmlns:xlink="http://www.w3.org/1999/xlink"
                    x="0px"
                    y="0px"
                    viewBox="0 0 2572.531 854.222"
                    style="enable-background: new 0 0 2572.531 854.222"
                    xml:space="preserve"
                  >
                    <style type="text/css">
                      .st0 {
                        fill: #f78100;
                      }

                      .st1 {
                        fill: #fbac42;
                      }

                      .st2 {
                        fill: #ffffff;
                      }

                      .st3 {
                        fill: #f8fbfb;
                      }

                      .st4 {
                        fill: #4e4e4e;
                      }

                      .st5 {
                        fill: #fcad32;
                      }

                      .st6 {
                        fill: #747474;
                      }
                    </style>
                    <g>
                      <g>
                        <path
                          class="st0"
                          d="M2093.89,545.07l6.251-21.622c7.449-25.73,4.677-49.514-7.824-66.989
			c-11.499-16.098-30.664-25.573-53.938-26.674l-440.852-5.622c-2.968-0.157-5.425-1.494-6.938-3.695
			c-1.533-2.26-1.887-5.17-0.944-7.961c1.455-4.344,5.759-7.627,10.241-7.823l444.941-5.641
			c52.777-2.418,109.919-45.249,129.929-97.476l25.376-66.301c0.699-1.805,1.014-3.718,1.001-5.636
			c-0.007-1.047-0.083-2.096-0.313-3.13C2171.985,96.906,2056.347,0,1918.065,0c-127.413,0-235.602,82.242-274.403,196.544
			c-25.042-18.792-57.082-28.777-91.52-25.337c-61.131,6.074-110.252,55.293-116.326,116.425
			c-1.592,15.863-0.295,31.175,3.361,45.563c-99.854,2.909-179.934,84.719-179.934,185.281c0,9.101,0.688,18.044,1.965,26.791
			c0.629,4.246,4.207,7.43,8.492,7.43l813.891,0.098c0.081,0,0.152-0.037,0.232-0.038
			C2088.48,552.653,2092.576,549.573,2093.89,545.07z"
                      />
                      <path
                        class="st1"
                        d="M2240.755,240.122c-4.089,0-8.158,0.118-12.207,0.315c-0.668,0.035-1.303,0.197-1.912,0.41
			c-2.114,0.741-3.796,2.453-4.437,4.681l-17.337,59.873c-7.45,25.73-4.678,49.495,7.823,66.969
			c11.499,16.118,30.664,25.573,53.937,26.674l93.977,5.641c2.772,0.137,5.209,1.474,6.703,3.636c1.572,2.28,1.926,5.209,0.982,8
			c-1.474,4.344-5.759,7.627-10.221,7.823l-97.653,5.641c-53.014,2.438-110.154,45.249-130.165,97.476l-7.057,18.438
			c-1.284,3.336,1.106,6.889,4.635,7.064c0.089,0.004,0.169,0.033,0.26,0.033h336.006c4.01,0,7.587-2.615,8.668-6.467
			c5.838-20.757,8.944-42.634,8.944-65.259C2481.702,347.996,2373.828,240.122,2240.755,240.122z"
                      />
                    </g>
                    <path
                      class="st2"
                      d="M2550.811,695.031c-12.01,0-21.74-9.71-21.74-21.72c0-11.951,9.73-21.661,21.74-21.661
		c11.991,0,21.72,9.71,21.72,21.661C2572.531,685.321,2562.802,695.031,2550.811,695.031 M2550.811,655.659
		c-9.612,0-17.415,7.922-17.415,17.651c0,9.789,7.804,17.71,17.415,17.71c9.592,0,17.396-7.922,17.396-17.71
		C2568.207,663.581,2560.403,655.659,2550.811,655.659 M2561.779,684.77h-5.15l-4.324-8.334h-5.819v8.275h-4.501v-23.882h11.46
		c5.032,0,8.216,3.067,8.216,7.804c0,3.42-1.985,6.172-4.973,7.253L2561.779,684.77z M2553.504,672.288
		c1.867,0,3.715-0.963,3.715-3.656c0-2.713-1.435-3.656-3.715-3.656h-7.018v7.312H2553.504z"
                    />
                    <polygon
                      class="st2"
                      points="276.215,649.424 331.862,649.424 331.862,801.446 429.101,801.446 429.101,850.194 276.215,850.194
		"
                    />
                    <path
                      class="st2"
                      d="M486.732,750.387v-0.57c0-57.652,46.467-104.414,108.424-104.414s107.835,46.192,107.835,103.844v0.57
		c0,57.652-46.467,104.395-108.404,104.395C532.629,854.212,486.732,808.039,486.732,750.387 M646.204,750.387v-0.57
		c0-28.973-20.934-54.212-51.618-54.212c-30.408,0-50.773,24.669-50.773,53.642v0.57c0,28.973,20.934,54.212,51.342,54.212
		C625.84,804.029,646.204,779.361,646.204,750.387"
                    />
                    <path
                      class="st2"
                      d="M771.099,762.145V649.416h56.512v111.589c0,28.973,14.624,42.733,36.993,42.733
		c22.369,0,36.993-13.19,36.993-41.298V649.416h56.512V760.71c0,64.827-36.993,93.211-94.075,93.211
		C806.951,853.921,771.099,824.967,771.099,762.145"
                    />
                    <path
                      class="st2"
                      d="M1043.266,649.434h77.446c71.706,0,113.299,41.298,113.299,99.225v0.59
		c0,57.927-42.163,100.955-114.439,100.955h-76.306V649.434z M1121.577,800.866c33.278,0,55.352-18.359,55.352-50.772v-0.57
		c0-32.118-22.074-50.772-55.352-50.772h-22.664v102.115H1121.577z"
                    />
                    <polygon
                      class="st2"
                      points="1314.882,649.424 1475.493,649.424 1475.493,698.192 1370.529,698.192 1370.529,732.315
		1465.468,732.315 1465.468,778.488 1370.529,778.488 1370.529,850.194 1314.882,850.194 	"
                    />
                    <polygon
                      class="st2"
                      points="1552.924,649.424 1608.571,649.424 1608.571,801.446 1705.811,801.446 1705.811,850.194
		1552.924,850.194 	"
                    />
                    <path
                      class="st2"
                      d="M1851.218,647.991h53.622l85.485,202.205h-59.657l-14.644-35.853h-77.446l-14.329,35.853h-58.517
		L1851.218,647.991z M1899.966,771.04l-22.369-57.082l-22.664,57.082H1899.966z"
                    />
                    <path
                      class="st2"
                      d="M2061.997,649.42h94.94c30.703,0,51.912,8.04,65.397,21.799c11.774,11.479,17.789,26.968,17.789,46.762v0.57
		c0,30.683-16.354,51.048-41.298,61.662l47.902,69.996h-64.256l-40.433-60.817h-24.394v60.817h-55.647V649.42z M2154.363,745.795
		c18.929,0,29.838-9.179,29.838-23.804v-0.57c0-15.784-11.479-23.804-30.133-23.804h-36.423v48.177H2154.363z"
                    />
                    <polygon
                      class="st2"
                      points="2320.411,649.424 2481.888,649.424 2481.888,696.757 2375.488,696.757 2375.488,727.145
		2471.863,727.145 2471.863,771.038 2375.488,771.038 2375.488,802.881 2483.323,802.881 2483.323,850.194 2320.411,850.194 	"
                    />
                    <path
                      class="st2"
                      d="M154.381,773.925c-7.784,17.573-24.197,30.094-45.977,30.094c-30.408,0-51.342-25.239-51.342-54.212v-0.57
		c0-28.973,20.364-53.642,50.772-53.642c22.919,0,40.374,14.094,47.745,33.278h58.655c-9.396-47.785-51.381-83.461-105.83-83.461
		C46.447,645.412,0,692.155,0,749.807v0.57c0,57.652,45.878,103.845,107.835,103.845c52.993,0,94.41-34.32,105.339-80.296H154.381z"
                      />
                    </g>
                  </svg>
                </div>
                <div class="classmethod-logo">
                  <img src="https://classmethod-cloudinary-demo-ressh.cloudinary.com/image/upload/f_auto,q_auto/v1620398181/project-asset/fairshot/yoko2_color_white.png" />
                </div>
              </section>
              <section class="waitingrooms-text">
                <span>Waiting Room powered by Cloudflare and Classmethod Project Fair Shot</span>
              </section>
            </section>
            <section class="links footer-links">
              <span>
                &#169;
                <span id="year"></span>
                Cloudflare, Inc. | Classmethod, Inc.
              </span>
            </section>
          </section>
        </div>
      </footer>
    </div>
    <script>
      var date = new Date();
      document.getElementById('year').innerText = date.getFullYear();
      document.getElementById(
        'last-updated'
      ).innerText = date.toLocaleTimeString();

      var waitTime ={{waitTime}};
      var waitTimeJa = waitTime < 90 ? '約' + waitTime + '分' : '90分以上';
      document.getElementById('waitTimeJa').innerText = waitTimeJa;
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>デジタル待合室</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<style type="text/css">
	* {
	box-sizing: border-box;
	}

	html,
	body,
	#wrapper {
	padding: 0;
	margin: 0;
	height: 100%;
	}

	#wrapper {
	display: table;
	width: 100%;
	}

	main,
	footer {
	/* Old browsers */
	display: block;
	/* Modern browsers */
	display: table-row;
	}

	body {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI',
	Roboto, Oxygen, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
	}

	main .content-container {
	max-width: 1024px;
	}

	.center {
	height: 100%;
	display: flex;
	align-items: center;
	}

	.content-container {
	width: 100%;
	min-width: 400px;
	margin: 0 auto;
	padding: 32px 64px;
	display: flex;
	}

	@media (max-width: 900px) {
	.content-container {
	display: block;
	}
	}

	main .content-container section {
	flex: 1 0 0;
	display: flex;
	flex-direction: column;
	}

	footer {
	height: 100px;
	background: #404242;
	color: white;
	font-size: 12px;
	}

	footer .content-container {
	justify-content: space-between;
	}

	p {
	line-height: 1.5;
	max-width: 34rem;
	}

	h1 {
	font-size: 32px;
	margin: 0 0 32px 0;
	}

	h2 {
	font-size: 20px;
	margin: 0 0 20px 0;
	}

	.links {
	color: #cac8c8;
	margin-top: 15px;
	display: flex;
	align-items: flex-end;
	}

	.links a,
	.links a:visited {
	text-decoration: none;
	color: #cac8c8;
	}

	.content-container .content-left,
	.content-container .content-right{
	padding: 0.6rem 0.6rem;
	}
	.content-container .content-left h1{
	font-size: 30px;
	}
	.content-container .content-left .main-img-wrapper img{
	width: 100%;
	}

	.logo {
	display: flex;
	align-items: flex-end;
	}
	.logo .cloudflare-logo {
	/width: 140px;/
	height: 55px;
	margin-right: 1.5rem;
	}
	.logo .cloudflare-logo svg {
	height: 100%;
	}
	.logo .classmethod-logo {
	height: 55px;
	}
	.logo .classmethod-logo img {
	height: 100%;
	}
	.logo-wrapper .waitingrooms-text{
	margin: 1.6rem 0 0;
	}
	@media screen and (max-width:780px) {
	.content-container{
	padding: 20px;
	}
	.logo {
	flex-wrap: wrap;
	text-align: center;
	}
	.logo-wrapper .cloudflare-logo,
	.logo-wrapper .classmethod-logo {
	width: 100%;
	margin: 1rem 0;
	}
	.logo-wrapper .waitingrooms-text{
	width: 80%;
	margin: 1rem auto;
	text-align: center;
	}
	.footer-links{
	display: block;
	text-align: center;
	margin: 1rem 0;
	}
	}
	</style>
	</head>

	<body>
	<div id="wrapper">
	<main>
	<div class="center">
	<section class="content-container">
	<section class="content-left">
	<h1>
	現在順番待ち中です。
	<br />
	しばらくそのままお待ち下さい。
	</h1>
	<div class="main-img-wrapper"><img src="https://classmethod-cloudinary-demo-ressh.cloudinary.com/image/upload/f_auto,q_auto/v1620375848/project-asset/fairshot/fairshot.001.png"></div>
	</section>
	<section class="content-right">
	<h2>
	{{#waitTimeKnown}}あなたの待機時間は<span id="waitTimeJa"></span>です。{{/waitTimeKnown}}
	{{^waitTimeKnown}}{{#queueIsFull}}待機予測時間が1日を超えています。空きがてきましたら自動的にサイトへご案内します。{{/queueIsFull}}
	{{^queueIsFull}}待機時間が予測できません。{{/queueIsFull}}{{/waitTimeKnown}}
	</h2>
	<p>
	ただいまサイトが混み合っています。順番にご案内しますのでしばらくそのままお待ち下さい。
	</p>

	<p>
	<strong>
	このページは自動的に更新されます。ブラウザを閉じたり戻るボタンを押したりしないでください。
	</strong>
	</p>
	<p>
	<strong>
	最終更新
	<span id="last-updated"></span>
	</strong>
	</p>
	</section>
	</section>
	</div>
	</main>
	<footer>
	<div class="center">
	<section class="content-container">
	<section class="logo-wrapper">
	<section class="logo">
	<div class="cloudflare-logo">
	<svg
	version="1.1"
	id="Layer_1"
	xmlns="http://www.w3.org/2000/svg"
	xmlns:xlink="http://www.w3.org/1999/xlink"
	x="0px"
	y="0px"
	viewBox="0 0 2572.531 854.222"
	style="enable-background: new 0 0 2572.531 854.222"
	xml:space="preserve"
	>
	<style type="text/css">
	.st0 {
	fill: #f78100;
	}

	.st1 {
	fill: #fbac42;
	}

	.st2 {
	fill: #ffffff;
	}

	.st3 {
	fill: #f8fbfb;
	}

	.st4 {
	fill: #4e4e4e;
	}

	.st5 {
	fill: #fcad32;
	}

	.st6 {
	fill: #747474;
	}
	</style>
	<g>
	<g>
	<path
	class="st0"
	d="M2093.89,545.07l6.251-21.622c7.449-25.73,4.677-49.514-7.824-66.989
	c-11.499-16.098-30.664-25.573-53.938-26.674l-440.852-5.622c-2.968-0.157-5.425-1.494-6.938-3.695
	c-1.533-2.26-1.887-5.17-0.944-7.961c1.455-4.344,5.759-7.627,10.241-7.823l444.941-5.641
	c52.777-2.418,109.919-45.249,129.929-97.476l25.376-66.301c0.699-1.805,1.014-3.718,1.001-5.636
	c-0.007-1.047-0.083-2.096-0.313-3.13C2171.985,96.906,2056.347,0,1918.065,0c-127.413,0-235.602,82.242-274.403,196.544
	c-25.042-18.792-57.082-28.777-91.52-25.337c-61.131,6.074-110.252,55.293-116.326,116.425
	c-1.592,15.863-0.295,31.175,3.361,45.563c-99.854,2.909-179.934,84.719-179.934,185.281c0,9.101,0.688,18.044,1.965,26.791
	c0.629,4.246,4.207,7.43,8.492,7.43l813.891,0.098c0.081,0,0.152-0.037,0.232-0.038
	C2088.48,552.653,2092.576,549.573,2093.89,545.07z"
	/>
	<path
	class="st1"
	d="M2240.755,240.122c-4.089,0-8.158,0.118-12.207,0.315c-0.668,0.035-1.303,0.197-1.912,0.41
	c-2.114,0.741-3.796,2.453-4.437,4.681l-17.337,59.873c-7.45,25.73-4.678,49.495,7.823,66.969
	c11.499,16.118,30.664,25.573,53.937,26.674l93.977,5.641c2.772,0.137,5.209,1.474,6.703,3.636c1.572,2.28,1.926,5.209,0.982,8
	c-1.474,4.344-5.759,7.627-10.221,7.823l-97.653,5.641c-53.014,2.438-110.154,45.249-130.165,97.476l-7.057,18.438
	c-1.284,3.336,1.106,6.889,4.635,7.064c0.089,0.004,0.169,0.033,0.26,0.033h336.006c4.01,0,7.587-2.615,8.668-6.467
	c5.838-20.757,8.944-42.634,8.944-65.259C2481.702,347.996,2373.828,240.122,2240.755,240.122z"
	/>
	</g>
	<path
	class="st2"
	d="M2550.811,695.031c-12.01,0-21.74-9.71-21.74-21.72c0-11.951,9.73-21.661,21.74-21.661
	c11.991,0,21.72,9.71,21.72,21.661C2572.531,685.321,2562.802,695.031,2550.811,695.031 M2550.811,655.659
	c-9.612,0-17.415,7.922-17.415,17.651c0,9.789,7.804,17.71,17.415,17.71c9.592,0,17.396-7.922,17.396-17.71
	C2568.207,663.581,2560.403,655.659,2550.811,655.659 M2561.779,684.77h-5.15l-4.324-8.334h-5.819v8.275h-4.501v-23.882h11.46
	c5.032,0,8.216,3.067,8.216,7.804c0,3.42-1.985,6.172-4.973,7.253L2561.779,684.77z M2553.504,672.288
	c1.867,0,3.715-0.963,3.715-3.656c0-2.713-1.435-3.656-3.715-3.656h-7.018v7.312H2553.504z"
	/>
	<polygon
	class="st2"
	points="276.215,649.424 331.862,649.424 331.862,801.446 429.101,801.446 429.101,850.194 276.215,850.194
	"
	/>
	<path
	class="st2"
	d="M486.732,750.387v-0.57c0-57.652,46.467-104.414,108.424-104.414s107.835,46.192,107.835,103.844v0.57
	c0,57.652-46.467,104.395-108.404,104.395C532.629,854.212,486.732,808.039,486.732,750.387 M646.204,750.387v-0.57
	c0-28.973-20.934-54.212-51.618-54.212c-30.408,0-50.773,24.669-50.773,53.642v0.57c0,28.973,20.934,54.212,51.342,54.212
	C625.84,804.029,646.204,779.361,646.204,750.387"
	/>
	<path
	class="st2"
	d="M771.099,762.145V649.416h56.512v111.589c0,28.973,14.624,42.733,36.993,42.733
	c22.369,0,36.993-13.19,36.993-41.298V649.416h56.512V760.71c0,64.827-36.993,93.211-94.075,93.211
	C806.951,853.921,771.099,824.967,771.099,762.145"
	/>
	<path
	class="st2"
	d="M1043.266,649.434h77.446c71.706,0,113.299,41.298,113.299,99.225v0.59
	c0,57.927-42.163,100.955-114.439,100.955h-76.306V649.434z M1121.577,800.866c33.278,0,55.352-18.359,55.352-50.772v-0.57
	c0-32.118-22.074-50.772-55.352-50.772h-22.664v102.115H1121.577z"
	/>
	<polygon
	class="st2"
	points="1314.882,649.424 1475.493,649.424 1475.493,698.192 1370.529,698.192 1370.529,732.315
	1465.468,732.315 1465.468,778.488 1370.529,778.488 1370.529,850.194 1314.882,850.194 "
	/>
	<polygon
	class="st2"
	points="1552.924,649.424 1608.571,649.424 1608.571,801.446 1705.811,801.446 1705.811,850.194
	1552.924,850.194 "
	/>
	<path
	class="st2"
	d="M1851.218,647.991h53.622l85.485,202.205h-59.657l-14.644-35.853h-77.446l-14.329,35.853h-58.517
	L1851.218,647.991z M1899.966,771.04l-22.369-57.082l-22.664,57.082H1899.966z"
	/>
	<path
	class="st2"
	d="M2061.997,649.42h94.94c30.703,0,51.912,8.04,65.397,21.799c11.774,11.479,17.789,26.968,17.789,46.762v0.57
	c0,30.683-16.354,51.048-41.298,61.662l47.902,69.996h-64.256l-40.433-60.817h-24.394v60.817h-55.647V649.42z M2154.363,745.795
	c18.929,0,29.838-9.179,29.838-23.804v-0.57c0-15.784-11.479-23.804-30.133-23.804h-36.423v48.177H2154.363z"
	/>
	<polygon
	class="st2"
	points="2320.411,649.424 2481.888,649.424 2481.888,696.757 2375.488,696.757 2375.488,727.145
	2471.863,727.145 2471.863,771.038 2375.488,771.038 2375.488,802.881 2483.323,802.881 2483.323,850.194 2320.411,850.194 "
	/>
	<path
	class="st2"
	d="M154.381,773.925c-7.784,17.573-24.197,30.094-45.977,30.094c-30.408,0-51.342-25.239-51.342-54.212v-0.57
	c0-28.973,20.364-53.642,50.772-53.642c22.919,0,40.374,14.094,47.745,33.278h58.655c-9.396-47.785-51.381-83.461-105.83-83.461
	C46.447,645.412,0,692.155,0,749.807v0.57c0,57.652,45.878,103.845,107.835,103.845c52.993,0,94.41-34.32,105.339-80.296H154.381z"
	/>
	</g>
	</svg>
	</div>
	<div class="classmethod-logo">
	<img src="https://classmethod-cloudinary-demo-ressh.cloudinary.com/image/upload/f_auto,q_auto/v1620398181/project-asset/fairshot/yoko2_color_white.png" />
	</div>
	</section>
	<section class="waitingrooms-text">
	<span>Waiting Room powered by Cloudflare and Classmethod Project Fair Shot</span>
	</section>
	</section>
	<section class="links footer-links">
	<span>
	©
	<span id="year"></span>
	Cloudflare, Inc. \| Classmethod, Inc.
	</span>
	</section>
	</section>
	</div>
	</footer>
	</div>
	<script>
	var date = new Date();
	document.getElementById('year').innerText = date.getFullYear();
	document.getElementById(
	'last-updated'
	).innerText = date.toLocaleTimeString();

	var waitTime ={{waitTime}};
	var waitTimeJa = waitTime < 90 ? '約' + waitTime + '分' : '90分以上';
	document.getElementById('waitTimeJa').innerText = waitTimeJa;
	</script>
	</body>
	</html>