@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
@import url("https://fonts.googleapis.com/css2?family=Averia+Sans+Libre:ital,wght@0,700;1,700&family=Yomogi&display=swap");
#breadcrumb {
  display: none;
}

.display_sp {
  display: none;
}

.c-categoryList {
  display: none;
}
body {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
}


/*safari video*/
.l-header, .l-header__inner{
	position: static;
}
/*メニュー*/
.c-gnav > .menu-item > a .ttl {
  font-family: fot-tsukuardgothic-std, sans-serif;
}

/*カテゴリタイトル横英語*/
.c-pageTitle__subTitle {
  display: none;
}

/*ブロック*/
.is-style-vtabel>.swell-block-dl__dt{
	background-color: #325984;
	border-radius: 3px;
}

.wp-block-code{
	background-color: #202124;
    border-radius: 12px;
}

.wp-block-code code {
    font-size: 13px;
    padding-left: 20px;
    display: block;
    font-family: inherit;
    overflow-wrap: break-word;
    line-height: 1.5;
}

/*検索画面*/
.search__logout{
	margin-top: 40px;
	padding: 30px 20px;
}

.search__sidebar>.l-sidebar{
	display: none;
	
}

.w-header .c-searchForm__s{
	border-radius: 6px;
}

.u-bg-main{
	border-radius: 0px 6px 6px 0px;
	background-color: rgb(171 91 239 / 80%)!important;
}
/*h2*/
h1.c-postTitle__ttl {
  /* font-family: fot-tsukuardgothic-std, sans-serif; */
}

.post_content h2 {
  background-color: #ffffff;
  color: #003977;
  /* font-family: fot-tsukuardgothic-std, sans-serif; */
  padding: 18px 0px 18px 5%;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  border-radius: 16px;
  box-shadow: 1px 1px 4px #b5b5b5;
}

.post_content h2::before {
  display: none;
}

/*h3*/
.post_content h3 {
  font-size: 16px;
}

/*ボタン*/
.wp-block-button__link {
  /* font-family: fot-tsukuardgothic-std, sans-serif; */
  border-radius: 18px;
  background: #fdfdfd;
  box-shadow: 1px 2px 10px #d7d7d7;
}

.wp-block-button__link:hover {
  border-radius: 18px;
  background: #fafcff;
  box-shadow: inset 20px 20px 60px #d5d6d9, inset -20px -20px 60px #ffffff;
}


/*サイドバー背景色*/
.widget_categories {
  margin-top: 0px;
  padding: 10px 10px 20px 10px;
  border-radius: 6px;
  border: solid 0px #CA61D9;
}

.widget_categories::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url();
}

.c-widget__title.-side {
  display: none;
}

.widget_categories > ul > .cat-item > a,
.wp-block-categories-list > li > a {
  position: relative;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
}

.widget_categories > ul > .cat-item > a,
.wp-block-categories-list > li > a::after {
  content: "";
  transform: translate(0px, 4px);
  border-bottom: solid 2px #CA61D9;
}

.widget_categories > ul > .cat-item > a,
.wp-block-categories-list > li > .children > .cat-item > a {
  font-size: 14px;
  font-weight: 600;
}

/*サイドバー上アイコン表示*/
.side-title__inner {
  display: flex;
  justify-content: space-between;
  height: 160px;
}

.side-icon__question {
  width: 44%;
  display: inline;
  padding-left: 10px;
}


.side-icon__question > a > img:hover {
  border-radius: 4px;
  box-shadow: none;

}


.side-icon__support {
  width: 44%;
  display: inline;
  padding-right: 10px;
}

.side-icon__support > a > img:hover {
  border-radius: 4px;
  box-shadow: none;

}


/*バナー部分レイアウト*/
.side-bannar {
  padding: 6px;
}

.side-bannar > li {
  margin-bottom: 10px;
}

.side-bannar > li > a > img {
  border-bottom: 6px solid #ede3ff;
  border-right: 6px solid #ede3ff;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.side-bannar > li > a > img:hover {
  border-bottom: solid 6px rgb(115 190 233);
  border-right: solid 6px rgb(115 190 233);
}



/*サイドバーカテゴリ名アイコン削除*/
.c-categoryList::before,
.icon-folder::before,
.widget_categories > ul > .cat-item > a::before,
.wp-block-categories-list > li > a::before,
code.dir_name::before {
  content: "";
}

.widget_categories .children a::before,
.widget_pages .children a::before,
.wp-block-categories .children a::before {
  color: #CA61D9;
}

.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a,
.widget_pages li a,
.wp-block-archives li a,
.wp-block-categories li a {
  border: 0px;
}

/*子カテゴリ一覧のサムネイル非表示*/
.p-postList__thumb {
  display: none;
}

/*個別記事の下ページ送り反転*/
.p-pnLinks {
  flex-direction: row-reverse;
}

.p-pnLinks.-style-normal .-prev .p-pnLinks__link {
  border-left: solid 0;
  border-right: solid 1.25em #CA61D9;
  border-radius: 6px;
}

.p-pnLinks.-style-normal .-next .p-pnLinks__link {
  border-left: solid 1.25em #CA61D9;
  border-right: solid 0;
  border-radius: 6px;
}

.prev-none>a{
	display: none;
}
.p-pnLinks__item.-prev .p-pnLinks__link {
  justify-content: flex-end;
}

.p-pnLinks__item.-next .p-pnLinks__link {
  justify-content: space-between;
}

/*>アイコン変更*/
/*ホームのレイアウト*/
/*タイトル*/
.home-title__inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.home-title__head {
  display: flex;
  justify-content: flex-start;
  width: 680px;
  align-items: center;
  padding-left: 30px;
}

.home-title__day {
  margin-left: 30px;
  display: inline;
}

/*ねこ*/
.home-illust{
	align-items: flex-end;
}

.home-illust>img{
	width: 158px;
	height: auto;
	
}


/*日付表示*/
.home-img__inner {
  font-family: "Averia Sans Libre", cursive;
  position: relative;
  background-image: url(http://cj-course.com/pr/wp-content/uploads/2021/09/day_bg2.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 132px;
  height: auto;
}

.home-img__inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(4px, 4px);
  width: 140px;
  border-bottom: solid 7px rgba(255, 198, 39, 0.5);
  border-radius: 4px 4px 4px 4px;
}

.home-title__text {
  position: relative;
  display: inline;
  width: 420px;
  padding: 20px 6px 20px 6px;
}


.home-title__text > span {
  display: block;
  font-size: 16px;
  font-weight: 600;
}

.home-img__year {
  position: absolute;
  font-weight: 600;
  top: 40px;
  left: 14px;
  transform: translate(0, 0);
}

.home-img__month {
  position: absolute;
  font-weight: 600;
  font-size: 30px;
  top: 56px;
  left: 14px;
  transform: translate(0, 0);
}

.home-img__month::after {
  content: "/";
  font-size: 1.2rem;
  position: absolute;
  top: 0px;
  transform: translate(5px, 12px);
}

.home-img__day {
  position: absolute;
  font-weight: 600;
  font-size: 30px;
  top: 56px;
  left: 66px;
  transform: translate(0, 0);
}

.home-img__week {
  position: absolute;
  font-weight: 600;
  font-size: 10px;
  top: 72px;
  left: 98px;
  transform: translate(0, 0);
  padding: 4px;
  color: #000;
  background-color: #d8dbff;
  border-radius: 50px;
}

