@charset "utf-8";

/*	Reset	*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, backquote, th, td, caption, button
{ margin: 0; padding: 0; }
html { overflow-y: scroll; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style: none; }
fieldset, img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

html { width: 100%; height: 100%; margin: 0; padding: 0; }
html.manager { background: #CDD4DF url("../img/img_managerback1.png"); }
body { width: 100%; height: 100%; }
body { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 18px; line-height: 1.5em; color: #000; background: #fff; }
body, div, button, p, ul, li, table, th, td, input, select, label, textarea { box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, p, a, input, button, table, tr, caption, td, th, img, svg, object, ul, ol, li { touch-action: manipulation; }

/*	Flex 	*/
.flexcase { display: -moz-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flexcase_justify { justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; }
.flexcase_center { justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; }
.flexcase_left { justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; -webkit-box-pack: start; -webkit-justify-content: flex-start; }
.flexcase_right { justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; -webkit-box-pack: end; -webkit-justify-content: flex-end; }
.flexcase_middle { -webkit-align-items: center; align-items: center; }

/*	Common	*/
.bold { font-weight: bold; }
.posab { position: absolute; }
.al-center { text-align: center; }
.al-right { text-align: right; }
.border-box { box-sizing: border-box; -moz-box-sizing: border-box; }
.nousersel { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.nohilite { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }
.nodragimg { pointer-events: none; }
button { cursor: pointer; }
button:disabled { opacity: 0.3; }
button:active { opacity: 0.8; }



input { font-size: 18px; padding: 3px 5px; }
section { margin-bottom: 20px; }
button { border: none; color: #fff; font-size: 14px; height: 40px; border-radius: 20px; margin: 0 20px; }

.div_maincase { width: 100%; max-width: 800px; margin: 0 auto; padding: 50px 10px 10px; background: #F5F7F9; }
.div_btaddcase { position: fixed; width: 100%; height: 46px; top: 0; left: 0; background: rgba(255,255,255,0.9); border-bottom: 2px solid #f1f1f1; z-index: 10; padding: 0 10px; }
.bt_addnewevent { padding: 0 20px; background: #2B8FFF; height: 36px; border-radius: 18px; }
.bt_logout { padding: 0 5px; background: none; height: 36px; border-radius: 0; color: #999; }

.tbl_mochalist { width: 100%; font-size: 12px; line-height: 1.1em; margin-bottom: 5px; border-top: 1px solid #666; background: #fff; }
.tbl_mochalist th, .tbl_mochalist td { border: 1px solid #888; padding: 2px 4px 2px; position: relative; }
.tbl_mochalist th { font-weight: bold; padding: 4px; color: #7F7F7F; background: #F4F4F4; }
.tbl_mochalist th.th_sun { color: #B16E8C; background: #FFF0F4; }
.tbl_mochalist th.th_sat { color: #7189AC; background: #EEF5FF; }
.tbl_mochalist td.td_memo { border-bottom: 1px dashed #666; }
.tbl_mochalist td.td_icons { text-align: left; border-top: none; }
.tbl_mochalist td.td_time { font-weight: bold; line-height: 1.3em; text-align: center; width: 70px; }
.tbl_mochalist td.td_time span { font-size: 0.9em; font-weight: normal; }
.icon_intbl { width: 30px; margin-right: 3px; margin-bottom: -2px; }
.bt_morelist { width: 100%; background: rgba(0,0,0,0); color: #999; margin: 10px auto; }
.bt_deleterecord, .bt_editerecord { width: 26px; height: 30px; background: rgba(0,0,0,0); position: absolute; top: 3px; left: 100%; }
.bt_deleterecord { margin-left: -28px; }
.bt_editerecord { margin-left: -54px; }

.div_inputback { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.3); overflow: scroll; opacity: 0; z-index: 20; }
.div_inputcase { width: 96%; max-width: 760px; margin: 10px auto; background: #fff; padding: 20px; border-radius: 10px; }
.div_inputcase.div_logincase { max-width: 400px; }
.lab_formttl { display: block; width: 100%; border-left: 15px solid #EB87A8; font-weight: bold; padding-left: 5px; margin: 0 0 5px; }
.ipt_small { width: 80px; }
.chk_sampo { margin-right: 5px; }
.lab_radio { margin-right: 20px; }
.tbl_inform { width: 100%; }
.tbl_inform th, .tbl_inform td { padding: 2px; }
.tbl_inform th { font-weight: bold; font-size: 0.85em; color: #888; width: 70px; }
.tbl_inform td:last-child { width: 50px; }
.tbl_inform input[type=range] { width: 96%; }
.txt_memo { width: 100%; padding: 5px; font-size: 16px; }
.div_weathericon { display: inline-block; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; }
.bt_submit { padding: 0 50px; background: #EB87A8; font-size: 16px; }
.bt_cancel { padding: 0 30px; background: #999; }
.bt_setdate { padding: 0 10px; height: 32px; font-size: 12px; background: #eee; color: #111; border-radius: 4px; margin: 0 0 0 5px; border: 1px solid #999; }

@media screen and (max-width: 767px){
	button { margin: 0 5px; }
	.bt_submit { padding: 0 30px; }
	.bt_cancel { padding: 0 20px; }
}