@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
*/

/* 共通 */

.l-content {
	padding-top: 2em;
}

.talk-title {
	padding: 0.6em !important;
	border-radius: 5px;
}

.sp-tit {
	padding: 0.3em 0.5em !important;
}

.personal-history .swell-block-accordion__title {
	padding: 0.5em !important;
	background: #ebebeb;
}

.personal-history .c-switchIconBtn, .c-switch_icon_btn {
	color: #549B35;
}

.festa-link a {
	text-decoration: underline !important;
	color: #1176d4 !important;
}

/* オープニングフォーラム */

.opening-box .personal-history .c-switchIconBtn, .c-switch_icon_btn {
	color: #EC73A8;
}

/* 特別トーク */

.special-talk-box {
	--capbox-color: #529536 !important;
}

.cap_box_ttl {
    border-radius: 10px 10px 0 0;
}

.cap_box_content {
	border-radius: 0 0 10px 10px;
}

/* 学ぼう編 */

.learn-title-box {
    --capbox-color: #273F66 !important;
}

.learn-title-box .personal-history .c-switchIconBtn, .c-switch_icon_btn {
	color: #0075C8;
}

/* 語ろう編 */

.talk-title-box {
    --capbox-color: #ae7803 !important;
}

.talk-title-box .personal-history .c-switchIconBtn, .c-switch_icon_btn {
	color: #d79c1f;
}

/* 問合せボックス */

.contact-box {
    --capbox-color: #0075C8 !important;
}

/* 配信スケジュール */

.schedule-box .wp-block-table td, 
.schedule-box .wp-block-table th {
	border-right: 1px solid var(--color_border--table, #dcdcdc) !important;
	border-top: none;
    border-bottom: none !important;
    border-left: none;
	padding: .5em 0em;
}

.schedule-box .wp-block-table {
	--table-border: none;
}

.schedule-box .wp-block-table[data-cell1-fixed] tbody th:first-child:not(.-no1):before {
	background-color: #fff;
}

.schedule-month {
	font-size: 1.5em;
	line-height: 2.5;
	text-align: center;
}

.schedule-time {
	position: absolute;
    top: -13px;
    right: 0;
	color: #EC73A8;
}


.schedule-2time {
	position: absolute;
    top: -26px;
    right: 0;
	color: #EC73A8;
}

.schedule-box td[rowspan="6"] {
	padding: 1.5em 0;
}

.schedule-box td[rowspan="3"] {
    height: 165px;
}

/* 申込フォーム */

.contactform {
	width: 80%;
	margin: 0 auto;
}

.wpcf7-form span.form-item {
    font-size: 12px;
    color: white;
    font-weight: normal;
    padding: 5px 8px;
    border-radius: 5px;
    margin-left: 5px;
}

.wpcf7-form span.required {
  background: #cc0b0b;
}

.wpcf7-form span.any {
  background: #0c3786;
}

.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea {
	padding: 1em;
	margin: 1em 0;
	width: 100%;
}

.wpcf7-form .label-txt {
	font-weight: bold;
	margin: 1em 1em 0.5em 1em;
}

.wpcf7-form [type=submit] {
	background-color: #000;
	font-weight: bold;
	border: 0;
	width: 80%;
	height: 65px;
	border-radius: 5px;
	color: #fff;
}

.contactform .submit-box {
	text-align: center;
}

.contactform > button, input, select, textarea {
    border: 1px solid hsla(0, 0%, 78%, .5) !important;
    border-radius: 0 !important;
	appearance: auto !important;	
}

.wpcf7-spinner {
	display: none;
}

#zip_close a {
	pointer-events: none;
}

.accept-box {
	text-align: center;
	margin: 3rem 0 2rem;
}

.accept-box a {
	text-decoration: underline !important;
	color: #1176d4 !important;
}

.contactform .notice-txt {
	font-size: 0.7em;
	margin-left: 1em;
}


