@charset "UTF-8";
@import url("grid.css");

/* Basic コンテンツ */
.card-title {
	font-size: 1.5rem;
    font-weight: bold;
}



/* orange button */

.cmn-btn01 a {
    display: block;
    border: 1px solid #f77300;
    color: #f77300;
    font-family: UDKakugoC70Pro-R, sans-serif;
    font-weight: 400;
    letter-spacing: .2em;
    line-height: 1;
    text-align: center;
	font-size: 110%;
    margin: 2px;
    padding: 36px;
}
.home-cont .cmn-btn01 {
    width: 310px;
}

table.ph {
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 1200px;
    table-layout: auto;
    font-weight: 200;
    font-size: 60%;
}
.ph {
    color: #e81010;
}


/* コース一覧 */
.indent {
  padding-left: 1em;
  text-indent: -1em;
}
		
table.ph {
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 1200px;
    table-layout: auto;
    font-weight: 200;
    font-size: 60%;
}

table tr {
  background-color: #fff;
  padding: 0.35em;
 /* border: 1px solid #eee;*/
}
table tr:last-child{
  border: none;
}
table th{
   font-size: 1.8em;
    background-color: #82cdc6;
    font-weight: 200;
    text-align: left;
    padding: 15px 0px 15px 10px;
    /*border-left: 1px solid #82cdc6;*/
    color: #070707;
}

table td {
  padding: 0.5em .5em;
  /*border-right: 1px solid #eee;
  border-left: 1px solid #eee;*/
  border-bottom: 1px solid #eee;
}

table thead tr{
  background-color: #717170;
  color:#fff;
}
table tbody th {
     /*border: 1px solid #333333;*/
}
th.non {
    border-right: none;
}
.txt{
   text-align: left;
   font-size: 1.5em;
}
.day{
 color: #000;
    font-size: 1.5em;
    background-color: #ffffff;
      /*border: 1px solid #333333;*/
    /* border-left: 6px solid #EB6678; */
    vertical-align: middle;
}

.class{
  color: #333333;
  font-size: 1.4em;
  background-color: #E4E4E4;
  /*border: 1px solid #333333;*/
  text-align: center;
  vertical-align: middle;
}


.class_month {
    color: #ffffff;
    font-size: 1.2em;
    letter-spacing: 0.5rem;
    background-color: #8b8b8b;
    /* border: 1px solid #333333; */
    text-align: center;
    vertical-align: middle;
}

.class_day{
  color: #ffffff;
    font-size: 1.2em;
	letter-spacing: 0.5rem;
  background-color: #8b8b8b;
  /*border: 1px solid #333333;*/
  text-align: center;
  vertical-align: middle;
}

.daya {
    color: #000;
    font-size: 1.4em;
    background-color: #ffffff;
    border-left: 1px solid #f8f8f8;
    vertical-align: middle;
}
td.day_liveseminar {
    color: #000;
    font-size: 1.4em;
    background-color: #faf7ff;
    border-left: 1px solid #e7e7e7;
    vertical-align: middle;
	line-height: 1.8rem;
}

/* 日時配信　セミナー有*/
.day_haishin {
    color: #5c5c5c;
    font-size: 1.4em;
    background-color: #fdeeee;
    /* border: 1px solid #82cdc6; */
    vertical-align: middle;
	
}
.day_dw {
    color: #5c5c5c;
    font-size: 1.4em;
    background-color: #d2e9f3;
    /* border: 1px solid #82cdc6; */
    vertical-align: middle;
}

.day_gentei {
    color: #5c5c5c;
    font-size: 1.4em;
    background-color: #ffed9d;
    /* border: 1px solid #82cdc6; */
    vertical-align: middle;
}


.classa{
  color: #333333;
  font-size: 1.4em;
  background-color: #E4E4E4;
  /*border: 1px solid #333333;*/
  text-align: center;
  vertical-align: middle;
}
.se_day {
    color: #333333;
    font-size: 1em;
    background-color: #f5f5f5;
    border-right: 1px solid #e9e6df;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
}

.se_day_sat {
    color: #007bff;
    font-size: 1em;
    background-color: #dce3ed;
    border-right: 1px solid #e9e6df;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
	
}
.se_day_sun {
    color: #f61b1b;
    font-size: 1em;
    background-color: #fff4f4;
    /* border: 1px solid #333333; */
    text-align: center;
   vertical-align: middle;
    line-height: 1.2;
}
.class_m1 {
    color: #fff;
    font-size: 1.4em;
    background-color: #ff910a;
    text-align: center;
    vertical-align: middle;
	font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
    font-weight: bold;
    font-style: normal;
}
.class_m2 {
    color: #fff;
    font-weight: bold;
    font-size: 1.4em;
    background-color: #6aaae1;
    text-align: center;
    vertical-align: middle;
	font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
    font-weight: bold;
    font-style: normal;
}
.class_m3{
  color: #fff;
  font-size: 1.4em;
  background-color: #fd4d4d;
  text-align: center;
  vertical-align: middle;
	font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
    font-weight: bold;
    font-style: normal;
}

