@charset "utf-8";
/* ▼COLOR-BASE▼ -------------------------------- 
-------------------------------------------------*/

/*-- BLUE --*/
#c_blue:after,
#c_blue .iconBg,
.bg_blue {
	background-color: #2196F3;
	background-image: linear-gradient(to right, #2196F3 0%, #1c84d6 100%);
}
body#c_blue #loginWrap {
	background-color: #2196F3;
	background-image: linear-gradient(to bottom, #2196F3 0%, #1c84d6 100%);
}
#c_blue .pagination a.active,
.c_blue ul.navInList li a.active { background-color: #2196F3; }
#c_blue .checkboxWrap input:checked+label,
#c_blue .radioWrap input:checked+label,
#c_blue ul.tagOneList li { background-color: #2196F3; }
#c_blue .normalBox>h2,
#c_blue .posL table tr th:nth-of-type(1) { background-color: #e4f3ff; }
#c_blue .normalBox>h2:before { background-color: #2196F3; }
#c_blue .oneDashHeadNum,
.c_blueTxt,
body#c_blue #login_inputArea>h2 i { color: #2196F3; }
#c_blue table tr:first-of-type th,
#c_blue table tr:first-of-type td { border-bottom: 2px solid #2196F3; }
.c_blue #headNav>ul>li>a:hover,
.c_blue #headNav>ul>li>a.active {
	background: #e4f3ff;
	color: #2196F3;
}
#c_blue input:focus,
#c_blue textarea:focus,
#c_blue select:focus { border: 1px solid #2196F3; }
/*-- INDIGO BLUE --*/
#c_indigo:after,
#c_indigo .iconBg,
.bg_indigo {
	background-color: #3F51B5;
	background-image: linear-gradient(to right, #3F51B5 0%, #283eb8 100%);
}
body#c_indigo #loginWrap {
	background-color: #3F51B5;
	background-image: linear-gradient(to bottom, #3F51B5 0%, #283eb8 100%);
}
#c_indigo .pagination a.active,
.c_indigo ul.navInList li a.active { background-color: #3F51B5; }
#c_indigo .checkboxWrap input:checked+label,
#c_indigo .radioWrap input:checked+label,
#c_indigo ul.tagOneList li { background-color: #3F51B5; }
#c_indigo .normalBox>h2,
#c_indigo .posL table tr th:nth-of-type(1) { background-color: #edf0ff; }
#c_indigo .normalBox>h2:before { background-color: #3F51B5; }
#c_indigo .oneDashHeadNum,
.c_indigoTxt,
body#c_indigo #login_inputArea>h2 i { color: #3F51B5; }
#c_indigo table tr:first-of-type th,
#c_indigo table tr:first-of-type td { border-bottom: 2px solid #3F51B5; }
.c_indigo #headNav>ul>li>a:hover,
.c_indigo #headNav>ul>li>a.active {
	background: #edf0ff;
	color: #3F51B5;
}
#c_indigo input:focus,
#c_indigo textarea:focus,
#c_indigo select:focus { border: 1px solid #3F51B5; }
/*-- GREEN --*/
#c_green:after,
#c_green .iconBg,
.bg_green {
	background-color: #26A69A;
	background-image: linear-gradient(to right, #26A69A 0%, #129387 100%);
}
body#c_green #loginWrap {
	background-color: #26A69A;
	background-image: linear-gradient(to bottom, #26A69A 0%, #129387 100%);
}
#c_green .pagination a.active,
.c_green ul.navInList li a.active { background-color: #26A69A; }
#c_green .checkboxWrap input:checked+label,
#c_green .radioWrap input:checked+label,
#c_green ul.tagOneList li { background-color: #26A69A; }
#c_green .normalBox>h2,
#c_green .posL table tr th:nth-of-type(1) { background-color: #dff6f4; }
#c_green .normalBox>h2:before { background-color: #26A69A; }
#c_green .oneDashHeadNum,
.c_greenTxt,
body#c_green #login_inputArea>h2 i { color: #26A69A; }
#c_green table tr:first-of-type th,
#c_green table tr:first-of-type td { border-bottom: 2px solid #26A69A; }
.c_green #headNav>ul>li>a:hover,
.c_green #headNav>ul>li>a.active {
	background: #dff6f4;
	color: #26A69A;
}
#c_green input:focus,
#c_green textarea:focus,
#c_green select:focus { border: 1px solid #26A69A; }
/*-- ORANGE --*/
#c_orange:after,
#c_orange .iconBg,
.bg_orange {
	background-color: #f1663a;
	background-image: linear-gradient(to right, #f1663a 0%, #ea5222 100%);
}
body#c_orange #loginWrap {
	background-color: #f1663a;
	background-image: linear-gradient(to bottom, #f1663a 0%, #ea5222 100%);
}
#c_orange .pagination a.active,
.c_orange ul.navInList li a.active { background-color: #f1663a; }
#c_orange .checkboxWrap input:checked+label,
#c_orange .radioWrap input:checked+label,
#c_orange ul.tagOneList li { background-color: #f1663a; }
#c_orange .normalBox>h2,
#c_orange .posL table tr th:nth-of-type(1) { background-color: #ffe5e0; }
#c_orange .normalBox>h2:before { background-color: #f1663a; }
#c_orange .oneDashHeadNum,
.c_orangeTxt,
body#c_orange #login_inputArea>h2 i { color: #f1663a; }
#c_orange table tr:first-of-type th,
#c_orange table tr:first-of-type td { border-bottom: 2px solid #f1663a; }
.c_orange #headNav>ul>li>a:hover,
.c_orange #headNav>ul>li>a.active {
	background: #ffe5e0;
	color: #f1663a;
}
#c_orange input:focus,
#c_orange textarea:focus,
#c_orange select:focus { border: 1px solid #f1663a; }
/*-- RED --*/
#c_red:after,
#c_red .iconBg,
.bg_red {
	background-color: #d72020;
	background-image: linear-gradient(to right, #d72020 0%, #c61616 100%);
}
body#c_red #loginWrap {
	background-color: #d72020;
	background-image: linear-gradient(to bottom, #d72020 0%, #c61616 100%);
}
#c_red .pagination a.active,
.c_red ul.navInList li a.active { background-color: #d72020; }
#c_red .checkboxWrap input:checked+label,
#c_red .radioWrap input:checked+label,
#c_red ul.tagOneList li { background-color: #d72020; }
#c_red .normalBox>h2,
#c_red .posL table tr th:nth-of-type(1) { background-color: #ffe3e3; }
#c_red .normalBox>h2:before { background-color: #d72020; }
#c_red .oneDashHeadNum,
.c_redTxt,
body#c_red #login_inputArea>h2 i { color: #d72020; }
#c_red table tr:first-of-type th,
#c_red table tr:first-of-type td { border-bottom: 2px solid #d72020; }
.c_red #headNav>ul>li>a:hover,
.c_red #headNav>ul>li>a.active {
	background: #ffe3e3;
	color: #d72020;
}
#c_red input:focus,
#c_red textarea:focus,
#c_red select:focus { border: 1px solid #d72020; }
/*-- BLACK --*/
#c_black:after,
#c_black .iconBg,
.bg_black {
	background-color: #2f3542;
	background-image: linear-gradient(to right, #2f3542 0%, #1f232b 100%);
}
body#c_black #loginWrap {
	background-color: #2f3542;
	background-image: linear-gradient(to bottom, #2f3542 0%, #1f232b 100%);
}
#c_black .pagination a.active,
.c_black ul.navInList li a.active { background-color: #2f3542; }
#c_black .checkboxWrap input:checked+label,
#c_black .radioWrap input:checked+label,
#c_black ul.tagOneList li { background-color: #2f3542; }
#c_black .normalBox>h2,
#c_black .posL table tr th:nth-of-type(1) { background-color: #eaeaea; }
#c_black .normalBox>h2:before { background-color: #2f3542; }
#c_black .oneDashHeadNum,
.c_blackTxt,
body#c_black #login_inputArea>h2 i { color: #2f3542; }
#c_black table tr:first-of-type th,
#c_black table tr:first-of-type td { border-bottom: 2px solid #2f3542; }
.c_black #headNav>ul>li>a:hover,
.c_black #headNav>ul>li>a.active {
	background: #eaeaea;
	color: #2f3542;
}
#c_black input:focus,
#c_black textarea:focus,
#c_black select:focus { border: 1px solid #2f3542; }

/*-- darkkhaki --*/
#c_darkkhaki:after,
#c_darkkhaki .iconBg,
.bg_darkkhaki {
	background-color: #BDB76B;
	background-image: linear-gradient(to right, #BDB76B 0%, #ccc452 100%);
}
body#c_darkkhaki #loginWrap {
	background-color: #BDB76B;
	background-image: linear-gradient(to bottom, #BDB76B 0%, #ccc452 100%);
}
#c_darkkhaki .pagination a.active,
.c_darkkhaki ul.navInList li a.active { background-color: #BDB76B; }
#c_darkkhaki .checkboxWrap input:checked+label,
#c_darkkhaki .radioWrap input:checked+label,
#c_darkkhaki ul.tagOneList li { background-color: #BDB76B; }
#c_darkkhaki .normalBox>h2,
#c_darkkhaki .posL table tr th:nth-of-type(1) { background-color: #ccc452; }
#c_darkkhaki .normalBox>h2:before { background-color: #BDB76B; }
#c_darkkhaki .oneDashHeadNum,
.c_darkkhakiTxt,
body#c_darkkhaki #login_inputArea>h2 i { color: #BDB76B; }
#c_darkkhaki table tr:first-of-type th,
#c_darkkhaki table tr:first-of-type td { border-bottom: 2px solid #BDB76B; }
.c_darkkhaki #headNav>ul>li>a:hover,
.c_darkkhaki #headNav>ul>li>a.active {
	background: #ccc452;
	color: #BDB76B;
}
#c_darkkhaki input:focus,
#c_darkkhaki textarea:focus,
#c_darkkhaki select:focus { border: 1px solid #BDB76B; }

/*-- STORMDUST --*/
#c_stormdust:after,
#c_stormdust .iconBg,
.bg_stormdust {
	background-color: #666665 !important;
	/* background-image: linear-gradient(to right, #666665 0%, #1c84d6 100%); */
}

body#c_stormdust #loginWrap {
	background-color: #666665;
	/* background-image: linear-gradient(to bottom, #666665 0%, #1c84d6 100%); */
}

#c_stormdust .pagination a.active,
.c_stormdust ul.navInList li a.active {
	background-color: #666665;
}

#c_stormdust .checkboxWrap input:checked+label,
#c_stormdust .radioWrap input:checked+label,
#c_stormdust ul.tagOneList li {
	background-color: #666665;
}

#c_stormdust .normalBox>h2,
#c_stormdust .posL table tr th:nth-of-type(1) {
	background-color: #666665;
}

#c_stormdust .normalBox>h2:before {
	background-color: #666665;
}

#c_stormdust .oneDashHeadNum,
.c_stormdustTxt,
body#c_stormdust #login_inputArea>h2 i {
	color: #666665;
}

#c_stormdust table tr:first-of-type th,
#c_stormdust table tr:first-of-type td {
	border-bottom: 2px solid #666665;
}

.c_stormdust #headNav>ul>li>a:hover,
.c_stormdust #headNav>ul>li>a.active {
	background: #e4f3ff;
	color: #666665;
}