.home-icon__question {
  width: 120px;
  display: inline;
	margin-right: 16px;
}

.home-icon__question > a > img {
}

.home-icon__question > a > img:hover{
    border-radius: 4px;
    box-shadow: none;
   transform: scale(0.95);
    opacity: 0.8;
	transition-duration: 0.1s;
}


.home-icon__support {
  width: 120px;
  display: inline;
}

.home-icon__support > a > img {

}

.home-icon__support > a > img:hover{
    border-radius: 4px;
    box-shadow: none;
   transform: scale(0.95);
    opacity: 0.8;
	transition-duration: 0.1s;
}


.home-icon__support > a::after {
  display: block;
  content: "";
  /* font-family: fot-tsukuardgothic-std, sans-serif; */
  position: relative;
  bottom: 56px;
  left: 18px;
  font-size: 12px;
}

/*講座一覧*/
.cat_list__head {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 30px;
}

.cat_list__head::after {
  content: "";
  display: block;
  width: 32%;
  /* .boxに指定したwidthと同じ幅を指定する */
  height: 0;
}

.tab.cat_list__plus{
	background: #F09300;
}
.cat-title__home {
    display: block;
    word-break: normal;
    text-align: left;
    font-size: 20px;
    /* font-family: fot-tsukuardgothic-std, sans-serif; */
    color: #325984;
    padding: 7% 10% 10px;
    width: auto;
    height: 120px;
}

.cat-title__home:hover{
	color: #325984ba;
}

.cat-title__home .cat-text__home > span {
  display: block;
padding: 20px 0 0 0!important;
  font-size: 18px;
  margin: 0 auto;
  text-align: center;
  /* font-style: fot-tsukuardgothic-std, sans-serif; */
}

.cat-item__home {
    width: 31%;
    margin-bottom:32px;
	box-shadow: inset 0px 0px 6px rgb(96 90 98 / 58%);
    border: solid 3px rgb(255 255 255);
    border-radius: 16px;
    text-align: right;
    transition: 0.08s;
    height: 120px;
    background-size: 91%;
    background-position: right;
    background-repeat: no-repeat;
}


h2.cat-item__home:hover{
	border: solid 3px hsl(272.27deg 83.22% 71.96%);
	
}

.cat-item__play,.cat-item__play2{
  color: #325984;
  padding: 0px 20px 20px 0px;
}
img.icon-lock_1214{
    width: 36px;
    display: block;
    margin: -26px auto 0;
}
span.cat-icon__lock{
  position: absolute;
    font-size: 10px !important;
    top: inherit;
}

h2.cat-item__home.cat-text__plus.delay-time05.icon-lock__hover.fadeUp:hover{
	pointer-events: none;
  border: solid 3px rgb(255 255 255);
	
}

h2.cat-item__home.cat-text__plus.delay-time05.icon-lock__hover.fadeUp {
  background-color: #ededed;
}

h2.cat-item__home.cat-text__plus.delay-time05.icon-lock__hover.fadeUp > .cat-title__home:hover{
  pointer-events: none;
  color: #325984;
}

h2.cat-item__home.cat-text__plus.delay-time05.icon-lock__hover.fadeUp > .cat-title__home >span{
  top: 78px;
}

.panel-group .panel:nth-of-type(2) .cat-item__home .cat-title__home span.cat-icon__lock{
  top: 40px;
}
@media (max-width: 599px) {
    .panel-group .panel:nth-of-type(2) .cat-item__home .cat-title__home span.cat-icon__lock{
        margin-top: 0px;
      }
}


.cat-text__plus.cat-text__home {
  font-size: 18px;
}

.cat-text__plus.cat-text__home > span {
  font-size: 20px;
}

.cat-text__plus2>a{
	text-align: center;
}
.cat-text__plus2{
	
}

.cat-text__plus2.cat-text__home {
	position: absolute;
  font-size: 18px;
	margin: auto;
	top: 50%;
	right: 50%;
	transform: translate(50%,0%);
}
.cat-text__plus.cat-text__home > span {
  font-size: 20px;
}

.icon-play , .icon-play2{
  position: relative;
  bottom: 8px;
  margin-left: 6px;
  width: 25px;
  height: auto;
}

/*レッスン一覧ページ*/
.l-mainContent__inner {
  margin: 0 10%;
}

/*2column*/
.l-mainContent__inner>.p-termContent>.p-postListTabBody > .c-tabBody__item > ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	min-width: 675px;
}

.l-mainContent__inner>.p-termContent>.p-postListTabBody > .c-tabBody__item > ul>.archive-lesson__inner{
	width: 675px;
}
@media (max-width: 599px) {
	.l-mainContent__inner>.p-termContent>.p-postListTabBody > .c-tabBody__item > ul>.archive-lesson__inner{
		width: 100%;
	}
}