.class_m4{
  color: #fff;
  font-size: 1.4em;
  background-color: #caacd9;
  text-align: center;
  vertical-align: middle;
	font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
    font-weight: bold;
    font-style: normal;
}

.class_m5{
  color: #fff;
  font-size: 1.4em;
  background-color: #a7d0c1;
  text-align: center;
  vertical-align: middle;
	font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
    font-weight: bold;
    font-style: normal;
}
.class_m6{
  color: #fff;
  font-size: 1.4em;
  background-color: #f9c17d;
  text-align: center;
  vertical-align: middle;
	font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
    font-weight: bold;
    font-style: normal;
}

.class_m7{
  color: #fff;
  font-size: 1.4em;
  background-color:#f0d854;
  text-align: center;
  vertical-align: middle;
	font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
    font-weight: bold;
    font-style: normal;
}

.class_mw {
    color: #5a6e9d;
    font-size: 1.2em;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-right: 2px solid #c9cdd1;
    border-top: 1px solid #e9e6df;
    vertical-align: middle;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    font-style: normal;
}


.class_mw_box {
    color: #5a6e9d;
    font-size: 1.2em;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #e9e6df;
	border-right: 1px solid #e9e6df;
    border-top: 1px solid #e9e6df;
    vertical-align: middle;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    font-style: normal;
}
.class_mw_t {
    color: #192b47;
    font-size: 1.4em;
    background-color: #e8edfc;
    text-align: center;
    vertical-align: middle;
	font-family: dnp-shuei-mgothic-std, sans-serif;
    font-style: normal;
    border-left: 1px solid #e9e6df;
    border-top: 1px solid #e9e6df;
	padding: 20px;
}

.class_mw_t2 {
    color: #192b47;
    font-size: 1.4em;
    background-color: #ffe3e3;
    text-align: center;
    vertical-align: middle;
	font-family: dnp-shuei-mgothic-std, sans-serif;
    font-style: normal;
    border-left: 1px solid #e9e6df;
    border-top: 1px solid #e9e6df;
	padding: 15px;
}

.class_mw_t3 {
    color: #FFFFFF;
    font-size: 1.4em;
    background-color: #196329;
    text-align: center;
    vertical-align: middle;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    font-style: normal;
    border-left: 1px solid #e9e6df;
    border-top: 1px solid #e9e6df;
    padding: 0px;
}

.class_ml {
color: #5a6e9d;
    font-size: 1.2em;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
    /* border-left: 2px solid #c9cdd1; */
    border-right: 2px solid #c9cdd1;
    border-top: 1px solid #e9e6df;
    vertical-align: middle;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    font-style: normal;
}

.day2{
 color: #000;
    font-size: 1.5em;
    background-color: #ebebeb;
    border: 1px solid #82cdc6;
    /* border-left: 6px solid #EB6678; */
    vertical-align: middle;
}

.day2a{
  color: #000;
    font-size: 1.5em;
    background-color: #ebebeb;
    border: 1px solid #82cdc6;
    vertical-align: middle;
}


.red_bk{
  background:#e81010
}
.ph{
  color:#e81010
}
.btn{
  background:#e81010;
  border: 2px solid #e81010;
  color:#fff;
  padding: 1em;
  border-radius:20px;
  display:block;
  text-decoration:none;
  font-size:.8em
}
.btn:hover{
  background: #fff;
  border: 2px solid #e81010;
  color: #e81010;
  transition: .2s;
}
table .btnarea td {
  padding: .2em .5em;
  border-right:none
}
  .wrap{
     overflow-x: scroll;
  }

/* フッターdd */

.footerNav_inner {
	text-align: center;
}

nav.footerNav a.dd {
    font-size: small;
    width: 50%;
    margin: auto;
    display: block;
}


p.p_s {
	font-size: 14px; text-align: center;
}

.card-body_ex {
position: relative;
    margin: 0px auto;
    padding: 0.5em 1em;
    border-radius: 5px;
    width: 90%;
    background-color: #fffde7;
}

.dw_s {
    display: inline-block;
    background-color: #031F8A;
    font-weight: 500;
    color: #FFFFFF;
    padding: 0px 5px;
    margin-bottom: 2px;
    border-radius: 2px;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    letter-spacing: 0.1rem;
    font-size: 0.5em;
}