#c_stormdust input:focus,
#c_stormdust textarea:focus,
#c_stormdust select:focus {
	border: 1px solid #666665;
}

/*-- MILLBROOK --*/
#c_millbrook:after,
#c_millbrook .iconBg,
.bg_millbrook {
	background-color: #625036 !important;
	/* background-image: linear-gradient(to right, #625036 0%, #1c84d6 100%); */
}

body#c_millbrook #loginWrap {
	background-color: #625036;
	/* background-image: linear-gradient(to bottom, #625036 0%, #1c84d6 100%); */
}

#c_millbrook .pagination a.active,
.c_millbrook ul.navInList li a.active {
	background-color: #625036;
}

#c_millbrook .checkboxWrap input:checked+label,
#c_millbrook .radioWrap input:checked+label,
#c_millbrook ul.tagOneList li {
	background-color: #625036;
}

#c_millbrook .normalBox>h2,
#c_millbrook .posL table tr th:nth-of-type(1) {
	background-color: #625036;
}

#c_millbrook .normalBox>h2:before {
	background-color: #625036;
}

#c_millbrook .oneDashHeadNum,
.c_millbrookTxt,
body#c_millbrook #login_inputArea>h2 i {
	color: #625036;
}

#c_millbrook table tr:first-of-type th,
#c_millbrook table tr:first-of-type td {
	border-bottom: 2px solid #625036;
}

