@charset "utf-8";
/**
Theme Name: astra-child
Author: WEB
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

.author-name {
  display: none;
}
.site-title {
  pointer-events: none;
  padding-top: .2em;
  line-height: 1.4;
}
a:where(:not(.wp-element-button)) {
  text-decoration: none !important;
}
#content.site-content {
  padding-top: 0;
  /*padding-top: 72px;*/
}
#post-180 .entry-content > p:first-of-type {
  display: none;
}
/* トップページ ログインフォーム */
#post-180 .entry-content .swpm-login-widget-form {
  padding: 40px 0 50px;
  background-image: url("images/catch.jpg");
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 600px;
  overflow: hidden;
}
#post-180 .entry-content .swpm-login-widget-logged, #post-180 .swpm-more-tag-not-logged-in.swpm-margin-top-10 {
  display: none;
}
#swpm-login-form {
  width: 980px;
  margin: 0 auto;
}
.swpm-login-form-inner {
  float: right;
  width: 40%;
  padding: 50px 30px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #ccc;
}
.swpm-login-widget-form input {
  width: 100%;
}
.swpm-login-widget-form input[type="checkbox"] {
  width: auto;
}
.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"] {
  margin: 1em 0;
  padding: 1.2em 40px;
}
/* マイページお知らせ */
ul.news_list {
  list-style-type: none;
}
ul.news_list li {
  padding: 0.5em 0;
  border-bottom: 1px dotted #CCCCCC;
}
ul.news_list .cat {
  display: inline-block;
  padding: 0 0.5em;
  margin: 0 0.5em;
  color: #FFFFFF;
  font-size: 0.8em;
  border-radius: 0.2em;
  background-color: #666666;
}
ul.news_list .cat.piano-news {
  background-color: #AE2500;
}
ul.news_list .cat.guitar-news {
  background-color: #AA330B;
}
ul.news_list .cat.violin-news {
  background-color: #A96F0B;
}
ul.news_list .cat.ukulele-news {
  background-color: #00a896;
}
ul.news_list .cat.sax-news {
  background-color: #EB4008;
}
ul.news_list .cat.oboe-news {
  background-color: #5C397B;
}
ul.news_list .cat.camera-news {
  background-color: #353C73;
}
ul.news_list .cat.kaiga-news {
  background-color: #243B24;
}
ul.news_list .add_New {
  display: inline-block;
  padding: 0 0.5em;
  margin-left: 0.5em;
  color: #FFFFFF;
  font-size: 0.8em;
  background-color: #FF0000;
  border-radius: 0.2em;
}
.single .post-navigation .nav-links>.nav-previous a {
  text-align: left;
}
.single .post-navigation .nav-links>.nav-next {
  width: 100% !important;
}
.single .post-navigation .nav-links>.nav-next a {
  text-align: right;
}
.single .post-navigation .nav-links .nav-previous+.nav-next {
  width: 50% !important;
}
.widget_calendar tbody>tr>td {
	white-space: nowrap;
}
/* カテゴリー表示時 タイトルの調整 */
.ast-separate-container .ast-archive-description, .ast-separate-container .ast-author-box {
  background-color: #FFFFFF;
}
.ast-archive-description .ast-archive-title {
  font-size: 2em;
  color: #01BE8C;
  text-align: center;
}
.entry-meta {
  text-align: right;
}
/* マイページ コースページ送り */
.sensei-pagination .page-numbers li .page-numbers {
  display: block;
  margin: 1em 0.5em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid #0274BE;
  border-radius: 50%;
}
.sensei-pagination .page-numbers li .page-numbers.current {
  color: #0274BE;
  background-color: #D2EDFF;
  border: 1px solid #0274BE;
}
/* 記事ページ */
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
  padding: 3em 2em;
}
p.lesson-caption {
  margin-bottom: 1em;
  padding: 0 2em;
}
.author-name, .posted-on {
  display: none;
}
/* 結果発表、タグの非表示 */
section.entry-actions, section.lesson-tags {
  display: none;
}
/* コース表示時、ページ送りを非表示にする */
article.course + .navigation.post-navigation {
  display: none;
}
/* コースページ調整 */
.course-container .course-title, .course-container .course .course-title, .course .course-title {
  width: 100%;
  border-left: 0.5em solid #0274be;
  position: relative;
}
.course-container .course-title a, .course-container .course .course-title a, .course .course-title a {
  display: block;
  padding: 1em 0.5em;
  min-height: 3.5em;
  background-color: #D2EDFF;
}
.course-container .course-title a:hover, .course-container .course .course-title a:hover, .course .course-title a:hover {
  background-color: #E5F4FF;
}
.course-container .course-title a::after, .course-container .course .course-title a::after, .course .course-title a::after {
  content: "内容を見る";
  font-size: 0.6em;
  color: #0274be;
  position: absolute;
  right: 1em;
  bottom: 0.5em;
}
.sensei-course-meta {
  margin: 0.5em 0;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
.sensei-course-meta .course-category {
  display: none;
}
.sensei-course-progress__bar div {
  background-color: #01BE8C;
}
/* レッスンページ調整 */
.single.logged-in #main .type-course header h1, 
.ast-single-post .entry-title, .page-title, 
h2.entry-title, 
header.entry-header .entry-title {
  margin: 0;
  padding: 0.5em 0.5em;
  font-size: 1.2rem;
  border-top: 3px solid #01BE8C;
  border-bottom: 3px solid #01BE8C;
}
.entry-content h2.wp-block-heading {
  margin-bottom: .5em;
  padding: 0 .5em;
  font-size: 1.2rem;
  font-weight: bold;
  border-bottom: 1px solid var(--ast-global-color-2);
}
.lesson .wp-block-sensei-lms-lesson-properties + p {
  padding-left: 1em;
}
.lesson .post-entries.fix {
  overflow: hidden;
}
.wp-block-button .wp-block-button__link, 
.wp-block-search .wp-block-search__button, 
body .wp-block-file .wp-block-file__button {
  font-size: 1rem;
  /*white-space: nowrap;*/
  color: #fff;
	border: none;
	padding: 15px 30px
}
div.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) { 
  color:#fff;
}
/* ログインフォームレイアウト調整 */
.swpm-remember-checkbox {
  padding-right: .5em;
}
.swpm-remember-checkbox + br {
  display: none;
  content-visivility: hidden;
}
.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"] {
  border-style: solid;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
  color: #ffffff;
  font-size: 1em;
  border-color: var(--ast-global-color-0);
  background-color: var(--ast-global-color-0);
  padding-top: 10px;
  padding-right: 40px;
  padding-bottom: 10px;
  padding-left: 40px;
  font-family: inherit;
  font-weight: inherit;
  line-height: 1em;
}
/* ログインエラーメッセージ */
.swpm-post-not-logged-in-msg, .swpm-more-tag-not-logged-in {
  padding: 1em;
  color: #000000;
  background-color: #FFED95;
}
.swpm-post-not-logged-in-msg a, .swpm-more-tag-not-logged-in a {
  color: #FF0000;
  text-decoration: underline;
}
/* プロフィール変更エラーメッセージ */
.passwordformError.parentFormswpm-editprofile-form.formError {
  top: auto !important;
}
/* フォーム調整 */
.wp-block-contact-form-7-contact-form-selector {
  width: 70%;
  margin: 0 auto;
}
/* マイページでログイン欄のところがリンクになる仕様変更
アップデートで解決。また同じようなことがあったら下記コメントを削除してください */
/*#primary + a,
#secondary > a,
.sidebar-main > a,
#text-2 > a,
.textwidget> a,
.swpm-login-widget-logged > a {
  color: #666;
  pointer-events: none !important;
  z-index: -10;
}*/