.archive-lesson__img{
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-22px, 12px);
  background-size: contain;
  background-clip: content-box;
  background-origin: content-box;
  border-radius: 10px;
  box-shadow: #a2a2a2 0px 0px 4px;
  width: 235px;
  height: 132px;
  background-repeat: no-repeat;
  background-position: left;
  opacity: 1;

}
@media (max-width: 599px) {

  .archive-lesson__img{
    position: absolute;
  }
    @charset "UTF-8";


    /*
        Template: swell
        Theme Name: SWELL CHILD
        Theme URI: https://swell-theme.com/
        Description: SWELLの子テーマ
        Version: 1.0.0
        Author: LOOS WEB STUDIO
        Author URI: https://loos-web-studio.com/
    
        License: GNU General Public License
        License URI: http://www.gnu.org/licenses/gpl.html
    */
    @import url("https://fonts.googleapis.com/css2?family=Averia+Sans+Libre:ital,wght@0,700;1,700&family=Yomogi&display=swap");
    
    #breadcrumb {
      display: none;
    }
    
    .display_sp {
      display: none;
    }
    
    .c-categoryList {
      display: none;
    }
    
    /*safari video*/
    .l-header, .l-header__inner{
      position: static;
    }
    /*メニュー*/
    .c-gnav > .menu-item > a .ttl {
      /* font-family: fot-tsukuardgothic-std, sans-serif; */
    }
    
    /*カテゴリタイトル横英語*/
    .c-pageTitle__subTitle {
      display: none;
    }
    
    /*ブロック*/
    .is-style-vtabel>.swell-block-dl__dt{
      background-color: #325984;
      border-radius: 3px;
    }
    
    .wp-block-code{
      background-color: #202124;
        border-radius: 12px;
    }
    
    .wp-block-code code {
        font-size: 13px;
        padding-left: 20px;
        display: block;
        font-family: inherit;
        overflow-wrap: break-word;
        line-height: 1.5;
    }
    
    /*検索画面*/
    .search__logout{
      margin-top: 40px;
      padding: 30px 20px;
    }
    
    .search__sidebar>.l-sidebar{
      display: none;
      
    }
    
    .w-header .c-searchForm__s{
      border-radius: 6px;
    }
    
    .u-bg-main{
      border-radius: 0px 6px 6px 0px;
      background-color: rgb(171 91 239 / 80%)!important;
    }
    /*h2*/
    h1.c-postTitle__ttl {
      /* font-family: fot-tsukuardgothic-std, sans-serif; */
    }
    
    .post_content h2 {
      background-color: #ffffff;
      color: #003977;
      /* font-family: fot-tsukuardgothic-std, sans-serif; */
      padding: 18px 0px 18px 5%;
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      border-radius: 16px;
      box-shadow: 1px 1px 4px #b5b5b5;
    }
    
    .post_content h2::before {
      display: none;
    }
    
    /*h3*/
    .post_content h3 {
      font-size: 16px;
    }
    
    /*ボタン*/
    .wp-block-button__link {
      /* font-family: fot-tsukuardgothic-std, sans-serif; */
      border-radius: 18px;
      background: #fdfdfd;
      box-shadow: 1px 2px 10px #d7d7d7;
    }
    
    .wp-block-button__link:hover {
      border-radius: 18px;
      background: #fafcff;
      box-shadow: inset 20px 20px 60px #d5d6d9, inset -20px -20px 60px #ffffff;
    }
    
    
    /*サイドバー背景色*/
    .widget_categories {
      margin-top: 0px;
      padding: 10px 10px 20px 10px;
      border-radius: 6px;
      border: solid 0px #CA61D9;
    }
    
    .widget_categories::before {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      background-image: url();
    }
    
    .c-widget__title.-side {
      display: none;
    }
    
    .widget_categories > ul > .cat-item > a,
    .wp-block-categories-list > li > a {
      position: relative;
      margin-bottom: 20px;
      font-size: 20px;
      font-weight: 600;
    }
    
    .widget_categories > ul > .cat-item > a,
    .wp-block-categories-list > li > a::after {
      content: "";
      transform: translate(0px, 4px);
      border-bottom: solid 2px #CA61D9;
    }
    
    .widget_categories > ul > .cat-item > a,
    .wp-block-categories-list > li > .children > .cat-item > a {
      font-size: 14px;
      font-weight: 600;
    }
    
    /*サイドバー上アイコン表示*/
    .side-title__inner {
      display: flex;
      justify-content: space-between;
      height: 160px;
    }
    
    .side-icon__question {
      width: 44%;
      display: inline;
      padding-left: 10px;
    }
    
    
    .side-icon__question > a > img:hover {
      border-radius: 4px;
      box-shadow: none;
    
    }
    
    
    .side-icon__support {
      width: 44%;
      display: inline;
      padding-right: 10px;
    }
    
    .side-icon__support > a > img:hover {
      border-radius: 4px;
      box-shadow: none;
    
    }
    
    
    /*バナー部分レイアウト*/
    .side-bannar {
      padding: 6px;
    }
    
    .side-bannar > li {
      margin-bottom: 10px;
    }
    
    .side-bannar > li > a > img {
      border-bottom: 6px solid #ede3ff;
      border-right: 6px solid #ede3ff;
      border-bottom-right-radius: 6px;
      border-top-right-radius: 6px;
    }
    
    .side-bannar > li > a > img:hover {
      border-bottom: solid 6px rgb(115 190 233);
      border-right: solid 6px rgb(115 190 233);
    }
    
    
    
    /*サイドバーカテゴリ名アイコン削除*/
    .c-categoryList::before,
    .icon-folder::before,
    .widget_categories > ul > .cat-item > a::before,
    .wp-block-categories-list > li > a::before,
    code.dir_name::before {
      content: "";
    }
    
    .widget_categories .children a::before,
    .widget_pages .children a::before,
    .wp-block-categories .children a::before {
      color: #CA61D9;
    }
    
    .widget_archive li a,
    .widget_categories li a,
    .widget_nav_menu li a,
    .widget_pages li a,
    .wp-block-archives li a,
    .wp-block-categories li a {
      border: 0px;
    }
    
    /*子カテゴリ一覧のサムネイル非表示*/
    .p-postList__thumb {
      display: none;
    }
    
    /*個別記事の下ページ送り反転*/
    .p-pnLinks {
      flex-direction: row-reverse;
    }
    
    .p-pnLinks.-style-normal .-prev .p-pnLinks__link {
      border-left: solid 0;
      border-right: solid 1.25em #CA61D9;
      border-radius: 6px;
    }
    
    .p-pnLinks.-style-normal .-next .p-pnLinks__link {
      border-left: solid 1.25em #CA61D9;
      border-right: solid 0;
      border-radius: 6px;
    }
    
    .prev-none>a{
      display: none;
    }
    .p-pnLinks__item.-prev .p-pnLinks__link {
      justify-content: flex-end;
    }
    
    .p-pnLinks__item.-next .p-pnLinks__link {
      justify-content: space-between;
    }
    
    /*>アイコン変更*/
    /*ホームのレイアウト*/
    /*タイトル*/
    .home-title__inner {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
    }
    
    .home-title__head {
      display: flex;
      justify-content: flex-start;
      width: 680px;
      align-items: center;
      padding-left: 30px;
    }
    
    .home-title__day {
      margin-left: 30px;
      display: inline;
    }
    
    /*ねこ*/
    .home-illust{
      align-items: flex-end;
    }
    
    .home-illust>img{
      width: 158px;
      height: auto;
      
    }
    
    
    /*日付表示*/
    .home-img__inner {
      font-family: "Averia Sans Libre", cursive;
      position: relative;
      background-image: url(http://cj-course.com/pr/wp-content/uploads/2021/09/day_bg2.png);
      background-repeat: no-repeat;
      background-size: contain;
      width: 132px;
      height: auto;
    }
    
    .home-img__inner::after {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      transform: translate(4px, 4px);
      width: 140px;
      border-bottom: solid 7px rgba(255, 198, 39, 0.5);
      border-radius: 4px 4px 4px 4px;
    }
    
    .home-title__text {
      position: relative;
      display: inline;
      width: 420px;
      padding: 20px 6px 20px 6px;
    }
    
    
    .home-title__text > span {
      display: block;
      font-size: 16px;
      font-weight: 600;
    }
    
    .home-img__year {
      position: absolute;
      font-weight: 600;
      top: 40px;
      left: 14px;
      transform: translate(0, 0);
    }
    
    .home-img__month {
      position: absolute;
      font-weight: 600;
      font-size: 30px;
      top: 56px;
      left: 14px;
      transform: translate(0, 0);
    }
    
    .home-img__month::after {
      content: "/";
      font-size: 1.2rem;
      position: absolute;
      top: 0px;
      transform: translate(5px, 12px);
    }
    
    .home-img__day {
      position: absolute;
      font-weight: 600;
      font-size: 30px;
      top: 56px;
      left: 66px;
      transform: translate(0, 0);
    }
    
    .home-img__week {
      position: absolute;
      font-weight: 600;
      font-size: 10px;
      top: 72px;
      left: 98px;
      transform: translate(0, 0);
      padding: 4px;
      color: #000;
      background-color: #d8dbff;
      border-radius: 50px;
    }
    
    .home-icon__question {
      width: 120px;
      display: inline;
      margin-right: 16px;
    }
    
    .home-icon__question > a > img {
    }
    
    .home-icon__question > a > img:hover{
        border-radius: 4px;
        box-shadow: none;
       transform: scale(0.95);
        opacity: 0.8;
      transition-duration: 0.1s;
    }
    
    
    .home-icon__support {
      width: 120px;
      display: inline;
    }
    
    .home-icon__support > a > img {
    
    }
    
    .home-icon__support > a > img:hover{
        border-radius: 4px;
        box-shadow: none;
       transform: scale(0.95);
        opacity: 0.8;
      transition-duration: 0.1s;
    }
    
    
    .home-icon__support > a::after {
      display: block;
      content: "";
      /* font-family: fot-tsukuardgothic-std, sans-serif; */
      position: relative;
      bottom: 56px;
      left: 18px;
      font-size: 12px;
    }
    
    /*講座一覧*/
    .cat_list__head {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding-top: 30px;
    }
    
    .cat_list__head::after {
      content: "";
      display: block;
      width: 32%;
      /* .boxに指定したwidthと同じ幅を指定する */
      height: 0;
    }
    
    .tab.cat_list__plus{
      background: #F09300;
    }
    .cat-title__home {
        display: block;
        word-break: normal;
        text-align: left;
        font-size: 20px;
        /* font-family: fot-tsukuardgothic-std, sans-serif; */
        color: #325984;
        padding: 7% 10% 10px;
        width: auto;
        height: 120px;
    }
    
    .cat-title__home:hover{
      color: #325984ba;
    }
    
    .cat-title__home .cat-text__home > span {
      display: block;
    padding: 20px 0 0 0!important;
      font-size: 18px;
      margin: 0 auto;
      text-align: center;
      /* font-style: fot-tsukuardgothic-std, sans-serif; */
    }
    
    .cat-item__home {
        width: 31%;
        margin-bottom:32px;
      box-shadow: inset 0px 0px 6px rgb(96 90 98 / 58%);
        border: solid 3px rgb(255 255 255);
        border-radius: 16px;
        text-align: right;
        transition: 0.08s;
        height: 120px;
        background-size: 91%;
        background-position: right;
        background-repeat: no-repeat;
    }
    
    
    h2.cat-item__home:hover{
      border: solid 3px hsl(272.27deg 83.22% 71.96%);
      
    }
    
    .cat-item__play,.cat-item__play2{
      color: #325984;
      padding: 0px 20px 20px 0px;
    }
    
    .cat-text__plus.cat-text__home {
      font-size: 18px;
    }
    
    .cat-text__plus.cat-text__home > span {
      font-size: 20px;
    }
    
    .cat-text__plus2>a{
      text-align: center;
    }
    .cat-text__plus2{
      
    }
    
    .cat-text__plus2.cat-text__home {
      position: absolute;
      font-size: 18px;
      margin: auto;
      top: 50%;
      right: 50%;
      transform: translate(50%,0%);
    }
    .cat-text__plus.cat-text__home > span {
      font-size: 20px;
    }
    
    .icon-play , .icon-play2{
      position: relative;
      bottom: -14px;
      margin-left: 6px;
      width: 25px;
      height: auto;
    }
    
    /*レッスン一覧ページ*/
    .l-mainContent__inner {
      margin: 0 10%;
    }
    
    /*2column*/
    .l-mainContent__inner>.p-termContent>.p-postListTabBody > .c-tabBody__item > ul{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      min-width: 675px;
    }
    
    .l-mainContent__inner>.p-termContent>.p-postListTabBody > .c-tabBody__item > ul>.archive-lesson__inner{
      width: 675px;
    }
    @media (max-width: 599px) {
      .l-mainContent__inner>.p-termContent>.p-postListTabBody > .c-tabBody__item > ul>.archive-lesson__inner{
        width: 100%;
      }
    }
    
    .archive-lesson__img{
      position: absolute;
        top: 0;
        left: 0;
        transform: translate(16px, 12px);
        background-size: contain;
        background-clip: content-box;
        background-origin: content-box;
        border-radius: 10px;
        box-shadow: #a2a2a2 0px 0px 4px;
        margin-bottom: 150px;
        width: 235px;
        height: 132px;
        background-repeat: no-repeat;
        background-position: left;
        opacity: 1;
    
    }

    .archive-lesson__number{
      transform: translate(7px, -70px);

    }
    @media (max-width: 599px) {
    
      .archive-lesson__img{
        position: absolute;
        top: 11px;
        right: 50%;
        transform: translate(50%, 20px);
        background-size: cover;
        background-clip: content-box;
        background-origin: content-box;
        margin-bottom: 150px;
        width: 90%;
        height: 167px;
        border-radius: 10px;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 1;
        transform: translate(9%, 26px);
        
      }
      .l-mainContent__inner>.p-termContent>.p-postListTabBody > .c-tabBody__item > ul{
        max-width: 100%;
        min-width: inherit;
      }
      
    }
    
    /*タイトル*/
    .archive .c-pageTitle__inner {
      padding-left: 56px;
      /* font-family: fot-tsukuardgothic-std, sans-serif; */
    }
    
    .archive .c-pageTitle__inner::before {
      content: "　";
      padding: 10px;
      background-image: url(http://cj-course.com/pr/wp-content/uploads/2021/09/pin.png);
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      transform: translate(-58px, -6px);
    }
    
    /*上下反転*/
    .p-termContent {
      margin-top: 3em;
      display: flex;
      flex-direction: column-reverse;
    }
    
    /*カウントデザイン*/
    .archive-lesson__number {
        position: absolute;
        transform: translate(7px, -70px);
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 1.4rem;
        font-weight: bold;
        background-color: #CA61D9;
        border-radius: 100%;
      z-index: 10;
    }
    
    .-type-list .p-postList__body,
    .-type-list2 .p-postList__body {
      width: 100%;
      margin:auto;
    }
    
    /*カテゴリー下パーツ*/
    .day-list {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .day-item {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    
    .day-item > img {
      width: 32px;
      opacity: 0.6;
    }
    
    .day-item > p {
      padding: 0 10px;
      font-size: 14px;
      color: #CA61D9;
      font-weight: bold;
    }
    
    .day-top > a > p {
      font-size: 22px;
      color: #CA61D9;
      font-weight: bold;
    }
    
    
    /*ブログパーツ*/
    .day-item>.day-prev__icon{
      padding: 0;
      font-size: 1.6rem;
    }
    
    /*投稿ページ*/
    .read-time__inner {
      display: flex;
      align-items: center;
      margin-bottom: 0px;
    }
    
    .read-time__img {
      width: 18px;
      margin-bottom: 0px;
    }
    
    .read-time__text {
      font-size: 14px;
      padding-left: 6px;
    }
    
    .post_content .wp-block-embed {
      margin: 1em auto;
    }
    
    /*ヘッダーデザイン*/
    .l-header {
      border-bottom: solid 1px rgba(0, 0, 0, 0.1);
      border-radius: 16px;
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.08);
    }
    
    .header-icon__right > a {
      display: inline;
      font-size: 10px;
      color: #000;
    }
    
    
    .c-gnav a::after {
      background: rgb(171 91 239 / 80%);
    }
    
    .w-header__inner{
      display: inherit;
      
    }
    .-series-right .w-header{
      margin-left: 0;
    }
    .membership-on{
      margin-right: 8px;
      display: inherit;
      line-height: normal;
      font-size: 14px;
      /* font-family: fot-tsukuardgothic-std, sans-serif; */
    }
    .membership-on>a{
      color: #333333;
      position: relative;
      text-decoration: none;
      padding: 0 12px 0 12px;
    }
    
    .membership-on>a::before,
    .membership-on>a::after{
      position: absolute;
      bottom: 0;
      transform: translateY(22px);
      content: "";
      color: #325984;
      border-bottom: solid 2px #325984;
      display: block;
      transition: all .3s ease;
      -webkit-transition: all .3s ease;
      width: 0;
    }
    
    .membership-on>a::before {
      right: 50%;
    }
    .membership-on>a::after {
      left: 50%;
    }
    .membership-on>a:hover::before,
    .membership-on>a:hover::after {
      width: 50%;
    }
    
    /*フッターデザイン*/
    #block-21 {
      font-size: 24px;
      font-weight: bold;
      margin-top: 20px;
    }
    
    #block-19 {
      font-size: 12px;
      margin-top: 6px;
    }
    
    .footer-text__main {
      font-size: 14px;
    }
    
    .wp-image-182 {
      width: 130px;
      height: auto;
    }
    
    /*スマホメニュー*/
    .c-widget__title.-spmenu {
      border-radius: 6px;
    }
    
    /*タブレット表示*/
    @media (max-width: 959px) {
      .home-title__inner .home-icon__question {
        display: none;
      }
    
      .home-title__inner .home-icon__support {
        display: none;
      }
    
      .home-title__head {
        padding-bottom: 30px;
      }
    
      .home-img__inner::after {
        transform: translate(4px, 34px);
      }
    
      .home-title__text::before {
        transform: translate(0px, 34px);
      }
    
      /*アーカイブページ*/
      .l-mainContent__inner {
        margin: 0;
      }
    
      .archive .l-sidebar,
    .single .l-sidebar {
        display: none;
      }
    
      /*フッター*/
      .wp-image-154 {
        width: 40px;
      }
    }
    /*タブレットメニュー*/
    @media screen and (min-width: 600px) and (max-width: 959px) {
      .side-icon__question > a > img {
        width: 120px;
      }
    
      .side-icon__support > a > img {
        width: 120px;
      }
    
      .side-icon__question::after {
        bottom: 30px;
        left: -96px;
      }
    
      .side-title__inner {
        justify-content: center;
      }
    }
    /*モバイル表示*/
    @media (max-width: 599px) {
      .archive .display_sp {
        display: inherit;
      }
    
      .single .display_sp {
        display: none;
      }
    
      .cat_list__head {
        display: block;
      }
    
      .cat-item__home {
        width: auto;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-radius: 16px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.08);
        text-align: right;
        height: 135px;
      }
    
      
      .c-widget+.c-widget{
        margin-top: 0.2em;
      }
      #custom_html-4{
        margin-top: 2em;
      }
      .home-title__inner {
        display: block;
        padding: 0 10px;
      }
    
      .home-title__head {
        width: 100%;
        display: block;
        padding-bottom: 40px;
        text-align: center;
        margin: auto;
      }
      
      .home-illust>img{
        width: 140px;
        margin-bottom: 30px;
      }
      
      .home-title__day{
        display: block;
        margin: 0;
      }
      .home-title__text span{
        padding-bottom: 6px;
        border-bottom: 2px solid #325984;
      }
      
      p.login-comment{
        display: none;
      }
    
      /*header*/
      .c-spnav .menu-item{
        /* font-family: fot-tsukuardgothic-std, sans-serif; */
      }
      .p-spMenu__bottom{
        margin-top: 0;
      }
      .membership-on{
        padding-left: 0.2em;
      }
      .membership-on::before{
        font-family: icomoon!important;
        content: "\e921";
        display: inline-block;
        vertical-align: middle;
      }
      
      .membership-on>a{
        padding-left: 0;
      }
      
      
      /*トップページ*/
      .home-img__inner {
        position: inherit;
        padding: 72px;
      }
    
      .home-img__inner::after {
        display: none;
      }
    
      .home-title__text::before {
        display: none;
      }
    
      .home-title__text {
        padding: 20px 0 0 0;
      }
    
      .home-title__text > span {
        display: inline;
        padding-top: 0px;
      }
    
      .home-title__text > a {
        font-size: 8px;
      }
    
    
      /*日付*/
      .home-img__year {
        top: 126px;
        left: 38px;
      }
    
      .home-img__month {
        top: 144px;
        left: 38px;
      }
    
      .home-img__day {
        top: 144px;
        left: 92px;
      }
    
      .home-img__week {
        top: 158px;
        left: 128px;
      }
    
      /*講座Day枠*/
      .cat-title__home {
        height: 76px;
        padding: 10px 8%;
      }
    
      .cat-title__home .cat-text__home > span {
        padding-top: 2px;
      }
    
      /*アーカイブページ*/
      .l-mainContent__inner {
        margin: 0;
      }
    
      .archive-lesson__number {
      transform: translate(14px, -300%);
        width: 40px;
        height: 40px;
      }
    
      .archive-lesson__inner>.p-postList__item {
      width: 100%;
        padding: 0;
      }
    
      .p-postList__item > a {
        border-left: none;
        padding-left: 0;
      }
    
      .archive .p-postList__title h2 {
        vertical-align: middle;
      }
    
    .archive .p-postList__item>.p-postList__link {
        padding: 200px 20px 8px 20px;
    }
    
      .archive .p-postList .p-postList__title{
        width: 400px!important;
        margin-left: 280px!important;
        font-size: 18px!important;
      }
    
      /*フッター*/
      .wp-image-154 {
        width: 10%;
      }
    
      .w-footer__box h2 {
        font-size: 18px;
      }
    }
    @media screen and (max-width: 320px) {
      .home-img__inner {
        display: none;
      }
    
      .side-icon__question::after {
        font-size: 10px;
      }
    
      .side-icon__support > a::after {
        font-size: 10px;
      }
    
      .side-icon__support::after {
        font-size: 10px;
      }
	  }}
    /*========= アニメーションのためのCSS ===============*/
    /*遅れる*/
    .delay-time05 {
      -webkit-animation-delay: 0.5s;
              animation-delay: 0.5s;
    }
    
    .delay-time1 {
      -webkit-animation-delay: 1s;
              animation-delay: 1s;
    }
    
    .delay-time2 {
      -webkit-animation-delay: 2s;
              animation-delay: 2s;
    }
    
    .delay-time-2 {
      -webkit-animation-delay: -2.5s;
              animation-delay: -2.5s;
    }
    
    /*========= レイアウトのためのCSS ===============*/
    /*==================================================
    スタート時は要素自体を透過0にするためのopacity:0;を指定する
    ===================================*/
    .box {
      opacity: 0;
    }
    
    /*==================================================
    ふわっ
    ===================================*/
    .fadeUp {
      -webkit-animation-name: fadeUpAnime;
              animation-name: fadeUpAnime;
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      opacity: 0;
    }
    
    @-webkit-keyframes fadeUpAnime {
      from {
        opacity: 0;
        transform: translateY(100px) scale(0.9);
      }
      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }
    
    @keyframes fadeUpAnime {
      from {
        opacity: 0;
        transform: translateY(100px) scale(0.9);
      }
      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }
    /*==================================================
    タブっ
    ===================================*/
    /*--------------------------------------
      tab
    --------------------------------------*/
    .tab-wrap {
      margin-bottom: 40px;
    }
    
    .tab-group {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      align-items: flex-end;
    }
    
    .tab {
      flex-grow: 3;
      background: linear-gradient(123deg, rgb(235 58 227) 0%, rgb(131 148 229) 82%);
      /* タブのカラー */
      border-radius: 10px 10px 0 0;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-size: 13px;
      font-weight: bold;
      margin: 0 5px;
      padding: 14px 0 12px;
      text-align: center;
      transition: 1s;
      vertical-align: bottom;
      opacity: 0.6;
    }
    
    .panel-group {
      min-height: 100px;
      border-top: 8px solid rgb(171 91 239 / 80%);
      padding: 10px;
    }
    
    .panel {
      display: none;
    }
    
    .tab.is-active {
      color: #fff;
      transition: 0.3s;
      opacity: 1;
      font-size: 16px;
    }
    
    .panel.is-show {
      display: block;
    }
    
    @media screen and (max-width: 480px) {
      .tab {
        padding: 10px 0 7px;
      }
    
      .tab.is-active {
        padding-bottom: 15px;
      }
    }
    .p-postList__item {
      display: inline-block;
      position: relative;
      padding: 0;
      width: 675px;
      height: 160px;
      border-radius: 16px;
      box-sizing: border-box;
      box-shadow: 1px 1px 4px #b5b5b5;
      border: solid 4px #fff;
    }
    .p-postList__item:hover {
      border: solid 4px #CA61D9;
    }
    
    .archive-lesson__number {
      transition: 0.2s;
    }
    .archive-lesson__number.move {
      transition: 0.2s;
    }
    @media screen and (max-width: 599px) {
      .archive-lesson__number.move {
      }
    }
    
    .archive h2.p-postList__title {
      width: 340px;
      text-align: left;
      margin-left: 32px;
    }
    
    .p-postList__link {
      width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0px;
        box-sizing: border-box;
      text-align: center;
    }
    @media screen and (max-width: 599px) {
      .p-postList__item>.p-postList__link {
        padding:200px 20px 8px 20px;
      }
    }
    .p-postList__link::before {
      width: 1px;
      height: 24px;
      display: none;
      position: absolute;
      content: "";
      top: 0;
      bottom: 0;
      left: 100px;
      margin: auto;
      background-color: #CA61D9;
    }
    .p-postList__link:hover {
      opacity: 0.95;
    }
    .p-postList__link:hover::before {
      left: 95px;
    }
    
    @media screen and (max-width: 600px) {
      .p-postList__link::before {
        display: none;
      }
    }
    .cat-item-36 {
      display: none;
    }
    
    .cat-item-39 {
      display: none;
    }
    .cat-item-40 {
      display: none;
    }
    
    .cat-item-41 {
      display: none;
    }
    .cat-item-42 {
      display: none;
    }
    
    .cat-item-43 {
      display: none;
    }
    
    .cat-item-44 {
      display: none;
    }
    
    
    .cat-item-47 {
      display: none;
    }
    
    
    .cat-item-50 {
      display: none;
    }
    
    .cat-item-52 {
      display: none;
    }
    .cat-item-56 {
      display: none;
    }
    .cat-item-58{
      display: none;
    }
    
    #search-page .p-postList__link::after {
      width: 30px;
      height: 30px;
      content: "";
      position: absolute;
      background-image: url(./search.svg);
      background-position: center;
      background-size: cover;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 30px;
    }
    @media screen and (max-width: 599px) {
      #search-page .p-postList__link::after {
        left: 20px;
      }
    }
    #search-page .p-postList__link:hover::after {
      left: 25px;
    }
    
    .cat-item-3 .children,
    .cat-item-23 .children,
    .cat-item-45 .children{
      display: none;
    }
    .cat-item-3 .parent-cat,
    .cat-item-23 .parent-cat,
    .cat-item-45 .parent-cat{
      position: relative;
    }
    .cat-item-3 .parent-cat::after,
    .cat-item-23 .parent-cat::after,
    .cat-item-45 .parent-cat::after{
      content: "＞";
      font-family: sans-serif;
      color: #CA61D9;
      font-size: 10px;
      font-weight: bold;
      transform: rotate(90deg);
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      height: 25px;
      width: 25px;
      top: 0;
      bottom: 0;
      margin: auto;
      right: 10px;
      border: none;
      border-radius: 50%;
    }
    
    .question-index {
      display: none;
    }
    
    #question-page .c-pageTitle {
      font-size: 23px;
    }
    @media screen and (max-width: 600px) {
      #question-page .c-pageTitle {
        font-size: inherit;
      }
    }
    #question-page .p-toc {
      display: none;
    }
    #question-page .swell-block-accordion__item {
      margin-top: 0.5em !important;
    }
    
    .sozai {
      width: 100%;
    }
    
    .login-comment {
      font-size: 14px;
      font-weight: bold;
      color: #325984;
      
      position: relative;
      display: inline-block;
      margin: 1.5em 0 1.5em 15px;
      padding: 7px 10px;
      min-width: 120px;
      max-width: 100%;
      background: #FFF;
      border: solid 2px #325984;
      border-radius: 10px;
      box-sizing: border-box;
    }
    
    .login-comment:before {
      content: "";
      position: absolute;
      top: 50%;
      left: -23px;
      margin-top: -8px;
      border: 10px solid transparent;
      border-right: 14px solid #FFF;
      z-index: 2;
      
    }
    
    .login-comment:after {
      content: "";
        position: absolute;
        top: 50%;
        left: -26px;
        margin-top: -8px;
        border: 10px solid transparent;
        border-right: 14px solid #325984;
        z-index: 1;
      border-radius: 10px;
    }
    
    
    .wp-block-columns {
      margin: 3em auto;
    }
    
    .panel-group .panel:nth-of-type(2) .cat-item__home {
      position: relative;
    }
    .panel-group .panel:nth-of-type(2) .cat-item__home .cat-title__home span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      width: 92%;
    }
	
    .panel-group .panel:nth-of-type(2) .cat-item__home .cat-title__home.cat-text__plus.cat-text__home > span {
		font-size: 16px!important;
		margin-top: 16px!important;
    }
	  
    .panel-group .panel:nth-of-type(3) .cat-item__home .cat-title__home span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      width: 86%;
    }
    
    /*home_thumbnail*/
    
    /* 回転Z軸2
       ----------------------------- */
    
    .flipZ2 a{/*テキストの基点となる位置を定義*/
      position: relative;
      display: block;
    }
    
    .flipZ2 img {
      transition: all 0.35s ease;/*移り変わる速さを変更したい場合はこの数値を変更*/
      backface-visibility: hidden;/*三次元になった際に裏面を可視化させない*/
    }
    
    .flipZ2 a:hover img {/*hoverした時の変化*/
      transform: rotate3d(-1, -1, 0, 100deg);/*奥行きをもたせて回転*/
      opacity: 0;
    }
    
    .flipZ2 span.cap {
    /*ここからエリアの絶対配置の指定*/
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    /*ここまでエリアの絶対配置の指定*/
    transition: all 0.35s ease;/*移り変わる速さを変更したい場合はこの数値を変更*/
      transform: rotate3d(1, 1, 0, 100deg);/*奥行きをもたせて回転*/
      opacity: 0;
      background:#333;/*背景色*/
      color: #fff;/*テキストの色を変えたい場合はここを修正*/
      /*ここからテキスト中央寄せの指定*/
      display: flex;
      justify-content: center;
      align-items: center;
      /*ここまでテキスト中央寄せの指定*/
    }
    
    .flipZ2 a:hover span.cap {/*hoverした時の変化*/
      transform: rotate3d(0, 0, 0, 0deg);/*奥行きをもたせて回転*/
      opacity: 1;
      transition-delay: 0.15s;/*移り変わる速さを変更したい場合はこの数値を変更*/
    }
    
    
    /*home_thumbnail*/
    
    
    
    
    
    
    /*# sourceMappingURL=style.css.map */
    background-size: cover;
    background-clip: content-box;
    background-origin: content-box;
    margin-bottom: 150px;
    width: 84%;
    height: 167px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    
  }
	.l-mainContent__inner>.p-termContent>.p-postListTabBody > .c-tabBody__item > ul{
		max-width: 100%;
		min-width: inherit;
	}
	
}

