.tb-mlm {collapsewidth: 100%!important;display: block;}
.tb-mlm {border: 2px solid #bcc2c4;border-radius: 3px;}

.tb-mlm th {

    border:solid 1px #ccc;
	border-bottom:dotted 1px #ccc;
	background:#f2f2f2;
	text-align:center;
	padding:10px;
    z-index: 9;
}

.tb-mlm td {

    border:solid 1px #ccc;
	border-bottom:dotted 1px #ccc;
	text-align:center;
	color:#333;
	font-weight:normal;
	line-height:1.4;
	padding:10px;
}
.tb-mlm td p{text-align: left}

.tb-mlm td span {
	color:#684C41;line-height: 1.8em;
}
.tb-mlm td span.code {
	color:#333;
	font-size: 20px;
}
.tb-mlm td.time {
	color:#333;
	padding:4px;
	font-weight:bold;
}

.tb-mlm td .Item{
  text-decoration: none;
  color: #5bc8ac;
  font-size: 20px;
}
.tb-mlm td .Item-Text{
  position: relative;
  z-index: 1;
}
.tb-mlm td .Item-Text:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;/*テキストからの距離*/
  width: 0%;/*初期状態では下線非表示*/
  height: 2px;/*下線の高さ*/
  background: #5bc8ac;/*下線の色*/
  z-index: -1;
  transition: all 0.4s;/*アニメーション速度*/
}
.tb-mlm td .Item:hover .Item-Text:after{
  width: 100%;/*hover時に表示*/
}