/* タブレットレイアウト */
@media screen and (max-width:992px) {
.ast-separate-container {
  background-color: #FFFFFF;
}
address, blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
 /*font-size: 105%;*/
  }
/*#content.site-content {
  padding-top: 70px;
}*/
.home .site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {
  display: none;
}
/* トップページログインフォーム */
#post-180 .entry-content .swpm-login-widget-form {
  padding: 60px 1em 50px;
  background-position: left 20% top;
  background-size: cover;
}
#swpm-login-form {
  width: 100%;
}
/* ログイン状態表示 */
.swpm-login-widget-logged {
  padding: 1em;
  background-color: #F5F5F5;
}
/* ハンバーガーメニュー */
.ast-header-break-point .main-navigation ul .menu-item .menu-link {
  padding: 10px 20px;
}
.page-id-52 #menu-item-668, 
.page-id-634 #menu-item-136, .page-id-634 #menu-item-508,
.page-id-130 #menu-item-136, .page-id-130 #menu-item-508 {/* ページごとにメニュー非表示 */
  display: none;
}
/* コースページ調整 */
.course, .course-container, .course-container .course {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* レッスンページ調整 */
.lesson .wp-block-sensei-lms-lesson-properties {
  margin-bottom: 1em;
}
#secondary .wp-block-button {
  text-align: right;
}
/* ページネーション */
#post-entries {
  overflow: hidden;
}
.sensei .entry-content section.sensei-breadcrumb {
  padding: .5em 1em;
}
/* フォーム調整 */
.wp-block-contact-form-7-contact-form-selector {
  width: 100%;
  margin: 0;
}
/* フッター */
.site-footer {
  background-color: #F5F5F5;
}
.main-header-menu .menu-item, #astra-footer-menu .menu-item, .main-header-bar .ast-masthead-custom-menu-items {
  padding: 0.5em 0;
  font-size: 1.2em;
  border-bottom: 1px dotted #CCCCCC;
}
}
/* スマホレイアウト */
@media screen and (max-width:768px) {
/* トップページログインフォーム */
#post-180 .entry-content .swpm-login-widget-form {
  background-position: center top;
}
.swpm-login-form-inner {
  float: none;
  width: 100%;
  padding: 2em 1em;
}
/* マイページお知らせ */
ul.news_list {
  margin-left: 0;
}
ul.news_list .news_title {
  display: inline-block;
  font-size: 1em;
}
.single .post-navigation .nav-links .nav-previous+.nav-next {
  width: 100% !important;
}
/* 記事ページ */
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
  padding: 0 .5em 2em;
}
.course-container li.course {
  padding: 0;
}
/* コースページ調整 */
.course-container .course-title a, .course-container .course .course-title a, .course .course-title a {
  padding: 0.5em 1em;
}
.course-container .course-title a::after, .course-container .course .course-title a::after, .course .course-title a::after {
  font-size: 0.8em;
}
}
@media (max-width: 544px) {
body {
  /*font-size: 1.25rem;*/
  line-height: 1.4;
}
/* レッスンページ調整 */
.single.logged-in #main .type-course header h1, .ast-single-post .entry-title, .page-title {
  font-size: 1.1rem;
  font-weight: normal;
}
.entry-content h2.wp-block-heading {
  /*font-size: 1em;*/
}
#post-entries .nav-prev.fl {
  float: none;
  margin-bottom: 1em;
}
#post-entries .nav-next.fr {
  float: none;
  text-align: right;
}
}
@media (max-width: 400px) {
  .ast-logo-title-inline .ast-site-identity {
    flex-direction: column;
    font-size: .9em;
  }
}