/*タイトル*/
.archive .c-pageTitle__inner {
  padding-left: 40px;
  /* font-family: fot-tsukuardgothic-std, sans-serif; */
}

.archive .c-pageTitle__inner::before {
  content: "　";
  padding: 10px;
  background-image: url(http://cj-course.com/pr/wp-content/uploads/2021/09/pin.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  transform: translate(-58px, -6px);
}

/*上下反転*/
.p-termContent {
  margin-top: 3em;
  display: flex;
  flex-direction: column-reverse;
}

/*カウントデザイン*/
.archive-lesson__number {
    position: absolute;
    transform: translate(7px, -70px);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    background-color: #CA61D9;
    border-radius: 100%;
	z-index: 10;
}

.-type-list .p-postList__body,
.-type-list2 .p-postList__body {
  width: 100%;
	margin:auto;
}

/*カテゴリー下パーツ*/
.day-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.day-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.day-item > img {
  width: 32px;
  opacity: 0.6;
}

.day-item > p {
  padding: 0 10px;
  font-size: 14px;
  color: #CA61D9;
  font-weight: bold;
}

.day-top > a > p {
  font-size: 22px;
  color: #CA61D9;
  font-weight: bold;
}


/*ブログパーツ*/
.day-item>.day-prev__icon{
	padding: 0;
	font-size: 1.6rem;
}

/*投稿ページ*/
.read-time__inner {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}

.read-time__img {
  width: 18px;
  margin-bottom: 0px;
}

.read-time__text {
  font-size: 14px;
  padding-left: 6px;
}

.post_content .wp-block-embed {
  margin: 1em auto;
}

/*ヘッダーデザイン*/
.l-header {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.08);
}