.free_s {
    display: inline-block;
    background-color: #FFFFFF;
    font-weight: 500;
    color: #e50000;
    padding: 0px 5px;
    margin-bottom: 2px;
    border: 1px solid #e3b1b1;
    border-radius: 2px;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    letter-spacing: 0.1rem;
    font-size: 0.5em;
}

.kikan_s {
    display: inline-block;
    background-color: #FFFFFF;
    font-weight: 500;
    color: #031f8a;
    padding: 0px 5px;
    margin-bottom: 2px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    letter-spacing: 0.1rem;
    font-size: 0.5em;
}

.new_s {
	display: inline-block;
    background-color: #e50000;
    font-weight: 500;
    color: #FFFFFF;
    padding: 0px 5px;
    margin-bottom: 2px;
    border-radius: 2px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
    letter-spacing: 0.1rem;
    font-size: 0.5em;
}

.re_s {
    display: inline-block;
    background-color: #ff5f7e;
    font-weight: 500;
    color: #ffffff;
    padding: 0px 5px;
    margin-bottom: 2px;
    border: 1px solid #ff5f7e;
    border-radius: 2px;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    letter-spacing: 0.1rem;
    font-size: 0.5em;
}

.day_dw-e {
    color: #5c5c5c;
    font-size: 1.4em;
    background-color: #fff5f7;
    vertical-align: middle;
}

.eve_s {
    display: inline-block;
    background-color: #fff5f7;
    color: #8b6444;
    font-weight: bold;
    padding: 0px 5px;
    margin-bottom: 2px;
    border: 1px solid #f19495;
    border-radius: 2px;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    letter-spacing: 0.1rem;
    font-size: 0.5em;
}

.emp_s {
    display: inline-block;
    background-color: #00afff;
    font-weight: 500;
    color: #ffffff;
    padding: 0px 5px;
    margin-bottom: 2px;
    border: 1px solid #00afff;
    border-radius: 2px;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    letter-spacing: 0.1rem;
    font-size: 0.5em;
}

p.sche{
	text-align: center;
    font-size: 1.6rem;
    color: #36465e;
    font-weight: 100;
}


span.re {
	display: inline-block;
    background-color: #ff8829;
    font-weight: 500;
    color: #FFFFFF;
    padding: 0px 5px;
    margin-bottom: 2px;
    border-radius: 2px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
    letter-spacing: 0.1rem;
    font-size: 0.5em;
}

span.over {
	display: inline-block;
    background-color: #3658B3;
    font-weight: 500;
    color: #FFFFFF;
    padding: 0px 5px;
    margin-bottom: 2px;
    border-radius: 2px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
    letter-spacing: 0.1rem;
    font-size: 0.5em;
}

span.gentei {
    display: inline-block;
    background-color: #9e8437;
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 0.2rem;
    color: #FFFFFF;
    padding: 0px 5px;
    margin-bottom: 2px;
    border-radius: 2px;
}


span.live_s {
    display: inline-block;
    background-color: #ffec00;
    font-size: 1.2rem;
    color: #000000;
    padding: 0px 12px;
    letter-spacing: 0.1rem;
    margin-bottom: 2px;
    border-radius: 2px;
    font-weight: bold;
    font-style: normal;
}

.dr_s {
	display: inline-block;
    background-color: #178d32;
    font-weight: 500;
    color: #FFFFFF;
    padding: 0 5px;
    /* margin-bottom: 2px; */
    border-radius: 2px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
    letter-spacing: 0.1rem;
    font-size: 0.8em;
}


.dt_s {
	display: inline-block;
    background-color: #2196f3;
    font-weight: 500;
    color: #FFFFFF;
    padding: 0 5px;
    /* margin-bottom: 2px; */
    border-radius: 2px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
    letter-spacing: 0.1rem;
    font-size: 0.8em;
}

.dh_s {
	display: inline-block;
    background-color: #f173c7;
    font-weight: 500;
    color: #FFFFFF;
    padding: 0 5px;
    /* margin-bottom: 2px; */
    border-radius: 2px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
    letter-spacing: 0.1rem;
    font-size: 0.8em;
}

.new_box{
    position: relative;
}

.new_icon:after{
   position: absolute;
    content: "NEW！";
    top: 0px;
    right: 0px;
    background: #e50000;
    color: #fff;
    padding: 0px 10px;
    font-size: 1rem;
    font-weight: bold;
}

.new_box img{
    width: 100%;
}

.re_box{
    position: relative;
}
.re_icon:after {
    position: absolute;
    content: "再配信";
    top: 0px;
    right: 0px;
    background: #ff8829;
    color: #fff;
    padding: 0px 10px;
    font-size: 1rem;
    font-weight: bold;
}
.re_box img{
    width: 100%;
}



