@charset "utf-8";

/*---------------------------------------------
 Verify
---------------------------------------------*/

/*---------------------------------------------
 custom reset
---------------------------------------------*/
*,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body { color: #222; font-family: '新ゴ L JIS2004', 'Shin Go Light JIS2004', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif; font-size:14px; height: 100%; line-height: 1.5; }
.wrapInner{ overflow: hidden; margin: 0 auto; max-width: 1220px;}
button, input[type=submit], a { font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif; text-decoration: none; color: #222;	-webkit-tap-highlight-color:rgba(77,169,255,0.3);}
button,input[type=submit],a,.link,a img{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
a.img_link:hover img{opacity: 0.7;}
img{max-width: 100%;}
sup{font-size: 60%;}


/*---------------------------------------------
 generic  class
---------------------------------------------*/
.txtB { font-weight: bold!important; }.txtN { font-weight: normal!important; }
.layoutC { text-align: center!important; }.layoutL { text-align: left!important; }.layoutR { text-align: right!important; }
.ov{overflow: hidden!important;}.fl{float: left!important;}.fr{float: right!important;}
.preWrap { white-space: pre-wrap; word-wrap: break-word; }

/*---------------------------------------------
 base margin
---------------------------------------------*/
.mt0 { margin-top: 0px !important; }.mt5 { margin-top: 5px !important; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt20 { margin-top: 20px !important; }.mt24 { margin-top: 24px !important; }.mt25 { margin-top: 25px !important; }.mt30 { margin-top: 30px !important; }.mt40 { margin-top: 40px !important; }.mt50 { margin-top: 50px !important; }.mt60 { margin-top: 60px !important; }.mt70 { margin-top: 70px !important; }.mt80 { margin-top: 80px !important; }
.ml0 { margin-left: 0px !important; }.ml5 { margin-left: 5px !important; }.ml10 { margin-left: 10px !important; }.ml15 { margin-left: 15px !important; }.ml20 { margin-left: 20px !important; }.ml30 { margin-left: 30px !important; }.ml40 { margin-left: 40px !important; }
.mr0 { margin-right: 0px !important; }.mr5 { margin-right: 5px !important; }.mr8 { margin-right: 8px !important; }.mr10 { margin-right: 10px !important; }.mr15 { margin-right: 15px !important; }.mr20 { margin-right: 20px !important; }.mr25 { margin-right: 25px !important; }.mr30 { margin-right: 30px !important; }.mr40 { margin-right: 40px !important; }
.mb0 { margin-bottom: 0px !important; }.mb5 { margin-bottom: 5px !important; }.mb10 { margin-bottom: 10px !important; }.mb15 { margin-bottom: 15px !important; }.mb20 { margin-bottom: 20px !important; }.mb25 { margin-bottom: 25px !important; }.mb30 { margin-bottom: 30px !important; }.mb40 { margin-bottom: 40px !important; }.mb50 { margin-bottom: 50px !important; }.mb60 { margin-bottom: 60px !important; }.mb70 { margin-bottom: 70px !important; }.mb80 { margin-bottom: 80px !important; }

.pt0 { padding-top: 0px !important; }.pt5 { padding-top: 5px !important; }.pt10 { padding-top: 10px !important; }.pt15 { padding-top: 15px !important; }.pt20 { padding-top: 20px !important; }.pt25 { padding-top: 25px !important; }.pt30 { padding-top: 30px !important; }.pt40 { padding-top: 40px !important; }.pt50 { padding-top: 50px !important; }.pt60 { padding-top: 60px !important; }.pt70 { padding-top: 70px !important; }.pt80 { padding-top: 80px !important; }
.pl0 { padding-left: 0px !important; }.pl5 { padding-left: 5px !important; }.pl10 { padding-left: 10px !important; }.pl15 { padding-left: 15px !important; }.pl20 { padding-left: 20px !important; }.pl30 { padding-left: 30px !important; }.pl40 { padding-left: 40px !important; }
.pr0 { padding-right: 0px !important; }.pr5 { padding-right: 5px !important; }.pr10 { padding-right: 10px !important; }.pr15 { padding-right: 15px !important; }.pr20 { padding-right: 20px !important; }.pr25 { padding-right: 25px !important; }.pr30 { padding-right: 30px !important; }.pr40 { padding-right: 40px !important; }
.pb0 { padding-bottom: 0px !important; }.pb5 { padding-bottom: 5px !important; }.pb10 { padding-bottom: 10px !important; }.pb15 { padding-bottom: 15px !important; }.pb20 { padding-bottom: 20px !important; }.pb25 { padding-bottom: 25px !important; }.pb30 { padding-bottom: 30px !important; }.pb40 { padding-bottom: 40px !important; }.pb50 { padding-bottom: 50px !important; }.pb60 { padding-bottom: 60px !important; }.pb70 { padding-bottom: 70px !important; }.pb80 { padding-bottom: 80px !important; }

.w5p{ width: 5%!important;}.w8p{ width: 8%!important;}.w10p{ width: 10%!important;}.w11p{ width: 11%!important;}.w12p{ width: 12%!important;}.w15p{ width: 15%!important;}.w20p{ width: 20%!important;}.w25p{ width: 25%!important;}.w30p{ width: 30%!important;}.w35p{ width: 35%!important;}.w40p{ width: 40%!important;}.w45p{ width: 45%!important;}.w50p{ width: 50%!important;}.w55p{ width: 55%!important;}.w60p{ width: 60%!important;}.w65p{ width: 65%!important;}.w70p{ width: 70%!important;}.w75p{ width: 75%!important;}.w80p{ width: 80%!important;}.w85p{ width: 85%!important;}.w90p{ width: 90%!important;}.w95p{ width: 95%!important;}.w100p{ width: 100%!important;}
.wmax{ width: 100%!important; height: auto!important;}
.fz10{ font-size: 71.43%; }.fz11{ font-size: 78.57%; }.fz12{ font-size: 85.71%; }.fz14{ font-size: 100%; }.fz16{ font-size: 114.29%; }.fz18{ font-size: 128.57%; }.fz20{ font-size: 142.86%; }.fz22{ font-size: 157.14%; }.fz24{ font-size: 171.43%; }.fz26{ font-size: 185.71%; }.fz28{ font-size: 200%; }.fz30{ font-size: 214.29%; }.fz32{ font-size: 228.57%; }.fz34{ font-size: 242.86%; }.fz36{ font-size: 257.14%; }.fz38{ font-size: 271.43%; }.fz40{ font-size: 285.71%; }.fz42{ font-size: 300%; }.fz44{ font-size: 314.29%; }.fz46{ font-size: 328.57%; }.fz48{ font-size: 342.86%; }

.max1280{ max-width: 1280px!important; margin: 0 auto!important;}
.max1024{ max-width: 1024px!important; margin: 0 auto!important; }
.max960{ max-width: 960px!important; margin: 0 auto!important; }
.max820{ max-width: 820px!important; margin: 0 auto!important; }
.max720{ max-width: 720px!important; margin: 0 auto!important; }
.max700{ max-width: 700px!important; margin: 0 auto!important; }
.max640{ max-width: 640px!important; margin: 0 auto!important;}
.max600{ max-width: 600px!important; margin: 0 auto!important;}
.max500{ max-width: 500px!important; margin: 0 auto!important; }
.max400{ max-width: 400px!important; margin: 0 auto!important; }
.max300{ max-width: 300px!important; margin: 0 auto!important; }
.max200{ max-width: 200px!important; margin: 0 auto!important;}

.mgA{margin-left: auto!important; margin-right: auto!important;}

/*---------------------------------------------
 grid system
---------------------------------------------*/
.grid {margin: 0 auto;overflow: hidden;padding-right: 0;}
.grid:after {content: "";display: table;clear: both;}
.colNum {float: left;min-height: 1px;}.push_right { float: right; }
.grid.inline{ letter-spacing: -0.4em; text-align: center; }
.grid.inline .colNum{ float: none; display: inline-block; vertical-align: middle; letter-spacing: normal; text-align: left;}
.gd_0 { margin-right: -0px; margin-bottom: -0px;}.gd_1 { margin-right: -1px; margin-bottom: -1px;}.gd_8 { margin-right: -8px; margin-bottom: -8px;}.gd_10 { margin-right: -10px; margin-bottom: -10px;}.gd_15 { margin-right: -15px; margin-bottom: -15px;}.gd_16 { margin-right: -16px; margin-bottom: -16px;}.gd_20 { margin-right: -20px; margin-bottom: -20px;}.gd_24 { margin-right: -24px; margin-bottom: -24px;}.gd_25 { margin-right: -25px; margin-bottom: -25px;}.gd_30 { margin-right: -30px; margin-bottom: -30px;}.gd_40 { margin-right: -40px; margin-bottom: -40px;}.gd_50 { margin-right: -50px; margin-bottom: -50px;}.gd_60 { margin-right: -60px; margin-bottom: -60px;}
.gd_0 .colNum {margin-bottom: 0; padding-right: 0;}.gd_1 .colNum {margin-bottom: 1px; padding-right: 1px;}.gd_8 .colNum {margin-bottom: 8px; padding-right: 8px;}.gd_10 .colNum {margin-bottom: 10px; padding-right: 10px;}.gd_15 .colNum {margin-bottom: 15px; padding-right: 15px;}.gd_16 .colNum {margin-bottom: 16px; padding-right: 16px;}.gd_20 .colNum {margin-bottom: 20px; padding-right: 20px;}.gd_24 .colNum {margin-bottom: 24px; padding-right: 24px;}.gd_25 .colNum {margin-bottom: 25px; padding-right: 25px;}.gd_30 .colNum {margin-bottom: 30px; padding-right: 30px;}.gd_40 .colNum {margin-bottom: 40px; padding-right: 40px;}.gd_60 .colNum {margin-bottom: 60px; padding-right: 60px;}.gd_60 .colNum {margin-bottom: 60px; padding-right: 60px;}
.grid.border .colNum{border-right: 1px solid rgba(0,0,0,0.2);/*$カラム間ボーダー*/}
.grid.border.gd_8 { margin-right: -4px; margin-left: -4px; margin-bottom: -8px;}.grid.border.gd_10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px;}.grid.border.gd_15 { margin-right: -7px; margin-left: -7px; margin-bottom: -15px;}.grid.border.gd_20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px;}.grid.border.gd_25 { margin-right: -12px; margin-left: -12px; margin-bottom: -25px;}.grid.border.gd_30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px;}.grid.border.gd_40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px;}
.grid.border.gd_10 .colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.grid.border.gd_10 .colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.grid.border.gd_15 .colNum {margin-bottom: 15px; padding-right: 7px; padding-left: 7px; }.grid.border.gd_16 .colNum {margin-bottom: 16px; padding-right: 8px; padding-left: 8px; }.grid.border.gd_20 .colNum {margin-bottom: 20px; padding-right: 10px; padding-left: 10px; }.grid.border.gd_24 .colNum {margin-bottom: 24px; padding-right: 12px; padding-left: 12px; }.grid.border.gd_25 .colNum {margin-bottom: 25px; padding-right: 12px; padding-left: 12px; }.grid.border.gd_30 .colNum {margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }.grid.border.gd_40 .colNum {margin-bottom: 40px; padding-right: 20px; padding-left: 20px; }
.col_1_1 { width: 100%; }.col_2_3,.col_8_12 { width: 66.66%; }.col_1_2,.col_6_12 { width: 50%; }.col_1_3,.col_4_12 { width: 33.33%; }.col_1_4,.col_3_12 { width: 25%; }.col_1_5 { width: 20%; }.col_1_6,.col_2_12 { width: 16.667%; }.col_1_7 { width: 14.28%; }.col_1_8 { width: 12.5%; }.col_1_9 { width: 11.1%; }.col_1_10 { width: 10%; }.col_1_11 { width: 9.09%; }.col_1_12 { width: 8.33%; }.col_11_12 { width: 91.66%; }.col_10_12 { width: 83.333%; }.col_9_12 { width: 75%; }.col_5_12 { width: 41.66%; }.col_7_12 { width: 58.33%; }
.push_2_3,.push_8_12 { margin-left: 66.66%; }.push_1_2,.push_6_12 { margin-left: 50%; }.push_1_3,.push_4_12 { margin-left: 33.33%; }.push_1_4,.push_3_12 { margin-left: 25%; }.push_1_5 { margin-left: 20%; }.push_1_6,.push_2_12 { margin-left: 16.667%; }.push_1_7 { margin-left: 14.28%; }.push_1_8 { margin-left: 12.5%; }.push_1_9 { margin-left: 11.1%; }.push_1_10 { margin-left: 10%; }.push_1_11 { margin-left: 9.09%; }.push_1_12 { margin-left: 8.33%; }
.colInner{height: 100%;}

/*---------------------------------------------
 wrap
---------------------------------------------*/
#wrap {
	background: #f2f4f5;
	-webkit-text-size-adjust: 100%;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	height: 100%;
}
#splash #wrap {
	background: #fff;
}
#maintenance #wrap,
#login #wrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: center;
}
#myVital #wrap .vitalData.noGradient {
	background: none;
}
#wrap.orangeBg {
	background: #fcebe3;
}
#wrap.whiteBg {
	background: #fff;
}
#wrap.orangeGBg {
	background: #ff8559;
	background: -moz-linear-gradient(top,  #ff8559 0%, #faaf3e 100%);
	background: -webkit-linear-gradient(top,  #ff8559 0%,#faaf3e 100%);
	background: linear-gradient(to bottom,  #ff8559 0%,#faaf3e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8559', endColorstr='#faaf3e',GradientType=0 );
}
#wrap.blueBg {
	background: #ddeeff;
}
#wrap.blueGBg {
	background: #5985ff;
	background: -moz-linear-gradient(top,  #ff8559 0%, #faaf3e 100%);
	background: -webkit-linear-gradient(top,  #ff8559 0%,#faaf3e 100%);
	background: linear-gradient(to bottom,  #ff8559 0%,#faaf3e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8559', endColorstr='#faaf3e',GradientType=0 );
}
/*---------------------------------------------
 header
---------------------------------------------*/
#header {
	background-color: #333;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 200;
}
#header .logo {
	padding: 0 40px;
}
#header .logo img {
	width: auto;
	height: 19px;
}
#header .mainMenu {
	padding-right: 40px;
}
#header .mainMenu ul li {
	width: auto;
}
#header .mainMenu ul li + li {
	margin-left: 24px;
}
#header .mainMenu ul li a:hover {
	color: #3cace8;
}
#read #header .mainMenu ul .read a:before,
#consultation #header .mainMenu ul .consultation a:before,
#clinic #header .mainMenu ul .clinic a:before,
#link #header .mainMenu ul .link a:before,
#data #header .mainMenu ul .data a:before,
#home #header .mainMenu ul .home a:before,
#header .mainMenu ul li a:hover:before {
	background-color: #3cace8;
	content: "";
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
}
#header .mainMenu ul .link.badge a:after {
	right: 0;
}
#header .mainMenu ul li a .icn {
	display: inline-block;
	margin: 0 12px 0 0;
	vertical-align: middle;
}
#header .mainMenu ul .home a .icn { width: 20px; }
#header .mainMenu ul .data a .icn { width: 16px; }
#header .mainMenu ul .link a .icn { width: 26px; }
#header .mainMenu ul .clinic a .icn { width: 20px; }
#header .mainMenu ul .consultation a .icn { width: 19px; }
#header .mainMenu ul .read a .icn { width: 28px; }

/*---------------------------------------------
 container
---------------------------------------------*/
.container {
	padding-bottom: 90px;
	width: 100%;
}
.container.newsDetailWrap,
.container.ranking,
.container.vitalDataWrap,
.container.allData {
	padding-bottom: 74px;
}
#myData .container,
#login .container {
	padding-bottom: 0;
}
#vitalFirst .container {
	padding-bottom: 16px;
}

/*---------------------------------------------
 footer
---------------------------------------------*/
#footer {
	background-color: #333;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
	width: 100%;
}
.mainMenu {
	height: 50px;
	position: relative;
}
.mainMenu ul {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
}
.mainMenu ul li {
	width: 25%;
}
.mainMenu ul li a {
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	width: 100%;
	line-height: 1.2;
	height: 50px;
	position: relative;
}
#header .mainMenu ul li a {
	font-size: 14px;
}
#column .mainMenu ul .read a,
#clinic .mainMenu ul .clinic a,
#myVital .mainMenu ul .data a,
#consultation .mainMenu ul .consultation a,
#shop .mainMenu ul .shop a,
#link .mainMenu ul .link a,
#myData .mainMenu ul .data a,
#data .mainMenu ul .data a,
#home .mainMenu ul .home a {color: #4da9ff;}
.mainMenu ul .link.badge a:after {
	background-color: #e082a5;
	border-radius: 50%;
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	right: 16px;
	top: 5px;
}
.mainMenu ul li a .icn {
	background: no-repeat center center / contain;
	display: block;
	height: 20px;
	margin-bottom: 5px;
}
.mainMenu ul .home a .icn { background-image: url(/common/images/icn_menu_home.png); }
.mainMenu ul .home a:hover .icn,
#home .mainMenu ul .home a .icn { background-image: url(/common/images/icn_menu_home_cur.png); }
.mainMenu ul .data a .icn { background-image: url(/common/images/icn_menu_data.png); }
.mainMenu ul .data a:hover .icn,
#myVital .mainMenu ul .data a .icn,
#myData .mainMenu ul .data a .icn,
#data .mainMenu ul .data a .icn { background-image: url(/common/images/icn_menu_data_cur.png); }
.mainMenu ul .link a .icn { background-image: url(/common/images/icn_menu_link.png); }
.mainMenu ul .link a:hover .icn,
#link .mainMenu ul .link a .icn { background-image: url(/common/images/icn_menu_link_cur.png); }
.mainMenu ul .shop a .icn { background-image: url(/common/images/icn_menu_shop.png); }
.mainMenu ul .shop a:hover .icn,
#shop .mainMenu ul .shop a .icn { background-image: url(/common/images/icn_menu_shop_cur.png); }
.mainMenu ul .consultation a .icn { background-image: url(/common/images/icn_menu_consultation.png); }
.mainMenu ul .consultation a:hover .icn,
#consultation .mainMenu ul .consultation a .icn { background-image: url(/common/images/icn_menu_consultation_cur.png); }
.mainMenu ul .clinic a .icn { background-image: url(/common/images/icn_menu_clinic.png); }
.mainMenu ul .clinic a:hover .icn,
#clinic .mainMenu ul .clinic a .icn { background-image: url(/common/images/icn_menu_clinic_cur.png); }
.mainMenu ul .read a .icn { background-image: url(/common/images/icn_menu_read.png); }
.mainMenu ul .read a:hover .icn,
#column .mainMenu ul .read a .icn { background-image: url(/common/images/icn_menu_read_cur.png); }
.copyright {
	color: #808080;
	font-size: 8px;
	height: 24px;
	line-height: 1.5;
	padding: 4px 0 0;
	text-align: center;
}

/*---------------------------------------------
 module
 ---------------------------------------------*/
.secWrap {padding: 0 32px;}
.pageBack {
	background-color: #f0f0f0;
	border-radius: 0 0 9px 0;
	box-shadow: 0 3px 0 #dbdbdb;
	padding: 11px 17px 12px 12px;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}