.c_millbrook #headNav>ul>li>a:hover,
.c_millbrook #headNav>ul>li>a.active {
	background: #e4f3ff;
	color: #625036;
}

#c_millbrook input:focus,
#c_millbrook textarea:focus,
#c_millbrook select:focus {
	border: 1px solid #625036;
}

/*-- MEADOW --*/
#c_meadow:after,
#c_meadow .iconBg,
.bg_meadow {
	background-color: #1BBC9C !important;
	/* background-image: linear-gradient(to right, #1BBC9C 0%, #1c84d6 100%); */
}

body#c_meadow #loginWrap {
	background-color: #1BBC9C;
	/* background-image: linear-gradient(to bottom, #1BBC9C 0%, #1c84d6 100%); */
}

#c_meadow .pagination a.active,
.c_meadow ul.navInList li a.active {
	background-color: #1BBC9C;
}

#c_meadow .checkboxWrap input:checked+label,
#c_meadow .radioWrap input:checked+label,
#c_meadow ul.tagOneList li {
	background-color: #1BBC9C;
}

#c_meadow .normalBox>h2,
#c_meadow .posL table tr th:nth-of-type(1) {
	background-color: #1BBC9C;
}

#c_meadow .normalBox>h2:before {
	background-color: #1BBC9C;
}

#c_meadow .oneDashHeadNum,
.c_meadowTxt,
body#c_meadow #login_inputArea>h2 i {
	color: #1BBC9C;
}

#c_meadow table tr:first-of-type th,
#c_meadow table tr:first-of-type td {
	border-bottom: 2px solid #1BBC9C;
}

.c_meadow #headNav>ul>li>a:hover,
.c_meadow #headNav>ul>li>a.active {
	background: #e4f3ff;
	color: #1BBC9C;
}

#c_meadow input:focus,
#c_meadow textarea:focus,
#c_meadow select:focus {
	border: 1px solid #1BBC9C;
}

/*-- VIVIDTANGERINE --*/
#c_vividtangerine:after,
#c_vividtangerine .iconBg,
.bg_vividtangerine {
	background-color: #FFA07A !important;
	/* background-image: linear-gradient(to right, #FFA07A 0%, #1c84d6 100%); */
}

body#c_vividtangerine #loginWrap {
	background-color: #FFA07A;
	/* background-image: linear-gradient(to bottom, #FFA07A 0%, #1c84d6 100%); */
}

#c_vividtangerine .pagination a.active,
.c_vividtangerine ul.navInList li a.active {
	background-color: #FFA07A;
}

#c_vividtangerine .checkboxWrap input:checked+label,
#c_vividtangerine .radioWrap input:checked+label,
#c_vividtangerine ul.tagOneList li {
	background-color: #FFA07A;
}

#c_vividtangerine .normalBox>h2,
#c_vividtangerine .posL table tr th:nth-of-type(1) {
	background-color: #FFA07A;
}

#c_vividtangerine .normalBox>h2:before {
	background-color: #FFA07A;
}

#c_vividtangerine .oneDashHeadNum,
.c_vividtangerineTxt,
body#c_vividtangerine #login_inputArea>h2 i {
	color: #FFA07A;
}

#c_vividtangerine table tr:first-of-type th,
#c_vividtangerine table tr:first-of-type td {
	border-bottom: 2px solid #FFA07A;
}

.c_vividtangerine #headNav>ul>li>a:hover,
.c_vividtangerine #headNav>ul>li>a.active {
	background: #e4f3ff;
	color: #FFA07A;
}

#c_vividtangerine input:focus,
#c_vividtangerine textarea:focus,
#c_vividtangerine select:focus {
	border: 1px solid #FFA07A;
}


/*-- wisteria --*/
#c_wisteria:after,
#c_wisteria .iconBg,
.bg_wisteria {
	background-color: #9B59B6 !important;
	/* background-image: linear-gradient(to right, #FFA07A 0%, #1c84d6 100%); */
}

body#c_wisteria #loginWrap {
	background-color: #9B59B6;
	/* background-image: linear-gradient(to bottom, #FFA07A 0%, #1c84d6 100%); */
}

#c_wisteria .pagination a.active,
.c_wisteria ul.navInList li a.active {
	background-color: #9B59B6;
}

#c_wisteria .checkboxWrap input:checked+label,
#c_wisteria .radioWrap input:checked+label,
#c_wisteria ul.tagOneList li {
	background-color: #9B59B6;
}

#c_wisteria .normalBox>h2,
#c_wisteria .posL table tr th:nth-of-type(1) {
	background-color: #9B59B6;
}

#c_wisteria .normalBox>h2:before {
	background-color: #9B59B6;
}

#c_wisteria .oneDashHeadNum,
.c_wisteriaTxt,
body#c_wisteria #login_inputArea>h2 i {
	color: #9B59B6;
}

