@charset "utf-8";

/*detail.html*/
.top-date {}
.top-date .date-pick {display:block;width:100%;margin:34px auto;padding:15px 0;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-weight:500;text-align: center;}
.top-date .date-pick {background:#00C8A1;position:relative;}
.top-date .date-pick span.sel-date {display:block;width:100%;text-align: center;}
.top-date .date-pick span.prev {display:block;position:absolute;;width:25px;height:25px;text-align: center;background:url(../../imgs/ico/ico_arrow_left_white.png) no-repeat center center;background-size:9px auto;cursor: pointer; left:20px;top:12px;}
.top-date .date-pick span.next {display:block;position:absolute;;width:25px;height:25px;text-align: center;background:url(../../imgs/ico/ico_arrow_right_white.png) no-repeat center center;background-size:9px auto;cursor: pointer; right:20px;top:12px;}

.calorie .graph_wrap {display:block;border-top:3px solid #5F517C;border-bottom:3px solid #5F517C;}


.calorie .graph_wrap h2 {font-size:15px;line-height:40px;border-bottom:2px solid #E5E5E5;text-align: center;font-weight:500;} 
.calorie .graph_wrap p {display:block;margin-top:10px;;font-size:15px;line-height:36px;border-top:2px solid #E5E5E5;text-align: center;color:#8963B9;font-weight:500;} 

.cal-aim .cal-ico {display:block;text-align: center;width:100%;height:100px;padding-top:60px;background:url(../../imgs/ico/ico_ruller.png) no-repeat center top 30px;background-size:37px auto;font-weight:500;}
.cal-aim ul {border-top:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5;position:relative;align-items: flex-start;}
.cal-aim ul::before {content:'';display:block;width:2px;height:100%;position:absolute;background:#e5e5e5;left:50%;top:0;}
.cal-aim ul li {display:block;width:50%;padding:15px 20px 0 20px;text-align: center;}
.cal-aim ul li p {margin-bottom:20px;font-weight:500;}

.cal-aim ul li div {width:50%;position:relative;margin-bottom:20px;}
.cal-aim ul li div a {display:block;margin:0 auto;position:relative;border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.cal-aim ul li div a::before {content:'';display:block;padding-top:100%;}
.cal-aim ul li div a span {position:absolute;top:0;left:0;width:100%;height:100%;text-align: center;font-size:20px;letter-spacing: -0.05em;padding-top:15%;}
.cal-aim ul li.fitness div {display:block;margin:0 auto 20px auto;width:100%;}
.cal-aim ul li.fitness div a {width:calc(50% - 8px);}
.cal-aim ul li.food div {display:inline-block;float:left;padding:0 4px;}
.cal-aim p.notice {font-size:12px;margin:10px auto;}


.checklist > p {display:block;text-align: center;width:100%;height:100px;padding-top:65px;background:url(../../imgs/ico/ico_check.png) no-repeat center top 30px;background-size:34px auto;font-weight:500;}

.checklist ul {display:block;position:relative;border-top:2px solid #e5e5e5;}
.checklist ul li {display:block;border-bottom:2px solid #e5e5e5;}
.checklist ul li a {display:block;line-height:36px;background:url(../../imgs/ico/ico_plus2.png) no-repeat center right;background-size:9px auto;}

.btnBox {display:block;margin-top:40px;}
.btnBox button {display:block;width:100%;height:32px;line-height:32px;}
.btnWrap button {display:block;width:100%;height:32px;line-height:32px;}

/*sports.html*/


/*self.html*/
.self h2 {display:block;width:50%;margin:20px auto;color:#5F517C;font-size:16px;font-weight:500;text-align: center;position:relative;padding-bottom:10px;}
.self h2::after {content:'';display:block;width:100%;background-color:#5F517C;height:2px;position:absolute;left:0;bottom:0;border-radius: 50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
.self > ul {display:block;position:relative;border-top:2px solid #e5e5e5;}
.self > ul > li {display:block;border-bottom:2px solid #e5e5e5;}
.self > ul > li a {display:block;line-height:36px;background:url(../../imgs/ico/ico_plus2.png) no-repeat center right;background-size:9px auto;font-weight:500;}
.self > ul > li .acc_key.on {display:block;line-height:36px;background:url(../../imgs/ico/ico_minus.png) no-repeat center right;background-size:9px auto;}
.self .acc_sub {display:none;;background:#f8f8f8;padding:20px 10px}
.self .acc_sub.on {display:block;}

.self .acc_sub ul {display:block;}
.self .acc_sub ul li {display:flex;justify-content: space-between;align-items: center;padding:6px;}
.self .acc_sub ul li * {width:50%;display:block;}
.self .acc_sub ul li input {border:none;;border-bottom:2px solid #E5E5E5;padding:0 12px;background:#fff;height:35px;line-height:35px;}

.self .acc_sub p {display:inline-block;position:relative;;width:100%;background:#e5e5e5;padding:10px 8px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-align: right;font-weight:700;font-size:14px;margin-top:10px;}
.self .acc_sub p em {position:absolute;left:8px;font-weight:500;}
.self .acc_sub textarea {border:2px solid #E5E5E5;padding:12px 12px;background:#fff;height:96px;line-height:20px;width:100%;resize: none !important;}
.self .acc_sub .counter {display:block;text-align: right;font-size:12px;}





/*main.html*/
#diary-main {padding:44px 10% 110px 10%;}
#diary-main .btnWrap.long > div {display:inline-block;position:relative;min-height:42px;min-width:50px;}
#diary-main .btnWrap.long > div:first-of-type {display:block;width:65%;}
#diary-main .btnWrap.long > div ul {padding:10px 15px;position:relative;}
#diary-main .btnWrap.long > div ul li {width:30%;text-align: center;}
#diary-main .btnWrap.long > div ul li span {display:block;margin:5px auto;width:9px; height:9px; border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
#diary-main .btnWrap.long > div a {position:absolute;display:none;width:42px;height:42px; border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%; top:0;right:0;line-height:15px;padding-top:5px; }
#diary-main .btnWrap.long > div a.abBtn.on {display:block;}
.main-cal {margin-top:34px;}
.main-cal .fc-toolbar.fc-header-toolbar {background:#00C8A1;}
.main-cal .fc-view-container {border-top:3px solid #5F517C;border-bottom:3px solid #5F517C}
.main-cal .fc-head td {border-top:none;}
.main-cal .fc-basic-view .fc-body .fc-row {min-height:56px !important;}
.main-cal .fc-row .fc-content-skeleton td, .main-cal .fc-row .fc-helper-skeleton td {padding-top:16px;}
.main-cal .fc-time {display:none;}
.main-cal  .fc-row .fc-content-skeleton tbody td,
.main-cal  .fc-row .fc-helper-skeleton tbody td {display:table-cell;padding:0;}
.main-cal .fc-day-grid-event {display:inline-block;width:5px;height:5px;border-radius: 50%;position:absolute;}

.main-cal tr:first-child > td > .fc-day-grid-event {left:0;top:5px;}
.main-cal .fc-title {display:none;}
.main-cal tr > td {
	position:relative;
}
.main-cal tr:nth-of-type(2) > td > .fc-day-grid-event {
	display:inline-block;
	position:absolute;
	top:-27px;
	left:16%;
	margin:0;
	width:6px;
	height:6px;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	line-height:5px;
	padding:0;
}
.main-cal tr:nth-of-type(1) > td > .fc-day-grid-event {
	display:inline-block;
	position:absolute;
	top:-27px;
	left:50%;
	margin:0;
	margin-left:-3px;
	width:6px;
	height:6px;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	line-height:5px;
	padding:0;
}
.main-cal tr:nth-of-type(3) > td > .fc-day-grid-event {
	display:inline-block;
	position:absolute;
	top:-27px;
	right:16%;
	margin:0;
	width:6px;
	height:6px;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	line-height:5px;
	padding:0;
}


/*calory.html*/
.cal-result {margin-top:-9px;}
.cal-result .total-cal {display:block;text-align: center;}
.cal-result .total-cal span {display:inline-block;width:46px;height:46px;border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;line-height:46px;font-size:20px;letter-spacing: -0.05em;}
.cal-result ul {margin-top:18px;}
.cal-result ul li {border-top:2px solid #E5E5E5;border-bottom:2px solid #E5E5E5;margin-top:-2px;padding:10px 24px 10px 12px;position:relative;}
.cal-result ul li .delBtn {display:block;position:absolute;;width:24px; height:24px;background:url(../../imgs/ico/ico_close.png) no-repeat center center;background-size:14px 14px;right:0;}
.cal-result ul li p {display:inline-block;width:50%;}
.cal-result ul li span {display:inline-block;width:50%;padding-left:15px;}

.cal-search {display:block;}
.cal-search .inputWrap {display:block;clear:both;position:relative;margin:35px auto;}
.cal-search .inputWrap input[type='text'] {display:block;width:100%;border:1px solid #8963B9; height:32px;line-height:32px;padding-right:70px;}
.cal-search .inputWrap button {position:absolute;height:32px;line-height:32px;right:0;top:0;width:62px;}

.cal-search ul li {border-top:2px solid #E5E5E5;border-bottom:2px solid #E5E5E5;margin-top:-2px;padding:10px 12px;position:relative;}
.cal-search ul li label {display:flex !important;}
.cal-search ul li label * {width:50%;}
.cal-search ul li label span {padding-left:15px;}

.eat-time {border-top:2px solid #e5e5e5;margin:20px auto;padding-top:20px;}
.eat-time li {}
.eat-time li label {width:35%;padding:0 12px;}
.eat-time li > div {width:65%;position:relative;}
.eat-time li > div select {width:32%;height:25px;padding:0 8px;}


.addImg {display:block;position:relative;padding-top:20px;border-top:2px solid #E5E5E5}
.addImg .add-img-wrap {display:block;width:100%;position:relative;padding-top:56.25%;background:#dddddd url(../../imgs/ico/ico_plus_grey.png) no-repeat center center;background-size:48px auto;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;overflow: hidden;}
.addImg .add-img-wrap.complete {background-size:contain;}
.addImg .add-img-wrap img {display:none;}
.addImg .add-img-wrap p {position:absolute;display:block;width:100%;text-align: center;left:0;bottom:15px;color:#979797;}
.addImg .add-img-wrap.complete p {display:none; }
.addImg .add-img-wrap.complete img {position:absolute;left:0;top:0;display:block;height:100%;}

.addImg .btnBox {display:flex;justify-content: space-between;align-items: center;margin-top:20px;}
.addImg .btnBox button {display:block;width:calc(50% - 5px);}
.addImg .btnBox input {display:none;}




/*daily-exercise.html*/
.daily-select h2 {display:block;width:50%;margin:20px auto;color:#5F517C;font-size:16px;font-weight:500;text-align: center;position:relative;padding-bottom:10px;}
.daily-select h2::after {content:'';display:block;width:100%;background-color:#5F517C;height:2px;position:absolute;left:0;bottom:0;border-radius: 50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
.daily-wrap ul {margin-top:18px;}
.daily-wrap ul li {border-top:2px solid #E5E5E5;border-bottom:2px solid #E5E5E5;margin-top:-2px;padding:10px 0px;position:relative;}
.daily-wrap ul li select {width:100%; height:32px;line-height:32px;padding:0 10px;}

.daily-wrap ul li p {display:inline-block;width:50%;}
.daily-wrap ul li span {display:inline-block;width:50%;padding-left:15px;}

.forecast {padding:10px 0 10px 0;border-bottom:2px solid #e5e5e5;position:relative;}
.forecast span {display:inline-block;height:32px;line-height:32px;position:absolute;top:10px;left:10px;font-weight:500;}
.forecast input {border:none !important;background:#eee;height:32px; line-height:32px;text-align: right;padding-right:84px;width:100%;font-size:15px;}
.forecast button {height:32px; line-height:32px;position:absolute;top:10px;right:0;width:70px;}

.d-list .tableWrap {display:block;width:100%;margin-top:20px;}
.d-list .tableWrap table {width:100%;border-collapse: collapse;}
.d-list .tableWrap table th {border-bottom:2px solid #5F517C;padding:10px 0;font-weight:500;}
.d-list .tableWrap table td {border-bottom:2px solid #e5e5e5;padding:5px 0;position:relative;line-height:24px;vertical-align: middle;}
.d-list .tableWrap table th:nth-of-type(2),
.d-list .tableWrap table td:nth-of-type(2) {text-align: center;}
.d-list .tableWrap table th:nth-of-type(3),
.d-list .tableWrap table td:nth-of-type(3),
.d-list .tableWrap table td:nth-of-type(4) {text-align: right;}
.d-list .tableWrap table td .delBtn {position:relative;;width:24px; height:24px;background:url(../../imgs/ico/ico_close.png) no-repeat center center;background-size:14px 14px;margin-top:6px;}

.d-list .tableWrap > p {display:block;text-align: right;padding:10px;background:#eee;}
.d-list .notice {margin-top:10px;padding-left:13px;text-indent:-13px;display:block;font-size:12px;word-break: keep-all;}


.btnBox.double {margin:50px auto 0 auto;display:flex !important;}
.btnBox.double * {width:calc(50% - 5px);height:32px;line-height:32px;}

.monthly-wrap .inputC:not(old) + label {width:24px;height:24px;padding-left:0;margin-top:7px;}


.halfBtn {width:50% !important;margin:0 auto;}