.pageBack span:before {
	background: url(/common/images/icn_arrow_back.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	opacity: .5;
	width: 8px;
	height: 9px;
	margin-right: 16px;
}
.pageTitle {
	margin-bottom: 14px;
	padding-top: 14px;
	text-align: center;
}
.pageTitle.allData {
	margin-bottom: 20px;
}
.prediction .pageTitle {
	margin-bottom: 16px;
	padding: 60px 0 0;
}
.goal .pageTitle {
	background: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	padding: 0;
	height: 65px;
}
.goal .pageTitle .day .week {
	font-size: 12px;
}
.dataSelectWrap + .pageTitle {
	padding-top: 24px;
}
.pageTitle h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}
.pageTitle.antigenAntibody h1,
.pageTitle.allData h1 {
	font-size: 14px;
	margin: 0 auto;
	max-width: 640px;
	padding: 0 16px;
}
.pageTitle.allData h1 {
	margin: 8px auto 0;
}
.goal .pageTitle h1 {
	font-size: 20px;
}
.pageTitle.allData .dataDate {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.arrowBtn {
	background: #13c1a6;
	background: -moz-linear-gradient(left,  #13c1a6 0%, #13a8c2 100%);
	background: -webkit-linear-gradient(left,  #13c1a6 0%,#13a8c2 100%);
	background: linear-gradient(to right,  #13c1a6 0%,#13a8c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
	border-radius: 6px;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}
.arrowBtn.disabled {
	background: #ccc;
	pointer-events: none;
}
.arrowBtn img {
	width: 8px;
}
.pageTitle h1 .date {
	font-size: 14px;
}
.secTitle {
	margin-bottom: 16px;
	padding-top: 36px;
	text-align: center;
}
.secTitle h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
.txtLink {
	color: #3366ff;
	text-decoration: underline;
}
.line {
  border-bottom: solid 1px black;
}
.redline {
  border-bottom: solid 2px red;
}
.uploadBtn,
.cancelBtn,
.primaryBtn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #13c1a6;
	background: -moz-linear-gradient(left,  #13c1a6 0%, #13a8c2 100%);
	background: -webkit-linear-gradient(left,  #13c1a6 0%,#13a8c2 100%);
	background: linear-gradient(to right,  #13c1a6 0%,#13a8c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
	border-radius: 9px;
	box-shadow: 0 4px 0 #0e8a77;
	border: none;
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	min-height: 44px;
	outline: none;
	padding: 7px 0;
	position: relative;
	width: 100%;
}
.activity .primaryBtn {
	background: #f5ab3d;
	background: -moz-linear-gradient(left, #f5ab3d 0%, #ff8559 100%);
	background: -webkit-linear-gradient(left, #f5ab3d 0%,#ff8559 100%);
	background: linear-gradient(to right, #f5ab3d 0%,#ff8559 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ab3d', endColorstr='#ff8559',GradientType=1 );
	box-shadow: 0 4px 0 #c48731;
}
.clinic .primaryBtn {
	background: #3d9af2;
	background: -moz-linear-gradient(left,  #3d9af2 0%, #167cdb 100%);
	background: -webkit-linear-gradient(left,  #3d9af2 0%,#167cdb 100%);
	background: linear-gradient(to right,  #3d9af2 0%,#167cdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d9af2', endColorstr='#167cdb',GradientType=1 );
	box-shadow: 0 4px 0 #1e6db6;
}
.primaryBtn.line {
	background: #00b900;
	box-shadow: 0 4px 0 #009900;
}
.uploadBtn.disabled,
.primaryBtn.disabled {
	background: #8b8c8c !important;
	box-shadow: 0 4px 0 #6a6b6b !important;
	opacity: .5;
	pointer-events: none;
}
.primaryBtn.mail span:before {
	background: url(/common/images/icn_mail.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	width: 14px;
	height: 10px;
	margin-right: 8px;
	vertical-align: middle;
}
.primaryBtn.line span:before {
	background: url(/common/images/icn_line.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	vertical-align: middle;
}
.primaryBtn.cancel {
	font-size: 10px;
	min-height: 30px;
}
.cancelBtn {
	color: #222 !important;
	background: #ccc !important;
	box-shadow: 0 4px 0 #999 !important;
}
.uploadBtn {
	background: #fff;
	border: 1px solid #dee0e0;
	box-shadow: 0 4px 0 #dee0e0;
	color: #222;
	min-height: 56px;
}
.uploadBtn.photo span:before {
	background: url(/common/images/icn_camera.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-right: 12px;
	vertical-align: middle;
}
.btnWrap.btn3,
.btnWrap.btn2 {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
}
.btnWrap.btn2 .cancelBtn,
.btnWrap.btn2 .primaryBtn {
	width: calc((100% - 16px) / 2);
}
.btnWrap.btn3 .primaryBtn {
	width: calc((100% - 14px) / 3);
}
#myData .dataDetail .partTitle,
.vitalDetailWrap .vitalDetail .bodyDataList li .bmiDetail,
.arrowNext {
	background-color: #fff;
	border-radius: 9px;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	min-height: 52px;
	line-height: 1.2;
	padding: 10px 31px 10px 19px;
	position: relative;
}
#myData .dataDetail .partTitle,
.vitalDetailWrap .vitalDetail .bodyDataList li .bmiDetail,
.vitalDetailWrap .vitalDetail .bodyDataList li .arrowNext {
	border-radius: 0;
}
.userDetail .arrowNext,
.dataDetail .arrowNext {
	background-color: #f5f7f7;
	border-radius: 0;
	padding: 10px 26px 10px 16px;
}
.dataDetail .arrowNext.danger {
	color: #cc2b2b;
	background-color: #fcc;
}
#myData .dataDetail .partTitle,
#myData .dataDetail .arrowNext {
	background-color: #fff;
}
#myData .dataDetail .subMenu .arrowNext {
	background-color: #fafafa;
	min-height: 40px;
	padding: 10px 31px 10px 9px;
}
.arrowNext:after {
	background: url(/common/images/icn_arrow_next.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	opacity: .5;
	width: 8px;
	height: 9px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0,-50%);
}
.arrowNext.danger:after {
	background-image: url(/common/images/icn_arrow_next_red.png);
}
.arrowNext .label {
	border: 1px solid #c8eae5;
	border-radius: 8px;
	color: #109e89;
	display: inline-block;
	font-size: 8px;
	line-height: 14px;
	height: 16px;
	margin-top: 4px;
	padding: 0 6px 2px;
}
.arrowNext .label + .label {
	margin-left: 4px;
}
.arrowNext .sub {
	font-size: 12px;
}
.userSlideWrap,
.linkUserWrap {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.linkUserWrap {
	margin-top: 20px;
}
.userSlideWrap .userSlide,
.linkUserWrap .linkUser {
	display: none;
	max-width: 320px;
	margin: 0 auto;
	overflow: visible;
	position: relative;
}
.linkUserWrap.linkNone .linkUser {
	max-width: 240px;
}
.userSlideWrap .userSlide.slick-initialized,
.linkUserWrap .linkUser.slick-initialized {
	display: block;
}
.tutorialWrap .tutorial .slick-arrow,
.userSlideWrap .userSlide .slick-arrow,
.linkUserWrap .linkUser .slick-arrow {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/common/images/icn_arrow_slider.png) no-repeat center center / contain;
	border: none;
	border-radius: 50%;
	outline: none;
	width: 48px;
	height: 48px;
	margin-top: -24px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	z-index: 5;
}
.tutorialWrap .tutorial .slick-disabled,
.userSlideWrap .userSlide .slick-disabled,
.linkUserWrap .linkUser .slick-disabled {
	pointer-events: none;
}
.userSlideWrap .userSlide .slick-prev,
.linkUserWrap .linkUser .slick-prev {
	left: -48px;
	transform: scale(-1, 1);
}
.userSlideWrap .userSlide .slick-next,
.linkUserWrap .linkUser .slick-next {
	right: -48px;
}
.userSlideWrap .userSlide .slick-list,
.linkUserWrap .linkUser .slick-list {
	overflow: visible;
}
.userSlideWrap .userSlide .user,
.linkUserWrap .linkUser .user {
	outline: none;
	padding: 0;
	pointer-events: none;
	position: relative;
	text-align: center;
}
.userSlideWrap .userSlide .slick-current,
.linkUserWrap .linkUser .slick-current {
	pointer-events: auto;
}
.userSlideWrap .userSlide .user a,
.linkUserWrap .linkUser .user a {
	outline: none;
	display: block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.userSlideWrap .userSlide .user span,
.linkUserWrap .linkUser .user span {
	display: block;
	position: relative;
}
/*
.userSlideWrap .userSlide .user .userImg:before,
.linkUserWrap .linkUser .user .userImg:before {
	background: url(/common/images/bg_user_shadow.png) no-repeat center center / contain;
	content: "";
	display: block;
	width: 400px;
	height: 39px;
	position: absolute;
	left: -87px;
	bottom: -12px;
	z-index: -1;
}
*/
.linkUserWrap.linkNone .linkUser .user .userImg:before {
	display: none;
}
.linkUserWrap .linkUser .user img {
	width: 165px;
	position: relative;
	z-index: 2;
}
.userSlideWrap .userSlide .user span video,
.linkUserWrap .linkUser .user span video {
	position: relative;
	z-index: 1;
}
.linkUserWrap .linkUser .user video {
	width: 165px;
}
.userSlideWrap .userSlide .user span .tapMov,
.linkUserWrap .linkUser .user span .tapMov {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.userSlideWrap .userSlide .user span .tapMov.show,
.linkUserWrap .linkUser .user span .tapMov.show {
	opacity: 1;
}
.userSlideWrap .userSlide .user .userName,
.linkUserWrap .linkUser .user .userName {
	font-size: 16px;
	margin-top: 24px;
	word-break: break-all;
}
.linkUserWrap.linkNone .linkUser .user .noneTxt {
	display: block;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	white-space: nowrap;
}
.informationBtn {
	max-width: 480px;
	margin: 28px auto 0;
	padding: 0 32px;
}
.informationBtn .primaryBtn {
	background: #fff;
	border: 1px solid #e082a5;
	box-shadow: none;
	color: #e082a5;
	height: 36px;
}
.informationBtn .primaryBtn:after {
	background: url(/common/images/icn_arrow_next_pink.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	opacity: .6;
	width: 8px;
	height: 9px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0,-50%);
}
.informationBtn a .num {
	font-size: 19px;
}
.newLinkBtn {
	max-width: 480px;
	margin: 12px auto 0;
	padding: 0 32px;
}
.newLinkBtn .primaryBtn:after {
	background: url(/common/images/icn_arrow_next_green.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	opacity: .5;
	width: 8px;
	height: 9px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0,-50%);
}
body.fixed {
	position: fixed;
	width: 100%;
}
.popupWrap {
	display: none;
	align-items: center;
	justify-content: center;
	overflow: auto;
	padding: 16px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
}
.popupWrap.show {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
}
.aiTrainerWrap .bodyOverlay,
.pointGetPop .bodyOverlay,
.popupWrap .bodyOverlay {
	background-color: rgba(0, 0, 0, .7);
	display: block;
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1;
}
.pointGetPop .bodyOverlay {
	background-color: rgba(0, 0, 0, .8);
}
.popupWrap .popupWin {
	background-color: #fff;
	display: none;
	max-width: 640px;
	opacity: 0;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 100%;
	z-index: 2;
}
.aiTrainerWrap .bodyOverlay.show,
.pointGetPop .bodyOverlay.show,
.pointGetPop .pointGet.show,
.popupWrap .bodyOverlay.show,
.popupWrap .popupWin.show {
	opacity: 1;
}
.popupWrap .popupWin .popupClose {
	background-color: #3366ff;
	border-radius: 0 0 0 9px;
	display: block;
	width: 35px;
	height: 35px;
	padding: 11px 11px 12px 12px;
	position: absolute;
	right: 0;
	top: 0;
}
.popupWrap .popupWin .popupClose .icn {
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 0;
}
.popupWrap .popupWin .popupInfo {
	padding: 32px 32px 0;
}
.popupWrap .popupWin .popupTitle {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	padding: 32px 32px 0;
	text-align: center;
}
.popupWrap .popupWin .popupInfo + .popupTitle {
	padding-top: 16px;
}
.popupWrap .popupWin .popupTitle .num {
	background: #faaf3e;
	background: -moz-linear-gradient(left,  #faaf3e 0%, #ff8559 100%);
	background: -webkit-linear-gradient(left,  #faaf3e 0%,#ff8559 100%);
	background: linear-gradient(to right,  #faaf3e 0%,#ff8559 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaf3e', endColorstr='#ff8559',GradientType=1 );
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 8px;
	width: 47px;
	height: 20px;
	line-height: 20px;
}
.popupWrap .popupWin .noteBox {
	padding: 16px 16px 0;
}
.popupWrap .popupWin .authenticationCode {
	font-size: 40px;
}
.popupWrap .popupWin .popupBody {
	margin-top: 16px;
	max-height: 340px;
	overflow-y: auto;
}
.popupWrap .popupWin .popupBody.wordExplanation {
	padding: 0 36px 40px;
}
.popupWrap .popupWin .popupBody .inner {
	padding: 0 36px;
}
.popupWrap .popupWin .popupBody .attentionIcnEx {
	margin-top: 4px;
}
.popupWrap .popupWin .popupBody .attentionIcnEx li {
	min-height: 30px;
	padding-top: 4px;
	padding-left: calc(30px + 1em);
	position: relative;
	text-indent: -1em;
}
.popupWrap .popupWin .popupBody .attentionIcnEx li + li {
	margin-top: 4px;
}
.popupWrap .popupWin .popupBody .attentionIcn {
	display: inline-block;
	text-indent: 0;
	width: 30px;
	line-height: 0;
	vertical-align: middle;
}
.popupWrap .popupWin .popupBody .attentionIcnEx .attentionIcn {
	position: absolute;
	left: 0;
	top: 0;
}
.popupWrap .popupWin .popupBody .attentionTxtEx li + li {
	margin-top: 4px;
}
.popupWrap .popupWin .popupBody .attentionTxtEx li dl {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
}
.popupWrap .popupWin .popupBody .attentionTxtEx li dl dt {
	font-weight: bold;
}
.popupWrap .popupWin .popupBody .attentionTxtEx li dl dt.high {
	color: #f60;
}
.popupWrap .popupWin .popupBody .attentionTxtEx li dl dt.low {
	color: #1d70b8;
}
.popupWrap .popupWin .popupBody .attentionTxtEx li dl dt.panic {
	color: #f00;
}
.popupWrap .popupWin .popupBody .attentionTxtEx li dl dd {
	flex: 1;
	padding-left: 1em;
	text-indent: -1em;
}
.popupWrap .popupWin .changeList li,
.popupWrap .popupWin .applyList li {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	padding: 14px 12px 12px 16px;
	position: relative;
}
.popupWrap .popupWin .applyList .approval {
	background-color: #f5faff;
}
.popupWrap .popupWin .applyList .rejection {
	background-color: #fff7f7;
}
.popupWrap .popupWin .changeList li:before,
.popupWrap .popupWin .applyList li:before {
	background: #fff url(/common/images/bg_line.png) repeat-x 0 0 / auto 2px;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	top: 0;
}
.agentEditList li .userInfo,
.popupWrap .popupWin .changeList li .userInfo,
.popupWrap .popupWin .applyList li .userInfo {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	flex: 1;
}
.agentEditList li .userInfo .userIcon,
.popupWrap .popupWin .changeList li .userInfo .userIcon,
.popupWrap .popupWin .applyList li .userInfo .userIcon {
	background-color: #fff;
	line-height: 0;
	width: 50px;
	height: 50px;
}
.agentEditList li .userInfo .userName,
.popupWrap .popupWin .changeList li .userInfo .userName,
.popupWrap .popupWin .applyList li .userInfo .userName {
	flex: 1;
	padding-left: 16px;
}
.agentEditList li .userInfo .userName .name,
.popupWrap .popupWin .changeList li .userInfo .userName .name,
.popupWrap .popupWin .applyList li .userInfo .userName .name {
	font-size: 16px;
	word-break: break-all;
}
.popupWrap .popupWin .changeList li .userSelect,
.popupWrap .popupWin .applyList li .ok,
.popupWrap .popupWin .applyList li .ng {
	border-radius: 6px;
	margin-left: 12px;
	width: 39px;
	height: 39px;
}
.popupWrap .popupWin .changeList li .userSelect {
	background-color: #3366ff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.popupWrap .popupWin .changeList li .userSelect img {
	width: 16px;
}
.popupWrap .popupWin .changeList li .consultationDate {
	flex: 1;
}
.popupWrap .popupWin .changeList li .consultationDate .date {
	font-weight: bold;
}
.popupWrap .popupWin .inputFormWrap {
	padding: 0 20px;
}
.popupWrap .popupWin .inputFormWrap.flx {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
}
.popupWrap .popupWin .inputFormWrap + .inputFormWrap {
	margin-top: 8px;
}
.popupWrap .popupWin .inputFormWrap.flx dt.w2em {
	width: 2em;
}
.popupWrap .popupWin .inputFormWrap dd {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	flex: 1;
	margin-top: 8px;
}
.popupWrap .popupWin .inputFormWrap dd.layoutC {
	justify-content: center;
}
.popupWrap .popupWin .inputFormWrap.flx dd {
	margin: 0 0 0 10px;
}
.popupWrap .popupWin .inputFormWrap dd .w3em,
.popupWrap .popupWin .inputFormWrap dd .w2em {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	border: 1px solid #d1d1d1;
	border-radius: 9px;
	outline: none;
	margin: 0 8px 0 12px;
	padding: 0 8px;
	width: 50px;
	height: 50px;
}
.popupWrap .popupWin .inputFormWrap dd .w3em {
	width: 75px;
}
.popupWrap .popupWin .inputFormWrap dd .w3em:first-of-type,
.popupWrap .popupWin .inputFormWrap dd .w2em:first-of-type {
	margin-left: 0;
}
.popupWrap .popupWin .inputFormWrap .note {
	font-size: 11px;
}
.popupWrap .popupWin .dataDelWrap {
	margin-top: 20px;
}
.popupWrap .popupWin .dataDelWrap .deleteBtn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #ffe8e8;
	border: none;
	border-radius: 0;
	color: #cc2b2b;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	outline: none;
	width: 100%;
	height: 36px;
}
.popupWrap .popupWin .dataDelWrap .deleteBtn:before {
	background: url(/common/images/icn_delete.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	width: 13px;
	height: 16px;
	margin-right: 8px;
}
.popupWrap .popupWin .authenticationBody {
	padding: 0 16px 32px;
}
.popupWrap .popupWin .authenticationBody .bodyInner {
	background: #fff url(/common/images/bg_line.png) repeat-x 0 0 / auto 2px;
	font-size: 16px;
	padding-top: 20px;
	text-align: center;
}
.dataDetailWrap,
.userDetailWrap {
	width: 100%;
	height: 100%;
}
.dataDetailWrap .userImgWrap,
.userDetailWrap .userImgWrap {
	position: relative;
	height: 100%;
	width: 54.133vw;
	z-index: 1;
}
.dataDetailWrap .userImgWrap .dataDate {
	min-height: 64px;
	padding: 15px 24px 0;
}
.dataDetailWrap .userImgWrap .dataDate p {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
}
.dataDetailWrap .userImgWrap .dataDate p + p {
	margin-top: 8px;
}
.dataDetailWrap .userImgWrap .dataDate .date {
	font-weight: bold;
}
.changeDate {
	background: #13c1a6;
	background: -moz-linear-gradient(left, #13c1a6 0%, #13a8c2 100%);
	background: -webkit-linear-gradient(left, #13c1a6 0%,#13a8c2 100%);
	background: linear-gradient(to right, #13c1a6 0%,#13a8c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
	border-radius: 50%;
	box-shadow: 0 2px 0 #0e8a77;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 8px;
	width: 24px;
	height: 24px;
}
.changeDate img {
	width: 16px;
}
.dataDetailWrap .userImgWrap .userImg,
.userDetailWrap .userImgWrap .userImg {
	padding: 124px 16px 0 16px;
	position: relative;
	text-align: center;
}
.dataDetailWrap .userImgWrap .userImg {
	padding-top: 16px;
}
#myData .dataDetailWrap .userImgWrap .userImg {
	padding-top: 84px;
}
/*
.dataDetailWrap .userImgWrap .userImg:before,
.userDetailWrap .userImgWrap .userImg:before {
	background: url(/common/images/bg_user_shadow.png) no-repeat center center / contain;
	content: "";
	display: block;
	width: 450px;
	height: 39px;
	margin-left: -170px;
	position: absolute;
	left: 50%;
	bottom: -12px;
	z-index: -1;
}
*/
.dataDetailWrap .userImgWrap .userImg .imgWrap {
	margin: 0 auto;
	position: relative;
	width: 150px;
}
#myData .dataDetailWrap .userImgWrap .userImg .imgWrap {
	width: 100%;
}
.dataDetailWrap .userImgWrap .userImg .imgWrap.disabled {
	pointer-events: none;
}
#data.detail .dataDetailWrap .userImgWrap .userImg .imgWrap {
	height: 360px;
}
#myData .dataDetailWrap .userImgWrap .userImg video,
.userDetailWrap .userImgWrap .userImg video {
	max-width: 100%;
}
.dataDetailWrap .userImgWrap .userImg img,
.userDetailWrap .userImgWrap .userImg img {
	cursor: pointer;
	width: 150px;
	outline: none;
	position: relative;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	z-index: 2;
}
#data.detail .dataDetailWrap .userImgWrap .userImg img {
	width: 220px;
	max-width: 220px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
}
#data.detail .dataDetailWrap .userImgWrap .userImg .tapMov {
	opacity: 0;
	pointer-events: none;
}
.dataDetailWrap .userImgWrap .userImg .imgWrap .marker {
	display: block;
	width: 25px;
	height: 25px;
	opacity: 1;
	pointer-events: none;
	position: absolute;
	transform: translate(-50%,-50%);
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	z-index: 3;
}
.dataDetailWrap .userImgWrap .userImg .imgWrap .marker.hide {
	opacity: 0;
}
#data.detail .dataDetailWrap .userImgWrap .userImg .imgWrap .marker img {
	max-width: 100%;
}
.userName.flxBox,
.dataDetailWrap .userImgWrap .userName,
.userDetailWrap .userImgWrap .userName {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
}
.userName .name {
	display: block;
	flex-shrink: 100;
	word-break: break-all;
}
.popupWrap .popupWin .popupBody .applyList .userName .name {
	display: inline;
}
.userName .changeUser {
	background: #13c1a6;
	background: -moz-linear-gradient(left, #13c1a6 0%, #13a8c2 100%);
	background: -webkit-linear-gradient(left, #13c1a6 0%,#13a8c2 100%);
	background: linear-gradient(to right, #13c1a6 0%,#13a8c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );	border-radius: 50%;
	box-shadow: 0 2px 0 #0e8a77;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 1;
	margin-left: 7px;
	width: 24px;
	height: 24px;
}
.dataDetailWrap .userImgWrap .userImg .userName .changeUser img,
.userName .changeUser img {
	width: 16px;
	height: auto;
}
.dataDetailWrap .dataDetail,
.userDetailWrap .userDetail {
	background-color: rgba(237, 240, 239, .7);
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 173px;
	height: 100%;
	z-index: 2;
}
.dataDetailWrap .dataDetail.opened {
	width: 100%;
}
.dataDetailWrap .dataDetail .detailWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-direction: column;
	width: 100%;
	max-height: 100%;
	position: relative;
}
.dataDetailWrap .dataDetail .pageBack,
.userDetailWrap .userDetail .pageBack {
	background: #dee0e0;
	border-radius: 0;
	box-shadow: none;
	padding: 13px 20px 14px;
	position: relative;
	width: 100%;
	height: 46px;
	z-index: 1;
}
.dataDetailWrap .dataDetail .detailWrap .pageBack {
	width: 173px;
}
.dataDetailWrap .dataDetail .pageBack {
	padding: 11px 20px 12px;
}
.dataDetailWrap .dataDetail .pageBack span:before,
.userDetailWrap .userDetail .pageBack span:before {
	position: absolute;
	right: 16px;
	top: 50%;
	margin: 0;
	transform: translate(0,-50%);
}
.dataDetailWrap .dataDetail .detailInner {
	overflow-y: auto;
	position: relative;
	max-height: calc(100% - 46px);
	width: 173px;
	z-index: 1;
}
#myData .dataDetailWrap .dataDetail .detailInner {
	max-height: 100%;
}
.dataDetailWrap .dataDetail .totalScoreWrap {
	background-color: #fff;
	font-size: 10px;
	font-weight: bold;
	height: 95px;
	margin: 1px 0 0 1px;
	padding: 10px 8px 0 16px;
	position: relative;
	z-index: 1;
}
.dataDetailWrap .dataDetail .totalScore {
	color: #999;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
}
.dataDetailWrap .dataDetail .totalScore .icn {
	display: inline-block;
	line-height: 0;
	margin-right: 10px;
	width: 12px;
}
.dataDetailWrap .dataDetail .totalScore .score {
	color: #222;
	display: inline-block;
	font-family: '新ゴ H JIS2004', 'Shin Go Heavy JIS2004', 'ヒラギノ角ゴ Pro W9', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	font-size: 19px;
	line-height: 1.2;
	margin-left: 6px;
	text-decoration: none;
}
.dataDetailWrap .dataDetail .totalScoreWrap .comment {
	margin-top: 10px;
}
.dataDetailWrap .dataDetail .totalScoreWrap .comment a {
	background: -moz-linear-gradient(left,  #13c1a6 0%, #13a8c2 100%);
	background: -webkit-linear-gradient(left,  #13c1a6 0%,#13a8c2 100%);
	background: linear-gradient(to right,  #13c1a6 0%,#13a8c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
	border-radius: 5px;
	box-shadow: 0 4px 0 #0e8a77;
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	max-width: 140px;
	height: 27px;
}
.dataDetailWrap .dataDetail .totalScoreWrap .comment a .icn {
	display: block;
	margin-right: 6px;
	width: 14px;
}
.dataDetailWrap .dataDetail ul {
	margin-top: 1px;
	position: relative;
	z-index: 1;
}
.dataDetailWrap .dataDetail ul li,
.userDetailWrap .userDetail ul li {
	margin-top: 1px;
	padding-left: 1px;
}
.dataDetailWrap .dataDetail .resultData .icn,
.dataDetailWrap .dataDetail ul li .icn {
	background: no-repeat 0 center;
	display: inline-block;
	width: 32px;
	height: 24px;
}
.dataDetailWrap .dataDetail .resultData .resultBack .icn.body,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.body {
	background-image: url(/common/images/icn_body.png);
	background-size: 18px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext.danger .icn.body {
	background-image: url(/common/images/icn_body_alert.png);
}
.dataDetailWrap .dataDetail .resultData .resultBack .icn.urine,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.urine {
	background-image: url(/common/images/icn_urine.png);
	background-size: 20px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext.danger .icn.urine {
	background-image: url(/common/images/icn_urine_alert.png);
}
.dataDetailWrap .dataDetail .resultData .resultBack .icn.largeBowel,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.largeBowel {
	background-image: url(/common/images/icn_large_bowel.png);
	background-size: 20px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext.danger .icn.largeBowel {
	background-image: url(/common/images/icn_large_bowel_alert.png);
}
.dataDetailWrap .dataDetail .resultData .resultBack .icn.liver,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.liver {
	background-image: url(/common/images/icn_liver.png);
	background-size: 20px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext.danger .icn.liver {
	background-image: url(/common/images/icn_liver_alert.png);
}
.dataDetailWrap .dataDetail .resultData .resultBack .icn.lipid,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.lipid {
	background-image: url(/common/images/icn_lipid.png);
	background-size: 19px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext.danger .icn.lipid {
	background-image: url(/common/images/icn_lipid_alert.png);
}
.dataDetailWrap .dataDetail .resultData .resultBack .icn.uricAcid,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.uricAcid {
	background-image: url(/common/images/icn_uric_acid.png);
	background-size: 22px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext.danger .icn.uricAcid {
	background-image: url(/common/images/icn_uric_acid_alert.png);
}
.dataDetailWrap .dataDetail .resultData .resultBack .icn.pancreas,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.pancreas {
	background-image: url(/common/images/icn_pancreas.png);
	background-size: 20px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext.danger .icn.pancreas {
	background-image: url(/common/images/icn_pancreas_alert.png);
}
.dataDetailWrap .dataDetail .resultData .resultBack .icn.kidney,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.kidney {
	background-image: url(/common/images/icn_kidney.png);
	background-size: 22px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext.danger .icn.kidney {
	background-image: url(/common/images/icn_kidney_alert.png);
}
.dataDetailWrap .dataDetail .resultData .resultBack .icn.carbohydrateMetabolism,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.carbohydrateMetabolism {
	background-image: url(/common/images/icn_carbohydrate_metabolism.png);
	background-size: 20px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext.danger .icn.carbohydrateMetabolism {
	background-image: url(/common/images/icn_carbohydrate_metabolism_alert.png);
}
.dataDetailWrap .dataDetail .resultData .resultBack .icn.blood,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.blood {
	background-image: url(/common/images/icn_blood.png);
	background-size: 19px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext.danger .icn.blood {
	background-image: url(/common/images/icn_blood_alert.png);
}
.dataDetailWrap .dataDetail .resultData .resultBack .icn.stomach,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.stomach {
	background-image: url(/common/images/icn_stomach.png);
	background-size: 19px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext.danger .icn.stomach {
	background-image: url(/common/images/icn_stomach_alert.png);
}
.dataDetailWrap .dataDetail .resultData .resultBack .icn.etc,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.etc {
	background-image: url(/common/images/icn_etc.png);
	background-size: 16px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext.danger .icn.etc {
	background-image: url(/common/images/icn_etc_alert.png);
}
.dataDetailWrap .dataDetail .resultData .resultBack .icn.all,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.all {
	background-image: url(/common/images/icn_all.png);
	background-size: 16px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext.danger .icn.all {
	background-image: url(/common/images/icn_all_alert.png);
}
#myData .dataDetail .partTitle .icn.checkData,
.dataDetailWrap .dataDetail ul li .arrowNext .icn.checkData {
	background-image: url(/common/images/icn_check_data.png);
	background-size: 21px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext .icn.camera {
	background-image: url(/common/images/icn_camera.png);
	background-size: 21px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext .icn.careData {
	background-image: url(/common/images/icn_care_data.png);
	background-size: 21px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext .icn.myVital {
	background-image: url(/common/images/icn_vital.png);
	background-size: 21px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext .icn.antigenAntibody {
	background-image: url(/common/images/icn_antigen_antibody.png);
	background-size: 22px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext .icn.vaccination {
	background-image: url(/common/images/icn_vaccination.png);
	background-size: 21px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext .icn.prediction {
	background-image: url(/common/images/icn_health_prediction.png);
	background-size: 20px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext .icn.daily {
	background-image: url(/common/images/icn_check_data_daily.png);
	background-size: 25px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext .icn.parts {
	background-image: url(/common/images/icn_check_data_prts.png);
	background-size: 25px auto;
}
.dataDetailWrap .dataDetail ul li .arrowNext .icn.compare {
	background-image: url(/common/images/icn_check_data_compare.png);
	background-size: 25px auto;
}
.dataDetailWrap .dataDetail .resultData {
	background-color: #edf0ef;
	position: absolute;
	left: 100%;
	top: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 100%;
	height: calc(100% - 74px);
	z-index: 5;
}
.dataDetailWrap .dataDetail .resultData.show {
	left: 0;
}
.dataDetailWrap .dataDetail .resultData > .tooltip {
	background: #808080;
	position: absolute;
	right: 32px;
	top: 15px;
	z-index: 2;
}
.dataDetailWrap .dataDetail .resultData .pageBack.resultBack {
	border-left: 1px solid #edf0ef;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
}
.dataDetailWrap .dataDetail .resultData .modeChange {
	background-color: #3366ff;
	border-top: 1px solid #edf0ef;
	border-left: 1px solid #edf0ef;
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 12px;
	padding: 0 16px;
	height: 41px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.dataDetailWrap .dataDetail.modeOn .resultData .modeChange {
	background-color: #e082a5;
}
.dataDetailWrap .dataDetail .resultData .modeChange .mode {
	background-color: #fff;
	border-radius: 5px;
	width: 47px;
	height: 16px;
	position: relative;
}
.dataDetailWrap .dataDetail .resultData .modeChange .mode .btn {
	background-color: #3366ff;
	border-radius: 5px;
	display: block;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	position: absolute;
	left: 2px;
	top: 50%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 2;
}
.dataDetailWrap .dataDetail.modeOn .resultData .modeChange .mode .btn {
	background-color: #e082a5;
	left: calc(100% - 14px);
}
.dataDetailWrap .dataDetail .resultData .modeChange .mode .txt {
	font-size: 10px;
	opacity: 1;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1;
}
.dataDetailWrap .dataDetail .resultData .modeChange .mode .txt.off {
	color: #3366ff;
	right: 5px;
}
.dataDetailWrap .dataDetail.modeOn .resultData .modeChange .mode .txt.off {
	opacity: 0;
}
.dataDetailWrap .dataDetail .resultData .modeChange .mode .txt.on {
	color: #e082a5;
	left: 5px;
	opacity: 0;
}
.dataDetailWrap .dataDetail.modeOn .resultData .modeChange .mode .txt.on {
	opacity: 1;
}
.dataDetailWrap .dataDetail .resultData .transitionList,
.dataDetailWrap .dataDetail .resultData .resultList {
	border-top: 1px solid #edf0ef;
	border-left: 1px solid #edf0ef;
	margin-top: 0;
	max-height: calc(100% - 46px);
	overflow-y: auto;
}
.dataDetailWrap .dataDetail .resultData .resultList li {
	background-color: #fff;
	border-bottom: 1px solid #edf0ef;
	margin-top: 0;
	padding: 0;
}
.resultData .resultList li dl {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
}
.resultData .resultList li dl .score {
	border-right: 1px solid #edf0ef;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
}
.resultData .resultList li dl .score.none {
	background-color: #f2f2f2;
}
.resultData .resultList li dl .score.careful {
	background-color: #fffafa;
}
.resultData .resultList li dl .score.safety {
	background-color: #f5faff;
}
.resultData .resultList li dl .score.none .icn {
	background-color: #afb0b0;
	border-radius: 2px;
	display: block;
	width: 7px;
	height: 2px;
}
.resultData .resultList li dl .score.careful .icn {
	background: url(/common/images/icn_careful.png) no-repeat center center / contain;
	display: block;
	width: 18px;
	height: 18px;
}
.resultData .resultList li dl .score.safety .icn {
	background: url(/common/images/icn_safety.png) no-repeat center center / contain;
	display: block;
	width: 19px;
	height: 19px;
}
.resultData .resultList li dl dd {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	flex: 1;
	overflow: hidden;
	width: calc(100% - 35px);
}
.resultData .resultList li dl dd .data {
	padding: 10px 0;
	width: 100%;
}
.transitionList .label,
.resultData .resultList li dl dd .label {
	font-weight: bold;
	padding: 0 12px;
	position: relative;
	word-break: break-all;
	z-index: 2;
}
.transitionList .label {
	padding: 0;
}
.transitionList {
	border-left: 1px solid #edf0ef;
	margin-top: 0;
	max-height: calc(100% - 87px);
	overflow: hidden;
	position: relative;
	width: 100%;
}
.transitionList.on {
	overflow: auto;
}
.transitionList .mask {
	background-color: rgba(0, 0, 0, .3);
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 100px);
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.transitionList .mask .scroll {
	width: 65px;
	height: 65px;
	line-height: 0;
}
.transitionList table {
	position: relative;
	table-layout: fixed;
	z-index: 1;
}
.transitionList table tbody td,
.transitionList table thead th {
	border: 1px solid #edf0ef;
	padding: 6px 8px;
	vertical-align: top;
}
.transitionList table thead th {
	height: 40px;
	vertical-align: middle;
	width: 130px;
}
.transitionList table tbody th,
.transitionList table thead th {
	border-left: none;
	background-color: #f2f2f2;
	padding: 6px 8px;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 2;
	vertical-align: top;
}
.transitionList table tbody th:before,
.transitionList table thead th:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	border: 1px solid #f2f2f2;
	z-index: 1;
}
.transitionList table thead th:first-child {
	z-index: 3;
}
.transitionList table thead th:first-child {
	width: 99px !important;
}
.transitionList table tbody td {
	background-color: #fff;
}
.transitionList table tbody td.careful {
	background-color: #fffee0;
}
.transitionList table tbody td.careful.low {
	background-color: #ebfbff;
}
.transitionList table tbody td.careful.high {
	background-color: #ffefe8;
}
.transitionList table tbody td.careful.panic {
	background-color: #ffd2bf;
}

.tooltipWrap {
	max-width: 640px;
	margin: 0 auto 4px;
	padding: 0 8px
}
.whatsLink .icn,
.tooltip {
	background-color: #dee0e0;
	border-radius: 5px;
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 0;
	margin-left: 6px;
	padding-top: 4px;
	text-align: center;
	vertical-align: middle;
}
.whatsLink .icn img,
.tooltip img {
	width: 5px;
}
.resultData .resultList li dl dd .txtResult {
	font-weight: bold;
	margin-top: 6px;
	padding: 0 12px;
}
.transitionList .txtResult {
	font-weight: bold;
}
.transitionList .txtResult.findings,
.resultData .resultList li dl dd .txtResult.findings {
	background-color: #ffe8e8;
	color: #cc2b2b;
	padding: 5px 12px;
}
.transitionList .txtResult.findings {
	margin: 0 -12px;
}
.transitionList td.careful .txtResult.findings {
	background: none;
}
.transitionList .txtResult.findings.safety,
.resultData .resultList li dl dd .txtResult.findings.safety {
	background-color: #f5faff;
	color: #1264b0;
}
.resultData .resultList li dl dd .txtResult .thisValue {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
}
.dataDetailWrap .dataDetail .totalScore .totalDetail,
.resultData .resultList li dl dd .txtResult .thisValue .findingsDetail {
	background-color: #cc2b2b;
	border-radius: 5px;
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 10px;
	margin-left: 4px;
	width: 16px;
	height: 16px;
}
.resultData .resultList li dl dd .txtResult.findings.safety .thisValue .findingsDetail {
	background-color: #1264b0;
}
.dataDetailWrap .dataDetail .totalScore .totalDetail {
	background-color: #999;
}
.transitionList .txtResult .thisValue .findingsDetail .icn,
.dataDetailWrap .dataDetail .totalScore .totalDetail .icn,
.resultData .resultList li dl dd .txtResult .thisValue .findingsDetail .icn {
	display: inline-block;
	margin: 0;
	width: 10px;
	height: 12px;
}
.transitionList .txtResult .thisValue .findingsDetail .icn {
	margin-left: 4px;
	vertical-align: middle;
}
.transitionList .txtResult .thisValue .findingsDetail .icn img,
.dataDetailWrap .dataDetail .totalScore .totalDetail .icn img,
.resultData .resultList li dl dd .txtResult .thisValue .findingsDetail .icn img {
	vertical-align: top;
}
.transitionList .txtResult .careful,
.resultData .resultList li dl dd .txtResult .careful {
	color: #cc2b2b;
}
.transitionList .txtResult.findings .safety,
.resultData .resultList li dl dd .txtResult.findings .safety {
	color: #222;
}
.transitionList .txtResult .note,
.resultData .resultList li dl dd .txtResult .note {
	flex: 1;
	font-size: 10px;
}
.transitionList .txtResult .nodata,
.resultData .resultList li dl dd .txtResult .nodata {
	flex: 1;
	color: #cc2b2b;
	font-size: 10px;
	font-weight: normal;
}
.resultData .resultList li dl dd .visualResult {
	margin: 0 12px;
	padding: 6px 0;
	position: relative;
}
.resultData .resultList li dl dd .visualResult .base {
	background-color: #e3e5e5;
	border: none;
	border-radius: 2px;
	display: block;
	width: 100%;
	height: 4px;
	position: relative;
	z-index: 1;
}
.resultData .resultList li dl dd .visualResult .standard {
	background-color: #4da9ff;
	border: none;
	display: block;
	width: 50%;
	height: 4px;
	position: absolute;
	left: 25%;
	top: 50%;
	margin-top: -2px;
	z-index: 2;
}
.resultData .resultList li dl dd .visualResult .value {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-50%,-50%);
}
.resultData .resultList li dl dd .visualResult .value.last {
	background-color: rgba(252, 255, 254, .8);
	border-radius: 2px;
	width: 6px;
	height: 20px;
	border: 1px dashed #9da1a1;
	z-index: 3;
}
.resultData .resultList li dl dd .visualResult .value.last.alert {
	border-color: #cc2b2b;
}
.resultData .resultList li dl dd .visualResult .value.this {
	background-color: #222;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	z-index: 4;
}
.resultData .resultList li dl dd .visualResult .value.this.alert {
	background-color: #cc2b2b;
}
.allDataWrap .tdWrap,
.transitionList .tdWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
}
.transitionList .tdWrap .icn.careful {
	background: url(/common/images/icn_careful_status_02.png) no-repeat center center / contain;
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 4px;
}
.transitionList .careful.low .tdWrap .icn.careful {
	background-image: url(/common/images/icn_careful_status_04.png);
}
.transitionList .careful.high .tdWrap .icn.careful {
	background-image: url(/common/images/icn_careful_status_05.png);
}
.transitionList .careful.panic .tdWrap .icn.careful {
	background-image: url(/common/images/icn_careful_status_03.png);
}
.allDataWrap .tdWrap .status {
	font-weight: bold;
	margin-right: 4px;
}
.allDataWrap .careful.low .tdWrap .status {
	color: #1d70b8;
}
.allDataWrap .careful.high .tdWrap .status {
	color: #f60;
}
.allDataWrap .careful.panic .tdWrap .status {
	color: #f00;
}
.allDataWrap .tdWrap .result,
.transitionList .tdWrap .txtResult {
	flex: 1;
}
.allDataWrap .tdWrap .result,
.transitionList .txtResult .thisValue {
	white-space: pre-wrap;
	word-wrap: break-word;
}
.cmnBlock {
	background-color: #fff;
	padding: 10px 0;
	padding-bottom: 16px;
	max-width: 640px;
	margin: 0 auto;
	word-break: break-word;
}
.cmnBlock .inner {
	padding: 0 32px;
}
.leadTxt {
	margin-bottom: 16px;
	padding: 0 32px;
	text-align: center;
}
.cmnBlock .leadTxt {
	font-size: 18px;
	font-weight: bold;
}
.cmnBlock .leadTxt.txtN {
	font-size: 14px;
	font-weight: normal;
}
.cmnBlock .inner .leadTxt {
	padding: 0;
}
.leadTxt strong {
	color: #e082a5;
	font-weight: bold;
	text-decoration: none;
}
.leadTxt.txtN strong {
	font-weight: normal;
}
.linkImg {
	padding: 0 16px;
}
.formBox {
	padding: 0 8px;
}
.formBox .formWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: flex-start;
}
.formBox .formWrap.blockWrap {
	display: block;
}
.formBox .formWrap + .formWrap {
	margin-top: 16px;
}
.formBox .formWrap dt {
	font-weight: bold;
	text-align: right;
}
.formBox .formWrap.blockWrap dt {
	text-align: left;
}
.formBox .formWrap dt.col-2em {
	width: 2em;
}
.formBox .formWrap dt.col-7em {
	width: 7em;
}
.formBox .formWrap dt.col-10em {
	width: 10em;
}
.formBox .formWrap dt label {
	display: inline-block;
	line-height: 50px;
}
.formBox .formWrap.blockWrap dt label {
	line-height: 1.5;
}
.formBox .formWrap dd {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	flex: 1;
//	padding-left: 8px;
	padding:8px;
}
.formBox .formWrap.blockWrap dd {
//	padding: 8px 0 0;
	padding:8px;
}
select,
textarea,
input[type=tel],
input[type=month],
input[type=date],
input[type=email],
input[type=password],
input[type=text] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 1px solid #d1d1d1;
	border-radius: 9px;
	box-shadow: none;
	outline: none;
	padding: 4px 6px;
	width: 100%;
	height: 50px;
}
textarea {
	height: 200px;
}
input[type=text].sei {
	border-radius: 9px 0 0 9px;
}
input[type=text].mei {
	border-left: none;
	border-radius: 0 9px 9px 0;
}
input[type=text].cardSign {
	width: 60%;
}
input[type=tel].cardNum {
	width: calc(40% - 10px);
	margin-left: 10px;
}
.error {
	background-color: #fff0f0 !important;
	border-color: #cd2d2d !important;
}
.nameFormWrap {
	display: block;
	position: relative;
	width: 50%;
}
.nameFormWrap .placeholder {
	color: #808080;
	font-size: 10px;
	display: block;
	pointer-events: none;
	position: absolute;
	left: 7px;
	top: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 2;
}
.nameFormWrap input[type=text] {
	margin: 0;
	position: relative;
	z-index: 1;
}
.passwordWrap {
	position: relative;
	width: 100%;
}
.passwordWrap > input {
	position: relative;
	z-index: 1;
}
.passwordWrap .fa {
	font-size: 20px;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translate(0,-50%);
	z-index: 2;
}
.passwordWrap .error + .fa {
	color: #cc2b2b;
}
.errorTxt {
	color: #cd2d2d;
	margin-top: 8px;
	width: 100%;
}
.popupWin .submitBtnWrap,
.cmnBlock .submitBtnWrap {
	background: #fff url(/common/images/bg_line.png) repeat-x 0 0 / auto 2px;
	margin-top: 16px;
	padding: 14px 32px 0;
}
.formBox .submitBtnWrap {
	padding: 14px 0 0;
}
.popupWin .submitBtnWrap {
	padding: 14px 20px 20px;
}
.cmnBlock .submitBtnWrap.btn2,
.popupWin .submitBtnWrap,
.cmnBlock .submitBtnWrap.logout {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
}
.cmnBlock .submitBtnWrap.btn2 .cancelBtn,
.cmnBlock .submitBtnWrap.btn2 .primaryBtn,
.popupWin .submitBtnWrap .cancelBtn,
.popupWin .submitBtnWrap .primaryBtn,
.cmnBlock .submitBtnWrap.logout .cancelBtn,
.cmnBlock .submitBtnWrap.logout .primaryBtn {
	width: calc((100% - 16px) / 2);
}
.searchBtn span:before {
	background: url(/common/images/icn_search.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 6px;
}
.qrCodeWrap {
	text-align: center;
}
.qrCodeWrap .qrCode {
	width: 123px;
}
.cmnTxt {
	margin-top: 16px;
	padding: 0 32px;
	text-align: center;
}
.cmnTxt .userName {
	font-size: 16px;
}
.cmnTxt em {
	color: #e082a5;
}
.returnBtnWrap {
	max-width: 480px;
	margin: 32px auto 0;
	padding: 0 32px;
}
.returnBtn:before {
	background: url(/common/images/icn_arrow_back_green.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	opacity: .5;
	width: 8px;
	height: 9px;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translate(0,-50%);
}
.linkList {
	max-width: 480px;
	margin: 0 auto;
}
.linkList li + li {
	margin-top: 7px;
}
.linkList.btnWrap li + li {
	margin-top: 16px;
}
.radioWrap,
.checkboxWrap {
	overflow: hidden;
	position: relative;
}
.radioWrap.inline,
.checkboxWrap.inline {
	display: inline-block;
}
.radioWrap input[type=radio],
.checkboxWrap input[type=checkbox] {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
}
.radioWrap label,
.checkboxWrap label {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.radioWrap label.block {
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 9px;
	display: block;
	padding: 10px 16px 10px 50px;
	position: relative;
	widh: 100%;
}
.radioWrap label.block.confirm {
	padding: 10px 16px;
}
.radioWrap label.block.confirm,
.radioWrap input[type=radio]:checked + label.block {
	border-color: #3366ff;
}
.checkboxWrap input[type=checkbox].disabled + label {
	pointer-events: none;
}
.checkboxWrap label:before {
	background-color: #dbdbdb;
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.checkboxWrap label.block:before {
	margin-right: 16px;
}
.checkboxWrap input[type=checkbox]:checked + label:before {
	background: #3366ff url(/common/images/icn_checkbox_checked.png) no-repeat center center / contain;
}
.radioWrap label:before {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.radioWrap input[type=radio]:checked + label:before {
	border-color: #087fc4;
}
.radioWrap label.block:before {
	margin: -10px 0 0;
	position: absolute;
	left: 18px;
	top: 50%;
}
.radioWrap label:after {
	background: #ccc;
	border-radius: 50%;
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	position: absolute;
	left: 3px;
	top: 50%;
	transform: scale(0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.radioWrap label.block:after {
	margin-top: -7px;
	left: 21px;
}
.radioWrap input[type=radio]:checked + label:after {
	background: #087fc4;
	transform: scale(1);
}
.radioWrap label.block.confirm:after,
.radioWrap label.block.confirm:before {
	display: none;
}
.radioWrap label .txt {
	flex: 1;
}
.radioWrap label.block .ttl {
	font-weight: bold;
}









.radioAT input{
	display:none;
}
.radioAT label{
	position:relative;
	margin-right:1em;
	padding-left:20px;
	cursor:pointer;
}
.radioAT label::before{
	position:absolute;
	content:"";

	top:0px;
	left:5px;

	width:20px;
	height:20px;

	background:#fff;
	border:1px solid #087fc4;
	border-radius:50%;
	box-sizing:border-box;
  margin: auto;
}
.radioAT label::after{
	position:absolute;
	content:"";

	top:3px;
	left:8px;

	width:14px;
	height:14px;

	background:#087fc4;
	border-radius:50%;
	transform:scale(0);
	transition:transform 0.5s;
}
.radioAT input:checked + label::after{
	transform:scale(1);
}















.selectWrap {
	position: relative;
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.selectWrap.disabled {
	opacity: .5;
	pointer-events: none;
}
.selectWrap.formYear,
.selectWrap.birthYear {
	width: 40%;
}
.selectWrap.formDay,
.selectWrap.formMonth,
.selectWrap.birthDay,
.selectWrap.birthMonth {
	width: calc(30% - 10px);
}
.selectWrap.formMonth,
.selectWrap.birthMonth {
	margin: 0 10px;
}
.selectWrap:after {
	background: #3366ff url(/common/images/icn_arrow_select.png) no-repeat center center / 20px auto;
	border-radius: 0 9px 9px 0;
	content: "";
	display: block;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
}
.selectWrap.birthDay:after,
.selectWrap.birthMonth:after,
.selectWrap.birthYear:after {
	background-size: 16px auto;
	width: 32px;
}
.simpleSelect::-ms-expand,
.selectWrap select::-ms-expand {
	display: none;
}
.resignBtnWrap {
	max-width: 480px;
	margin: 24px auto 0;
}
.userInfoList {
	max-width: 640px;
	margin: 0 auto;
	word-break: break-word;
}
.userInfoList + .userInfoList {
	margin-top: 16px;
}
.userInfoList li + li {
	margin-top: 1px;
}
.userInfoList li dl {
	background-color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
}
.userInfoList li dl dt {
	color: #808080;
	font-size: 12px;
	padding: 16px;
	width: 40%;
	max-width: 150px;
}
.userInfoList.groupCode li dl dt {
	width: 45%;
}
.userInfoList li dl dd {
	flex: 1;
	font-size: 12px;
	padding: 16px;
}
.userMenuWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 640px;
	margin: 28px auto 0;
}
.userMenuWrap .primaryBtn {
	font-size: 12px;
	width: calc((100% - 12px) / 2);
}
.userMenuWrap .primaryBtn:nth-of-type(n+3) {
	margin-top: 12px;
}
.userMenuWrap .primaryBtn {
	justify-content: flex-start;
	padding: 0 10px;
}
.userMenuWrap .primaryBtn:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.userMenuWrap .primaryBtn.editID:before {
	background: url(/common/images/icn_edit_id.png) no-repeat center center / contain;
}
.userMenuWrap .primaryBtn.editPassword:before {
	background: url(/common/images/icn_edit_password.png) no-repeat center center / contain;
}
.userMenuWrap .primaryBtn.editNickname:before {
	background: url(/common/images/icn_edit_nickname.png) no-repeat center center / contain;
}
.userMenuWrap .primaryBtn.editEtc:before {
	background: url(/common/images/icn_edit_etc.png) no-repeat center center / contain;
}

.siteTitle {
	padding-top: 40px;
	text-align: center;
}
#home .siteTitle {
	padding-right: 50px;
}
.siteTitle h1 {
	line-height: 0;
}
.siteTitle h1 img {
	width: 230px;
}
.mainvisual {
	width: 100%;
	margin-top: 85px;
	overflow: hidden;
}
.mainvisual img {
	display: block;
	max-width: 725px;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	width: 725px;
	height: auto;
}
.loginBtnWrap {
	max-width: 480px;
	margin: 24px auto 0;
	padding: 0 32px;
}
.loginBtnWrap .login:before {
	background: url(/common/images/icn_login.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	width: 21px;
	height: 24px;
	margin-right: 12px;
}
.loginBtnWrap .signIn {
	background: #fff;
	border: 1px solid #222;
	box-shadow: 0 4px 0 #222;
	color: #222;
	margin-top: 8px;
}
.loginBtnWrap .signIn:before {
	background: url(/common/images/icn_sign_in.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	width: 38px;
	height: 27px;
	margin-right: 8px;
}
.loginBtnWrap .helpMenu {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.loginBtnWrap .helpMenu .helpBtn {
	border: 1px solid #808080;
	border-radius: 9px;
	color: #808080;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	text-align: center;
	width: calc((100% - 8px) / 3);
	height: 67px;
}
.loginBtnWrap .helpMenu .helpBtn .icn {
	display: inline-block;
	line-height: 0;
	margin-bottom: 8px;
}
.loginBtnWrap .helpMenu .helpBtn.tutorialBtn .icn {
	width: 11px;
}
.loginBtnWrap .helpMenu .helpBtn.helpBtn .icn {
	width: 14px;
}
.loginBtnWrap .helpMenu .helpBtn.contactBtn .icn {
	margin-bottom: 9px;
	width: 17px;
}
.etcLink {
	margin: 23px 0 7px;
}
.etcLink ul {
	color: #808080;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: center;
	font-size: 10px;
}
.etcLink ul li + li {
	margin-left: 20px;
}
.etcLink ul li a {
	color: #808080;
	font-size: 10px;
}

.userSlideWrap {
	padding-top: 84px;
}
.userSlideWrap .topMovie {
	background: #f2f4f5;
	width: 100%;
	height: 353px;
	margin-left: -1px;
	padding-bottom: 20px;
	position: absolute;
	top: 72px;
	left: 50%;
	text-align: center;
	transform: translate(-50%,0);
	z-index: 5;
}
.userSlideWrap .topMovie.half {
	opacity: .5;
}
@media all and (-ms-high-contrast: none) {
_:-ms-lang(x), .userSlideWrap .topMovie {
	display: none;
}
}
.userSlideWrap .topMovie video {
	background: #f2f4f5;
	width: auto;
	height: 100%;
	margin-left: 5px;
}
.userSlideWrap .userSlide {
	opacity: 0;
	max-width: 320px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 2;
}
@media all and (-ms-high-contrast: none) {
_:-ms-lang(x), .userSlideWrap .userSlide {
	opacity: 1;
}
}
.userSlideWrap .userSlide.show {
	opacity: 1;
}
.userSlideWrap .userSlide .user .userInner {
	width: 220px;
	margin: 0 auto;
	position: relative;
}
/*
.userSlideWrap .userSlide .user .userImg:before {
	width: 530px;
	height: 48px;
	left: -127px;
	bottom: -16px;
}
.userSlideWrap .userSlide .user img {
	width: 141px;
}
*/
.userSlideWrap .recommendParts {
	background: url(/common/images/icn_mark.png) no-repeat center center / contain;
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	transform: scale(0);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s	 ease;
	z-index: 2;
}
.userSlideWrap .userSlide .user .recommendParts.show {
	transform: scale(1);
}
.userSlideWrap .userSlide .user .recommendParts:before {
	background: url(/common/images/bg_zoom.png) no-repeat center center / contain;
	content: "";
	display: block;
	position: absolute;
	bottom: 50%;
	right: 50%;
	width: 0;
	height: 0;
	-webkit-transition: all .5s ease .5s;
	-moz-transition: all .5s ease .5s;
	-o-transition: all .5s ease .5s;
	transition: all .5s	 ease .5s;
	z-index: 1;
}
.userSlideWrap .userSlide .user .recommendParts.show:before {
	width: 88px;
	height: 54px;
}
.userSlideWrap .userSlide .user .recommendParts .partsName {
	background-color: #1264b0;
	border-radius: 15px;
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 48px;
	opacity: 0;
	padding: 0 14px;
	position: absolute;
	right: calc(50% + 50px);
	bottom: calc(50% + 13px);
	-webkit-transition: all .5s ease .75s;
	-moz-transition: all .5s ease .75s;
	-o-transition: all .5s ease .75s;
	transition: all .5s ease .75s;
	white-space: nowrap;
	z-index: 2;
}
.userSlideWrap .userSlide .user .recommendParts.show .partsName {
	opacity: 1;
}
.dataNone {
	background-color: #fff;
	margin: 1px 0 0 1px;
	padding: 19px 20px 20px 19px;
}
.dataNone .txt {
	color: #cc2b2b;
	margin-bottom: 20px;
}
.dataNone .primaryBtn {
	padding: 7px 0;
}
.privacySec,
.termsSec {
	word-break: break-all;
}
.privacySec + .privacySec,
.termsSec + .termsSec {
	margin-top: 24px;
}
.privacySec .privacyTitle,
.termsSec .termsTitle {
	font-size: 18px;
	margin-bottom: 8px;
}
.privacySec p + p,
.termsSec p + p {
	margin-top: 16px;
}
.notes > li,
.privacySec ul > li,
.numList > li {
	padding-left: 1em;
	text-indent: -1em;
}
.numList > li > ol > li,
.numList > li:nth-of-type(n+10) {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.numList > li > ol > li:nth-of-type(n+10) {
	padding-left: 2em;
	text-indent: -2em;
}
.notes > li > *,
.privacySec ul > li > *,
.numList > li > * {
	text-indent: 0;
}
.privacySec ol li + li,
.numList li + li {
	margin-top: 5px;
}
.privacySec h3 {
	font-size: 16px;
}
.privacySec ol {
	padding-left: 16px;
}
.privacySec > ol {
	margin-top: 8px;
}
.allDataWrap {
	font-size: 12px;
	margin: 0 auto;
	max-width: 640px;
	max-height: calc(100% - 92px);
	overflow-y: auto;
}
.normalTable table,
.allDataWrap table {
	width: 100%;
}
.hospitalName {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 0 16px 8px;
}
.languageSelect {
	font-size: 14px;
	text-align: right;
	margin: 0 auto;
	max-width: 640px;
	padding: 0 16px 8px;
}
.normalTable table tr th,
.allDataWrap table tr th {
	border-top: 1px solid #fff;
	background-color: #edf0f0;
	padding: 12px;
	width: 32%;
}
.allDataWrap table tr th {
	width: 42%;
	vertical-align: center;
}
.allDataWrap .transitionList table tr th {
	background-color: #f2f2f2;
	padding: 6px 8px;
	width: 130px;
}
.allDataWrap .transitionList table tr th:first-child {
	width: 100px !important;
}
.allDataWrap table tr th.layer03,
.allDataWrap table tr th.layer02 {
	padding: 0;
	width: 5%;
}
.allDataWrap table tr th.layer02 {
	border-top: none;
}
.allDataWrap table tr th.layer02 + th {
	border-left: 1px solid #fff;
	width: 33%;
}
.allDataWrap table tr th.layer03 + th.layer03 {
	border-left: 1px solid #fff;
}
.allDataWrap table tr th.layer03 + th.layer03 + th {
	border-left: 1px solid #fff;
	width: 32%;
}
.allDataWrap table tr th.layer02,
.allDataWrap table tr th.layer01 {
	border-bottom: none;
}
.allDataWrap table tr th.layer03 {
	border-top: none;
}
.normalTable table tr th {
	width: auto;
}
.normalTable table tr:first-of-type th,
.allDataWrap table tr:first-of-type th {
	border-top: 1px solid #f2f4f5;
}
.normalTable table tr:last-of-type td,
.normalTable table tr:last-of-type th,
.allDataWrap table tr:last-of-type td,
.allDataWrap table tr:last-of-type th {
	border-bottom: 1px solid #f2f4f5;
}
.normalTable table tr td,
.allDataWrap table tr td {
	border-top: 1px solid #f2f4f5;
	border-left: 1px solid #f2f4f5;
	background-color: #fff;
	padding: 12px;
	width: 68%;
}
.allDataWrap table tr td {
	width: 58%;
	vertical-align: top;
}
.normalTable table tr td {
	width: auto;
}
.allDataWrap table tr td .note {
	font-size: 10px;
}
.cmnBlock .normalTable table tr td:last-of-type,
.cmnBlock .normalTable table tr th:last-of-type {
	border-right: 1px solid #f2f4f5;
}
.allDataWrap .dataNone {
	font-size: 14px;
}
.attentionTxt {
	color: #cc2b2b;
}
.agentEditList li,
.linkVital li {
	padding: 10px 16px;
}
.agentEditList li + li,
.linkVital li + li {
	background: #fff url(/common/images/bg_line.png) repeat-x 0 0 / auto 2px;
	padding-top: 12px;
}
.agentEditList dl,
.linkVital dl {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.agentEditList dl dt,
.linkVital dl dt {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
}
.icn {
	display: inline-block;
	line-height: 0;
}
.icn.steps img { width: 19px; }
.icn.distance img { width: 16px; }
.icn.calorie img { width: 16px; }
.icn.height img { width: 16px; }
.icn.weight img { width: 18px; }
.icn.fat img { width: 19px; }
.icn.pressure img { width: 21px; }
.linkVital dl dt .icn {
	width: 19px;
	text-align: center;
	margin-right: 10px;
}
.linkCheck {
	width: 43px;
	height: 22px;
	overflow: hidden;
	position: relative;
}
.linkCheck input[type=checkbox] {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.linkCheck input[type=checkbox] + label {
	background: #dee0e0;
	border-radius: 12px;
	display: block;
	overflow: hidden;
	padding: 2px;
	position: relative;
	width: 100%;
	height: 22px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.linkCheck input[type=checkbox]:checked + label {
	background: #3366ff;
}
.linkCheck input[type=checkbox] + label:before {
	background: #fff;
	border-radius: 50%;
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 2px;
	top: 2px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.linkCheck input[type=checkbox]:checked + label:before {
	left: calc(100% - 20px);
}
.vitalBtnWrap {
	margin-top: 32px;
}
.vitalBtnWrap .cancelBtn {
	margin-top: 8px;
}
.settingBtn {
	background-color: #8b8c8c;
	border-radius: 50%;
	box-shadow: 0 2px 0 #727373;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 35px;
	height: 35px;
	z-index: 5;
}
.settingBtn img { width: 20px; }
.newsBtn {
	background-color: #3366ff;
	border-radius: 9px;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 5px;
	top: 50px;
	width: 40px;
	height: 40px;
	z-index: 5;
}
.newsBtn.badge:after {
	background-color: #e082a5;
	border: 1px solid #fff;
	border-radius: 50%;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: -2px;
	top: -2px;
}
.newsBtn img { width: 17px; }
.clinicLinkBtn,
.userVitalInfoWrap {
	opacity: 0;
	margin-top: 10px;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.clinicLinkBtn.show,
.userVitalInfoWrap.show {
	opacity: 1;
}
.userVitalInfoWrap .userVitalInfo {
	opacity: 0;
	display: none;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.userVitalInfoWrap .userVitalInfo.show {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: center;
	opacity: 1;
	-webkit-animation: fade .3s ease;
	animation: fade .3s ease;
}
@-webkit-keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.userVitalInfoWrap .userVitalInfo .vitalLink {
	display: block;
}
.userVitalInfoWrap .userVitalInfo .vitalLink + .vitalLink {
	margin-left: 5px;
}
.userVitalInfoWrap .userVitalInfo dl {
	background: #c6e9e4;
	border-radius: 6px;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
}
.userVitalInfoWrap .userVitalInfo dl dt {
	background: #3366ff;
	border-radius: 6px;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 23px;
	height: 23px;
}
.userVitalInfoWrap .userVitalInfo dl.steps dt img { width: 14px; }
.userVitalInfoWrap .userVitalInfo dl.distance dt img { width: 12px; }
.userVitalInfoWrap .userVitalInfo dl.calorie dt img { width: 13px; }
.userVitalInfoWrap .userVitalInfo dl dd {
	font-size: 10px;
	padding: 0 8px;
}
.imgUploadWrap {
	padding: 0 32px;
}
* + .imgUploadWrap {
	margin-top: 20px;
}
.uploadImgWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.uploadImgWrap li {
	width: calc((100% - 18px) / 3);
	margin-right: 9px;
	position: relative;
}
.uploadImgWrap li:nth-of-type(3n) {
	margin-right: 0;
}
.uploadImgWrap li:nth-of-type(n+4) {
	margin-top: 9px;
}
.uploadImgWrap li img {
	position: relative;
	z-index: 1;
}
.uploadImgWrap li .delete {
	display: block;
	width: 21px;
	height: 21px;
	line-height: 0;
	position: absolute;
	right: 4px;
	top: 4px;
}
.dataSelectWrap {
	border-bottom: 1px solid #3366ff;
	padding: 0 16px;
}
.dataSelectWrap.link {
	padding-top: 60px;
}
.dataSelectWrap.clinic {
	padding-top: 60px;
	margin-bottom: 24px;
}
.dataSelectWrap ul {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: flex-end;
}
.dataSelectWrap ul li {
	width: calc((100% - 1px) / 2);
}
.dataSelectWrap.col3 ul li {
	width: calc((100% - 2px) / 3);
}
.dataSelectWrap ul li + li {
	margin-left: 1px;
}
.dataSelectWrap ul li a {
	background: #f0f0f0;
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );
	border-radius: 9px 9px 0 0;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5px;
	width: 100%;
	height: 44px;
}
.dataSelectWrap ul li .cur {
	background: #13c1a6;
	background: -moz-linear-gradient(left,  #13c1a6 0%, #13a8c2 100%);
	background: -webkit-linear-gradient(left,  #13c1a6 0%,#13a8c2 100%);
	background: linear-gradient(to right,  #13c1a6 0%,#13a8c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
	color: #fff;
	height: 49px;
	margin-top: 0;
}
.vitalSelect {
	background: #d3f0eb;
	padding: 8px;
}
.vitalSelect ul {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
}
.vitalSelect ul li {
	width: calc((100% - 16px) / 3);
}
.vitalSelect ul li + li {
	margin-left: 8px;
}
.vitalSelect ul li a {
	background: #fff;
	border-radius: 9px;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	width: 100%;
	height: 28px;
}
.vitalSelect ul li .cur {
	background: #3366ff;
	color: #fff;
}
.vitalSelect ul li a .icn {
	background: no-repeat center center / contain;
	display: inline-block;
	margin-right: 8px;
	width: 14px;
	height: 15px;
}
.vitalSelect ul li a .icn.step { background-image: url(/common/images/icn_steps_green.png); }
.vitalSelect ul li a.cur .icn.step { background-image: url(/common/images/icn_steps_white.png); }
.vitalSelect ul li a .icn.distance { background-image: url(/common/images/icn_distance_green.png); }
.vitalSelect ul li a.cur .icn.distance { background-image: url(/common/images/icn_distance_white.png); }
.vitalSelect ul li a .icn.calorie { background-image: url(/common/images/icn_calorie_green.png); }
.vitalSelect ul li a.cur .icn.calorie { background-image: url(/common/images/icn_calorie_white.png); }
.dateSelectWrap {
	margin-bottom: 18px;
	padding-top: 20px;
	text-align: center;
}
.dateSelectWrap .dataTtl {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.dateSelectWrap .dateWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: center;
}
.dateSelectWrap .dateWrap .date {
	font-size: 18px;
	font-weight: bold;
	margin: 0 24px;
}
.dateSelectWrap .txt {
	font-size: 12px;
	line-height: 1.3;
	margin-top: 8px;
}
.dateSelectWrap .txt em {
	color: #e082a5;
	font-size: 14px;
	font-style: normal;
}
.vitalDetailWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
}
.rankingWrap,
.interviewWrap,
.menstrualCalendarWrap,
.vitalDetailWrap {
	opacity: 0;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.rankingWrap.show,
.interviewWrap.show,
.menstrualCalendarWrap.show,
.vitalDetailWrap.show {
	opacity: 1;
}
.vitalDetailWrap .userImgWrap {
	flex: 1;
	padding-bottom: 50px;
	position: relative;
	text-align: center;
}
.vitalDetailWrap .userImgWrap .imgWrap {
	width: 100%;
	max-width: 150px;
	margin: 0 auto;
}
@media screen and (max-width: 320px){
.vitalDetailWrap .userImgWrap .imgWrap {
	max-width: 80px;
}
}
.vitalDetailWrap .userImgWrap .imgWrap video {
	max-width: 100%;
}
.vitalDetailWrap .userImgWrap .btnWrap,
.vitalDetailWrap .userImgWrap .rankingBtnWrap {
	position: absolute;
	left: 0;
	bottom: 16px;
	width: 100%;
}
.vitalDetailWrap .userImgWrap .btnWrap .tempInputBtn,
.vitalDetailWrap .userImgWrap .rankingBtnWrap .rankinBtn {
	background: #f5ab3d;
	background: -moz-linear-gradient(left,  #f5ab3d 0%, #ff8559 100%);
	background: -webkit-linear-gradient(left,  #f5ab3d 0%,#ff8559 100%);
	background: linear-gradient(to right,  #f5ab3d 0%,#ff8559 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ab3d', endColorstr='#ff8559',GradientType=1 );
	border-radius: 5px;
	box-shadow: 0 4px 0 #c48731;
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 113px;
	height: 27px;
}
.vitalDetailWrap .userImgWrap .btnWrap .tempInputBtn {
	font-size: 10px;
}
.vitalDetailWrap .userImgWrap .btnWrap .tempInputBtn.pressure,
.vitalDetailWrap .userImgWrap .btnWrap .tempInputBtn.basalTemp {
	width: 129px;
}
.vitalDetailWrap .userImgWrap .rankingBtnWrap .rankinBtn .icn {
	display: inline-block;
	width: 14px;
	line-height: 0;
	margin-right: 8px;
}
.vitalDetailWrap .userImgWrap .btnWrap .tempInputBtn .icn {
	display: inline-block;
	width: 11px;
	line-height: 0;
	margin-right: 8px;
}
.vitalDetailWrap .vitalDetail {
	background-color: rgba(227, 229, 229, .7);
	border-top: 1px solid rgba(227, 229, 229, .7);
	border-left: 1px solid rgba(227, 229, 229, .7);
	border-bottom: 1px solid rgba(227, 229, 229, .7);
	overflow-y: auto;
	width: 173px;
}
.vitalDetailWrap .vitalDetail.pressure {
	width: 180px;
}
.vitalDetailWrap .vitalDetail .dataList li {
	background-color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
}
.vitalDetailWrap .vitalDetail.pressure .dataList li {
	padding: 10px 8px;
}
.vitalDetailWrap .vitalDetail .bodyDataList li + li,
.vitalDetailWrap .vitalDetail .dataList li + li {
	margin-top: 1px;
}
.vitalDetailWrap .vitalDetail .dataList .btnWrap .primaryBtn {
	border-radius: 5px;
	min-height: 27px;
}
.vitalDetailWrap .vitalDetail .dataList li .date {
	font-size: 10px;
}
.vitalDetailWrap .vitalDetail .dataList li .data {
	font-size: 12px;
	font-weight: bold;
}
.vitalDetailWrap .vitalDetail.pressure .dataList li .data {
	flex: 1;
	font-size: 10px;
	padding-bottom: 24px;
	position: relative;
	text-align: right;
}
.vitalDetailWrap .vitalDetail.pressure .dataList li .ctName {
	font-size: 10px;
	font-weight: bold;
	padding: 0 0 24px 10px;
}
.vitalDetailWrap .vitalDetail .dataList li .data .inputBtn {
	background: #dee0e0;
	border-radius: 6px;
	display: inline-block;
	margin-left: 4px;
	line-height: 0;
	padding: 5px;
	width: 21px;
	height: 21px;
	vertical-align: middle;
}
.vitalDetailWrap .vitalDetail.pressure .dataList li .data .inputBtn {
	position: absolute;
	right: 0;
	bottom: 0;
}
.vitalDetailWrap .vitalDetail .dataList li .data .inputBtn img {
	width: 11px;
}
.vitalDetailWrap .vitalDetail .activitiesNone {
	background: #fff;
	width: 100%;
	min-height: 100%;
	padding: 15px;
}
.vitalDetailWrap .vitalDetail .activitiesNone .btnWrap {
	margin-top: 16px;
}
.vitalDetailWrap .vitalDetail .bodyDataList li .bmiDetail,
.vitalDetailWrap .vitalDetail .bodyDataList li .arrowNext {
	font-size: 10px;
	min-height: 60px;
	padding: 10px 30px 10px 10px;
}
.vitalDetailWrap .vitalDetail .bodyDataList li .bmiDetail .icn,
.vitalDetailWrap .vitalDetail .bodyDataList li .arrowNext .icn {
	display: inline-block;
	margin-right: 4px;
	width: 34px;
	text-align: center;
}
.vitalDetailWrap .vitalDetail .bodyDataList li .arrowNext .icn.height img { width: 16px; }
.vitalDetailWrap .vitalDetail .bodyDataList li .arrowNext .icn.weight img { width: 18px; }
.vitalDetailWrap .vitalDetail .bodyDataList li .bmiDetail .icn.bmi img { width: 15px; }
.vitalDetailWrap .vitalDetail .bodyDataList li .arrowNext .icn.fat img { width: 19px; }
.vitalDetailWrap .vitalDetail .bodyDataList li .arrowNext .icn.temperature img { width: 20px; }
.vitalDetailWrap .vitalDetail .bodyDataList li .arrowNext .icn.basalTemperature img { width: 25px; }
.vitalDetailWrap .vitalDetail .bodyDataList li .arrowNext .icn.menstrual img { width: 20px; }
.vitalDetailWrap .vitalDetail .bodyDataList li .bmiDetail .ttl,
.vitalDetailWrap .vitalDetail .bodyDataList li .arrowNext .ttl {
	font-size: 14px;
}
.vitalDetailWrap .vitalDetail .bodyDataList li .errorTxt {
	background: #fff;
	color: #222;
	font-size: 9px;
	margin-top: 0;
	padding: 0 10px 10px;
}
.vitalData .userName {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	padding: 20px 16px 0;
}
.vitalData .vitalDetailWrap .userImgWrap .userName {
	margin-top: 10px;
	padding: 0 16px;
}
.menstruaUser + .dateSelectWrap {
	margin-bottom: 10px;
}
.menstrualCalendarWrap .fc-header-toolbar {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}
.menstrualCalendarWrap .fc-header-toolbar .fc-toolbar-title {
	font-size: 18px;
	font-weight: bold;
	margin: 0 24px;
}
.menstrualCalendarWrap .fc-header-toolbar .fc-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #3366ff;
	border: none;
	border-radius: 6px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	outline: none;
	padding: 0;
	width: 24px;
	height: 24px;
}
.menstrualCalendarWrap .fc-header-toolbar .fc-button .fc-icon {
	background: no-repeat center center / contain;
	display: inline-block;
	width: 8px;
	height: 9px;
}
.menstrualCalendarWrap .fc-header-toolbar .fc-prev-button .fc-icon {
	background-image: url(/common/images/icn_arrow_back_green.png);
}
.menstrualCalendarWrap .fc-header-toolbar .fc-next-button .fc-icon {
	background-image: url(/common/images/icn_arrow_next_green.png);
}
.fc .fc-view-harness {
	min-height: 250px;
}
.menstrualCalendarWrap .fc-view {
	height: 100%;
}
.menstrualCalendarWrap .fc-view table {
	width: 100%;
}
.menstrualCalendarWrap .fc-theme-standard td {
	border-right: none;
	height: calc(100% / 6);
}
.menstrualCalendarWrap .fc-view .fc-col-header {
	border-top: 1px solid #e7e9ea;
}
.menstrualCalendarWrap .fc .fc-scrollgrid>tbody table,
.menstrualCalendarWrap .fc .fc-daygrid-body {
	height: 100% !important;
}
.menstrualCalendarWrap .fc-view .fc-day {
	background: #fff;
}
.menstrualCalendarWrap .fc-view .fc-col-header-cell {
	background: #f5f7f7;
	text-align: center;
	vertical-align: middle;
	height: 34px;
}
.fc .fc-daygrid-day-top {
	position: absolute;
	width: 100%;
	height: 100%;
}
.menstrualCalendarWrap .fc-view .fc-day-other .fc-daygrid-day-number {
	opacity: .5;
}
.menstrualCalendarWrap .fc-view .fc-daygrid-day-number {
	font-size: 12px;
	padding: 8px;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.menstrualCalendarWrap .fc-view .fc-daygrid-day-number.menstrual-day {
	background: #ffebf3;
}
.menstrualCalendarWrap .fc-view .fc-daygrid-day-number.menstrual-start,
.menstrualCalendarWrap .fc-view .fc-daygrid-day-number.menstrual-end {
	background: #ffebf3 url(/common/images/icn_menstrual.png) no-repeat right 2px bottom 2px / 16px auto;
}
.menstrualCalendarWrap .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
	display: none;
}
.menstrualCalendarWrap .fc .fc-bg-event {
	background: #fff5f8 url(/common/images/icn_menstrual.png) no-repeat right 2px bottom 2px / 16px auto;
}
.menstrualPop {
	position: fixed;
	left: clac(100% + 200px);
	top: clac(100% + 100px);
	width: 74px;
	height: 12px;
	z-index: 500;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.menstrualPop.show {
	opacity: 1;
	pointer-events: auto;
}
.menstrualPop:before {
	border-style: solid;
	border-width: 12px 8px 0 8px;
	border-color: #e082a5 transparent transparent transparent;
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin-left: -8px;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 1;
}
.menstrualPop:after {
	border-style: solid;
	border-width: 12px 8px 0 8px;
	border-color: #fff transparent transparent transparent;
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin-left: -8px;
	position: absolute;
	left: 50%;
	bottom: 2px;
	z-index: 3;
}
.menstrualPop .popInner {
	background-color: #fff;
	border: 1px solid #e082a5;
	border-radius: 15px;
	padding: 12px;
	width: 150px;
	position: absolute;
	left: 50%;
	bottom: 100%;
	z-index: 2;
	transform: translate(-50%,0);
}
.menstrualPop.sun .popInner {
	margin-left: 53px;
}
.menstrualPop.sat .popInner {
	margin-left: -53px;
}
.menstrualPop .popInner .primaryBtn {
	background: -moz-linear-gradient(left, #fa75a6 0%, #fa7d7d 100%);
	background: -webkit-linear-gradient(left, #fa75a6 0%,#fa7d7d 100%);
	background: linear-gradient(to right, #fa75a6 0%,#fa7d7d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa75a6', endColorstr='#fa7d7d',GradientType=1 );
	box-shadow: 0 4px 0 #c76367;
	height: 25px;
	min-height: 25px;
	padding: 0;
}
.menstrualPop.delete .popInner .primaryBtn {
	background-color: #ccc;
}
.menstrualPop .popInner .primaryBtn + .primaryBtn {
	margin-top: 8px;
}
.interviewLead {
	margin-bottom: 20px;
	padding: 20px 32px 0;
}
.interviewWrap {
	background: #fff;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	padding: 0 32px;
}
.interviewWrap .interviewList > li {
	padding: 20px 0 16px;
}
.interviewWrap .interviewList > li + li {
	background: url(/common/images/bg_line.png) repeat-x 0 0 / auto 2px;
}
.interviewWrap .interviewList > li dl dt {
	font-weight: bold;
}
.interviewWrap .interviewList > li dl dd {
	margin-top: 10px;
}
.formList li + li {
	margin-top: 10px;
}
.interviewWrap .btnWrap,
.interviewWrap .submitBtnWrap {
	background: #fff url(/common/images/bg_line.png) repeat-x 0 0 / auto 2px;
	padding: 20px 0 16px;
}
.rankingWrap .ranking {
	background: #fff;
	overflow-y: auto;
	width: 100%;
}
.rankingWrap .ranking .rankingList li {
	background: #fff url(/common/images/bg_line.png) repeat-x 0 0 / auto 2px;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	padding: 14px 15px 10px 12px;
}
.rankingWrap .ranking .rankingList li .order {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	width: 74px;
}
.rankingWrap .ranking .rankingList li .order .fluctuation {
	display: inline-block;
	line-height: 0;
	margin-right: 10px;
	width: 24px;
}
.rankingWrap .ranking .rankingList li .userBox {
	border-left: 1px solid #edf0ef;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	flex: 1;
	padding-left: 10px;
}
.rankingWrap .ranking .rankingList li .userBox .user {
	margin: 0 10px 0 0;
	position: relative;
	width: 40px;
}
.rankingWrap .ranking .rankingList .rank3rd .userBox .user:after,
.rankingWrap .ranking .rankingList .rank2nd .userBox .user:after,
.rankingWrap .ranking .rankingList .rank1st .userBox .user:after {
	content: "";
	display: block;
	width: 10px;
	height: 9px;
	margin-left: -5px;
	position: absolute;
	top: -5px;
	left: 50%;
}
.rankingWrap .ranking .rankingList .rank1st .userBox .user:after {
	background: url(/common/images/icn_rank_1st.png) no-repeat center center / contain;
}
.rankingWrap .ranking .rankingList .rank2nd .userBox .user:after {
	background: url(/common/images/icn_rank_2nd.png) no-repeat center center / contain;
}
.rankingWrap .ranking .rankingList .rank3rd .userBox .user:after {
	background: url(/common/images/icn_rank_3rd.png) no-repeat center center / contain;
}
.rankingWrap .ranking .rankingList li .userBox .userName {
	flex: 1;
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
}
.rankingWrap .ranking .rankingList li .userBox .result {
	margin-left: 10px;
	text-align: right;
}
.rankingWrap .ranking .rankingList li .userBox .result .present {
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
}
.rankingWrap .ranking .rankingList li .userBox .result .present .num {
	color: #e082a5;
}
.rankingWrap .ranking .rankingList li .userBox .result .last {
	font-size: 10px;
}
.rankingWrap .ranking .noData {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	width: 100%;
	height: 100%;
}
.newsWrap {
	position: relative;
}
.newsWrap:before {
	background: #e082a5;
	border-radius: 50%;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: calc(100% + 2px);
	top: -3px;
}
.read .newsWrap:before {
	display: none;
}
.newsWrap .date {
	color: #8c8c8c;
	font-size: 10px;
	margin-top: 8px;
}
.newsWrap .ttl {
	font-weight: bold;
	margin-top: 8px;
}
.read .newsWrap .ttl {
	color: #999;
}
.pager {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: center;
	margin-top: 28px;
}
.pager > * {
	border-radius: 6px;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	width: 24px;
	height: 24px;
}
.pager > * + * {
	margin-left: 7px;
}
.pager > .btn {
	background: #13c1a6;
	background: -moz-linear-gradient(left, #13c1a6 0%, #13a8c2 100%);
	background: -webkit-linear-gradient(left, #13c1a6 0%,#13a8c2 100%);
	background: linear-gradient(to right, #13c1a6 0%,#13a8c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
	color: #fff;
}
.pager > .btn.disabled {
	background: #ccc;
	pointer-events: none;
}
.pager > .btn img {
	width: 8px;
}
.newsDetail {
	background: #fff;
	overflow-y: auto;
	padding: 24px 32px;
	width: 100%;
}
.newsDetail .newsTtl {
	text-align: center;
}
.newsDetail .newsTtl .ttl {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}
.newsDetail .newsTtl .date {
	color: #8c8c8c;
	font-size: 10px;
	margin-top: 24px;
	text-align: left;
}
.newsDetail .newsBody {
	margin-top: 16px;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.newsDetail .newsBody a {
	text-decoration: underline;
	color: #1a0dab;
}
.linkMenuWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin-top: 3.2vw;
	padding: 0 16px;
}
.linkMenuWrap .linkMenuBtn {
	background: -moz-linear-gradient(left,  #13c1a6 0%, #13a8c2 100%);
	background: -webkit-linear-gradient(left,  #13c1a6 0%,#13a8c2 100%);
	background: linear-gradient(to right,  #13c1a6 0%,#13a8c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
	border-radius: 9px;
	box-shadow: 0 4px 0 #0e8a77;
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	line-height: 1.3;
	text-align: center;
	width: calc((100% - 5.33vw) / 3);
	height: 56px;
}
.linkMenuWrap .linkMenuBtn .icn {
	display: inline-block;
	margin-right: 8px;
	line-height: 0;
	vertical-align: middle;
}
.linkMenuWrap .linkMenuBtn.ranking .icn {
	width: 14px;
	margin-bottom: 10px;
}
.linkMenuWrap .linkMenuBtn.link .icn {
	width: 37px;
	margin-bottom: 8px;
}
.linkMenuWrap .linkMenuBtn.addChildren .icn {
	width: 18px;
}
.clinicListWrap {
	width: 100%;
	max-width: 672px;
	margin: 0 auto;
/*
	padding: 24px 16px 0;
*/
	padding: 0 16px;
}
.clinicListWrap.linkClinicNodata {
	opacity: 0;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.clinicListWrap.linkClinicNodata.show {
	opacity: 1;
}
.clinicListWrap .userName {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	margin-bottom: 16px;
}
.clinicListWrap .userName .name {
	font-weight: bold;
	word-break: break-all;
}
.clinicList li {
	background-color: #fff;
}
.clinicList li + li {
	margin-top: 12px;
}
.clinicList li .clinicTtl {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	padding: 8px 16px;
	position: relative;
}
.clinicList li .clinicTtl .thm {
	width: 50px;
	line-height: 0;
	margin-right: 12px;
}
.clinicList li .clinicTtl .clinicName {
	flex: 1;
}
.clinicList li .clinicTtl .clinicName .name {
	font-size: 16px;
	font-weight: bold;
}
.clinicList li .clinicTtl .clinicName .cardNum,
.clinicList li .clinicTtl .clinicName .reserve {
	font-size: 12px;
}
.clinicList li .clinicTtl .clinicName .cardNum.error {
	background-color: #fff !important;
	color: #cc2d2d;
}
.clinicList li .clinicTtl .clinicName .btnWrap {
	margin-top: 4px;
}
.clinicList li .clinicTtl .clinicName .btnWrap .changeNumBtn {
	border-radius: 4px;
	font-size: 10px;
	width: 64px;
	height: 24px;
	min-height: 24px;
	padding: 0;
}
.clinicList li .clinicTtl .clinicName .btnWrap .changeNumBtn .icn {
	width: 14px;
	margin-right: 8px;
}
.clinicList li .clinicTtl .favo {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-left: 12px;
}
.clinicList li .clinicTtl .favo img {
	width: 24px;
}
.clinicList li .clinicTtl .reserveLabel {
	background-color: #e081a5;
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	font-size: 12px;
	width: 64px;
	height: 24px;
}
.clinicList li .clinicData {
	background: #fff url(/common/images/bg_line.png) repeat-x 0 0 / auto 2px;
	padding: 16px;
}
.clinicList li .clinicData .specialty {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	font-size: 12px;
}
.clinicList li .clinicData .specialty dt {
	font-weight: bold;
}
.clinicList li .clinicData .specialty dd {
	flex: 1;
}
.clinicList li .clinicData .area {
	font-size: 12px;
	margin-top: 8px;
}
.clinicList li .clinicData .btnWrap {
	margin-top: 20px;
}
.clinicList li .clinicData .btnWrap .clinicMenuBtn {
	font-size: 10px;
	min-height: 34px;
	padding: 2px 0;
}
.clinicList li .clinicData .btnWrap .clinicMenuBtn:before {
	content: "";
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}
.clinicList li .clinicData .btnWrap .clinicMenuBtn.reserve:before {
	background: url(/common/images/icn_reserve.png) no-repeat center center / contain;
	width: 14px;
	height: 13px;
}
.clinicList li .clinicData .btnWrap .clinicMenuBtn.webSite:before {
	background: url(/common/images/icn_web_site.png) no-repeat center center / contain;
	width: 16px;
	height: 14px;
}
.clinicList li .clinicData .btnWrap .clinicMenuBtn.map:before {
	background: url(/common/images/icn_reserve.png) no-repeat center center / contain;
	width: 14px;
	height: 16px;
}
.serchClinic {
	margin-bottom: 16px;
}
.searchArea {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: flex-end;
	max-width: 672px;
	margin: 0 auto 24px;
	padding: 0 16px;
}
.searchArea .searchOpton {
	flex: 1;
	padding-right: 10px;
}
.searchArea .searchBtnWrap .primaryBtn {
	padding: 0 8px;
}
.linkUserSelect {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}
.antigenAntibody .dateBox {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0 auto;
	max-width: 640px;
	padding-right: 5px;
	position: absolute;
	left: 0;
	right: 0;
	top: 5px;
}
.antigenAntibody .dateBox .date {
	font-weight: bold;
}
.certificateBox {
	background-color: #fff;
	border: 2px solid #0e72c9;
	margin-top: 20px;
	padding: 3px;
}
.certificateBox .boxInner {
	border: 1px solid #0e72c9;
	padding: 16px;
	word-break: break-word;
}
.certificateBox .boxInner h2 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.certificateBox .boxInner dl {
	font-size: 14px;
	margin-top: 24px;
}
.certificateBox .boxInner dl dt {
	font-weight: bold;
}
.certificateBox .boxInner dl dd + dt {
	margin-top: 8px;
}
.termsWrap {
	border: 1px solid #d1d1d1;
	overflow: auto;
	padding: 16px;
	max-height: 160px;
	font-size: 12px;
}
.prediction .termsWrap {
	max-height: 217px;
}
.termsWrap .termsSec + .termsSec {
	margin-top: 16px;
}
.tutorialWrap {
	display: block;
	padding-top: 60px;
}
.tutorialWrap .tutorial {
	overflow: visible;
	position: relative;
	margin: 0 auto;
	width: 100%;
}
.tutorialWrap .tutorial .slick-list {
	overflow: visible;
}
.tutorialWrap .tutorial .tutorialItem {
	display: none;
	outline: none;
	padding: 0 8px;
	position: relative;
}
.tutorialWrap .tutorial.slick-initialized .tutorialItem {
	display: block;
}
.tutorialWrap .tutorial .tutorialItem .img {
	background: #fff;
	position: relative;
	z-index: 2;
}
.tutorialWrap .tutorial .tutorialItem .hide {
	background: #fff;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.tutorialWrap .tutorial .slick-prev {
	left: 0;
	transform: scale(-1, 1);
}
.tutorialWrap .tutorial .slick-next {
	right: 0;
}
.tutorialWrap .tutorial .slick-dots {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
	position: static;
	bottom: 0;
}
.tutorialWrap .tutorial .slick-dots li {
	width: 8px;
	height: 8px;
}
.tutorialWrap .tutorial .slick-dots li + li {
	margin-left: 8px;
}
.tutorialWrap .tutorial .slick-dots li button {
	background-color: #dee0e0;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	padding: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.tutorialWrap .tutorial .slick-dots .slick-active button {
	background-color: #3366ff;
}
#tutorial .tutorialPager {
	max-width: 480px;
	margin: 32px auto 0;
	padding: 0 32px;
}
#tutorial .tutorialPager .btnWrap {
	position: relative;
}
#tutorial .tutorialPager .primaryBtn:after {
	background: url(/common/images/icn_arrow_next_green.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	opacity: .5;
	width: 8px;
	height: 9px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0,-50%);
}
#tutorial .tutorialPager .primaryBtn {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
#tutorial .tutorialPager .primaryBtn:first-of-type {
	position: relative;
}
#tutorial .tutorialPager .primaryBtn.show {
	opacity: 1;
	z-index: 5;
}
.skipBtn {
	background-color: #dee0e0;
	border-radius: 0 0 0 9px;
	padding: 11px 20px 12px 16px;
	display: block;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
}
.skipBtn span:after {
	background: url(/common/images/icn_arrow_next.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	opacity: .5;
	width: 8px;
	height: 9px;
	margin-left: 16px;
}
.pushStatus {
	width: 98px;
	margin: 0 auto;
}
.splashImg {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	width: 100%;
	height: 100%;
}
.splashImg img {
	opacity: 0;
	width: 269px;
}
.splashImg.show img {
	-webkit-animation: splash 3s linear;
	animation: splash 3s linear;
}
@-webkit-keyframes splash {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes splash {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.badge-required {
	border-radius: 4px;
	font-size: 12px;
	padding: 3px 6px 3px;
	line-height: 1;
	background-color: #FC6767;
	color: #fff;
	display: inline-block;
	margin-left: 8px;
	vertical-align: top;
}
.healthCommentWrap {
	white-space: pre-wrap;
}
.consultationList {
	max-width: 308px;
	margin: 0 auto;
	padding-top: 16px;
}
.consultationList ul li + li {
	margin-top: 16px;
}
.consultationList ul li a {
	background-color: #fff;
	display: block;
	padding: 16px;
}
.consultationList ul li a .img img {
	width: 100%;
}
.consultationList ul li a .txt {
	margin-top: 16px;
}
#maintenance .contents .logo {
	width: 269px;
	margin: 0 auto;
}
.agentEditList dl dt,
.agentEditList dl dd {
	font-size: 16px;
	font-weight: bold;
}
.ishinbanLogo {
	width: 180px;
	margin: 0 auto 10px;
}
.whatsLink {
	margin-top: 20px;
	text-align: center;
}
.whatsLink .icn {
	margin: 0 6px 0 0;
}
.storeLink a {
	display: block;
}
.storeLink a + a {
	margin-top: 10px;
}
.storeLink a img {
	width: 100%;
}
.floating {
	background: #f2f4f5;
	padding: 16px 32px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 74px;
	width: 100%;
	z-index: 100;
}

.editBtnWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.editBtnWrap .editBtn {
	width: 120px;
}

/* 2021 new */
.predictionResultDL {
	background-color: #f0f0f0;
	border-radius: 0 0 0 9px;
	box-shadow: 4px 4px 0 #dbdbdb;
	display: block;
	padding: 9px 13px 10px 12px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}
.predictionResultDL:after {
	background: url(../images/icn_download.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	margin-left: 8px;
	width: 18px;
	height: 17px;
	vertical-align: middle;
}
.suggestList {
	margin: 0 auto;
	overflow: visible;
	padding: 8px 16px 28px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.suggestList .suggestItem {
	width: 100%;
}
.suggestList .suggestItem + .suggestItem {
	margin-top: 16px;
}
.suggestList .suggestItem a {
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 4px 0 #e5dad5;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	overflow: hidden;
	padding: 16px 45px;
	position: relative;
	text-align: center;
}
.suggestList .suggestItem a .tileInner .suggestTtl {
	position: relative;
	text-align: center;
}
.suggestList .suggestItem a .tileInner .suggestTtl .num {
	background: #faaf3e;
	background: -moz-linear-gradient(left,  #faaf3e 0%, #ff8559 100%);
	background: -webkit-linear-gradient(left,  #faaf3e 0%,#ff8559 100%);
	background: linear-gradient(to right,  #faaf3e 0%,#ff8559 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaf3e', endColorstr='#ff8559',GradientType=1 );
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 8px;
	width: 47px;
	height: 20px;
	line-height: 20px;
}
.suggestList .suggestItem a .tileInner .suggestTtl .ttl {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
}
.suggestList .suggestItem a .tileInner .suggestDetail {
	font-size: 16px;
}
.suggestList .suggestItem a .tileInner .suggestTtl + .suggestDetail {
	margin-top: 8px;
}
.suggestList .suggestItem a .serchIcon {
	background: #13c1a6;
	background: -moz-linear-gradient(left,  #13c1a6 0%, #13a8c2 100%);
	background: -webkit-linear-gradient(left,  #13c1a6 0%,#13a8c2 100%);
	background: linear-gradient(to right,  #13c1a6 0%,#13a8c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
	border-radius: 50%;
	padding: 18px 0 0 18px;
	width: 90px;
	height: 90px;
	position: absolute;
	right: -45px;
	bottom: -45px;
	text-align: left;
}
.suggestList .suggestItem a .serchIcon img {
	width: 15px;
	margin: 0;
	vertical-align: top;
}
.btmButtonWrap {
	background: #ff8559;
	background: -moz-linear-gradient(top,  #ff8559 0%, #faaf3e 100%);
	background: -webkit-linear-gradient(top,  #ff8559 0%,#faaf3e 100%);
	background: linear-gradient(to bottom,  #ff8559 0%,#faaf3e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8559', endColorstr='#faaf3e',GradientType=0 );
	-webkit-mask-image: url(../images/mask_area_01.png);
	mask-image: url(../images/mask_area_01.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center 0%;
	mask-position: center 0%;
	-webkit-mask-size: cover;
	mask-size: cover;
	overflow: hidden;
	position: relative;
}
.btmButtonWrap.report {
	background: #ffac40;
	background: -moz-linear-gradient(top,  #ffac40 0%, #e8d13a 100%);
	background: -webkit-linear-gradient(top,  #ffac40 0%,#e8d13a 100%);
	background: linear-gradient(to bottom,  #ffac40 0%,#e8d13a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffac40', endColorstr='#e8d13a',GradientType=0 );
}
.btmButtonWrap > .inner {
	position: relative;
	z-index: 2;
}
.btmButtonWrap .suggestSetting {
	padding: 44px 16px 28px;
}
.btmButtonWrap .suggestSetting:before {
	background: url(../images/icn_arrow_flow.png) no-repeat center center / contain;
	content: "";
	display: block;
	width: 12px;
	height: 18px;
	position: absolute;
	left: calc(50% - 6px);
	top: 14px;
}
.whiteBtn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	border: none;
	border-radius: 22px;
	box-shadow: 0 4px 0 #dbdbdb;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	font-size: 16px;
	position: relative;
	text-align: center;
	width: 100%;
	height: 44px;
}
.whiteBtn .sub {
	font-size: 12px;
}
.changeGoal {
	font-size: 12px;
	height: 25px;
	width: 163px;
	margin: 0 auto;
}
.goalResultWrap .whiteBtn + .whiteBtn {
	margin-top: 15px;
}
.bdBtn {
	border: 1px solid #dbdbdb;
}
.whiteBtn:after {
	background: url(../images/icn_arrow_next.png) no-repeat center center / contain;
	content: "";
	display: block;
	width: 8px;
	height: 9px;
	position: absolute;
	right: 14px;
	top: calc(50% - 4px);
}
.whiteBtn.reverse:after {
	right: auto;
	left: 14px;
	transform: scale(-1.0,1.0);
}
.orangeBtn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #f5ab3d;
	background: -moz-linear-gradient(left, #f5ab3d 0%, #ff8559 100%);
	background: -webkit-linear-gradient(left, #f5ab3d 0%,#ff8559 100%);
	background: linear-gradient(to right, #f5ab3d 0%,#ff8559 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ab3d', endColorstr='#ff8559',GradientType=1 );
	border: none;
	border-radius: 22px;
	box-shadow: 0 4px 0 #c48731;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	height: 44px;
	width: 100%;
}
.orangeBtn.disabled {
	background: #ccc;
	pointer-events: none;
	box-shadow: 0 4px 0 #aaa;
}
.goalTabWrap {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.goalTabWrap:after {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	content: "";
	display: block;
	width: 25px;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.goalTabWrap .goalTab {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: flex-end;
	overflow: auto;
	position: relative;
	z-index: 1;
}
.goalTabWrap .goalTab li {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: flex-end;
	height: 49px;
}
.goalTabWrap .goalTab li:last-of-type {
	padding-right: 25px;
}
.goalTabWrap .goalTab li + li {
	margin-left: 1px;
}
.goalTabWrap .goalTab li .tab {
	background: #f0f0f0;
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );
	border-radius: 9px 9px 0 0;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	width: auto;
	min-width: 56px;
	padding: 0 10px;
	white-space: nowrap;
}
.goalTabWrap .goalTab li .tab.cur {
	background: #13c1a6;
	background: -moz-linear-gradient(left,  #13c1a6 0%, #13a8c2 100%);
	background: -webkit-linear-gradient(left,  #13c1a6 0%,#13a8c2 100%);
	background: linear-gradient(to right,  #13c1a6 0%,#13a8c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
	height: 49px;
	color: #fff;
}
.goalListWrap {
	border-top: 2px solid #faece6;
}
.goalListWrap .choiceGoal {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: flex-end;
}
.goalListWrap .choiceGoal .choiceNumWrap {
	background: #faece6;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	font-size: 12px;
	vertical-align: baseline;
	padding: 0 12px 0 7px;
	position: relative;
	height: 27px;
}
.goalListWrap .choiceGoal .choiceNumWrap:before {
	border-style: solid;
	border-width: 0 10px 27px 0;
	border-color: transparent #faece6 transparent transparent;
	width: 0;
	height: 0;
	content: "";
	display: block;
	position: absolute;
	right: 100%;
	top: 0;
}
.goalListWrap .choiceGoal .choiceNumWrap .choiceNum {
	display: inline-block;
	font-size: 16px;
	line-height: 1.1;
	margin-left: 10px;
	vertical-align: bottom;
}
.goalListWrap .choiceGoal .choiceNumWrap .choiceNum .num {
	font-size: 20px;
}
.goalListWrap .lead {
	font-size: 16px;
	margin-top: 10px;
	text-align: center;
}
.goalListWrap .goalList {
	margin: 0 auto;
	overflow-x: auto;
	padding: 16px calc((100% - 308px) / 2);
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.goalListWrap .itemContainer {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	width: 4620px;
}
.goalListWrap .goalList .goal {
	width: 154px;
	outline: none;
	padding: 0 5px 3px;
	white-space: nowrap;
}
.goalListWrap .goalList .goal .goalTileWrap {
	position: relative;
	width: 100%;
}
.goalListWrap .goalList .goal .goalTileWrap input[type=checkbox] {
	opacity: 0;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 0;
}
.goalListWrap .goalList .goal .goalTile {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 16px;
	box-shadow: 0 3px 0 #e5e5e5;
	display: block;
	padding: 10px;
	position: relative;
	width: 100%;
	height: 193px;
}
.goalListWrap .goalList .goal .goalTileWrap input[type=checkbox]:checked + .goalTile {
	background: rgb(255,133,89);
	background: -moz-linear-gradient(top,  rgba(255,133,89,1) 0%, rgba(250,175,62,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,133,89,1) 0%,rgba(250,175,62,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,133,89,1) 0%,rgba(250,175,62,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8559', endColorstr='#faaf3e',GradientType=0 );
	border: none;
	padding-top: 11px;
}
.goalListWrap .goalList .goal .goalTile:before {
	background: url(../images/icn_goal_checked.png) no-repeat center center / contain;
	content: "";
	display: block;
	width: 28px;
	height: 21px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	left: calc(50% - 14px);
	top: -11px;
}
.goalListWrap .goalList .goal .goalTileWrap input[type=checkbox]:checked + .goalTile:before {
	opacity: 1;
}
.goalListWrap .goalList .goal .goalTile > * {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.goalListWrap .goalList .goal .goalTile .category {
	color: #f07d54;
	display: block;
	margin-bottom: 10px;
	text-align: center;
}
.goalListWrap .goalList .goal .goalTileWrap input[type=checkbox]:checked + .goalTile .category {
	color: #fff;
}
.goalListWrap .goalList .goal .goalTile .img {
	background: #fff2ed;
	border-radius: 50%;
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	position: relative;
}
.goalListWrap .goalList .goal .goalTile .img > img {
	width: 100%;
	position: relative;
	z-index: 1;
}
.goalListWrap .goalList .goal .goalTile .img .tooltip {
	background: #808080;
	border-radius: 50%;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: -10px;
	bottom: -10px;
	z-index: 2;
}
.goalListWrap .goalList .goal .goalTile .img .tooltip img {
	width: 11px;
}
.goalListWrap .goalList .goal .goalTile .txt {
	display: block;
	margin-top: 20px;
	text-align: center;
	white-space: normal;
}
.goalListWrap .goalList .goal .goalTileWrap input[type=checkbox]:checked + .goalTile .txt {
	color: #fff;
}
.btmButtonWrap .goalConfirm {
	padding: 28px 16px;
}
.btmButtonWrap .goalConfirm .whiteBtn {
	width: 238px;
	margin: 0 auto;
}
.goalConfirmWrap {
	padding-bottom: 127px;
	position: relative;
}
.goalDate {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 32px;
}
.orangeGBg .goalDate {
	color: #fff;
}
.goalDate .icn {
	display: inline-block;
	width: 20px;
	margin-right: 6px;
}
.goalDate span {
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	font-size: 16px;
}
.goalDate .num {
	font-size: 22px;
}
.goalConfirmList {
	margin-top: 22px;
	padding: 0 32px;
}
.goalCompleteWrap .goalConfirmList {
	margin-top: 12px;
}
.goalConfirmList li {
	background: #fff;
	border: 2px solid #ff8659;
	border-radius: 16px;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	font-size: 16px;
	padding: 14px;
}
.goalConfirmList li + li {
	margin-top: 8px;
}
.goalConfirmList li .icn {
	background: #fff2ed;
	border-radius: 50%;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.goalConfirmWrap .btmButtonWrap {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.btmButtonWrap .goalSet {
	padding: 24px 16px 28px;
}
.btmButtonWrap .goalSet .txt {
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.btmButtonWrap .goalSet .btnWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.btmButtonWrap .goalSet .btnWrap .whiteBtn {
	width: calc((100% - 12px) / 2);
}
.orangeGBg .pageTitle {
	color: #fff;
}
.goalTtl {
	color: #fff;
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	font-size: 20px;
	text-align: center;
	padding-bottom: 16px;
}
.goalCompleteWrap {
	overflow: hidden;
	padding-top: 16px;
	position: relative;
	width: 100%;
}
.goalCompleteWrap:before {
	background-color: rgba(255, 255, 255, .1);
	border-radius: 50%;
	content: "";
	display: block;
	width: 975px;
	height: 975px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
	z-index: 1;
}
.goalCompleteWrap > * {
	position: relative;
	z-index: 2;
}
.goalCompleteWrap .btnWrap {
	padding: 16px 16px 28px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.topContainer .contents {
	opacity: 0;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.topContainer .contents.show {
	opacity: 1;
}
.settingBtn.top {
	right: 51px;
}
.newsBtn.circle {
	background: rgb(19,193,166);
	background: -moz-linear-gradient(left,  rgba(19,193,166,1) 0%, rgba(19,168,194,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(19,193,166,1) 0%,rgba(19,168,194,1) 100%);
	background: linear-gradient(to right,  rgba(19,193,166,1) 0%,rgba(19,168,194,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
	border-radius: 50%;
	box-shadow: 0 2px 0 #0e8a77;
	width: 35px;
	height: 35px;
	top: 10px;
	right: 10px;
}
.userDataWrap {
	padding-top: 24px;
	position: relative;
	text-align: center;
}
.userDataWrap:before {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,184,76,1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,184,76,1) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center,  rgba(255,184,76,1) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb84c', endColorstr='#00ffffff',GradientType=1 );
	border-radius: 50%;
	content: "";
	display: block;
	opacity: .15;
	width: 277px;
	height: 277px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}
.userDataWrap .avatar {
	position: relative;
	z-index: 2;
}
.userDataWrap .avatar .img {
	height: 29.235vh;
}
.userDataWrap .avatar .img img {
	width: auto;
	height: 100%;
}
.userDataWrap .avatar .userName .name {
	font-size: 16px;
}
.userDataWrap .userData {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translate(0,-50%);
	min-width: 109px;
	z-index: 3;
}
.userDataWrap .userData .data {
	background: #f5f5f5;
	border-radius: 10px;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	padding: 0 8px 0 0;
	width: 100%;
	height: 20px;
}
.userDataWrap .userData .data + .data {
	margin-top: 5px;
}
.userDataWrap .userData .data .icn {
	width: 20px;
	margin-right: 4px;
}
.userDataWrap .userData .data p {
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
}
.userDataWrap .userData .data .unit {
	font-size: 12px;
	margin-left: 4px;
}
.userDataWrap .userData .btnWrap {
	margin-top: 12px;
}
.userDataWrap .userData .btnWrap .rankingBtn {
	background: rgb(245,171,61);
	background: -moz-linear-gradient(left,  rgba(245,171,61,1) 0%, rgba(255,133,89,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(245,171,61,1) 0%,rgba(255,133,89,1) 100%);
	background: linear-gradient(to right,  rgba(245,171,61,1) 0%,rgba(255,133,89,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ab3d', endColorstr='#ff8559',GradientType=1 );
	border-radius: 10px;
	box-shadow: 0 4px 0 #c48731;
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 29px;
	padding: 0 10px;
}
.userDataWrap .userData .btnWrap .rankingBtn .icn {
	display: block;
	width: 14px;
	margin-right: 5px;
}
.userDataWrap .trainerBtn {
	display: block;
	width: 107px;
	height: 107px;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translate(0,-50%);
	z-index: 3;
}
.topMissionList {
	display: none;
	margin-top: 13px;
	padding: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.topMissionList.slick-initialized {
	display: block;
	-webkit-animation: fade .3s ease;
	animation: fade .3s ease;
}
.goalSecWrap .slick-next,
.goalSecWrap .slick-prev,
.topMissionList .slick-next,
.topMissionList .slick-prev {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/icn_arrow_slider_02.png) no-repeat center center / contain;
	border: none;
	margin-top: -20px;
	width: 20px;
	height: 40px;
}
.goalSecWrap .slick-prev,
.topMissionList .slick-prev {
	left: 0;
	transform: scale(-1.0,1.0);
}
.goalSecWrap .slick-next,
.topMissionList .slick-next {
	right: 0;
}
.topMissionList .topMission {
	outline: none;
	padding: 0 16px 3px;
}
.topMissionList .topMission a {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 16px;
	box-shadow: 0 3px 0 #e6e6e6;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	outline: none;
	padding: 10px 15px;
}
.topMissionList .topMission a .icn {
	background: #fff2ed;
	border-radius: 50%;
	display: block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.topMissionList .topMission a .txt {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}
.topMissionList .topMission a .txt .label {
	color: #ff8659;
	font-size: 12px;
}
.topMissionList .topMission a .txt .label .num {
	font-size: 14px;
}
.topMissionList .topMission a .txt .ttl {
	font-size: 16px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.topMenuWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	padding-top: 16px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
.topMenuWrap > .col {
	width: 50%;
	padding: 34px 8px 40px;
	position: relative;
	text-align: center;
	z-index: 1;
}
.topMenuWrap .myData {
	background: rgb(19,168,194);
	background: -moz-linear-gradient(top,  rgba(19,168,194,1) 0%, rgba(19,193,166,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(19,168,194,1) 0%,rgba(19,193,166,1) 100%);
	background: linear-gradient(to bottom,  rgba(19,168,194,1) 0%,rgba(19,193,166,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13a8c2', endColorstr='#13c1a6',GradientType=0 );
	-webkit-mask-image: url(../images/mask_area_01.png);
	mask-image: url(../images/mask_area_01.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: left 0%;
	mask-position: left 0%;
	-webkit-mask-size: 200% auto;
	mask-size: 200% auto;
}
.topMenuWrap .clinick {
	background: rgb(22,124,219);
	background: -moz-linear-gradient(top,  rgba(22,124,219,1) 0%, rgba(61,154,242,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(22,124,219,1) 0%,rgba(61,154,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(22,124,219,1) 0%,rgba(61,154,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#167cdb', endColorstr='#3d9af2',GradientType=0 );
	-webkit-mask-image: url(../images/mask_area_01.png);
	mask-image: url(../images/mask_area_01.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: right 0%;
	mask-position: right 0%;
	-webkit-mask-size: 200% auto;
	mask-size: 200% auto;
}
.topMenuWrap > .col .ttl {
	color: #fff;
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	font-size: 16px;
}
.topMenuWrap > .col .btnWrap li {
	margin-top: 1.79vh;
}
.topMenuWrap > .col .btnWrap .topMenuBtn {
	background-color: rgba(0, 0, 0, .1);
	border-radius: 20px;
	box-shadow: 0 4px 0 rgba(0, 0, 0, .2);
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 39px;
}
.topMenuWrap > .col .btnWrap .topMenuBtn:after {
	background: url(../images/icn_arrow_next_green.png) no-repeat center center / contain;
	content: "";
	display: block;
	width: 8px;
	height: 9px;
	position: absolute;
	right: 10px;
	top: calc(50% - 5px);
}
.topMenuWrap .btnRegister {
	background: #fff;
	border-radius: 50%;
	box-shadow: 3px 0 0 #2e79c0;
	padding-top: 5px;
	position: absolute;
	width: 72px;
	height: 72px;
	left: calc(50% - 36px);
	bottom: -36px;
	text-align: center;
	z-index: 3;
}
.topMenuWrap .btnRegister:before {
	background: url(../images/icn_plus.png) no-repeat center center / contain;
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	margin: 0 auto 3px;
}
.registerOverlay {
	background-color: rgba(0, 0, 0, .7);
	opacity: 0;
	pointer-events: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 300;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.registerWrap {
	opacity: 0;
	pointer-events: none;
	position: fixed;
	left: 50%;
	bottom: 74px;
	width: 215px;
	height: 108px;
	z-index: 400;
	transform: translate(-50%,0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.registerOverlay.show,
.registerWrap.show {
	opacity: 1;
	pointer-events: auto;
}
.registerWrap .registerBase {
	overflow: hidden;
	position: relative;
	width: 215px;
	height: 108px;
	z-index: 1;
}
.registerWrap .registerBase:before {
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid #fff;
	border-radius: 50%;
	content: "";
	display: block;
	width: 215px;
	height: 215px;
	position: absolute;
	left: 0;
	bottom: -107px;
	transform: scale(0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1;
}
.registerWrap .registerBase.show:before {
	transform: scale(1);
}
.registerWrap .registerBase .registerClose {
	background: #fff;
	border-radius: 50%;
	padding-top: 5px;
	position: absolute;
	width: 72px;
	height: 72px;
	left: calc(50% - 36px);
	bottom: -36px;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 2;
}
.registerWrap .registerBase .registerClose:before {
	background: url(../images/icn_minus.png) no-repeat center center / contain;
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	margin: 0 auto 3px;
}
.registerWrap .registerMenuWrap .registerMenu {
	background: #fa75a6;
	background: -moz-linear-gradient(left,  #fa75a6 0%, #fa7d7d 100%);
	background: -webkit-linear-gradient(left,  #fa75a6 0%,#fa7d7d 100%);
	background: linear-gradient(to right,  #fa75a6 0%,#fa7d7d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa75a6', endColorstr='#fa7d7d',GradientType=1 );
	border-radius: 50%;
	box-shadow: 0 2px 0 #c76367;
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	line-height: 1.2;
	opacity: 0;
	position: absolute;
	text-align: center;
	width: 75px;
	height: 75px;
	z-index: 2;
	left: calc(50% - 37px);
	bottom: -37px;
	transform: scale(0);
	transition: all .3s cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.registerWrap .registerMenuWrap.show .registerMenu {
	opacity: 1;
	transform: scale(1);
	transition: all .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.registerWrap .registerMenuWrap.show .registerMenu.tempInput {
	left: -37px;
}
.registerWrap .registerMenuWrap.show .registerMenu.pressureInput {
	left: -4px;
	bottom: calc(100% - 71px);
}
.registerWrap .registerMenuWrap.show .registerMenu.imgInput {
	bottom: calc(100% - 37px);
}
.registerWrap .registerMenuWrap.show .registerMenu.vaccinationHistory {
	left: calc(100% - 71px);
	bottom: calc(100% - 71px);
}
.registerWrap .registerMenuWrap.show .registerMenu.linkClinic {
	left: calc(100% - 37px);
}
.registerWrap .registerMenu.imgInput .icn {
	display: inline-block;
	width: 29px;
	line-height: 0;
	margin-bottom: 8px;
}
.registerWrap .registerMenu.vaccinationHistory .icn {
	display: inline-block;
	width: 30px;
	line-height: 0;
	margin-bottom: 6px;
}
.registerWrap .registerMenu.tempInput .icn {
	display: inline-block;
	width: 27px;
	line-height: 0;
	margin-bottom: 10px;
}
.registerWrap .registerMenu.pressureInput .icn {
	display: inline-block;
	width: 27px;
	line-height: 0;
	margin-bottom: 12px;
}
.registerWrap .registerMenu.linkClinic .icn {
	display: inline-block;
	width: 50px;
	line-height: 0;
	margin-bottom: 8px;
}
.pastCheck {
	background: url(../images/btn_past_achieve.png) no-repeat center center / contain;
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	line-height: 1.1;
	padding-left: .5em;
	position: absolute;
	right: -5px;
	top: -5px;
	text-align: center;
	width: 102px;
	height: 102px;
}
.pastCheck .day {
	display: inline-block;
	font-size: 11px;
	padding-left: .5em;
}
.goalSecWrap {
	display: none;
}
.goalSecWrap.slick-initialized {
	display: block;

}
.goalSec {
	padding: 0 16px;
}
.goalSec + .goalSec {
	margin-top: 16px;
}
.goalSecWrap .goalSec + .goalSec {
	margin-top: 0;
}
.goalSecTtl {
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	text-align: center;
}
.goalSecTtl.mission,
.goalSecTtl .num {
	font-size: 16px;
}
.goalSecTtl .num {
	display: inline-block;
}
.goalSecTtl .to {
	margin-left: 24px;
	position: relative;
}
.goalSecTtl .to:before {
	background: #999;
	content: "";
	display: block;
	width: 14px;
	height: 1px;
	position: absolute;
	right: calc(100% + 9px);
	top: 50%;
}
.goalWrap .label {
	background: #eb88ac;
	border-radius: 18px;
	box-shadow: 0 4px 0 #c2708e;
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	height: 35px;
	position: absolute;
	right: 16px;
	top: 26px;
	width: 89px;
}
.goalWrap .checkWrap label .tooltip,
.goalSecTtl .tooltip {
	background: #808080;
	border-radius: 50%;
	width: 20px;
	height: 20px;
}
.goalWrap .checkWrap label .tooltip img,
.goalSecTtl .tooltip img {
	width: 7px;
}
.goalSecTtl .icn {
	display: inline-block;
	width: 20px;
	line-height: 0;
	margin-right: 8px;
	vertical-align: middle;
}
.goalWrap {
	background: #fff;
	border-radius: 12px;
	margin-top: 8px;
	padding: 16px;
	position: relative;
}
.goalWrap.goalResult {
	padding: 12px 16px 8px;
}
.goalWrap + .goalWrap {
	margin-top: 5px;
}
.goalWrap:before {
	background: #ff8659;
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	position: absolute;
	left: calc(50% - 10px);
	top: 0;
}
.goalWrap.goalResult:before {
	display: none;
}
.goalWrap .lead {
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	text-align: center;
}
.goalWrap.goal .lead {
	font-size: 12px;
}
.goalWrap.goal .lead .num {
	font-size: 20px;
}
.goalWrap .hint {
	margin-top: 4px;
	width: 132px;
}
.goalWrap .checkWrap {
	margin-top: 6px;
	position: relative;
}
.goalWrap .checkWrap + .checkWrap {
	margin-top: 4px;
}
.goalWrap .checkWrap input[type=checkbox] {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
}
.goalWrap .missionBtn,
.goalWrap .checkWrap label {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 12px;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	width: 100%;
	height: 42px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.goalWrap .checkWrap.past label {
	background: #f0f0f0;
	border-color: #f0f0f0;
}
.goalWrap .missionBtn {
	box-shadow: 0 3px 0 #e5e5e5;
	position: relative;
}
.goalWrap .missionBtn:after {
	background: url(../images/icn_arrow_next.png) no-repeat center center / contain;
	content: "";
	display: block;
	width: 8px;
	height: 9px;
	position: absolute;
	right: 11px;
	top: calc(50% - 4px);
}
.goalWrap .checkWrap input[type=checkbox]:checked + label {
	background: #ffe1d6;
	background: -moz-linear-gradient(top,  #ffe1d6 0%, #ffe9c7 100%);
	background: -webkit-linear-gradient(top,  #ffe1d6 0%,#ffe9c7 100%);
	background: linear-gradient(to bottom,  #ffe1d6 0%,#ffe9c7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe1d6', endColorstr='#ffe9c7',GradientType=0 );
	border-color: #ff8659;
}
.goalWrap .checkWrap.achieve input[type=checkbox]:checked + label,
.goalWrap .checkWrap.achieve label {
	background: #f0f0f0;
	border-color: #f0f0f0;
}
.goalWrap .missionBtn .checkbox,
.goalWrap .checkWrap label .checkbox {
	border-right: 1px dashed #ff8659;
	position: relative;
	width: 43px;
}
.goalWrap .missionBtn .checkbox:before,
.goalWrap .checkWrap label .checkbox:before {
	background: #fff;
	border: 1px solid #ff8659;
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: calc(50% - 10px);
	top: calc(50% - 10px);
}
.goalWrap .checkWrap.past label .checkbox:before {
	background: #f0f0f0;
}
.goalWrap .checkWrap input[type=checkbox]:checked + label .checkbox:before {
	background: #fff url(../images/icn_checkbox_checked_orange.png) no-repeat center center / contain;
}
.goalWrap .checkWrap.achieve input[type=checkbox]:checked + label .checkbox:before,
.goalWrap .checkWrap.achieve label .checkbox:before {
	background: url(../images/icn_achieve.png) no-repeat center center / contain;
	border: none;
	width: 33px;
	height: 33px;
	left: calc(50% - 16px);
	top: calc(50% - 16px);
}
.goalWrap .missionBtn .checkbox:before {
	background: url(../images/icn_achieve_past.png) no-repeat center center / contain;
	border: none;
	width: 33px;
	height: 33px;
	left: calc(50% - 16px);
	top: calc(50% - 16px);
	opacity: .3;
}
.goalWrap .missionBtn .detail,
.goalWrap .checkWrap label .detail {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	flex: 1;
	padding: 8px;
}
.goalWrap .missionBtn .detail {
	padding-right: 20px;
}
.goalWrap .checkWrap.past label .detail {
	opacity: .5;
}
.goalWrap .missionBtn .detail .icn,
.goalWrap .checkWrap label .detail .icn {
	background: #fff2ed;
	border-radius: 50%;
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.goalWrap .checkWrap.past input[type=checkbox] + label .detail .icn,
.goalWrap .checkWrap.achieve input[type=checkbox]:checked + label .detail .icn,
.goalWrap .checkWrap.achieve label .detail .icn,
.goalWrap .checkWrap input[type=checkbox]:checked + label .detail .icn {
	background: #fff;
}
.getPointBtnWrap {
	margin-top: 16px;
	padding: 0 16px;
}
.getPointBtnWrap .getPointBtn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #f5ab3d;
	background: -moz-linear-gradient(left,  #f5ab3d 0%, #ff8559 100%);
	background: -webkit-linear-gradient(left,  #f5ab3d 0%,#ff8559 100%);
	background: linear-gradient(to right,  #f5ab3d 0%,#ff8559 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ab3d', endColorstr='#ff8559',GradientType=1 );
	border: none;
	border-radius: 22px;
	box-shadow: 0 4px 0 #c48731;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	height: 44px;
	width: 100%;
}
.getPointBtnWrap .getPointBtn:before {
	background: url(../images/icn_point_orange.png) no-repeat center center / contain;
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.getPointBtnWrap .getPointBtn.disabled {
	background: #8b8c8c;
	box-shadow: 0 4px 0 #6a6b6b;
	opacity: .5;
	pointer-events: none;
}
.getPointBtnWrap .getPointBtn.disabled:before {
	background-image: url(../images/icn_point_gray.png);
}
.reportTitle {
	padding: 8px 0 16px;
}
.reportTitle h2 {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.reportTitle .icn {
	width: 19px;
	margin-right: 5px;
}
.reportTitle .ttl {
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	font-size: 20px;
}
.doctorComment {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: flex-start;
	padding: 0 12px 0 27px;
	position: relative;
	z-index: 1;
}
.doctorComment .img {
	margin: 12px 8px 0 0;
	width: 88px;
}
.doctorComment .comment {
	background: #fff;
	border: 4px solid #dbdbdb;
	border-radius: 16px;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	flex: 1;
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	font-size: 16px;
	height: 100px;
	padding: 20px 10px;
	position: relative;
}
.doctorComment .comment:after,
.doctorComment .comment:before {
	right: 100%;
	bottom: 8px;
	border-style: solid;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.doctorComment .comment:after {
	border-width: 4px 14px 4px 0;
	border-color: transparent #fff transparent transparent;
	bottom: 12px;
}
.doctorComment .comment:before {
	border-width: 8px 24px 8px 0;
	border-color: transparent #dbdbdb transparent transparent;
}
.doctorComment + .btmButtonWrap {
	margin-top: -32px;
	position: relative;
	z-index: 2;
}
.btmButtonWrap .reportWrap {
	padding: 14.866vw 103px 28px 32px;
	position: relative;
}
.btmButtonWrap .reportWrap .avatar {
	width: 100%;
	height: 256px;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	z-index: 1;
}
.btmButtonWrap .reportWrap .avatar:before {
	background: rgba(255, 255, 255, .2);
	border-radius: 50%;
	content: "";
	display: block;
	width: 975px;
	height: 975px;
	position: absolute;
	right: -574px;
	top: 110px;
	z-index: 1;
}
.btmButtonWrap .reportWrap .avatar img {
	width: auto;
	height: 100%;
	position: relative;
	z-index: 2;
}
.btmButtonWrap .reportWrap .reportTxt {
	border-top: 1px solid rgba(255, 255, 255, .5);
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	color: #fff;
	padding: 25px 0;
	position: relative;
	text-align: center;
	z-index: 2;
}

.btmButtonWrap.report .reportWrap .reportTxt{
	padding: 14px 0;
}
.btmButtonWrap .reportWrap .reportTxt .analyze {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 11px;
}
.btmButtonWrap .reportWrap .reportTxt .analyze .type {
	font-size: 28px;
}
.btmButtonWrap .reportWrap .reportTxt .prediction {
	font-size: 16px;
	line-height: 1.6;
}
.btmButtonWrap .reportWrap .btnWrap {
	padding-top: 42px;
	position: relative;
	z-index: 2;
}
.btmButtonWrap .reportWrap .btnWrap:before {
	background: url(../images/icn_arrow_flow.png) no-repeat center center / contain;
	content: "";
	display: block;
	width: 12px;
	height: 18px;
	position: absolute;
	left: calc(50% - 6px);
	top: 12px;
}
.btmButtonWrap .reportWrap .btnWrap .lead {
	color: #fff;
	font-size: 16px;
	margin-bottom: 6px;
	text-align: center;
}
.attentionItemWrap {
	padding: 0 16px 12px;
}
.attentionItemWrap .attentionItemLead {
	font-size: 16px;
	text-align: center;
}
.attentionItemWrap .attentionItem {
	margin-top: 8px;
	max-height: 213px;
	overflow-y: auto;
}
.attentionItemWrap .attentionItem table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	table-layout: fixed;
}
.attentionItemWrap .attentionItem table tr td,
.attentionItemWrap .attentionItem table tr th {
	background: #fff;
	padding: 8px 10px;
}
.attentionItemWrap .attentionItem table thead tr th {
	background: #f2fffd;
	color: #3366ff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 24%;
}
.attentionItemWrap .attentionItem table thead tr th:first-of-type {
	width: 38%;
}
.attentionItemWrap .attentionItem table thead tr th .thInner {
	position: relative;
	z-index: 2;
}
.attentionItemWrap .attentionItem table tbody tr th {
	font-weight: bold;
}
.attentionItemWrap .attentionItem table tbody tr td {
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	line-height: 1.3;
}
.attentionItemWrap .attentionItem table tbody tr td .unit {
	font-size: 12px;
}
.attentionItemWrap .attentionItem table tbody tr td .icnWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.attentionItemWrap .attentionItem table tbody tr td .icnWrap .icn {
	display: block;
	width: 30px;
	line-height: 0;
}
.btmButtonWrap .viewImprovementPoint {
	padding: 6.4vw 16px 28px;
}
.btmButtonWrap .viewImprovementPoint .lead {
	color: #fff;
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	font-size: 16px;
	text-align: center;
}
.btmButtonWrap .viewImprovementPoint .lead .unit {
	font-size: 12px;
}
.btmButtonWrap .viewImprovementPoint .btnWrap {
	padding-top: 39px;
	position: relative;
}
.btmButtonWrap .viewImprovementPoint .btnWrap:before {
	background: url(../images/icn_arrow_flow.png) no-repeat center center / contain;
	content: "";
	display: block;
	width: 12px;
	height: 18px;
	position: absolute;
	left: calc(50% - 6px);
	top: 10px;
}
.goalUnestablished {
	position: relative;
}
.goalUnestablished .btmButtonWrap {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.goalUnestablished .btmButtonWrap .goalSetting {
	padding: 8.533vw 16px 28px;
}
.goalUnestablished .btmButtonWrap .goalSetting .leadWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: flex-end;
}
.goalUnestablished .btmButtonWrap .goalSetting .leadWrap .img {
	width: 131px;
	padding: 0 16px;
}
.goalUnestablished .btmButtonWrap .goalSetting .leadWrap .txtWrap {
	color: #fff;
	flex: 1;
	padding-bottom: 8px;
}
.goalUnestablished .btmButtonWrap .goalSetting .leadWrap .txtWrap .leadTtl {
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	font-size: 20px;
	margin-bottom: 8px;
}
.goalResult .goalDetail {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}
.goalResult .goalDetail .icn {
	background: #fff2ed;
	border-radius: 50%;
	display: block;
	line-height: 0;
	margin-right: 12px;
	width: 30px;
}
.goalResult .goalDetail .ttl {
	flex: 1;
	font-size: 16px;
}
.goalResult .resultTable tr th {
	border: 1px dashed #e6e6e6;
	line-height: 0;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	width: 12vw;
	max-width: 50px
}
.goalResult .resultTable tr th .result {
	display: inline-block;
	line-height: 0;
	width: 100%;
}
.goalResult .resultTable tr td {
	color: #999;
	font-size: 10px;
	text-align: center;
}
.goalResult .resultTable tr td.today{
	font-weight: bold;
	color: #000;
}
.goalResultWrap .btnWrap {
	margin-top: 8px;
	padding: 0 16px;
}
.linkTopWrap,
.container.prediction,
.container.goal {
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.linkTopWrap.show,
.container.prediction.show,
.container.goal.show {
	opacity: 1;
}
.allViewBtn {
	background: -moz-linear-gradient(left,  #fa75a6 0%, #fa7d7d 100%);
	background: -webkit-linear-gradient(left,  #fa75a6 0%,#fa7d7d 100%);
	background: linear-gradient(to right,  #fa75a6 0%,#fa7d7d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa75a6', endColorstr='#fa7d7d',GradientType=1 );
	border-radius: 0 0 0 9px;
	box-shadow: 0 4px 0 #c76367;
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 9px 20px 10px 16px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}
.allViewBtn .icn {
	display: block;
	margin-right: 6px;
	width: 14px;
}
.pageTitle.allData + .userName {
	margin-bottom: 8px;
	text-align: center;
	word-break: break-all;
}
.dataDetailWrap .dataDetail .subMenu {
	border-left: 10px solid #fff;
	font-size: 12px;
	margin-top: 0;
}
.dataDetailWrap .dataDetail .subMenu > li {
	border-top: 1px solid #ebeded;
	border-left: 1px solid #ebeded;
	margin-top: 0;
	padding-left: 0;
}
.formBox .formWrap dt label.question {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
}
.formBox .formWrap dt label.question .unit {
	margin-right: 8px;
}
.formBox .formWrap dt label.question .txt {
	flex: 1;
}
.formBox .formWrap dt label.question .txt .sub {
	font-size: 12px;
}
.naname {
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')";

	display: inline-block;

	padding-left: 0.2em;
	padding-right: 0.2em;

	background:#ffffe0;
}
.comfirmBoxWrap {
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.comfirmBoxWrap.show {
	opacity: 1;
}
.comfirmBoxWrap .comfirmBox {
	overflow-y: auto;
}
.progressbar {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.progressbar li {
	position: relative;
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
	width: 33.333%;
	color: #999999;
	font-weight: bold;
	counter-increment: steps;
	font-size: 12px;
}
.progressbar li:before {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0px auto 5px auto;
	content: "";
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	border-radius: 50%;
	background-color: #f5f5f5;
	content: counter(steps);
}
.progressbar li:after {
	background: #f5f5f5;
	content: "";
	width: calc(100% - 40px);
	height: 4px;
	position: absolute;
	left: calc(-50% + 20px);
	top: 18px;
}
.progressbar li:first-child:after {
	content: none;
}
.progressbar li.cur:before,
.progressbar li.complete:before {
	background-color: #5985ff;
	color: #fff;
}
.progressbar li.cur:after,
.progressbar li.complete:after {
	background-color: #5985ff;
}
.columnLead {
	max-width: 640px;
	margin: 0 auto;
	padding: 0 16px;
}
.columnList {
	border-top: 1px solid #dbdbdb;
	max-width: 640px;
	margin: 16px auto 0;
}
.columnList > li {
	border-bottom: 1px solid #dbdbdb;
}
.columnList > li a {
	display: block;
	position: relative;
	padding: 16px;
}
.columnList > li a.unread:before {
	background: #e082a5;
	border-radius: 50%;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 2;
}
.columnList > li a .columnLink {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}
.columnList > li a .columnLink .img {
	width: 93px;
	margin-right: 14px;
}
.columnList > li a .columnLink .txtWrap {
	flex: 1;
	min-width: 0;
}
.columnList > li a .columnLink .txtWrap .ttl {
	font-size: 16px;
}
.columnList > li a .columnLink .txtWrap .columnInfo {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	margin-top: 10px;
}
.columnList > li a .columnLink .txtWrap .columnInfo .date {
	color: #999;
	font-size: 12px;
}
.columnList > li a .columnLink .txtWrap .columnInfo .category {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	margin-left: 8px;
}
.columnList > li a .columnLink .txtWrap .columnInfo .category li {
	background: #3366ff;
	border-radius: 8px;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	margin: 0 5px 5px 0;
	padding: 0 7px;
}
.columnList > li a .columnLink .txtWrap .columnInfo .category .new {
	background: #e082a5;
}
.columnList > li a .columnLink .txtWrap .source {
	color: #999;
	font-size: 12px;
	margin-top: 3px;
	text-align: right;
}

.pointGetPop {
	display: none;
	align-items: center;
	justify-content: center;
	overflow: auto;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
}
.pointGetPop.show {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
}
.pointGetPop .pointGet {
	width: 100%;
	max-width: 375px;
	opacity: 0;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 2;
}
.pointGetPop .pointGet .getMov {
	position: relative;
	z-index: 1;
}
.pointGetPop .pointGet .pointGetTtl {
	position: absolute;
	left: 50%;
	top: -38px;
	transform: translate(-50%,0);
	white-space: nowrap;
	z-index: 2;
}
.pointGetPop .pointGet .pointGetTtl:after,
.pointGetPop .pointGet .pointGetTtl:before {
	background: url(../images/line_point_title.png) no-repeat center center / contain;
	content: "";
	display: block;
	width: 45px;
	height: 59px;
	position: absolute;
	bottom: -10px;
}
.pointGetPop .pointGet .pointGetTtl:before {
	right: calc(100% + 13px);
	transform: scale(-1.0,1.0);
}
.pointGetPop .pointGet .pointGetTtl:after {
	left: calc(100% + 13px);
}
.pointGetPop .pointGet .pointGetTtl .ttl {
	color: #fff;
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	font-size: 20px;
	text-align: center;
}
.pointGetPop .pointGet .pointGetTtl .pointNum {
	color: #ff8559;
	background: -webkit-linear-gradient(0deg, #f5ab3d, #ff8559);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.pointGetPop .pointGet .pointGetTtl .pointNum .num {
	font-size: 34px;
}
.aiTrainerWrap {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
}
.aiTrainerWrap.show {
	display: block;
}
.aiTrainerWrap .aiTrainerImg {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 375px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: right;
	line-height: 0;
	z-index: 2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.aiTrainerWrap .aiTrainerImg.show {
	opacity: 1;
}
.aiTrainerWrap .aiTrainerImg img {
	display: block;
	width: 90px;
	position: absolute;
	right: 20px;
	bottom: 0;
}
.aiTrainerWrap .scenarioWrap {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0;
	bottom: 0;
}
.aiTrainerWrap .scenarioWrap .scenario {
	display: none;
	opacity: 0;
}
.aiTrainerWrap .scenarioWrap .scenario.show {
	display: block;
	opacity: 1;
	-webkit-animation: fade .3s ease;
	animation: fade .3s ease;
}
.aiTrainerWrap .scenarioWrap .scenarioBalloon {
	background: #fff;
	border: 4px solid #dbdbdb;
	border-radius: 16px;
	font-size: 16px;
	opacity: 0;
	position: absolute;
	pointer-events: none;
	left: 0;
	right: 0;
	bottom: 161px;
	margin: 0 auto;
	max-width: 308px;
	width: calc(100% - 64px);
	padding: 24px;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.aiTrainerWrap .scenarioWrap .scenarioBalloon:after,
.aiTrainerWrap .scenarioWrap .scenarioBalloon:before {
	border-style: solid;
	border-width: 0 22px 29px 0;
	border-color: transparent #dbdbdb transparent transparent;
	content: "";
	display: block;
	position: absolute;
	pointer-events: none;
	width: 0;
	height: 0;
	right: 81px;
	top: 100%;
}
.aiTrainerWrap .scenarioWrap .scenarioBalloon:after {
	border-width: 0 22px 29px 0;
	border-color: transparent #fff transparent transparent;
	right: 85px;
	top: calc(100% - 14px);
}
.aiTrainerWrap .scenarioWrap .scenarioBalloon.show {
	opacity: 1;
	pointer-events: auto;
	z-index: 2;
}
.aiTrainerWrap .scenarioWrap .scenarioBalloon p + p {
	margin-top: 32px;
}
.aiTrainerWrap .scenarioWrap .scenarioBalloon .btnWrap {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.aiTrainerWrap .scenarioWrap .scenarioBalloon .btnWrap .btn {
	background: #fff;
	border: 2px solid #f5ab3d;
	border-radius: 18px;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	font-size: 12px;
	line-height: 1.3;
	height: 35px;
	text-align: center;
}
.aiTrainerWrap .scenarioWrap .scenarioBalloon .btnWrap .btn + .btn {
	margin-left: 6px;
}

 /*==========================================================================================================
 PC Only
 ==========================================================================================================*/
@media screen and (min-width: 768px){
  #footer .mainMenu,
  .spOnly{display: none!important;}

#wrap { min-width: 1000px; }
#link.top #wrap {
	background: #f2f4f5;
}

/*---------------------------------------------
 container
---------------------------------------------*/
.container {
	padding: 0px 0 40px;
	position: relative;
	width: 100%;
	min-height: calc(100% - 60px);
	z-index: 1;
}
.container.newsDetailWrap,
.container.ranking,
.container.vitalDataWrap,
.container.allData {
	padding-bottom: 24px;
}
#login .container {
	padding-bottom: 0;
}
#maintenance .container {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 0 24px;
}

/*---------------------------------------------
 module
 ---------------------------------------------*/
.pageBack {
	top: 60px;
}
.secWrap {
	max-width: 672px;
	margin: 0 auto;
	padding: 0 16px;
}
.secWrap .inner {
	padding: 0 32px;
}
.cancelBtn,
.informationBtn .primaryBtn,
.primaryBtn {
	height: 48px;
}
.whiteBtn:hover,
.linkMenuBtn:hover,
.loginBtnWrap .helpMenu .helpBtn:hover,
.pageBack:hover,
.arrowNext:hover,
.primaryBtn:hover {
	opacity: .75;
}
.allDataWrap table tr th {
	width: 32%;
}
.allDataWrap table tr th.layer03,
.allDataWrap table tr th.layer02 {
	width: 3%;
}
.allDataWrap table tr th.layer02 + th {
	width: 29%;
}
.allDataWrap table tr th.layer03 + th.layer03 + th {
	width: 26%;
}
.allDataWrap table tr td {
	width: 68%;
	vertical-align: top;
}
.allDataWrap .transitionList table tr td,
.allDataWrap .transitionList table tr th {
	width: 150px;
}

.dataWrap,
.linkDetail {
	max-width: 1120px;
	margin: 0 auto;
}
.userSlideWrap .userSlide:after,
.userSlideWrap .userSlide:before,
.linkUserWrap .linkUser:after,
.linkUserWrap .linkUser:before {
	background: -moz-linear-gradient(left,  rgba(242,244,245,0) 0%, rgba(242,244,245,1) 20%, rgba(242,244,245,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(242,244,245,0) 0%,rgba(242,244,245,1) 20%,rgba(242,244,245,1) 100%);
	background: linear-gradient(to right,  rgba(242,244,245,0) 0%,rgba(242,244,245,1) 20%,rgba(242,244,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fcfeff', endColorstr='#f2f4f5',GradientType=1 );
	content: "";
	display: block;
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
}
.userSlideWrap .userSlide:before,
.linkUserWrap .linkUser:before {
	right: 100%;
	transform: scale(-1,1);
}
.userSlideWrap .userSlide:after,
.linkUserWrap .linkUser:after {
	left: 100%;
}
.linkUserWrap .linkUser .slick-list {
	z-index: 1;
}
.linkUserWrap .linkUser .user {
	pointer-events: auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.linkUserWrap .linkUser .user:hover {
	opacity: .75;
}
.userDetailWrap .userImgWrap {
	width: 640px;
}
.dataDetailWrap .userImgWrap {
	width: 480px;
}
.userDetailWrap .userImgWrap .userImg:before {
	width: 686px;
	height: 60px;
	margin-left: -260px;
	bottom: -19px;
}
.userDetailWrap .userImgWrap .userImg img {
	width: 160px;
}
.userDetailWrap .userDetail {
	width: 480px;
	height: calc(100% + 60px);
	padding: 60px 0 24px;
}
.dataDetailWrap .dataDetail {
	width: 640px;
	height: calc(100% + 60px);
	padding: 60px 0 24px;
}
.userDetailWrap .userDetail .pageBack,
.dataDetailWrap .dataDetail .pageBack {
	top: 0;
}
.dataDetailWrap .dataDetail .detailInner,
.dataDetailWrap .dataDetail .detailWrap  .pageBack {
	width: 640px;
}
.dataDetailWrap .dataDetail ul {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	overflow-x: hidden;
}
.dataDetailWrap .dataDetail ul li {
	width: 33.33%;
}
#myData .dataDetailWrap .dataDetail ul li {
	width: 100%;
}
#myData .dataDetailWrap .dataDetail ul.subMenu li {
	width: 33.33%;
}
#myData .dataDetailWrap .dataDetail ul li a {
	height: 100%;
}
.dataDetailWrap .dataDetail .resultData {
	height: calc(100% - 24px);
	padding-top: 60px;
}
.dataDetailWrap .dataDetail .resultData .resultList li {
	border-right: 1px solid #edf0ef;
}
.dataDetailWrap .dataDetail .resultData .resultList li:nth-of-type(3n) {
	border-right: none;
}
.resultData .resultList li dl {
	position: relative;
	height: 100%;
}
.checkboxWrap label:hover {
	border-color: #3366ff;
}
.privacySec,
.termsSec {
	max-width: 1120px;
}
.linkMenuWrap {
	max-width: 672px;
	margin: 20px auto 0;
}
.serchClinic {
	max-width: 480px;
	margin: 0 auto 24px;
	padding: 0 32px;
}
.skipBtn {
	top: 60px;
}
.tutorialWrap .tutorial {
	max-width: 672px;
	margin: 0 auto;
	padding: 0 8px;
}
.antigenAntibody .dateBox {
	top: 65px;
}
.dataSelectWrap,
.rankingWrap,
.vitalData {
	max-width: 640px;
	margin: 0 auto;
}
.vitalDetailWrap .vitalDetail.pressure,
.vitalDetailWrap .vitalDetail {
	width: 320px;
}
.vitalDetailWrap .vitalDetail.pressure .dataList li .data {
	font-size: 12px;
	padding: 0 26px 0 0;
}
.vitalDetailWrap .vitalDetail.pressure .dataList li .ctName {
	flex: 1;
	font-size: 12px;
	padding: 0 0 0 10px;
	text-align: right;
}
.vitalDetailWrap .userImgWrap .imgWrap {
	max-width: 300px;
}
.rankingWrap {
	padding-bottom: 24px;
}
.rankingWrap .ranking {
	background: none;
}
.rankingWrap .ranking .rankingList {
	background-color: #fff;
}
.newsDetail {
	max-width: 1120px;
	margin: 0 auto;
}
.consultationList {
	max-width: 616px;
}
.consultationList ul li a .txt,
.consultationList ul li + li {
	margin-top: 32px;
}
.consultationList ul li a {
	padding: 32px;
}
.storeLink {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: center;
}
.storeLink a {
	height: 40px;
}
.storeLink a +a {
	margin: 0 0 0 10px;
}
.storeLink a img {
	width: auto;
	height: 100%;
}
.dataDetailWrap .dataDetail .totalScoreWrap .comment {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
}
.dataDetailWrap .dataDetail .totalScoreWrap .comment a {
	width: 140px;
}
.dataDetailWrap .dataDetail .totalScoreWrap .comment a + a {
	margin-left: 8px;
}
.floating {
	padding: 16px;
	bottom: 24px;
}
.clinicLinkBtn {
	margin-top: 10px;
}

.container.topContainer,
.container.goal,
.container.prediction {
	max-width: 640px;
	margin: 0 auto;
}
.suggestList {
	width: 528px;
}
.btmButtonWrap .suggestSetting {
	padding: 44px 64px 28px;
}
.btmButtonWrap,
.goalListWrap,
.goalTabWrap {
	overflow: hidden;
}
.goalCompleteWrap {
	padding-top: 64px;
}
.userDataWrap .trainerBtn {
	right: 56px;
}
.registerWrap {
	bottom: 24px;
}
.doctorComment {
	max-width: 480px;
	margin: 0 auto;
}
.goalUnestablished .btmButtonWrap .goalSetting,
.btmButtonWrap .reportWrap {
	padding-top: 80px;
}
.goalResult .resultTable {
	margin: 0 auto;
}
.pastCheck {
	top: 55px;
}
.goalUnestablished {
	opacity: 1;
	padding-bottom: 0;
}
.goalUnestablished .btmButtonWrap {
	margin-top: 48px;
}
.allViewBtn {
	top: 60px;
}
.predictionResultDL {
	top: 60px;
}

}

/*==========================================================================================================
 SP Only
==========================================================================================================*/
@media screen and (max-width: 767px){
  #header,
  .pcOnly { display: none !important; }

  .grid:not(.sp_grid){margin-right: 0; margin-bottom: 0;}
  .grid:not(.sp_grid)>.colNum{ width: 100%; padding-right: 0; margin-bottom: 15px;}
  .grid:not(.sp_grid)>.colNum:last-child{ margin-bottom: 0};

  .sp_gd_0 { margin-right: -0px; margin-bottom: -0px;}.sp_gd_1 { margin-right: -1px; margin-bottom: -1px;}.sp_gd_8 { margin-right: -8px; margin-bottom: -8px;}.sp_gd_10 { margin-right: -10px; margin-bottom: -10px;}.sp_gd_15 { margin-right: -15px; margin-bottom: -15px;}.sp_gd_16 { margin-right: -16px; margin-bottom: -16px;}.sp_gd_20 { margin-right: -20px; margin-bottom: -20px;}.sp_gd_24 { margin-right: -24px; margin-bottom: -24px;}.sp_gd_25 { margin-right: -25px; margin-bottom: -25px;}.sp_gd_30 { margin-right: -30px; margin-bottom: -30px;}.sp_gd_40 { margin-right: -40px; margin-bottom: -40px;}.sp_gd_88 { margin-right: -88px; margin-bottom: -88px;}
  .sp_gd_0>.colNum {margin-bottom: 0; padding-right: 0;}.sp_gd_1>.colNum {margin-bottom: 1px; padding-right: 1px;}.sp_gd_8>.colNum {margin-bottom: 8px; padding-right: 8px;}.sp_gd_10>.colNum {margin-bottom: 10px; padding-right: 10px;}.sp_gd_15>.colNum {margin-bottom: 15px; padding-right: 15px;}.sp_gd_16>.colNum {margin-bottom: 16px; padding-right: 16px;}.sp_gd_20>.colNum {margin-bottom: 20px; padding-right: 20px;}.sp_gd_24>.colNum {margin-bottom: 24px; padding-right: 24px;}.sp_gd_25>.colNum {margin-bottom: 25px; padding-right: 25px;}.sp_gd_30>.colNum {margin-bottom: 30px; padding-right: 30px;}.sp_gd_40>.colNum {margin-bottom: 40px; padding-right: 40px;}.sp_gd_88>.colNum {margin-bottom: 88px; padding-right: 88px;}
  .sp_grid.border.sp_gd_8 { margin-right: -4px; margin-left: -4px; margin-bottom: -8px;}.sp_grid.border.sp_gd_10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px;}.sp_grid.border.sp_gd_15 { margin-right: -7px; margin-left: -7px; margin-bottom: -15px;}.sp_grid.border.sp_gd_20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px;}.sp_grid.border.sp_gd_25 { margin-right: -12px; margin-left: -12px; margin-bottom: -25px;}.sp_grid.border.sp_gd_30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px;}.sp_grid.border.sp_gd_40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px;}
  .sp_grid.border.sp_gd_10>.colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.sp_grid.border.sp_gd_10>.colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.sp_grid.border.sp_gd_15>.colNum {margin-bottom: 15px; padding-right: 7px; padding-left: 7px; }.sp_grid.border.sp_gd_16>.colNum {margin-bottom: 16px; padding-right: 8px; padding-left: 8px; }.sp_grid.border.sp_gd_20>.colNum {margin-bottom: 20px; padding-right: 10px; padding-left: 10px; }.sp_grid.border.sp_gd_24>.colNum {margin-bottom: 24px; padding-right: 12px; padding-left: 12px; }.sp_grid.border.sp_gd_25>.colNum {margin-bottom: 25px; padding-right: 12px; padding-left: 12px; }.sp_grid.border.sp_gd_30>.colNum {margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }.sp_grid.border.sp_gd_40>.colNum {margin-bottom: 40px; padding-right: 20px; padding-left: 20px; }
  .sp_col_1_1 { width: 100%; }.sp_col_2_3,.sp_col_8_12 { width: 66.66%; }.sp_col_1_2,.sp_col_6_12 { width: 50%; }.sp_col_1_3,.sp_col_4_12 { width: 33.33%; }.sp_col_1_4,.sp_col_3_12 { width: 25%; }.sp_col_1_5 { width: 20%; }.sp_col_1_6,.sp_col_2_12 { width: 16.667%; }.sp_col_1_7 { width: 14.28%; }.sp_col_1_8 { width: 12.5%; }.sp_col_1_9 { width: 11.1%; }.sp_col_1_10 { width: 10%; }.sp_col_1_11 { width: 9.09%; }.sp_col_1_12 { width: 8.33%; }.sp_col_11_12 { width: 91.66%; }.sp_col_10_12 { width: 83.333%; }.sp_col_9_12 { width: 75%; }.sp_col_5_12 { width: 41.66%; }.sp_col_7_12 { width: 58.33%; }
  .sp_dBlock { display: block!important; }
  .sp_w5p{ width: 5%!important;}.sp_w8p{ width: 8%!important;}.sp_w10p{ width: 10%!important;}.sp_w11p{ width: 11%!important;}.sp_w12p{ width: 12%!important;}.sp_w15p{ width: 15%!important;}.sp_w16p{ width: 16%!important;}.sp_w18p{ width: 18%!important;}.sp_w20p{ width: 20%!important;}.sp_w22p{ width: 22%!important;}.sp_w25p{ width: 25%!important;}.sp_w30p{ width: 30%!important;}.sp_w35p{ width: 35%!important;}.sp_w40p{ width: 40%!important;}.sp_w45p{ width: 45%!important;}.sp_w50p{ width: 50%!important;}.sp_w55p{ width: 55%!important;}.sp_w60p{ width: 60%!important;}.sp_w65p{ width: 65%!important;}.sp_w70p{ width: 70%!important;}.sp_w75p{ width: 75%!important;}.sp_w80p{ width: 80%!important;}.sp_w85p{ width: 85%!important;}.sp_w90p{ width: 90%!important;}.sp_w95p{ width: 95%!important;}.sp_w100p{ width: 100%!important;}
  .sp_wmax{ width: 100%!important; height: auto!important; max-width: inherit;}.sp_wAuto{ width: auto !important; }
  .sp_layoutC{ text-align: center; }.sp_layoutR{ text-align: right; }.sp_layoutL{ text-align: left; }
  .sp_fz10{ font-size: 62.5% !important; }.sp_fz11{ font-size: 68.75% !important; }.sp_fz12{ font-size: 75% !important; }.sp_fz14{ font-size: 87.5% !important; }.sp_fz16{ font-size: 100% !important; }.sp_fz18{ font-size: 112.5% !important; }.sp_fz20{ font-size: 125% !important; }.sp_fz22{ font-size: 137.5% !important; }.sp_fz24{ font-size: 150% !important; }.sp_fz26{ font-size: 162.5% !important; }.sp_fz28{ font-size: 175% !important; }.sp_fz30{ font-size: 187.5% !important; }.sp_fz32{ font-size: 200% !important; }.sp_fz34{ font-size: 212.5% !important; }.sp_fz36{ font-size: 225% !important; }.sp_fz38{ font-size: 237.5% !important; }.sp_fz40{ font-size: 250% !important; }.sp_fz42{ font-size: 262.5% !important; }.sp_fz44{ font-size: 275% !important; }.sp_fz46{ font-size: 287.5% !important; }.sp_fz48{ font-size: 300% !important; }
  .wrapInner { max-width: 100%; }

/*---------------------------------------------
 container
---------------------------------------------*/
.container {
	min-height: 100vh;
	min-height: -webkit-fill-available;
}
#maintenance .container {
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0 24px;
}


/*---------------------------------------------
 module
 ---------------------------------------------*/
.pageBack {
	padding: 9px 20px 10px 16px;
}
.pageTitle {
	margin-bottom: 16px;
	padding-top: 48px;
}
.secTitle {
	margin-bottom: 10px;
	padding-top: 24px;
}
.informationBtn {
	margin: 6.4vw auto 0;
	padding: 0 16px;
}
.userSlideWrap {
	padding-top: 32px;
}
.userSlideWrap .topMovie {
	height: 288px;
	padding-bottom: 20px;
	top: 56px;
}
.userSlideWrap .topMovie video {
	margin-left: 5px;
}
/*
.linkUserWrap .linkUser .user .userImg:before {
	width: 380px;
	height: 30px;
	left: -84px;
	bottom: -10px;
}
*/
.userSlideWrap .userSlide .user .userInner {
	width: 100%;
}
.linkUserWrap .linkUser .user img,
.userSlideWrap .userSlide .user span video {
	width: 100%;
}
.userSlideWrap .userSlide .user .userName,
.linkUserWrap .linkUser .user .userName {
	margin-top: 10px;
}
.dataDetailWrap .dataDetail,
.userDetailWrap .userDetail {
	position: fixed;
}
.dataDetailWrap .userImgWrap .dataDate p + p {
	margin-top: 3px;
}
.dataDetailWrap .userImgWrap .userImg,
.userDetailWrap .userImgWrap .userImg {
	padding: 84px 0 0 0;
}
.dataDetailWrap .userImgWrap .userImg {
	padding-top: 20px;
}
.userInfoList li dl dd,
.userInfoList li dl dt {
	padding: 10px 16px;
}
.cmnBlock {
	padding: 32px 0;
}
.cmnBlock .submitBtnWrap {
	padding-top: 10px;
}
.formBox .formWrap dt label {
	height: 40px;
}
.formBox .formWrap.blockWrap dt label {
	height: auto;
}
input[type=tel],
input[type=password],
input[type=text] {
	height: 40px;
}
.qrCodeWrap {
	margin-top: 16px;
	padding: 0 32px;
}
.cmnTxt {
	margin-top: 10px;
}
.etcLink,
.loginBtnWrap .helpMenu,
.loginBtnWrap {
	margin-top: 16px;
}
.userMenuWrap .primaryBtn {
	font-size: 11px;
}
.tutorialWrap .tutorial .tutorialItem:first-child {
	display: block;
}
.tutorialWrap .tutorial {
	width: 280px;
}
.dataSelectWrap.clinic,
.dataSelectWrap.link {
	padding-top: 48px;
}
.dataDetailWrap .dataDetail .totalScoreWrap {
	height: auto;
	padding: 10px 8px 10px 16px;
}
.dataDetailWrap .dataDetail .totalScoreWrap .comment a + a {
	margin-top: 8px;
}

}

@media screen and (max-width: 320px){
.dataDetailWrap .userImgWrap .dataDate {
	padding: 15px 32px 0 16px;
}
}