/** documents **/
section.documents {
  margin-top: 5em; }
  section.documents .documents__wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    section.documents .documents__wrap .documents__item {
      width: 46%;
      padding-left: 1%;
      padding-right: 1%;
      margin-bottom: 20px; }
      section.documents .documents__wrap .documents__item .documents__item_title_main {
        text-align: center;
        font-size: 24px;
        color: #fff;
        background: #E07C80;
        font-weight: 600;
        margin-bottom: 20px;
        border-radius: 7px; }
      section.documents .documents__wrap .documents__item .documents__item_inner_wrap {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; }
        section.documents .documents__wrap .documents__item .documents__item_inner_wrap .documents__item_thumbnail {
          width: 36%;
          padding-right: 2%; }
        section.documents .documents__wrap .documents__item .documents__item_inner_wrap .documents__item_text {
          width: 60%;
          font-size: 20px; }
      section.documents .documents__wrap .documents__item .documents__item_link {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px; }
        section.documents .documents__wrap .documents__item .documents__item_link a {
          display: inline-block;
          color: #fff;
          font-size: 18px;
          background-color: #0075C8;
          border: 1px solid #0075C8;
          padding: 10px 10px 10px 10px;
          border-radius: 40px;
          width: 400px;
          margin: 0 auto;
          -webkit-transition: 0.3s color, 0.3s background-color;
          transition: 0.3s color, 0.3s background-color;
          cursor: pointer; }
        section.documents .documents__wrap .documents__item .documents__item_link a:hover {
          color: #0075C8;
          background-color: #fff;
          border: 1px solid #0075C8; }




@media screen and (max-width: 960px) {
	.contactform { 
		width: 100%;
	}
	.wpcf7-select {
	padding: 1em;
	margin: 1em 0;
	width: 100%;
	}
	.wpcf7-list-item {
    margin: 0 0 0.5em 1em !important;
    }
	.schedule-box td[rowspan="6"] {
	padding: 4em 0;
    }
    
  section.documents {
    margin-top: 5em; }
    section.documents .documents__wrap {
      display: block; }
      section.documents .documents__wrap .documents__item {
        width: 98%; }
        section.documents .documents__wrap .documents__item .documents__item_title_main {
          font-size: 20px; }
        section.documents .documents__wrap .documents__item .documents__item_inner_wrap .documents__item_text {
          font-size: 16px; }
        section.documents .documents__wrap .documents__item .documents__item_link a {
          font-size: 16px;
          width: 90%; }
}


/** movies **/
section.movies {
  margin-top: 5em; }
  section.movies .movies__wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    section.movies .movies__wrap .movies__item {
      width: 46%;
      padding-left: 1%;
      padding-right: 1%;
      margin-bottom: 20px; }
      section.movies .movies__wrap .movies__item .movies__item_title_main {
        text-align: center;
        font-size: 24px;
        color: #fff;
        background: #E07C80;
        font-weight: 600;
        margin-bottom: 20px;
        border-radius: 7px; }
      section.movies .movies__wrap .movies__item .movies__item_title_sub {
        text-align: center;
        font-weight: 600;
        margin-bottom: 20px;
        min-height: 45px; }
      section.movies .movies__wrap .movies__item .movies__item_link {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px; }
        section.movies .movies__wrap .movies__item .movies__item_link a {
          color: #224A9E;
          font-size: 18px; }


@media screen and (max-width: 750px) {
  /** movies **/
  section.movies {
    margin-top: 5em; }
    section.movies .movies__wrap {
      display: block; }
      section.movies .movies__wrap .movies__item {
        width: 98%; }
        section.movies .movies__wrap .movies__item .movies__item_title_main {
          font-size: 20px; }
        section.movies .movies__wrap .movies__item .movies__item_title_sub {
          min-height: 0px; }
        section.movies .movies__wrap .movies__item .movies__item_link {
          text-align: center;
          margin-bottom: 20px; }
}