.header-icon__right > a {
  display: inline;
  font-size: 10px;
  color: #000;
}


.c-gnav a::after {
  background: rgb(171 91 239 / 80%);
}

.w-header__inner{
	display: inherit;
	
}
.-series-right .w-header{
	margin-left: 0;
}
.membership-on{
	margin-right: 8px;
	display: inherit;
	line-height: normal;
	font-size: 14px;
	/* font-family: fot-tsukuardgothic-std, sans-serif; */
}
.membership-on>a{
	color: #333333;
	position: relative;
	text-decoration: none;
	padding: 0 12px 0 12px;
}

.membership-on>a::before,
.membership-on>a::after{
	position: absolute;
	bottom: 0;
	transform: translateY(22px);
	content: "";
	color: #325984;
	border-bottom: solid 2px #325984;
	display: block;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	width: 0;
}

.membership-on>a::before {
  right: 50%;
}
.membership-on>a::after {
  left: 50%;
}
.membership-on>a:hover::before,
.membership-on>a:hover::after {
  width: 50%;
}

/*フッターデザイン*/
#block-21 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;
}

#block-19 {
  font-size: 12px;
  margin-top: 6px;
}

.footer-text__main {
  font-size: 14px;
}

.wp-image-182 {
  width: 130px;
  height: auto;
}

