@charset"utf-8";

/* wrap */
#wrap{
	background-color: #f8f8f8;
}
button:focus{
	outline: none;
}

/* header */
#header {
	display:block;
}
#header .tit_logo{
	display:inline-block;
	width: 35%;
	padding-left: 7%;
	padding-top: 10%;
}
#header .tit_logo img{
	display:block;
	width: 100%;
}

/* container */
.list{
	width: 90%;
	margin-right: 5%;
	float: none;
}
.list .list_title_ha {
	position:relative; 
	float:left; 
	width:93%; 
	height:100%; 
	text-align:left;
	padding: 5vh 0 0 7%;
}
.list .list_title_ha span.l_tit_txt {
	font-size:1.9em; 
	font-weight:bold;
	display: block;
}
.list .list_title_ha span.l_sub_txt {
	font-size:1.2em; 
	font-weight:800;
	display: inline-block;
	color: #7b7c81;
	padding-top: 1%;
	padding-bottom: 1%;
}
.list .list_box_ha {
	position:relative;
	float:left;
	width:86%;
	height:100%;
	padding: 7vh 7% 7%;
}

.list .list_box_nonHeigt{
	position:relative;
	float:left;
	width:86%;
	padding: 7vh 7% 7%;
    font-size: 0.9em;
    display: block;
    margin: 0;
    padding: 0;
    border: 0 none;
    vertical-align: middle;
    font-family: 'notokr-regular', sans-serif;
    color: #444444;
}