#c_wisteria table tr:first-of-type th,
#c_wisteria table tr:first-of-type td {
	border-bottom: 2px solid #9B59B6;
}

.c_wisteria #headNav>ul>li>a:hover,
.c_wisteria #headNav>ul>li>a.active {
	background: #6C3E7F;
	color: #9B59B6;
}

#c_wisteria input:focus,
#c_wisteria textarea:focus,
#c_wisteria select:focus {
	border: 1px solid #9B59B6;
}


/*-- atlantis --*/
#c_atlantis:after,
#c_atlantis .iconBg,
.bg_atlantis {
    background-color: #9ACD32 !important;
    /* background-image: linear-gradient(to right, #FFA07A 0%, #1c84d6 100%); */
}

body#c_atlantis #loginWrap {
    background-color: #9ACD32;
    /* background-image: linear-gradient(to bottom, #FFA07A 0%, #1c84d6 100%); */
}

#c_atlantis .pagination a.active,
.c_atlantis ul.navInList li a.active {
    background-color: #9ACD32;
}

#c_atlantis .checkboxWrap input:checked+label,
#c_atlantis .radioWrap input:checked+label,
#c_atlantis ul.tagOneList li {
    background-color: #9ACD32;
}

#c_atlantis .normalBox>h2,
#c_atlantis .posL table tr th:nth-of-type(1) {
    background-color: #9ACD32;
}

#c_atlantis .normalBox>h2:before {
    background-color: #9ACD32;
}

#c_atlantis .oneDashHeadNum,
.c_atlantisTxt,
body#c_atlantis #login_inputArea>h2 i {
    color: #9ACD32;
}

#c_atlantis table tr:first-of-type th,
#c_atlantis table tr:first-of-type td {
    border-bottom: 2px solid #9ACD32;
}

.c_atlantis #headNav>ul>li>a:hover,
.c_atlantis #headNav>ul>li>a.active {
    background: #6B8F23;
    color: #9ACD32;
}

#c_atlantis input:focus,
#c_atlantis textarea:focus,
#c_atlantis select:focus {
    border: 1px solid #9ACD32;
}



/* ▼FONT▼ -------------------------------------- 
-------------------------------------------------*/

.f_size10 { font-size: 10px; }
.f_size11 { font-size: 11px; }
.f_size12 { font-size: 12px; }
.f_size13 { font-size: 13px; }
.f_size14 { font-size: 14px; }
.f_size15 { font-size: 15px; }
.f_size16 { font-size: 16px; }
.f_size17 { font-size: 17px; }
.f_size18 { font-size: 18px; }
.f_size19 { font-size: 19px; }
.f_size20 { font-size: 20px; }
/*-- WEIGHT --*/
.f_weightB { font-weight: 600; }
/*--Mac--*/

/*-- COLOR-WHITE --*/
.c_whiteTxt { color: #fff; }
/* ▼TITLE▼ -------------------------------------- 
-------------------------------------------------*/

.ttl_01 {
	font-weight: bold;
	font-size: 14px;
	padding-left: 12px;
	position: relative;
	margin-bottom: 10px;
}
.ttl_01:before {
	content: "";
	width: 3px;
	height: 100%;
	background-color: #66615b;
	position: absolute;
	top: 0;
	left: 0;
}
.hideSwitch {
	position: absolute;
	top: 0;
	right: 0;
}
/* ▼SOCIAL-BGCOLOR▼ ----------------------------
-------------------------------------------------*/

.bg_tw {
	background-color: #55acee !important;
	color: #fff;
}
.bg_fb {
	background-color: #3b5998 !important;
	color: #fff;
}
.bg_ln {
	background-color: #00c300 !important;
	color: #fff;
}
/* ▼WIDTH(px/%) & HEIGHT(%)▼ -------------------
-------------------------------------------------*/

.w_50 { width: 50px !important; }
.w_80 { width: 80px !important; }
.w_100 { width: 100px !important; }
.w_150 { width: 150px !important; }
.w_200 { width: 200px !important; }
.w_250 { width: 250px !important; }
.w_300 { width: 300px !important; }
.w_400 { width: 400px !important; }
.w_500 { width: 500px !important; }
.w_600 { width: 600px !important; }
.w_700 { width: 700px !important; }
.w_800 { width: 800px !important; }
.w_900 { width: 900px !important; }
dt.w_50+dd { width: calc(100% - 50px) !important; }
dt.w_80+dd { width: calc(100% - 80px) !important }
dt.w_100+dd { width: calc(100% - 100px) !important }
dt.w_200+dd { width: calc(100% - 200px) !important }
dt.w_250+dd { width: calc(100% - 250px) !important }
dt.w_300+dd { width: calc(100% - 300px) !important }
dt.w_400+dd { width: calc(100% - 400px) !important }
dt.w_500+dd { width: calc(100% - 500px) !important }
dt.w_600+dd { width: calc(100% - 600px) !important }
dt.w_700+dd { width: calc(100% - 700px) !important }
dt.w_800+dd { width: calc(100% - 800px) !important }
dt.w_900+dd { width: calc(100% - 900px) !important }
.w10 { width: 10% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w50 { width: 50% !important; }
.w75 { width: 75% !important; }
.w90 { width: 90% !important; }

.full { width: 100% !important; }
.h_sizeFull { height: 100%; }
.min_h100 { min-height: 100px; }
/* ▼VERTICAL,TEXT-ALIGN & MARGIN-RL & FLEX▼ ----
-------------------------------------------------*/

.vAlign_t { vertical-align: top; }
.vAlign_m { vertical-align: middle; }
.vAlign_b { vertical-align: baseline; }
.tAlign_c { text-align: center; }
.tAlign_r { text-align: right; }
.mRight_6 { margin-right: 6px; }
.mRight_8 { margin-right: 8px; }
.mRight_10 { margin-right: 10px; }
.mRight_20 { margin-right: 20px; }
.mRight_30 { margin-right: 30px; }
.mLeft_6 { margin-left: 6px; }
.mLeft_8 { margin-left: 8px; }
.mLeft_10 { margin-left: 10px; }
.mLeft_20 { margin-left: 20px; }
.mLeft_30 { margin-left: 30px; }
.mTop_6 { margin-top: 6px; }
.mTop_8 { margin-top: 8px; }
.mTop_10 { margin-top: 10px; }
.mTop_20 { margin-top: 20px; }
.mTop_30 { margin-top: 30px; }
.mBottom_6 { margin-bottom: 6px; }
.mBottom_8 { margin-bottom: 8px; }
.mBottom_10 { margin-bottom: 10px; }
.mBottom_20 { margin-bottom: 20px; }
.mBottom_30 { margin-bottom: 30px; }
/* SEARCHBOX*/
.i_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	font-weight: bold;
}
.i_flex div {
	margin-bottom: 5px;
	white-space: nowrap;
	margin-right: 10px;
}
.d_ib { display: inline-block; }
.i_flex div select,
.i_flex div input[type=text],
.i_flex div input[type=date],
.i_flex div input[type=password],
.i_flex div input[type=number] { width: 200px; }
.i_flex .submitBtn {
	width: 100% !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	padding-top: 5px !important;

}
.boxCenter {
	display: table;
	margin: 0 auto;
}
.boxRight {
	display: table;
	margin-left: auto;
}
/* ▼COUNT-ICON▼ --------------------------------
-------------------------------------------------*/

span.countI {
	background-color: #999;
	color: #fff;
	font-weight: 600;
	font-size: 11px;
	border-radius: 40px;
	padding: 0 7px;
	height: 16px;
	line-height: 16px;
	display: inline-block;
	margin-left: 5px;
	margin-top: 1px;
	vertical-align: text-top;
}
/* ▼ADD-TEXT▼ ----------------------------------
-------------------------------------------------*/

.posA { position: relative; }
.addTxt {
	display: block;
	position: absolute;
	color: #fff;
	background-color: rgba(0, 0, 0, .6);
	padding: 10px;
	font-size: 12px;
	line-height: 1.2;
	border-radius: 3px;
	top: -40px;
	right: 0px;
	pointer-events: none;
	font-weight: normal;
	display: none;
}
.addTxt:before {
	content: "";
	position: absolute;
	top: 100%;
	right: 20px;
	margin-left: -6px;
	border: 6px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, .6);
}
/* ▼NORMAL-BOX▼ --------------------------------	
-------------------------------------------------*/

