<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>メンテナンス画面</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="robots" content="index,follow" />
<link rel="canonical" href="http://www." />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="apple-touch-icon" href="img/base/WebClipIcon.png" />
<style type="text/css">
<!--
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
html{font-size: 62.5%;height:100%;overflow-y:scroll;margin:0;padding:0;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,
address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,
b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,
hgroup,menu,nav,section,summary,time,mark,audio,video
{font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;list-style:none;background:transparent;font-weight:normal;font-style:normal;font-family:Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-o-text-size-adjust: 100%;text-size-adjust: 100%;/* スマホ　文字サイズ自動調整をきる */ }
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);color:#106ebe;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select,button,textarea{vertical-align:middle;font-family:Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;margin: 0; padding: 0; background: none;   border: none;border-radius: 0;  outline: none;  -webkit-appearance: none;   -moz-appearance: none;appearance: none;}
img {border:none;vertical-align:text-bottom;max-width: 100%;-ms-interpolation-mode: bicubic;}
.ie9 input[placeholder]{color:#5B5B5B;}

body{background: #fefefe;}
.logo{ margin:15px auto 50px auto; width: 250px;}
#Container{ width:600px; margin-left:auto;margin-right:auto;margin-top:200px; text-align: center;}
h1{ color:#767676;font-size: 50px; text-align: center;}
.header p{color:#767676;font-size:20px; margin-top:20px; line-height:20px; text-align: center;}
.contents{margin-top:40px;font-size:14px; line-height:30px; color: #7e7e7e;}
footer{ position:absolute; width:100%; bottom:0; text-align:center; padding:20px;}
footer small{font-size:12px;}
.top_space15{ margin-top:15px;}

/*tb*/
@media screen and (max-width:980px){
body{ background-size:180px auto; background-position:50px 200px;}
}
/*sp*/
@media screen and (max-width:667px){
body{ background-size:140px auto; background-position:center 100px;}
#Container{width:100%; margin-left:20px; margin-right:20px; margin-top:80px;}
h1{ font-size: 35px;}
h1 span{ font-size:25px;}
.header p{font-size:18px;}
}
-->
</style>

</head>
<body>
<div id="wrapper">
    <div id="Container" class="clearfix">
    	<div class="header">
            <p class="logo">
			<h1>Maintenance Mode</h1>
            <p>currently undergoing scheduled maintenance.</p>
    	</div>
        <div class="contents">
        	<p>ただいまメンテナンス中です</p>
            <p>メンテナンスが終了するまで、もうしばらくお待ちください</p>
            <p>終了予定日時 2024年2月14日 18時30分</p>
            <p class="top_space15"></p>
        </div>
    </div>
    <!-- /Main Contents -->
    
    <footer>
        <div id="Footer">
        <div class="copy">
        <small></small>
        </div>
        </div>
    </footer>
    <!-- /Footer-->

</div>
</body>
</html>