/*スマホメニュー*/
.c-widget__title.-spmenu {
  border-radius: 6px;
}

/*タブレット表示*/
@media (max-width: 959px) {
  .home-title__inner .home-icon__question {
    display: none;
  }

  .home-title__inner .home-icon__support {
    display: none;
  }

  .home-title__head {
    padding-bottom: 30px;
  }

  .home-img__inner::after {
    transform: translate(4px, 34px);
  }

  .home-title__text::before {
    transform: translate(0px, 34px);
  }

  /*アーカイブページ*/
  .l-mainContent__inner {
    margin: 0;
  }

  .archive .l-sidebar,
.single .l-sidebar {
    display: none;
  }

  /*フッター*/
  .wp-image-154 {
    width: 40px;
  }
}
/*タブレットメニュー*/
@media screen and (min-width: 600px) and (max-width: 959px) {
  .side-icon__question > a > img {
    width: 120px;
  }

  .side-icon__support > a > img {
    width: 120px;
  }

  .side-icon__question::after {
    bottom: 30px;
    left: -96px;
  }

  .side-title__inner {
    justify-content: center;
  }
}
/*モバイル表示*/
@media (max-width: 599px) {
  .archive .display_sp {
    display: inherit;
  }

  .single .display_sp {
    display: none;
  }

  .cat_list__head {
    display: block;
  }

  .cat-item__home {
    width: auto;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-radius: 16px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.08);
    text-align: right;
    height: 135px;
  }

	
	.c-widget+.c-widget{
		margin-top: 0.2em;
	}
	#custom_html-4{
		margin-top: 2em;
	}
  .home-title__inner {
    display: block;
    padding: 0 10px;
  }

  .home-title__head {
    width: 100%;
    display: block;
    padding-bottom: 40px;
	  text-align: center;
	  margin: auto;
  }
	
	.home-illust>img{
		width: 140px;
		margin-bottom: 30px;
	}
	
	.home-title__day{
		display: block;
		margin: 0;
	}
	.home-title__text span{
		padding-bottom: 6px;
		border-bottom: 2px solid #325984;
	}
	
	p.login-comment{
		display: none;
	}

  /*header*/
	.c-spnav .menu-item{
		/* font-family: fot-tsukuardgothic-std, sans-serif; */
	}
	.p-spMenu__bottom{
		margin-top: 0;
	}
	.membership-on{
		padding-left: 0.2em;
	}
	.membership-on::before{
		font-family: icomoon!important;
		content: "\e921";
		display: inline-block;
		vertical-align: middle;
	}
	
	.membership-on>a{
		padding-left: 0;
	}
	
	
  /*トップページ*/
  .home-img__inner {
    position: inherit;
    padding: 72px;
  }

  .home-img__inner::after {
    display: none;
  }

  .home-title__text::before {
    display: none;
  }

  .home-title__text {
    padding: 20px 0 0 0;
  }

  .home-title__text > span {
    display: inline;
    padding-top: 0px;
  }

  .home-title__text > a {
    font-size: 8px;
  }


  /*日付*/
  .home-img__year {
    top: 126px;
    left: 38px;
  }

  .home-img__month {
    top: 144px;
    left: 38px;
  }

  .home-img__day {
    top: 144px;
    left: 92px;
  }

  .home-img__week {
    top: 158px;
    left: 128px;
  }

  /*講座Day枠*/
  .cat-title__home {
    height: 76px;
    padding: 10px 8%;
  }

  .cat-title__home .cat-text__home > span {
    padding-top: 2px;
  }

  /*アーカイブページ*/
  .l-mainContent__inner {
    margin: 0;
  }

  .archive-lesson__number {
	transform: translate(14px, -300%);
    width: 40px;
    height: 40px;
  }

  .archive-lesson__inner>.p-postList__item {
	width: 100%;
    padding: 0;
    height: 280px;
  }

  .p-postList__item > a {
    border-left: none;
    padding-left: 0;
  }

  .archive .p-postList__title h2 {
    vertical-align: middle;
  }