.list .list_box_pa{
	width: 90%;
	padding: 7vh 5% 0 5%;
}
.list .list_box_ha .list_box_wrap_ha {
	position:relative; 
	float:left; 
	margin:auto; 
	width:100%; 
	height:30%;
	padding-top: 5%;
}
.list .list_box_ha .list_box_hor {
	width: 50%;
	padding-top: 0; 
	text-align: center;
}
.list .list_box_ha .list_box_wrap_ha span.lb_tit {
	display:block; 
	float:left; 
	width:100%; 
	height:30px; 
	font-size:1.2em;
	font-weight: 600;
	color: #808185;
	white-space: nowrap;
}
.margin_top1{
	margin-top: 1px;
}
.list .list_box_ha .list_box_wrap_ha .lb_con {
	display:block; 
	float:left; 
	width:100%; 
	height:30%; 
	font-size:1.5em;
	font-weight: bold;
	border: none;
	border-bottom: 1px solid #808195;
	white-space: nowrap;
	background: #f8f8f8;
	padding-left: 0;
	padding-right: 0;
}
.list .list_box_ha .list_box_wrap_ha .lb_con:focus {
	outline: none;
}
.list .list_box_ha .list_box_wrap_ha .lb_con_b{
	border-bottom: 0px;
}
.list .padding_red {
	padding: 5vh 7% 0 7%;
}
.list .list_box_ha .list_th{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #a0a1a4;
	padding-bottom: .5em;
}
.list .list_box_ha .list_th .list_th_txt{
	border-bottom: 0px;
	font-size: 1em;
	font-weight: 700;
	color: #8d8e91;
}
.list .list_box_ha .list_tr{
	display: flex;
	justify-content: space-between;
	padding-top: .95em;
}
.list .list_box_ha .list_tr .list_tr_txt{
	border-bottom: 0px;
	font-size: 1.1em;
	font-weight: 700;
	color: #464a51;
}
.wait{
	width: 86%;
	margin: -1em auto 0;
}
.wait_wrap {
	width: 100%;
	padding: 1.2em;
	box-sizing: border-box; 
	height: 23em;
	border-radius: 10px;
	box-shadow: 0px 5px 9px 0 rgba(0, 0, 0, 0.15);
	background-color: #ffffff;
}
.wait .wait_tit{
	padding-bottom: .3em;
}
.wait .wait_tit span{
	/*font-family: AppleSDGothicNeo;*/
	font-size: 2.3em;
	font-weight: bold;
	color: #424446;
}
.wait .wait_sub span{
	/*font-family: AppleSDGothicNeo;*/
	font-size: 1.47em;
	font-weight: 500;
	color: #424446;
}
.wait_rot_wrap{
	position: relative;
	width: 13em;
	height: 13em;
	padding: 5px;
	margin: 1em auto 0;
}
.wait_rot_wrap .wait_rot_base{
	position: absolute;
	top: 0;
	left: 0;
	width: 13em;
	height: 13em;
	display: inline-block;
	border-radius: 50%;
	border: 5px solid #f8f8f8;
}
.wait_rot_wrap .wait_rot {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 13em;
	height: 13em;
	border: 5px solid rgba(255,255,255,.3);
	border-radius: 50%;
	border-top-color: #f27286;
	border-left-color:  #f27286;
	border-right-color:  #f27286;
	animation: spin 5s linear infinite;
	-webkit-animation: spin 5s linear infinite;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

.wait_rot_wrap .wait_rot_txt {
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
}
.wait_rot_wrap .wait_rot_txt .wait_rot_tit {
	display: block;
	font-size: 1em;
	color: #464a52;
	font-weight: 700;
	padding-top: 1.9em;
}
.wait_rot_wrap .wait_rot_txt .wait_rot_order {
	display: block;
	font-size: 5em;
	color: #f27185;
	margin-top: -0.17em;
}
.wait_rot_wrap .wait_rot_txt .wait_rot_time {
	display: block;
	font-size: 1em;
	color: rgba(70, 74, 82, 0.8);
	padding-bottom: 1.2em;
}
.guide_box{
	width: 90%;
	margin: 0 auto;
	height: 12em;
}
.guide_box .guide_tit{
	width: 86%;
	margin: 0 auto;
	font-size: .85em;
	font-weight: 700;
	letter-spacing: -1px;
	padding-top: .7em;
	padding-bottom: .5em;
}
.guide_box .guide_sub{
	width: 86%;
	margin: 0 auto;
	font-size: .79em;
	font-weight: 700;
}
.guide_box .guide_sub span{
	color: #f27185;
	display: inline-block;
}
.guide_box .guide_sub .guide_margin{
	margin-top: .5em;
}

.notice_wrap{
	width: 100%;
	height: 77vh;
	position: absolute;
	left: 0;
	top: 10%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.notice_wrap_nonheight{
	width: 100%;
	position: absolute;
	left: 0;
	top: 10%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.notice{
	width: 100%;
}
.notice_ico_wrap{
	width: 3.9em;
	padding-bottom: 3vh;
	position: relative;
	margin: 0 auto;
}
.ico_loading_base, .ico_completed{
	width: 100%;
}
.ico_loading{
	width: 100%;
	position: absolute;
	top: 0;
}
.notice_txt{
	width: 86%;
	text-align: center;
	display: block;
	margin: 0 auto;
}
.notice_txt .notice_tit{
	width: 100%;
	font-size: 1.5em;
	font-weight: 900;
	color: #464a53;
	word-break: keep-all;
	white-space: pre-line;
	display: inline-block;
	padding-bottom: 1.7vh;
}
.notice_txt .notice_sub{
	font-size: 1.3em;
	font-weight: 700;
	color: #464a53;
}
.btn_group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-start;
	position:relative;
	width:86%;
	height:100%;
	padding-top: 3vh;
	margin: auto;
}
.btn_group .btn_box {
	background-color: #ffffff;
	width: 48%;
	height: 53px;
	border-radius: 10px;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 4%;
	padding: 0;
	box-shadow: 0 5px 5px 3px #ececec;
	box-sizing: border-box;
}
.btn_group .btn_box.active {
	background-color: #f27185;
}
.btn_group .btn_box.active span {
	color: #ffffff;
}
.btn_group .btn_box .box_shadow_inner {
	display: table;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	box-shadow: 0 1px 2px 2px #e7e7e7;
}
.btn_group .btn_box .btn_txt_wrap {
	display: table-cell;
	vertical-align: middle;
}
.btn_group .btn_box .btn_txt {
	display: block;
	white-space: wrap;
}
.btn_group .btn_box .btn_txt_long {
	font-size: .85em;
	font-weight: 700;
}
.btn_group .btn_box .btn_txt_sub {
	font-size: .7em;
	font-weight: 900;
}
.btn_group .btn_box .margin_m {
	margin-bottom: -0.35em;
}
.btn_more_wrap {
	text-align: center;
	padding-top: 5.5%;
	padding-bottom: 2em;
}
.btn_more_wrap .btn_more{
	background-color: #f8f8f8;
	width: 50%;
	text-align: center;
	display: inline-block;
	padding: .5em;
}
.btn_more_wrap .btn_more .btn_more_txt{
	font-size: 1.2em;
	font-weight: bold;
}
.btn_more_wrap .btn_more .r_arrow{
	width: 1.1em;
	display: inline-block;
}
.doc_group{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-start;
	position:relative;
	width:86%;
	height:100%;
	padding-top: 3vh;
	margin: auto;
}
.doc_group .doc_box{
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 4%;
	padding: 0;
	box-shadow: 0 5px 5px 3px #ececec;
	box-sizing: border-box;
}
.doc_group .box_shadow_inner{
	width: 100%;
	height: 100%;
	border-radius: 10px;
	box-shadow: 0 1px 2px 2px #e7e7e7;
}
.doc_group .doc_txt_wrap{
	padding: 5% 4.5% 9%;
}
.doc_group .doc_txt_wrap .doc_name{
	display: block;
}
.doc_group .doc_txt_wrap .doc_major{
	display: block;
	padding-top: 1%;
	font-size: .77em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.doc_group .doc_btn_wrap{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: .9em;
}
.doc_group .doc_btn_wrap .btn_schedule, .doc_group .doc_btn_wrap .btn_select{
	width: 43.25%;
	height: 43px;
	border-radius: 10px;
	font-size: .83em;
	font-weight: 700;
	margin-left: 4.5%;
	padding: 0;
}
.doc_group .doc_btn_wrap .btn_schedule{
	background-color: #f6f6f6;
}
.doc_group .doc_btn_wrap .btn_schedule.active{
	background-color: #b8b8b8;
}
.doc_group .doc_btn_wrap .btn_select{
	background-color: #f27185;
}
.doc_group .doc_btn_wrap .btn_select.active{
	background-color: #ff5670;
}
.doc_group .doc_btn_wrap .btn_select span{
	color: #ffffff;
}

.btn_disabled{
	width: 43.25%;
	height: 43px;
	border-radius: 10px;
	font-size: .83em;
	font-weight: 700;
	margin-left: 4.5%;
	padding: 0;
	background-color: lightgrey;
}

.btn_disabled span{
	color: darkgrey;
}

.dim{
	position: absolute;
	left: 0;
	top: 0;
}
.popup_wrap{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: flex;
	justify-content: center;
}

.popup_wrap_schedule{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: flex;
	justify-content: center;
}
.popup_schedule_pop{
	background-color: #ffffff;
	width: 86%;
	height: 25.7%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 10px;
}

.popup_schedule{
	background-color: #ffffff;
	width: 86%;
	height: 25.7%;
	position: absolute;
	top: 50vh;
	transform: translateY(-50%);
	border-radius: 10px;
}
.popup_schedule .sch_txt{
	width: 86%;
	margin: 5% auto;
}
.popup_schedule .sch_txt .sch_tit{
	font-size: 1.3em;
	font-weight: 900;
	display: block;
}
.popup_schedule .sch_txt .sch_depart{
	font-size: .9em;
	font-weight: 900;
	display: block;
	padding-top: 1.5%;
}
.popup_schedule .sch_txt .sch_doctor{
	font-size: .9em;
	font-weight: 900;
	display: block;
}
.popup_schedule .sch_table{
	width: 86%;
	margin: 0 auto;
}
.popup_schedule .sch_table .sch_th{
	background-color: #818286;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.popup_schedule .sch_table .sch_th .sch_day{
	font-size: .95em;
	color: #ffffff;
	text-align: center;
	width: 10.7%;
	padding: .3em;
}
.popup_schedule .sch_table .sch_tr{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	border-bottom: 1px solid #dcdcdc;
}


/**/
.popup_schedule_pop .sch_txt{
	width: 86%;
	margin: 5% auto;
}
.popup_schedule_pop .sch_txt .sch_tit{
	font-size: 1.3em;
	font-weight: 900;
	display: block;
}
.popup_schedule_pop .sch_txt .sch_depart{
	font-size: .9em;
	font-weight: 900;
	display: block;
	padding-top: 1.5%;
}
.popup_schedule_pop .sch_txt .sch_doctor{
	font-size: .9em;
	font-weight: 900;
	display: block;
}
.popup_schedule_pop .sch_table{
	width: 86%;
	margin: 0 auto;
}
.popup_schedule_pop .sch_table .sch_th{
	background-color: #818286;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.popup_schedule_pop .sch_table .sch_th .sch_day{
	font-size: .95em;
	color: #ffffff;
	text-align: center;
	width: 10.7%;
	padding: .3em;
}
.popup_schedule_pop .sch_table .sch_tr{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	border-bottom: 1px solid #dcdcdc;
}

/**/


.sch_tr .sch_am, .sch_tr .sch_pm{
	width: 15%;
	text-align: center;
	font-size: .9em;
	font-weight: 700;
	color: #464a51;
	box-sizing: border-box;
	padding: .35em;
}
.popup_schedule .sch_table .sch_tr .sch_chk{
	font-size: .95em;
	color: #ffffff;
	text-align: center;
	width: 10.7%;
	padding: .3em;
}
.popup_schedule .sch_table .sch_tr .sch_chk img{
	width: 75%;
	margin: 0 auto;
}
.popup_schedule .sch_table .sch_tr .sch_chk .none{
	display: none;
}
.popup_schedule .sch_btn{
	width: 86%;
	margin: auto;
	text-align: center;
}
.popup_schedule .sch_btn .sch_close{
	width: 100%;
	border-radius: 5px;
	height: 3em;
	background-color: #dadada;
	margin-top: 4.3em;
	font-size: .9em;
	font-weight: 900;
}
.popup_schedule .sch_btn .sch_close.active{
	background-color: #b8b8b8;
}


/**/


.popup_schedule_pop .sch_table .sch_tr .sch_chk{
	font-size: .95em;
	color: #ffffff;
	text-align: center;
	width: 10.7%;
	padding: .3em;
}
.popup_schedule_pop .sch_table .sch_tr .sch_chk img{
	width: 75%;
	margin: 0 auto;
}
.popup_schedule_pop .sch_table .sch_tr .sch_chk .none{
	display: none;
}
.popup_schedule_pop .sch_btn{
	width: 86%;
	margin: auto;
	text-align: center;
}
.popup_schedule_pop .sch_btn .sch_close{
	width: 100%;
	border-radius: 5px;
	height: 3em;
	background-color: #dadada;
	margin-top: 4.3em;
	font-size: .9em;
	font-weight: 900;
}
.popup_schedule_pop .sch_btn .sch_close.active{
	background-color: #b8b8b8;
}

/* */
.time_box{
	float: left;
	display: block;
	width: 100%;
	padding-top: 13%;
}
.price_wrap{
	display: block;
	background-color: #f27185;
	width: 114%;
	height: 53px;
	border-radius: 10px;
	font-size: 1.1em;
	font-weight: 400;
	margin: 7% 0 0 -7%;
	padding: 0;
	box-shadow: 0px 5px 9px 0 rgba(242, 113, 133, 0.75);
}
.price_wrap .price_box{
	width: 100%;
	height: 53px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.price_wrap .price_box .price_txt, .price_wrap .price_box .price_num{
	font-size: 1.1em;
	color: #ffffff;
	padding: 0 1.3em 0;
}
.price_wrap .price_box .price_num{
	font-weight: 700;
}
.cta_confirm{
	display: block;
	background-color: #f27185;
	width: 86%;
	height: 53px;
	border-radius: 10px;
	font-size: 1.1em;
	font-weight: 400;
	color: #ffffff;
	margin: auto;
	padding: 0;
}
.cta_confirm.active{
	background-color: #f27185;
}
.cta_group{
	display: table;
	width: 86%;
	margin: auto;
	text-align: center;
}
.cta_group span{
	color: #ffffff;
}
.card_section{
	height: 57vh;
}

/* footer checkbox */
#footer{
	height: auto;
	display: block;
	background-color: #ffffff;
}
#footer .box_shadow{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 30px 30px 0 0;
	box-shadow: 0 -7px 9px 9px #fafafa;
}
#footer .box_shadow_inner{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 30px 30px 0 0;
	box-shadow: 0 -3px 5px 3px #f1f1f1;
	padding-bottom: 7.7vh;
}
.list_c2c {
	position:relative; 
	width:86%; 
	height:70px;
	margin: 0 7%;
	padding: 3% 0;
	display: table;
}
.list_c2c .txt_agree {
	width: 100%;
	display: table-cell;
	position: absolute;
	top: center;
	padding-top: 3%;
}
.list_c2c .txt_group {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.sp {
	background:url('../images/check.png') no-repeat;
	background-size:24px auto;
	-webkit-background-size: 24px auto;	
}
.list_c2c input {display:none;}
.list_c2c label{
	position:absolute;
	width:50%;
	padding-left: 5%;
	height:60px;
	line-height:60px;
	margin-left:2%;
	background-position:-1px 14px;
}
.list_c2c input:checked + label {background-position: -1px -37px;}
.list_c2c .txt_t {
	float:left; 
	width:50%;
	height:60px; 
	line-height:60px;
	margin-left:11%; 
	font-weight:700;
}
.list_c2c .txt_t span.txt_l {
	float:left; 
	display:block; 
	width:100%;
	text-align:left; 
	font-size:1em; 
	font-weight:bold;
	line-height: 50px;
	white-space:nowrap;
	vertical-align: middle;
}
.list_c2c .arrow_terms{
	background: #ffffff;
	width: 3.7em;
	height:60px; 
	line-height:60px;
	padding-top: 3%;
	padding-right: 0;
	float: right;
}
.list_c2c .arrow_terms img{
	width: 63%;
	margin: 0 auto;
}
.list_c2c .txt_q {
	float:left; 
	display:block; 
	width:100%;
	text-align:left; 
	font-size:1em; 
	font-weight:bold;
	text-align: center;
}
#footer .box_shadow_card{
	padding-bottom: 5vh;
}
.list_card {
	height: 7.9em;
}
.list_card .card_wrap {
	width: 100%;
}
.list_card .card_wrap .ico_card {
	width: 11%;
	display: inline-block;
}
.list_card .card_wrap .card_tit {
	display: inline-block;
	font-size: 1.47em;
	letter-spacing: -0.1em;
	font-weight: 700;
	color: #464a52;
}
.list_card .card_select {
	width: 100%;
	height: 3.5em;
	margin-top: 1em;
	padding-left: 1em;
	font-size: .95em;
	font-weight: 700;
	border-color: #dddddd;
}
.list_card .card_sub_txt {
 	opacity: 0.8;
  	font-size: .8em;
  	font-stretch: normal;
  	font-style: normal;
  	font-weight: 700;
  	line-height: normal;
  	letter-spacing: -0.1em;
  	text-align: left;
  	color: rgba(70, 74, 82, 0.8);
  	padding-top: .3em;
  	padding-left: 2%;
}
.list_card .card_sub_txt span{
	/*font-family: AppleSDGothicNeoB;*/
}
.list_c2c .txt_t_card{
	width: 147%;
	margin-left: 7%;
}
.list_c2c .txt_t span.txt_l_card{
	letter-spacing: -0.1em;
	line-height: 1.2em;
	padding-top: 1em;
	white-space: pre-wrap;
}
#footer .box_shadow_wait{
	padding-bottom: 3vh;
}
.list_wait{
	height: 7em;
}
.list_wait .list_wait_txt{
	width: 90%;
	margin: 0 auto;
	padding-top: .3em;
	border-bottom: 2px solid #424446;
	display: flex;
	align-items: center;
}
.list_wait .list_wait_txt .ico_clock{
	width: 1.7em;
	height: 1.7em;
	display: inline-block;
}
.list_wait .list_wait_txt .list_wait_tit{
	display: inline-block;
	font-size: 1.45em;
	font-weight: 900;
	color: #424446;
	padding-left: .3em;
}
.list_wait .list_wait_con{
	width: 90%;
	margin: 0 auto;
	padding-top: .5em;
	font-size: 1.05em;
	font-weight: 900;
}
.list_wait .list_wait_con .list_con{
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-top: .3em;
	padding-bottom: .3em;
	display: flex;
	justify-content: space-between;
}
.list_wait .list_wait_con .list_con:first-child {
	padding-top: .7em;
}
.list_wait .list_wait_con .list_con span{
	color: #2a2c2d;
}
.list_wait .list_wait_con .list_select span{
	color: #f27185;
}
.cta_confirm{
	display: block;
	background-color: #d2d2d2;
	width: 86%;
	height: 53px;
	border-radius: 10px;
	font-size: 1.1em;
	font-weight: 400;
	color: #ffffff;
	margin: auto;
	padding: 0;
}
.cta_confirm.active{
	background-color: #f27185;
}
.cta_group{
	display: table;
	width: 86%;
	margin: auto;
	text-align: center;
}
.cta_group span{
	color: #ffffff;
}
.cta_btn{
	display: table-cell;
	background-color: #f27185;
	width: 48%;
	height: 53px;
	border-radius: 10px;
	font-size: 1.1em;
	font-weight: 500;
	vertical-align: middle;
}
.cta_btn:first-child{
	margin-right: 2%;
}
.cta_btn:last-child{
	margin-left: 2%;
}
.cta_cancel{
	background-color: #d1d1d1;
}
.cta_cancel.active{
	background-color: #b8b8b8;
}
.cta_start{
	
}
.cta_start.active{
	background-color: #ff5670;
}
.cta_yes.active{
	background-color: #ff5670;
}
.cta_am, .cta_pm{
	background: transparent;
	border: .1em solid #464a53;
	color: #454a51;
}
.cta_am span, .cta_pm span{
	color: #454a51;
}
.cta_am_non{
	background: lightgray;
	border: .1em solid #9d9e9e;
	color: #9d9e9e;
}
.cta_pm_non{
	background: lightgray;
	border: .1em solid #9d9e9e;
	color: #9d9e9e;
}

.cta_am_non span{
	color: #9d9e9e;
}

.cta_pm_non span{
	color: #9d9e9e;
}


.cta_am.active, .cta_pm.active{
	background-color: #f27185;
	border:none;
}
.cta_am.active span, .cta_pm.active span{
	color: #ffffff;
}
.cta_group .cta_btn .txt_small{
	font-size: .7em;
	display: block;
	margin-top: -2.3%;
	padding-bottom: 3%;
}