.normalBox {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
	/*overflow: hidden;*/
	margin-bottom: 30px;
	margin-top: 10px;
}
.normalBox.full { width: 100%; }
.normalBox>h2 {
	height: 50px;
	line-height: 50px;
	font-weight: 600;
	padding: 0 16px;
	position: relative;
	font-size: 15px;
}
.normalBox>h2:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.15);
}
.normalBoxIn_l { padding: 30px; }
.normalBoxIn_s { padding: 16px; }
/*-- hFloat --*/
.normalBox.hFloat {
	position: relative;
	overflow: visible;
	padding-top: 24px;
	margin-top: 10px;
}
.normalBox.hFloat>h2 {
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	position: absolute;
	top: -20px;
	left: 20px;
	border-radius: 3px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	color: #fff;
}
.normalBox.hFloat>h2:before { content: none; }
.normalBox.hFloat p,
.normalBoxIn_s p {
	padding-top: 5px;
	padding-bottom: 10px;

}

.normalBoxIn_s img,.DiagnosisImage img{
	width: auto;
	max-height: 300px;
	max-width: 600px;
	height:auto;
	margin: 0 auto;
	display: block;
}

.normalBoxIn_s>h3{
	margin-top:20px;
	
	padding-left: 10px;
    border-left-width: 2px;
    /*border-left-style: solid;*/
    font-size: 18px;
    line-height: 20px;
    height: 20px;
    font-weight: bold;
    margin-bottom: 0.6em;
    color: #666;
}
/* ▼BUTTON▼ ------------------------------------
-------------------------------------------------*/