.archive .p-postList__item>.p-postList__link {
    padding: 200px 20px 8px 20px;
}

  .archive .p-postList .p-postList__title{
    width: 100%!important;
    margin-left: 0px!important;
    font-size: 18px!important;
    text-align: center;
  }

  /*フッター*/
  .wp-image-154 {
    width: 10%;
  }

  .w-footer__box h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  .home-img__inner {
    display: none;
  }

  .side-icon__question::after {
    font-size: 10px;
  }

  .side-icon__support > a::after {
    font-size: 10px;
  }

  .side-icon__support::after {
    font-size: 10px;
  }
}
/*========= アニメーションのためのCSS ===============*/
/*遅れる*/
.delay-time05 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.delay-time1 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.delay-time2 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.delay-time-2 {
  -webkit-animation-delay: -2.5s;
          animation-delay: -2.5s;
}

/*========= レイアウトのためのCSS ===============*/
/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/
.box {
  opacity: 0;
}

/*==================================================
ふわっ
===================================*/
.fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
/*==================================================
タブっ
===================================*/
/*--------------------------------------
  tab
--------------------------------------*/
.tab-wrap {
  margin-bottom: 40px;
}

.tab-group {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-end;
}

.tab {
  flex-grow: 3;
  background: linear-gradient(123deg, rgb(235 58 227) 0%, rgb(131 148 229) 82%);
  /* タブのカラー */
  border-radius: 10px 10px 0 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  margin: 0 5px;
  padding: 14px 0 12px;
  text-align: center;
  transition: 1s;
  vertical-align: bottom;
  opacity: 0.6;
}