.webseminar_title {
	padding-top: 10px;
    width: 100%;
    line-height: 1.5;
    margin-left: -0.125em;
    font-size: 95%;
}

.webseminar_title2 {
    width: 100%;
    line-height: 1.5;
    margin-left: -0.125em;
    font-size: 80%;
    color: #252838;
}
.webseminar_title3 {
	padding-top: 3px;
    width: 100%;
    line-height: 1.5;
    margin-left: -0.125em;
    font-size: 95%;
}
span.haishin_box {
    background: #36465e;
    border-radius: 2px;
    color: #ffffff;
    padding: 1px 10px;
    font-size: 1rem;
    border: 1px solid #303030;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    font-weight: 100;
    letter-spacing: 0.1rem;
}

span.haishin_boxa {
    background: #36465e;
    border-radius: 2px;
    color: #ffffff;
    padding: 1px 10px;
    font-size: 1.2rem;
    border: 1px solid #303030;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    font-weight: 100;
    letter-spacing: 0.1rem;
}

span.haishin_box2{
	background: #6759a5;
    border-radius: 2px;
    color: #fff;
    padding: 3px 15px;
    font-size: 1.1rem;
}

span.haishin_box3 {
    background: #031F8A;
    border-radius: 2px;
    color: #fff;
    padding: 3px 15px;
    font-size: 1.1rem;
}

th.live_box {
    border-bottom: none;
    vertical-align: middle;
    font-size: 1.7em;
	letter-spacing: 0.2rem;
    background-color: #57b56c;
    text-align: left;
    padding: 15px;
    border-left: 1px solid #3ac1b4;
    color: #ffffff;
    font-weight: bold;
	font-family: dnp-shuei-mgothic-std, sans-serif;
    font-style: normal;
}
th.haishin_box {
    border-bottom: none;
    color: #FFF;
    vertical-align: middle;
    font-size: 1.7em;
    background-color: #ff9b9b;
    text-align: left;
    padding: 15px 25px;
    border-left: 1px solid #82cdc6;
    font-weight: bold;
    letter-spacing: 0.2rem;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-style: normal;
}
th.haishin_gentei {
    border-bottom: none;
    color: #FFF;
    vertical-align: middle;
    font-size: 1.4em;
    background-color: #666666;
    font-weight: 200;
    text-align: center;
    padding: 15px 25px;
    border-left: 1px solid #82cdc6;
}

p.dw_signup {
    text-align: center;
    font-family: sans-serif;
    font-size: 1.4rem;
    color: #031f8a;
}

/*キャッチコピー
-------------------------------------*/
.catch {
    text-align: center;
}
.catch h2 {
    /*padding-bottom: 1rem;*/
}
	

@media screen and (min-width: 769px) {
  .main-cont {
    max-width: 880px;
    margin: 0 auto;
    padding: 100px 40px;
  }
	.wrap {
    overflow-x: scroll;
}
	
	

}

@media screen and (min-width: 768px){
/* PC時はMENUボタンを非表示 */
	
.center {
	text-align: center;
	margin-bottom: 4rem;
}

}
    
/*section {
	margin: 1rem 0;
	padding: 3rem 0;
}*/
.gray-back {
	background-color: #f4f4f4;
}


/* ボタン */
.btn-border a:hover {
	color: #FFFFFF;
}

.btn-border {
  display: inline-block;
  max-width: 350px;
  text-align: center;
  border: 2px solid #ff921e;
  font-size: 16px;
  color: #9ec34b;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border:hover {
  background-color: #ff921e;
  border-color: #FF5722;
  color: #FFF;
}

span.hd{
	font-size: 50%;
}


/* 幅768px以下の表示
-------------------------------------*/
@media screen and (max-width: 768px){
	
.new_s {
    font-size: 1.3rem;
}

.dr_s {
	font-size: 1.3rem;
}

.dh_s {
	font-size: 1.3rem;
}
.free_s {
	font-size: 1.3rem;
}
	
.dw_s {
	font-size: 1.3rem;
}
.re_s {
	font-size: 1.3rem;
	}
.emp_s{
	font-size: 1.3rem;	
	}	
.eve_s{
font-size: 1.3rem;	
	}	

.dt_s {
	font-size: 1.3rem;
}
	
span.live_s {
    font-size: 1.3rem;
}
span.gentei {
  font-size: 1.3rem;
}
span.re {
    font-size: 1.3rem;
}
span.over {
    font-size: 1.3rem;
}

p.dw_signup {
    text-align: left;
    font-size: 1.2rem;
    padding: 5px 20px;
}	
	
}