@charset "utf-8";
@scope (.the_content ) {

.formBtn{margin-top: 0;}
.formBtn a{
  background-color: #333;
}

.bl_box,
.rb_box,
.gr_box{
  padding-left: 10px;
}

.bl_box{border-left: 10px solid #005dca;}
.rb_box{border-left: 10px solid #13B2EB;}
.gr_box{border-left: 10px solid #73b92a;}

.ye_bg,
.green_bg,
.bl_bg,
.rb_bg,
.gr_bg{
  padding: 20px;
  background-color: #fff;
}

.bl_bg{
  background-color: #eef0f5;
}
.rb_bg{
  background-color: #eef5f5;
}
.gr_bg{
  background-color: #efefef;
}
.ye_bg{
  background-color: #fffabb;
}
.green_bg{
  background-color: #f1fbeb;
}

/*.box_bg{
  padding: 20px;
  background-color: #f6f6f6;
  border-radius: 5px;
}*/

.bl_ttl,
.rb_ttl,
.gr_ttl{
  font-weight: 700;
  margin-bottom: 10px;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
}

.bl_ttl{background-color:#005dca;}
.rb_ttl{background-color:#13B2EB;}
.gr_ttl{background-color:#73b92a;}

.qr_ttl{
  background-color: #4095D4;
  color: #fff;
  margin-bottom: 5px;
  border-right: 999px;
  padding: 5px 20px;
  display: inline-block;
}

.line_ye{
  background-color: #FFFE4D;
}

.indent_list{
  padding-left: 1em;
  text-indent: -1em 
}

/* ----- program_con ----- */
.program_con > ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.program_con > ul > li{
  width: 49%;
  margin-right: 2%;
  background-color: #000;
  padding: 0 1.5em 1.5em;
  box-sizing: border-box;
  margin-bottom: 10px;
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
}
.program_con > ul > li:nth-child(1){
  background-color: #3b8d9e;
}
.program_con > ul > li:nth-child(2){
  background-color: #81a74b;
}
.program_con > ul > li:nth-child(3){
  background-color: #e88a7a;
}
.program_con > ul > li:nth-child(4){
  background-color: #4a637b;
}
.program_con > ul > li:nth-child(2n){
  margin-right: 0;
}
.program_con p{
  text-align: center;
}
.program_con .program_tag{
  border: 3px solid #fff;
  padding: 5px;
  text-align: center;
}
/*.program_con li:nth-child(2) .program_tag{
  border-color: #333;
}*/
.program_con .program_txt{
  text-align: left;
  padding-left: 1.2em;
  text-indent: -1.2em;
}
.program_con .program_txt::before{
  content: "〇";
  margin-right: 0.2em;
}
.program_con .program_btn{
  display: block;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  color: #000;
  padding: 0.2em;
  position: relative;
  text-decoration: none;
}
.program_con .program_btn::before{
content: ">";
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.program_con .program_att{
  text-align: left;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 90%;
}
.program_con .program_tgt{
  text-align: center;
  border: 2px solid #fff;
  padding: 5px;
}
.program_con .program_hideBox{
  text-align: center;
}
.program_con .program_hideBox li::after{
  content: "";
  display: block;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  margin: 3px auto 0px;
  border: 6px solid transparent;
  border-left: 6px solid #fff;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.program_con .program_hideBox li:last-child::after{
  display: none;
}

/* ----- program_info ----- */
.program_info table{
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  border-left: 1px solid #ccc;
}
.program_info td{
  padding: 1em;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.program_info tr:first-child td{
  background-color: #00A0E9;
  color: #fff;
  font-weight: 700;
}
.program_info tr:nth-child(odd){
  background-color: #efefef;
}
.program_info tr .zizen,
.program_info tr .sentyaku,
.program_info tr .nizibosyuu{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: center;
}
.program_info tr .zizen{
  background-color: #C4EDFB;
}
.program_info tr .sentyaku{
  background-color: #fff99d;
}
.program_info tr .nizibosyuu{
  background-color: #e2f0d9;
}
.program_info tr td[rowspan]{
  vertical-align: middle;
}

.program_info .program_form{
  display: block;
  border-radius: 5px;
  text-align: center;
  padding: 5px;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  background-color: #6EBA35;
  margin-top: 0.2em;
}
.program_info span.program_form{
  background-color: #888;
}

.select_info{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
}
.select_info a{
  font-weight: 700;
  font-size: 16px;
  display: block;
  background-color: #ccc;
  color: #000;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
  margin: 0 0.5em;
  padding: 1em 1em;
}
.select_info a:nth-child(1){
  color: #002c62;
  background-color: #C4EDFB;
  border: 3px solid #0094c7;
}
.select_info a:nth-child(2){
  color: #783200;
  background-color: #fff99d;
  border: 3px solid #c78a00;
}
.select_info a:nth-child(3){
  color: #385723;
  background-color: #e2f0d9;
  border: 3px solid #385723;
}

.event_info_ban{
  display: block;
  text-align: center;
  font-weight: 700;
}
.event_info_ban a{
  padding: 0.2em;
}
}