.panel-group {
  min-height: 100px;
  border-top: 8px solid rgb(171 91 239 / 80%);
  padding: 10px;
}

.panel {
  display: none;
}

.tab.is-active {
  color: #fff;
  transition: 0.3s;
  opacity: 1;
  font-size: 16px;
}

.panel.is-show {
  display: block;
}

@media screen and (max-width: 480px) {
  .tab {
    padding: 10px 0 7px;
  }

  .tab.is-active {
    padding-bottom: 15px;
  }
}
.p-postList__item {
  display: inline-block;
	position: relative;
  padding: 0;
  width: 675px;
  height: 160px;
  border-radius: 16px;
  box-sizing: border-box;
  box-shadow: 1px 1px 4px #b5b5b5;
	border: solid 4px #fff;
}
.p-postList__item:hover {
	border: solid 4px #CA61D9;
}

.archive-lesson__number {
  transition: 0.2s;
}
.archive-lesson__number.move {
  transition: 0.2s;
}
@media screen and (max-width: 599px) {
  .archive-lesson__number.move {
  }
}

.archive h2.p-postList__title {
  width: 400px;
  text-align: left;
  margin-left: 280px;
}

.p-postList__link {
	width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    box-sizing: border-box;
	text-align: center;
}
@media screen and (max-width: 599px) {
  .p-postList__item>.p-postList__link {
	  padding:200px 20px 8px 20px;
  }
}
.p-postList__link::before {
  width: 1px;
  height: 24px;
  display: none;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 100px;
  margin: auto;
  background-color: #CA61D9;
}
.p-postList__link:hover {
	opacity: 0.95;
}
.p-postList__link:hover::before {
  left: 95px;
}

@media screen and (max-width: 600px) {
  .p-postList__link::before {
    display: none;
  }
}
.cat-item-36 {
  display: none;
}

.cat-item-39 {
  display: none;
}
.cat-item-40 {
  display: none;
}

.cat-item-41 {
  display: none;
}
.cat-item-42 {
  display: none;
}

.cat-item-43 {
  display: none;
}

.cat-item-44 {
  display: none;
}


.cat-item-47 {
  display: none;
}


.cat-item-50 {
  display: none;
}

.cat-item-52 {
  display: none;
}
.cat-item-56 {
  display: none;
}
.cat-item-58{
  display: none;
}

#search-page .p-postList__link::after {
  width: 30px;
  height: 30px;
  content: "";
  position: absolute;
  background-image: url(./search.svg);
  background-position: center;
  background-size: cover;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 30px;
}
@media screen and (max-width: 599px) {
  #search-page .p-postList__link::after {
    left: 20px;
  }
}
#search-page .p-postList__link:hover::after {
  left: 25px;
}

.cat-item-3 .children,
.cat-item-23 .children,
.cat-item-45 .children{
  display: none;
}
.cat-item-3 .parent-cat,
.cat-item-23 .parent-cat,
.cat-item-45 .parent-cat{
  position: relative;
}
.cat-item-3 .parent-cat::after,
.cat-item-23 .parent-cat::after,
.cat-item-45 .parent-cat::after{
  content: "＞";
  font-family: sans-serif;
  color: #CA61D9;
  font-size: 10px;
  font-weight: bold;
  transform: rotate(90deg);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 25px;
  width: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  border: none;
  border-radius: 50%;
}

.question-index {
  display: none;
}

#question-page .c-pageTitle {
  font-size: 23px;
}
@media screen and (max-width: 600px) {
  #question-page .c-pageTitle {
    font-size: inherit;
  }
}
#question-page .p-toc {
  display: none;
}
#question-page .swell-block-accordion__item {
  margin-top: 0.5em !important;
}

.sozai {
  width: 100%;
}

.login-comment {
  font-size: 14px;
  font-weight: bold;
  color: #325984;
	
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  background: #FFF;
  border: solid 2px #325984;
	border-radius: 10px;
  box-sizing: border-box;
}

.login-comment:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -23px;
  margin-top: -8px;
  border: 10px solid transparent;
  border-right: 14px solid #FFF;
  z-index: 2;
	
}

.login-comment:after {
	content: "";
    position: absolute;
    top: 50%;
    left: -26px;
    margin-top: -8px;
    border: 10px solid transparent;
    border-right: 14px solid #325984;
    z-index: 1;
	border-radius: 10px;
}


.wp-block-columns {
  margin: 3em auto;
}

.panel-group .panel:nth-of-type(2) .cat-item__home {
  position: relative;
}
.panel-group .panel:nth-of-type(2) .cat-item__home .cat-title__home span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 92%;
  font-size: 16px;
}

.panel-group .panel:nth-of-type(2) .cat-item__home .cat-title__home span > span{
    margin-top: 16px;
}

.panel-group .panel:nth-of-type(3) .cat-item__home .cat-title__home span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 86%;
}

/*home_thumbnail*/

/* 回転Z軸2
   ----------------------------- */

.flipZ2 a{/*テキストの基点となる位置を定義*/
  position: relative;
  display: block;
}

.flipZ2 img {
  transition: all 0.35s ease;/*移り変わる速さを変更したい場合はこの数値を変更*/
  backface-visibility: hidden;/*三次元になった際に裏面を可視化させない*/
}

.flipZ2 a:hover img {/*hoverした時の変化*/
  transform: rotate3d(-1, -1, 0, 100deg);/*奥行きをもたせて回転*/
  opacity: 0;
}

.flipZ2 span.cap {
/*ここからエリアの絶対配置の指定*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
/*ここまでエリアの絶対配置の指定*/
transition: all 0.35s ease;/*移り変わる速さを変更したい場合はこの数値を変更*/
  transform: rotate3d(1, 1, 0, 100deg);/*奥行きをもたせて回転*/
  opacity: 0;
  background:#333;/*背景色*/
  color: #fff;/*テキストの色を変えたい場合はここを修正*/
	/*ここからテキスト中央寄せの指定*/
  display: flex;
  justify-content: center;
  align-items: center;
	/*ここまでテキスト中央寄せの指定*/
}

.flipZ2 a:hover span.cap {/*hoverした時の変化*/
  transform: rotate3d(0, 0, 0, 0deg);/*奥行きをもたせて回転*/
  opacity: 1;
  transition-delay: 0.15s;/*移り変わる速さを変更したい場合はこの数値を変更*/
}


/*home_thumbnail*/






/*# sourceMappingURL=style.css.map */