@charset "UTF-8";

/*------------------------------レッスンの基本設定--------------------------------*/

#plan + .composite_box01.block_images_9 .inner_item_txt .heading,
#plan-2 + .composite_box01.block_images_9 .inner_item_txt .heading,
#plan-3 + .composite_box01.block_images_9 .inner_item_txt .heading{
position: relative;
height: auto;
}

@media (max-width: 920px){
#plan + .composite_box01.block_images_9 .inner_item_txt .heading,
#plan-2 + .composite_box01.block_images_9 .inner_item_txt .heading,
#plan-3 + .composite_box01.block_images_9 .inner_item_txt .heading{
height: auto !important;
}
}


#plan + .composite_box01.block_images_9 .inner_item_txt .heading .h,
#plan-2 + .composite_box01.block_images_9 .inner_item_txt .heading .h,
#plan-3 + .composite_box01.block_images_9 .inner_item_txt .heading .h{
text-align: center;
}

#plan + .composite_box01.block_images_9 a:hover .inner_item_txt .heading.align-left,
#plan-2 + .composite_box01.block_images_9 a:hover .inner_item_txt .heading.align-left,
#plan-3 + .composite_box01.block_images_9 a:hover .inner_item_txt .heading.align-left{
padding: 15px;
}



/*-------------------------------レッスンごとの色変更-----------------------------*/
#plan + .composite_box01.block_images_9 .inner_item_txt .heading::before{
background: #5f83f0;
opacity: 1;
}

#plan + .composite_box01 .inner_item>a p{
padding: 10px;
border: 1px solid #5f83f0;
}


#plan-2 + .composite_box01.block_images_9 .inner_item_txt .heading::before{
background: #ff8002;
opacity: 1;
}

#plan-2 + .composite_box01 .inner_item>a p{
padding: 10px;
border: 1px solid #ff8002;
}


#plan-3 + .composite_box01.block_images_9 .inner_item_txt .heading::before{
background: #b200b2;
opacity: 1;
}

#plan-3 + .composite_box01 .inner_item>a p{
padding: 10px;
border: 1px solid #b200b2;
}



/*===========================表の調整===========================*/
#schedule-wrap + .contents_box01 .table-wrap{
margin-top: 3rem;
overflow: scroll;
}

#schedule{
    width: 1160px;
    border-collapse: separate;
    border-spacing: 0px 15px;
}

#schedule tbody tr th{
padding: 20px 30px;
padding-left: 10px
}

#schedule tbody tr td{
padding: 20px 0;
text-align: center;
}

#schedule tbody tr td:nth-of-type(2){
color: #fff;
font-weight: bold;
}

#schedule tbody tr td:nth-of-type(2){
border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#schedule tbody tr td:last-of-type{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; 
}


#schedule tbody tr td>span {
    display: inline-block;
    padding: 5px;
    width: 90%;
    border-radius: 10px;
    text-align: center;
    background: #fff;
}

/*---------------各行の色設定----------------*/

#schedule tbody tr:nth-of-type(-n + 4) td:nth-of-type(n + 2){
background-color: #ff8002;
}
#schedule tbody tr:nth-of-type(10) td:nth-of-type(n + 2){
background-color: #ff8002;
}
#schedule tbody tr:nth-of-type(11) td:nth-of-type(n + 2){
background-color: #ff8002;
}

#schedule tbody tr:nth-of-type(5) td:nth-of-type(n + 2){
background-color: #5f83f0;
}
#schedule tbody tr:nth-of-type(6) td:nth-of-type(n + 2){
background-color: #5f83f0;
}
#schedule tbody tr:last-of-type td:nth-of-type(n + 2){
background-color: #5f83f0;
}


#schedule tbody tr:nth-of-type(7) td:nth-of-type(n + 2){
background-color: #b200b2;
}
#schedule tbody tr:nth-of-type(8) td:nth-of-type(n + 2){
background-color: #b200b2;
}
#schedule tbody tr:nth-of-type(9) td:nth-of-type(n + 2){
background-color: #b200b2;
}


/*-----------------ポップアップ消す------------------*/
.popup{
opacity: 0 !important;
}




/*-----------レッスン表段位-----------*/
.dan_wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.dan {
  margin-right: 2rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.dan_color1 {
  margin-right: 1rem;
  border: 1px solid;
      width: 20px;
    height: 20px;
  border-color: #5f83f0;
  background: #5f83f0;
}

.dan_color2 {
  margin-right: 1rem;
  border: 1px solid;
      width: 20px;
    height: 20px;
  border-color: #ff8002;
  background: #ff8002;
}

.dan_color3 {
  margin-right: 1rem;
  border: 1px solid;
      width: 20px;
    height: 20px;
  border-color: #b200b2;
  background: #b200b2;
}


@media screen and (max-width: 900px) {
  .dan_wrap {
      -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
  }
}


/*------------------------------スケジュール表追加css--------------------------------*/

#schedule{
    margin: 0 auto;
    border-spacing: 0px 5px;
}

#schedule tbody tr th{
    padding: 10px 20px;
}

@media screen and (max-width: 900px){
    #schedule tbody tr th{
        padding: 5px 20px;
    }
}

#schedule tbody tr td{
    padding: 5px 0;
}

#schedule tbody tr td>span {
    padding: 0;
}

#schedule tbody tr td strong {
    display: inline-block;
    width: 90%;
    border-radius: 10px;
    text-align: center;
    background: #fff;
    font-weight: normal;
}

#schedule-wrap + .contents_box01 .table-wrap::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

#schedule-wrap + .contents_box01 .table-wrap::-webkit-scrollbar-thumb {
  border-radius: 1rem;
}

#schedule-wrap + .contents_box01 .table-wrap::-webkit-scrollbar-thumb {
  background-color: rgba(34,34,34,0.2);
}

/*---------------各行の色設定(日曜追加に伴う調整)_250317----------------*/
#schedule tbody tr:nth-of-type(12) td:nth-of-type(n + 2),
#schedule tbody tr:nth-of-type(13) td:nth-of-type(n + 2){
    background-color: #5f83f0;
}
#schedule tbody tr:last-of-type td:nth-of-type(n + 2){
background-color: #ff8002;
}
@media screen and (max-width: 900px) {
  .dan_wrap {
      -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
  }
}

/*---------------SP時調整_250317----------------*/
#schedule{
    width: 1160px !important;
}