a.btn {
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
}
.btn {
	font-weight: 600;
	padding: 6px 16px;
	color: #fff !important;
	border-radius: 100px;
	background-size: 200% auto;
	transition: .3s;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	margin: 5px 8px;
	max-width: calc(100% - 16px);
	line-height: 22px;
}
.btn:hover {
	background-position: right center;
	box-shadow: none;
}
.btn.btnMini {
	font-weight: 600;
	font-size: 12px;
	padding: 2px 6px;
	color: #fff !important;
	border-radius: 100px;
	background-size: 200% auto;
	transition: .3s;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
/*-- COLOR --*/
.success { background-image: linear-gradient(to right, #02AAB0 0%, #00CDAC 51%, #02AAB0 100%);color:#FFF; }
.warning { background-image: linear-gradient(to right, #FF512F 0%, #F09819 51%, #FF512F 100%); }
.denger { background-image: linear-gradient(to right, #D31027 0%, #EA384D 51%, #D31027 100%); }
.info { background-image: linear-gradient(to right, #56CCF2 0%, #2F80ED 51%, #56CCF2 100%) }
.kashmirblue { background-image: linear-gradient(to right, #1e3c72 0%, #2a5298 51%, #1e3c72 100%); }
.yellow {
	background-image: linear-gradient(to right, #ffb347 0%, #ffcc33 51%, #ffb347 100%);
	color: #66615b !important;
}
.normal { background-image: linear-gradient(to right, #555 0%, #777 51%, #666 100%); }
/* ▼NOTICE▼ ------------------------------------
-------------------------------------------------*/

/*-- COLOR --*/
.noticeArea.success:after { background-color: #00CDAC; }
.noticeArea.warning:after { background-color: #F09819; }
.noticeArea.denger:after { background-color: #EA384D; }
.noticeArea.info:after { background-color: #2F80ED; }
.noticeArea {
	position: fixed;
	top: -60px;
	right: 0;
	height: 60px;
	width: calc(100% - 240px);
	box-sizing: border-box;
	line-height: 60px;
	text-align: center;
	transition: .5s ease;
	font-size: 15px;
	z-index: 3;
	font-weight: 600;
	color: #fff;
}
#adminModal .noticeArea { width: 100%; }
.noticeArea.active { top: 0; }
.noticeArea:after {
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
	opacity: .9;
}
.noticeAreaIn {
	position: relative;
	z-index: 2;
}
.naClose {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	right: 0;
}
.naClose a {
	display: block;
	transition: .3s ease;
}
.naClose a:hover { background-color: rgba(0, 0, 0, .15); }
.naClose i { color: #fff; }
/* ▼MODAL & SUBMIT▼ -------------------------------------
-------------------------------------------------*/

/*--[[MODAL]]--*/
.modalArea {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: rgba(0, 0, 0, .8);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	min-width: 1280px;
	min-height: 620px;
	display: none;
}
.modalInWrap {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
	min-height: 100vh;
	min-height: 100%;
	padding: 30px 0;
	position: relative;
}
.modalIn {
	width: 500px;
	margin: 0 auto;
	position: relative;
}
.modalClose {
	position: absolute;
	width: 40px;
	height: 40px;
	top: -40px;
	right: -40px;
}
.modalClose a {
	display: block;
	width: 100%;
	height: 100%;
	transition: .3s ease;
}
.modalClose a:hover { background-color: rgba(0, 0, 0, .15); }
.modalClose i {
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*--[[SUBMIT_AREA]]--*/

.submitArea {
	position: fixed;
	bottom: 0;
	right: 0;
	height: 60px;
	width: calc(100% - 240px);
	z-index: 3;
	background-color: rgba(0, 0, 0, .7);
}
.submitArea--inpage {
	position: relative;
	bottom:unset;
	right:unset;
	height:unset;
	width:100%;
	background:transparent;
	display: flex;
	justify-content: flex-end;
}
#mWrap .submitArea { width: 100%; }
.submitArea.active {
	position: absolute;
	width: 100%;
	left: 0;
}
.submitAreaIn { min-width: 1040px; }
.submitArea ul.btnList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10px;
}
.submitArea--inpage ul.btnList {
	margin:0;
}
.submitArea ul.btnList li { 
	margin: 0 5px;
}
.submitArea ul.btnList li a,
.submitArea ul.btnList li input{
	font-size: 16px;
	padding: 6px 26px;
}
.submitArea ul.right_btnList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: absolute;
	top: 10px;
	right: 20px;
}
.submitArea ul.left_btnList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: absolute;
	top: 10px;
	left: 20px;
}
.submitArea--inpage ul.right_btnList,
.submitArea--inpage ul.left_btnList {
	position: relative;
	left:unset;
	top:unset;
	right:unset;
}
.submitArea ul.right_btnList li { margin-left: 10px; }

.submitArea ul.left_btnList,
.submitArea ul.right_btnList{
	font-size: 13px;
}

/* ▼PAGER▼ -------------------------------------
-------------------------------------------------*/

.pagination { display: table; }
.pagination li {
	height: 30px;
	width: 30px;
	display: table-cell;
}
.pagination li a {
	line-height: 38px;
	text-decoration: none;
	text-align: center;
	height: 40px;
	width: 40px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	display: block;
	background-color: #FFF;
}
.pagination li:first-child a { border: 1px solid #DDD;/*border-radius:5px 0px 0px 5px;*/
}
.pagination li:last-child a { /*border-radius:0px 5px 5px 0px;*/
}
.pagination a.active {
	font-weight: 600;
	color: #fff;
	background-color: #F2F4FB;
}
.pagination a:hover { background-color: #F2F4FB; }
/* ▼TABLE▼ -------------------------------------
-------------------------------------------------*/

table {
	width: 100%;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-collapse: separate;
}
table tr { background-color: #fff; }
table tr:nth-child(even) { background-color: #fafafa; }
table.tNormal tr:nth-child(even) { background-color: #fff; }
table th,
table td {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	border-right: 1px solid rgba(0, 0, 0, .1);
	padding: 10px
}
table th {
	font-weight: 600;
	text-align: center;
}
table th:last-of-type,
table td:last-of-type { border-right: none; }
table tr:last-of-type th,
table tr:last-of-type td { border-bottom: none; }
table tr:first-of-type th { white-space: nowrap; }
table tr.active {
	font-weight:bold;
}

/*-- VER.01 --*/
table.tbl01 tr:first-of-type th,
table.tbl01 tr:first-of-type td {
	padding: 6px 10px;
	font-size: 12px;
}
/*-- HORIZONTAL --*/
table.horizontal th {
	background: #f0f1f5;
	width: 170px;
	text-align: left;
}
/*-- [TH] -> POSITION-FIX --*/
.posL { overflow: auto; }
.posL table tr th:nth-of-type(1) {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 1;
	white-space: nowrap;
	border-right: 1px solid rgba(0, 0, 0, .1);
}
.posL table tr:nth-of-type(1) th { background: #fff; }
.posL table tr:nth-of-type(1) th:nth-of-type(1) { z-index: 2; }
/*-- TEXT-ALIGN --*/
table .tCenter { text-align: center; }
/*-- A-LINK --*/
table a.ta_link { color: blue; }
table a.ta_link:hover { color: red; }
/* ▼IFRAME▼ -------------------------------------
-------------------------------------------------*/

iframe.aif {
	display: block;
	width: 100%;
	border: none;
}
/* ▼TWITTER CARD▼ -------------------------------
-------------------------------------------------*/

#twCardSample {
	border: 1px solid #E1E8ED;
	border-radius: 10px;
	overflow: hidden;
	background: #FFF;
	margin: 20px 20px 10px 0;/*display: none;*/
}
#twCardSample p { margin: 0; }
#twCardThumb {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#twCardSample.summary {
	width: 436px;
	height: 123px;
	display: flex;
}
#twCardSample.summary_large_image {
	width: 436px;
	height: 321px;
}
#twCardSample.summary #twCardThumb {
	width: 123px;
	height: 123px;
	border-right: 1px solid #E1E8ED;
}
#twCardSample.summary_large_image #twCardThumb {
	width: 436px;
	height: 218px;
	border-bottom: 1px solid #E1E8ED;
}
#twCardSample.summary #twCardTexts {
	box-sizing: border-box;
	width: 312px;
	padding: 12px;
}
#twCardSample.summary_large_image #twCardTexts {
	box-sizing: border-box;
	width: 436px;
	padding: 12px;
}
#twCardTitle {
	font-size: 14px;
	font-weight: bold;
	height: 18px;
	margin-bottom: 5px !important;
	overflow: hidden;
	line-height: 18px;
}
#twCardSample.summary #twCardText {
	font-size: 14px;
	height: 54px;
	line-height: 18px;
	overflow: hidden;
	word-break: break-all;
}
#twCardSample.summary_large_image #twCardText {
	font-size: 14px;
	height: 36px;
	line-height: 18px;
	overflow: hidden;
	word-break: break-all;
}
#twCardDomain {
	font-size: 14px;
	padding-top: 5px;
	line-height: 18px;
	color: #CCC;
}
/* ▼FORM▼ -------------------------------------- 
-------------------------------------------------*/

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
}
input { padding: 2px 8px; }
input[type="text"],
input[type="date"],
input[type="time"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="password"],
textarea,
select {

	height: 34px;
	/*background: #fff;*/
	font-size: 14px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, .3);
	margin: 0;
	outline: 0;
	transition: .3s ease;
}
input:focus,
select:focus { background-color: #f0f1f5; }
textarea {
	min-height: 200px;
	padding: 10px;
	width:100%;
}
.formParts {
	width: 100%;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, .1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.formParts > dt {
	width: 200px;
	background-color: #f0f1f5;
	font-size: 13px;
	font-weight: 600;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	border-right: 1px solid rgba(0, 0, 0, .1);
}
.formParts > dd {
	width: calc(100% - 200px);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.formParts > dd span{
	font-size: 12px;
}
.formParts > dt:last-of-type,
.formParts > dd:last-of-type { border-bottom: none; }
.formParts > dt,
.formParts > dd {
	padding: 12px;
	position: relative;
}
.formParts > dt.required { padding-top: 18px; }
.formParts > dd ul.listFlex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.formParts.arrange_1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	border-radius: 0;
	border: none;
}
.formParts.arrange_2 {
	border-radius: 0;
	border: none;
}
.formParts.arrange_1 dt,
.formParts.arrange_1 dd {
	width: auto;
	background-color: transparent;
	border: none;
	padding: 0;
}

.formParts > dt span{
	font-size: 12px;
	display:inline-block;
	margin-top: 10px;
	color:#ec3f3f;
}

.formParts.arrange_1 dt div,
.formParts.arrange_1 dd div {
	width: auto;
	background-color: transparent;
	border: none;
	padding-bottom: 10px;
}
.formParts.arrange_2 dt,
.formParts.arrange_2 dd {
	width: 100%;
	background-color: transparent;
	border: none;
	padding: 0;
}
.formParts.arrange_2 dd { margin-bottom: 8px; }
.formParts.arrange_2 dd input { padding: 8px 10px; }
.formParts+.submitBtn {
	width: 100%;
	margin-bottom: 0;
	padding-top: 18px;
}
.submitArea03 { margin-top: 24px; }
.submitArea03 button {
	padding: 8px 12px;
	letter-spacing: 0.06em;
	margin: 0 auto;
	display: block;
}

/* input横に文字が続く場合 */
input[type="number"][name^="answerlimit"] {
	margin-right: 5px;
}

.required:before {
    content: '必須';
    width: 24px;
    height: 10px;
    color: #FFF;
    font-size: 11px;
    line-height: 14px;
    background: #F00;
    text-align: center;
    border-radius: 15px;
    padding: 4px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin: auto;
    right: 10px;
}
.radioWrap input,
.checkboxWrap input,
.radioImageWrap input { display: none; }
.radioWrap label,
.checkboxWrap label {
	display: block;
	float: left;
	position: relative;
	padding: 0 10px 0 26px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #999;
	cursor: pointer;
	transition: all 0.3s;
	font-size: 14px;
	margin-right: 8px;
}
.radioImageWrap label {
	display: block;
	float: left;
	width: 99px;
	position: relative;
	padding: 106px 10px 5px 25px;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 24px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #DDD;
	cursor: pointer;
	transition: all 0.3s;
	font-size: 90%;
	background-position: center 15px;
	background-repeat: no-repeat;
}
.radioWrap label:before {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 7px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	border: solid 1px #DDD;
	background-color: #FFF;
	transition: all 0.3s;
}
.radioWrap label:after {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	left: 10px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	border: solid 1px #DDD;
	background-color: #9E0000;
	opacity: 0;
	transition: all 0.3s;
}
.radioImageWrap label:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 11px;
	left: 7px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	border: solid 1px #DDD;
	background-color: #FFF;
	transition: all 0.3s;
	z-index:55;
}
.radioImageWrap label:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 14px;
	left: 10px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	border: solid 1px #DDD;
	background-color: #9E0000;
	opacity: 0;
	transition: all 0.3s;
	z-index:56;
}
.radioWrap input:checked+label:after,
.radioImageWrap input:checked+label:after { opacity: 1; }
.checkboxWrap,
.radioWrap { padding: 3px 0; }
.checkboxWrap label:before {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 7px;
	width: 11px;
	height: 11px;
	border: solid 1px #DDD;
	background-color: #FFF;
	transition: all 0.3s;
}
.checkboxWrap label:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 7px;
	width: 11px;
	height: 5px;
	border-left: 3px solid #9E0000;
	border-bottom: 3px solid #9E0000;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0;
	transition: all 0.3s;
}
.checkboxWrap input:checked+label:after { opacity: 1; }
.checkboxWrap input:checked+label,
.radioWrap input:checked+label { color: #fff; }
.fileUpImg { margin-top: 12px; }
.fileUpImg img { max-width: 200px; }
/*-- ERROR --*/

.errorTxt {
	font-weight: 600;
	font-size: 13px;
	color: #D0000B;
}
.formParts .error input,
.formParts .error select,
.formParts .error textarea {
	border: 1px solid #D0000B;
	background: #fec7c7;
}

.formParts .arrange_twitter {
	display: flex;
}

.formParts .arrange_twitter span {
	padding-right: 8px;
	line-height: 2.5;
}

.errors {
	position: fixed;
	top: 80px;
	right: 30px;
	width: 380px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-radius: 5px;
	z-index: 9998;
	color: #FFF;
	background-color: #EA384D;
	font-weight: bold;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.errors:after {
	content: '\f057';
	font-family: FontAwesome;
	right: 2px;
	top: 2px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	position: absolute;
	cursor: pointer;
}
.errors .errorIcon {
	height: 20px;
	width: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	padding: 0px;
}
.errors .errorWarning { display: none; }
.errors .error { padding-bottom: 0px; }
.noRegister { padding: 20px; }
/*-- ERROR TWITTER --*/

.tDen {
	width: 200px;
	margin: 0 auto 20px;
	background-color: #ffe3e3;
	padding: 10px;
	border-radius: 3px;
}
.tDen strong {
	text-align: center;
	font-size: 13px;
	display: block;
	color: #d72020;
	margin-bottom: 6px;
}
.tDen a {
	text-align: center;
	display: block;
}
/*-- SOCIAL LOGIN --*/

ul.socialLogin {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
ul.socialLogin li {
	width: 120px;
	margin-right: 5px;
}
ul.socialLogin li:last-child { margin-right: 0; }
ul.socialLogin li a {
	width: 100%;
	display: block;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	text-decoration: none;
	font-weight: 600;
	transition: .3s ease;
	text-align: center;
}
ul.socialLogin li a:hover { opacity: .7; }
ul.socialLogin li a i {
	display: inline-block;
	width: 16px;
	font-weight: normal;
	font-size: 16px;
	margin-right: 6px;
}
.oneLogin>h3 {
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 14px;
	text-align: center;
}
.oneLogin>h3 i { margin-right: 6px; }
.getTC { padding: 20px 0; }
.getTodayCount { margin-right: 15px; }
#modal {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	overflow: auto;
	z-index: 50000;
	display: none;
}
#modalWrap {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	min-height: 620px;
	min-width: 1200px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
}
#modalMask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#modalIn {
	width: 1100px;
	height: 600px;
	border-radius: 3px;
	background: #FFF;
	position: relative;
	opacity: 0;
	transform: translateY(50px);
}
#modalIn.on {
	transition: all 0.3s ease;
	opacity: 1;
	transform: translateY(0);
}
#modalIn iframe {
	width: 1100px;
	height: 600px;
	border: none;
}
#modalClose {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 50000;
}
#modalClose a {
	display: block;
	height: 60px;
	width: 60px;
	position: absolute;
}
#modalClose a:before,
#modalClose a:after {
	content: '';
	position: absolute;
	width: 66px;
	height: 2px;
	left: 50%;
	top: 50%;
	background: #FFF;
	margin-top: -1px;
	margin-left: -33px;
}
#modalClose a:before { transform: rotate(-45deg); }
#modalClose a:after { transform: rotate(45deg); }
#adminModal { min-width: auto; }
.modalTwRight {
	float: right;
	margin-top: -25px;
}
.uActive {
	background-color: rgba(215, 32, 32, .2) !important;
	font-weight: bold;
}
.acdWrap { margin-top: 30px; }
.acdIn {
	width: 100%;
	overflow: auto;
	margin-bottom: 30px;
}
.acdIn .tableWrap { padding-bottom: 0; }
.dateList .acdIn table tr th:nth-child(1) {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 2;
	box-sizing: border-box;
	white-space: normal;
	width:300px;
	min-width: 300px;
	border-bottom: #FFF 1px solid;
	border-right:2px solid #DDD;
}
.dateList .acdIn table tr:nth-of-type(1) th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
	white-space: nowrap;
	background-color: transparent !important;
}
.dateList .acdIn table tr th:nth-child(1):before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 1px;
	background: #ddd;
}
.dateList .acdIn table tr:nth-of-type(1) th:nth-child(1) { z-index: 5; }
.dateList .acdIn { max-height: 80vh; }
.dateList .acdIn table tr:nth-of-type(odd) th { background-color: #F0F0F0; }
.dateList .acdIn table tr:nth-of-type(even) th { background-color: #FFF; }
.empty {
	padding: 20px 15px;
	font-weight: bold;
}

#lock {
	position:fixed;
	z-index:20000;
	background:rgba(255,255,255,0.7) url(../img/loading.gif) no-repeat center center;
	left:240px;
	top:0;
	right:0;
	bottom:0;
	display: none;
}
#lock p {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	font-weight: bold;
	margin-top:70px;
}
#getData {
	filter:grayscale(1);
	opacity:0.6;
	pointer-events: none;
}
#getData.on {
	filter:none;
	opacity:1;
	pointer-events: auto;
}
.ngbtnList li span {
	display:inline-block;
	margin:0 10px;
	position:relative;
}
.ngbtnList li span:after {
	position:absolute;
	content:'/';
	right:-20px;
	width:20px;
	top:0;
	bottom:0;
	text-align: center;
}
.ngbtnList li span:last-of-type:after {
	display: none;
}

/*-----------------------------------------------
追記css 2020.10.14-> custom.css
-------------------------------------------------*/