@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td ,video,button, textarea, input, select {
	font-family:  'Noto Sans JP', Meiryo, sans-serif;
	color: #000;
}
body{max-width: 750px;margin: 0 auto;width: 100%;min-height: 100vh;position: relative;overflow-x: hidden;line-height: 1.6;}
a{text-decoration: none;color: inherit;}
a:hover{text-decoration: none;color: inherit;}
header{padding: 10px 12px;position: fixed;left: 50%;top: 0;transform: translateX(-50%);width: 100%;max-width: 750px; box-sizing: border-box;}
.logo a{display: flex;gap: 12px;}
.logo_img img{height: 50px;}
.logo_txt_img {padding: 0 3px 3px;margin-bottom: 5px;border-bottom: 1px solid #000;}
.logo_txt_img img{height: 17px;display: block;}
.logo_txt h5{font-size: 10px;line-height: 1.2;padding: 0 3px;}
.main{padding-top: 6rem;padding-bottom: 2.1rem;height: 100vh;box-sizing: border-box;overflow-y: auto;}
.ttl{text-align: center;}
.ttl h5{font-size: 1rem;line-height: 1.6;}
.ttl h2{font-weight: 600;}
/* loginpage */
.login_item{display: flex;align-items: center;justify-content: center; border: 1px solid #ced4da;border-radius: .375rem; padding: 0 0 0 .75rem;}
.login_item i{font-size: 1.2rem;line-height: 1;}
.login_item input {border: none;outline: none;}
.login_item input:active,.login_item input:focus {outline: none;border: none;box-shadow: none;}
.shop_item h5{font-size: 1rem;line-height: 1.6;}
.shop_time{margin-bottom: 0;font-weight: 600;text-align: right;}

.copyright{position: fixed;bottom: 0;left: 0;text-align: center;width: 100%;padding: .75rem;}
.copyright p{font-size: .7rem;line-height: 1rem;margin: 0;}