.tb-mlm strong.pickups{background: #4193A1;color: #ffffff;text-align: center; padding: 3px 1px;font-weight: 900;display: block;}

.tb-mlm strong.pickup_box{padding: 4px;font-weight: 900;display: block;
border-radius: 4px;border: solid 1px #92A425; text-align: left;}





.icon_item{display: inline-block;margin-right: 5px;border-radius: 8px;text-align: center;padding: 3px 10px;font-size: 14px;}
.menuname{    background: #ee8b9f;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 600;
    display: block!important;}
.areaname{background: #fff;color: #1e2b59;border: solid 1px #1e2b59;margin-bottom: 3px}
.facilityname{background: #fff;color: #1e2b59;border: solid 1px #1e2b59}
	
.areaname_ibaraki{background: #1e2b59;color: #fff;margin-bottom: 3px}
.facilityname_ibaraki{background: #1e2b59;color: #fff}

	.map{background: #66bd76; }
	.map a{color: #fff }
	.map a:hover{color: #eee }
	.menutitle{font-weight: 500;display: block;padding: 5px;}	

ul.price{width: auto;}	
ul.price li{font-size: 14px;color: #333}		
	
ul.price li.mark {
  list-style: "●";
	margin-left: 10px
}
ul.price li.mark span {
display: block;color: 13px;	}
	
ul.price li.list{margin-left: 10px;}		
	

/* sticky table */
.bredock {
display: block;
width: 100%;
margin: 0 auto;
}
	
	
.bredock table {
display: block;
position: relative;
overflow: auto;
width: 100%;
height: 100%; 
border-collapse: collapse;
font-size: 0;
}
	

	

	
	
@media screen and (min-width: 769px) {
	
	
.bredock table thead, .bredock table tbody {
    width: 100%;
    display: inline-table;	
}	
}	
	
	
	
@media screen and (max-width: 768px) {	
	
.bredock table thead, .bredock table tbody {

width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.tb-mlm th.menu {

    
}

}	
	
	
	
.bredock table th, .bredock table td {

/*min-width: 8.0rem;*/
/* fixed value */
/*background: #fff;*/
font-size: 14px;
}
.bredock table tbody th {
position: -webkit-sticky;
position: sticky;
 left: 0;
	z-index: 1;	}
	
	



	
	
	
	

.tabs {
  margin-top: 50px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0 auto;}


.tab_item {
width: calc(94%/2);
  height: 50px;
  border-bottom: 3px solid #cee56f;
  background-color: #f9e449;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
border-radius: 50px;
    float: left;
    margin-right: 1%;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}


input[name="tab_item"] {
  display: none;
}


.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}
	.tab_content span.t18{font-size: 18px; color: #696BDB}




#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#all2:checked ~ #all2_content,
#programming2:checked ~ #programming2_content

{
  display: block;
}


.tabs input:checked + .tab_item {
  background-color: #ebd63b;
  color: #333333;
}

.accordion-click a.a-text{display: inline-block;background: #959dd7;color:#fff;padding: 2px 15px;border-radius: 25px;text-decoration: none; transition: all 0.2s ease;cursor: pointer;margin-bottom: 10px}
.accordion-click a.a-text:hover{background:#7a83c3 }


.btbox{width: 100%;max-width: 414px; margin: 0 auto}


.dock_col2{width: 100%;max-width:1000px; margin: 0 auto}








@media screen and (min-width: 769px) {

	
a.btn-cpn_all {
    width: 98%;
    font-size: 1.2em;
    border: solid #fff 8px;
    border-radius: 50px;
    box-shadow: 0 0 0 2px #e7b9b9, 0px 7px 10px 0 #e1c4c4;
    color: #ffffff;
   display: block;
    font-weight: bold;
    line-height: 1.2;
    padding: 1em 0 .8em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    background: linear-gradient(#f3b3c7, #e57698);
    text-shadow: 0 0 10px rgb(181 154 154), 0px 1px 1px #c3778e;
}	
	
	
	
	
a.btn-cpn {
    width: 48%;
	margin-right: 2%;
    font-size: 1.2em;
    border: solid #fff 8px;
    border-radius: 50px;
    box-shadow: 0 0 0 2px #e7b9b9, 0px 7px 10px 0 #e1c4c4;
    color: #ffffff;
   display: inline-block;
    font-weight: bold;
    line-height: 1.2;
    padding: 1em 0 .8em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    background: linear-gradient(#f3b3c7, #e57698);
    text-shadow: 0 0 10px rgb(181 154 154), 0px 1px 1px #c3778e;
}

a.btn-cpn2 {
    width: 48%;
    font-size: 1.2em;
    border: solid #fff 8px;
    border-radius: 50px;
    box-shadow: 0 0 0 2px #d5d5d5, 0px 7px 10px 0 #c7c7c7;
    color: #11386d;
    display: inline-block;
    font-weight: bold;
    line-height: 1.2;
    padding: 1em 0 .8em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    background: linear-gradient(#feff54, #e4e53f);
    text-shadow: 0 0 10px rgba(255,255,255,.8), 0px 1px 1px rgb(247 255 125);
}
a.btn-cpn_all:hover,
a.btn-cpn:hover,
a.btn-cpn2:hover{
  transform: translate(0%, 5%) ;
}

.box_banner {
    margin: 24px 0 24px 0;
  
}	
.reflection-img3 {
    width: 46%;
    display: inline-block;
    height: auto;
    position: relative;
    overflow: hidden;
	padding: 2%;
}	
.dock_text {
    line-height: 1.4em;
    color: #555;
}
	
	
	
}


@media screen and (max-width: 768px) {	
		
a.btn-cpn,a.btn-cpn_all {
    width: 98%;
	margin: 0 auto 10px auto;

    font-size: 1.2em;
    border: solid #fff 8px;
    border-radius: 50px;
    box-shadow: 0 0 0 2px #e7b9b9, 0px 7px 10px 0 #e1c4c4;
    color: #ffffff;
   display: block;
    font-weight: bold;
    line-height: 1.2;
    padding: 1em 0 .8em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    background: linear-gradient(#f3b3c7, #e57698);
    text-shadow: 0 0 10px rgb(181 154 154), 0px 1px 1px #c3778e;
}

a.btn-cpn2 {
    width: 98%;
	margin: 0 auto 10px auto;
    font-size: 1.2em;
    border: solid #fff 8px;
    border-radius: 50px;
    box-shadow: 0 0 0 2px #d5d5d5, 0px 7px 10px 0 #c7c7c7;
    color: #11386d;
    display: block;
    font-weight: bold;
    line-height: 1.2;
    padding: 1em 0 .8em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    background: linear-gradient(#feff54, #e4e53f);
    text-shadow: 0 0 10px rgba(255,255,255,.8), 0px 1px 1px rgb(247 255 125);
}
a.btn-cpn_all:hover,
a.btn-cpn:hover,
a.btn-cpn2:hover{
  transform: translate(0%, 5%) ;
}
	
.box_banner {
    margin: 24px 0 24px 0;
    width: 100%;
}	
.reflection-img3 {
    width: 96%;
    display: inline-block;
    height: auto;
    position: relative;
    overflow: hidden;
}	
.dock_text {
    line-height: 1.4em;
    color: #555;
}
		
	

}	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* 光らせるためのstyle */
.shine{
  /* border: 2px solid transparent; */
  position: relative;
  overflow: hidden;
}
/* 光の疑似要素 */
.shine::before{
  content: "";
  animation: shine 3s cubic-bezier(0.25, 0, 0.25, 1) infinite;
  background-color: #fff;
  width: 140%;
  height: 100%;
  transform: skewX(-45deg);
  top: 0;
  left: -160%;
  opacity: 0.5;
  position: absolute;
}
	

	
	
	
/* 光の動き */
@keyframes shine{
  0% {
    left: -160%;
    opacity: 0;
  }
  70% {
    left: -160%;
    opacity: 0.5;
  }
  71% {
    left: -160%;
    opacity: 1;
  }
  100% {
    left: -20%;
    opacity: 0;
  }
}




hr.yobi{ border-top: 2px solid pink;}





.noboder tr{border: none!important;text-align: left!important}
.noboder th{border: none!important;text-align: left!important}
.noboder td{border: none!important;text-align: left!important;padding: 0px!important}

.l_radio{width: 10px!important}



@media screen and (min-width: 769px) {	
.stepbox{margin-bottom: 30px}
.stepbox ul{display: inline-block;}
.stepbox ul li{display: inline-block;text-align: center;vertical-align: middle;}
.stepbox ul li.step1{width: 46%}
.stepbox ul li.stepar{width: 6%}
.stepbox ul li.step2{width: 46%}
.stepbox .cnbox{border: solid 3px #1d1d1d;width: 100%;border-radius: 8px;text-align: center}


.stepbox .cnbox .title{background:#f5e929; font-size: 22px;border-radius: 8px 8px 0px 0px;}
.stepbox .cnbox .tbox{background:#fff; font-size: 16px;color: #333;border-radius: 0px 0px 8px 8px;}
.stepbox .cnbox .tbox span{font-size: 21px;color: #1d1d1d}
.stepbox .cnbox .wrp{padding: 8px}

.stepbox .cnbox a.stepbtn{display: block;margin: 0 auto 10px auto;width: 100%; max-width: 414px;padding: 3px; text-align: center;background:#f5e929 ;color: #231815;font-size: 15px;border-radius: 50px;text-decoration: none}

.stepbox .cnbox a.stepbtn:hover{background:#e0d11b ;}
}


@media screen and (max-width: 768px) {	
.stepbox{margin-bottom: 20px}
.stepbox ul{display: inline-block;}
.stepbox ul li{display: inline-block;text-align: center;vertical-align: middle;}
.stepbox ul li.step1{width: 100%;margin-bottom: 25px}
.stepbox ul li.stepar{display: none}
.stepbox ul li.step2{width: 100%}
.stepbox .cnbox{border: solid 3px #1d1d1d;width: 100%;border-radius: 8px;text-align: center}


.stepbox .cnbox .title{background:#f5e929; font-size: 22px;border-radius: 8px 8px 0px 0px;}
.stepbox .cnbox .tbox{background:#fff; font-size: 16px;color: #333;border-radius: 0px 0px 8px 8px;}
.stepbox .cnbox .tbox span{font-size: 21px;color: #1d1d1d}
.stepbox .cnbox .wrp{padding: 8px}

.stepbox .cnbox a.stepbtn{display: block;margin: 0 auto 10px auto;width: 100%; max-width: 414px;padding: 3px; text-align: center;background:#f5e929 ;color: #231815;font-size: 15px;border-radius: 50px;text-decoration: none}

.stepbox .cnbox a.stepbtn:hover{background:#e0d11b ;}
}





.stepbox2{margin-bottom: 30px;margin-top: 20px}
.stepbox2 ul{display: inline-block;}
.stepbox2 ul li{display: inline-block;text-align: center;vertical-align: middle;}
.stepbox2 ul li.step2{width: 100%}
.stepbox2 .cnbox{border: solid 3px #1d1d1d;width: 100%;border-radius: 8px;text-align: center}


.stepbox2 .cnbox .title{background:#f5e929; font-size: 22px;border-radius: 8px 8px 0px 0px;line-height: 28px}
.stepbox2 .cnbox .tbox{background:#fff; font-size: 16px;color: #333;border-radius: 0px 0px 8px 8px;}
.stepbox2 .cnbox .tbox span{font-size: 21px;color: #1d1d1d}
.stepbox2 .cnbox .wrp{padding: 8px}

.stepbox2 .cnbox a.stepbtn{display: block;margin: 0 auto 10px auto;width: 100%; max-width: 414px;padding: 3px; text-align: center;background:#f5e929 ;color: #231815;font-size: 15px;border-radius: 50px;text-decoration: none}

.stepbox2.cnbox a.stepbtn:hover{background:#e0d11b ;}


.course_box{width:auto;margin-bottom: 10px;}
.course_box .Lbox{display: inline-block;width: 16%;vertical-align: middle}
.course_box .Lbox img{width: 100%;padding: 10px}
.course_box .Rbox{display: inline-block;width: 76%;margin-left: 5%;vertical-align: middle;text-align: left}

.btn_n{
background:#cd4a72!important;
border-radius: 6px!important;
border: none!important;
max-width: 240px!important;
border-bottom: 4px solid #9d3152!important;
width: 50%!important;
display: inline-block!important;
font-size: 17px!important;
color: #fff!important;
font-weight: 600!important;
margin-left: 24px!important;
padding: 16px!important;
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;}	


.hissu{display: inline-block; padding: 0px 5px;text-align: center;border-radius: 6px;background: #e35049;color: #fff!important;font-weight: 600;font-size: 13px;margin-left: 10px;margin-bottom: 5px}









.sp_table_sc{
    overflow: auto;
    width: 100%;
    height: 100%;
}
.sp_table_sc table{
    margin: 0;
    border-spacing: 0;

}
.sp_table_sc td.r1{
border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #FFF;
    padding: 5px;
	width: 4em;
}
.sp_table_sc td.r2{
border-right: 1px dotted #999;
    border-bottom: 1px solid #999;
    background: #FFF;
    padding: 5px;
	width: 4em;
}


.sp_table_sc th{
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #f2f2f2;
    position: sticky;
    top: 0;
    left: 0;
width: 10em;
	text-align: center;
}
.sp_table_sc tr:first-child th{
    border-top: 1px solid #999;
	padding: 5px 0px;
}
.sp_table_sc th:first-child{
    border-left: 1px solid #999;
}
.sp_table_sc tr:first-child th:first-child{
    z-index: 1;
}






.cl_box{margin:auto;text-align: center;}

.aicyaesu_bg{background: #0098d6;color: #FFF}
.yaesu_bg{background: #00b54f;color: #FFF}	
.tsukuba_bg{background: #ff9d00;color: #FFF}	

.cl_box .cl_title{font-size: 15px;font-weight: 600}
.cl_box .cl_time{font-size: 14px;}
.cl_box .dr_name{font-size: 14px;font-weight: 500}


.c_active{font-weight: 600}
.timechange{border-radius: 50px;padding: 5px;text-align: center;margin: 0 5px;transition: 0.5s}

.timechange:hover{opacity: 0.8}
.Morningshift{color: #fff;background: #a7dffa;cursor: pointer}
.Dayshift{color: #fff;background:#57c8f6;cursor: pointer}
.Nightshift{color: #fff;background:#005ea0;cursor: pointer}

.g_mark{font-size: 14px;margin-bottom: 10px;}
.aicyaesu_mark{color: #0098d6;font-size: 16px;display: inline-block;vertical-align: sub;margin-right: 5px}
.yaesu_mark{color: #00b54f;font-size: 16px;display: inline-block;vertical-align: sub;margin-right: 5px}
.tsukuba_mark{color: #ff9d00;font-size:16px;display: inline-block;vertical-align: sub;margin-right: 5px}



.a-text01{color: #fffb00!important;
    font-weight: 600;
    padding-bottom: 2px;
    border-bottom: dotted 1px #ffffff;transition: 0.5s;    margin-bottom: 1px;
    display: inline-block;}
.a-text01:hover{opacity: 0.8;}
	

.yss_open,
.yss_close{cursor: pointer;
}
.yss_pt{margin-top: 15px}

	.yss_close span{    border-radius: 50px;
    text-align: center;
    padding: 10px 30px;
    background: #f7d500;
    color: #333;}
.yss_content{
  padding:30px 5px;
  background:#fff;
box-shadow: 1px 1px red, -1px 0 .2em gray;

}

@media (min-width: 769px){
.yss_content{
  position:fixed;
  width:70%;
  top:0;
  right:-100%;
  z-index:600;
  overflow:scroll;
	color: #333;
  -webkit-overflow-scrolling: touch;
	text-align: left;
}
.yss_content.yss_left{
  right:auto;
  left:-70%;
}	
}
	
@media (max-width: 768px){
.yss_content{
  position:fixed;
  width:90%;
  top:0;
  right:-100%;
  z-index:600;
  overflow:scroll;
	color: #333;
  -webkit-overflow-scrolling: touch;
	text-align: left;
}
.yss_content.yss_left{
  right:auto;
  left:-90%;
}	
}
	




/*タブ切り替え全体のスタイル*/
.tabs {margin-top: 50px;padding-bottom: 40px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);/*width: 700px;*/margin: 0 auto;}

/*タブのスタイル*/
.tab_item {    width: calc(96%/3);
    height: 50px;
    border-bottom: 3px solid #5ab4bd;
    background-color: #d9d9d9;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    font-weight: bold;
    transition: all 0.2s ease;
    border-radius: 60px;
    margin-left: 1%;}
.tab_item:hover {opacity: 0.75;}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {display: none;}

/*タブ切り替えの中身のスタイル*/
.tab_content {display: none;padding: 10px 10px 0;clear: both;overflow: hidden;}

/*選択されているタブのコンテンツのみを表示*/
#morningc:checked ~ #morningc_content,
#dayc:checked ~ #dayc_content,
#afterc:checked ~ #afterc_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}



.kekka_gairai_box{margin-bottom: 10px;margin-top: 5px}
.kekka_gairai_box table{background: #fff}
.kekka_gairai_box table th{background: #f2f2f2;
    color: #333;
    text-align: center;
    font-size: 14px;
    padding: 2px 0px;
    font-weight: normal;}

 th.no01{width: 20%}
 th.no01{width: 20%}
 th.no03{width: 60%}

.kekka_gairai_box table td{padding: 5px 0px;background: #fff;color: #555;text-align: center;font-weight: normal;font-size: 14px;border: solid 1px #999;}
.kekka_gairai_box table td span{font-size: 18px;font-weight: 600;}
.kekka_gairai_box table td span span{font-size: 14px!important;}

a.clinic_map2 {
    position: absolute;
    font-size: 13px;
    z-index: 9999;
    /* top: 12px; */
    width: 50px;
    right: 6px;
    display: block;
    background: #313f7a;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    top: -61px;
}