@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*タイトル非表示*/
.entry-title {
	display:none;
}
/*固定ページの投稿日・更新日を非表示*/
.page .date-tags {
 display: none;
}
/*固定ページの投稿者名を非表示*/
.page .footer-meta {
 display: none;
}
/* 投稿ページ更新日の消去 */
/* .widget-entry-card-update-date {
  display: none;
} */
body.category .article-header h1 svg { /* 投稿一覧ページH1横アイコン非表示 */
	display:none;
}
body.category .article-header h1 { /* 投稿一覧ページH1 */
	color:#1a3085;
}

/*フッターモバイルボタン_ホームボタンの色 */
.mobile-footer-menu-buttons,
.mobile-footer-menu-buttons .menu-button > a,
.mobile-footer-menu-buttons .menu-button:hover {
  background: #1a3085;
  color: #fff;
}
.mobile-menu-buttons .menu-caption {
	font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

/* ====================================== フォント指定 */
.header-container,
.main,
.sidebar,
.footer,
.breadcrumb.pbp-main-before,
.menu-content .menu-drawer {
	font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.nomalFont {
	font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.minchoFont {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.centuryFont { /* センチュリーフォント */
	font-family:'century gothic', sans-serif;
	font-weight:600;
}

.roundFont { /* 丸ゴシック */
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.kosugiFont { /* コスギ */
	font-family: 'Kosugi', sans-serif;
}

/*  ====================================== メイン幅・サイドバー幅 */
.main {
	width:75%;
	padding:20px 0 20px 30px; /* 横位置 */
}
body.page-id-56 .sidebar {
	padding:41% 1.5% 1.5% 1.5%; /* サイドバースタート位置 */
}
.sidebar {
	width:22%;
}
.sidebar-scroll { /* サイドバートップ位置 */
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 40px;
}
	/* サイドバースタート位置 */
/* body.page-id-191 .sidebar ,
body.page-id-219 .sidebar  {
  padding:1.5%; 
}
 */
aside#nav_menu-3 h3 {
	display:none;
}

/* スマホ時のみ表示 */
.spOnly {
		display: none;
	}

/*  ====================================== ヘッダーカスタマイズ */
.content {
	margin-top:0;
}
#header-container {
	margin-bottom:-36px;
	position:relative;
	z-index:10;
}
.header .header-in {
	min-height:100px;
	flex-direction:row;
	justify-content:space-between;
}
.logo-image {
	width:50%;
/* 	background-color:pink; */
}
.header-contact {
	width:70%;
/* 	background-color:yellowgreen; */
}
h2.widgettitle {
	display:none;
}
.header-contact .textwidget {
	font-weight:bold;
	width:50%;
	margin:0 0 0 auto;
}
.header-contact .textwidget .headTel {
	font-size:34px;
	font-family:'Century Gothic',sans-serif;
	color:#1a3085;
}
.header-contact .textwidget .headContact {
	font-size:22px;
	text-align:center;
	color:#fff;
	padding:6px;
	background-color:#ed6c00;
	border-radius:10px;
	margin-bottom:10px;
}
.headContact a {
	color:#fff;
	text-decoration:none;
	display:block;
}
.headContact a:hover {
	opacity:0.5;
	transition:all 0.3s ease-out;	
}

.header-container-in.hlt-center-logo-top-menu {
	flex-direction:column;
}

/* ====================================== ナビ */
.menu-content .menu-drawer {
	font-size:16px;
	background-color:#f4faf8;
}
.navi-in>ul li {
	display: block;
	width: 176px;
	height: 60px;
	line-height: 60px;
	position: relative;
}
#navi .navi-in>ul>li {
	width:auto;
}
#navi .navi-in>ul>li>a {
	padding: 0 1.4em;
}
/* ナビオープン時 */
#navi .navi-in a:hover {
	border-bottom: 3px solid #1a3085;
	transition:all 0.3s ease-in-out;
}
#navi .navi-in>.menu-header .sub-menu {
	background-color:#f1f5fd;
}
#navi .navi-in>.menu-header .sub-menu li a {
	color:#1a3085;
}

figure.toMemberBnr_sp {
    /* 会員専用バナー spのみ表示 */
    display: none;
}

/* パンくずリストアイコン非表示（Font Awesome 5） */
.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file {
	display: none; 
}

.breadcrumb.pbp-main-before {
	margin: 40px auto 0;
}

/* メイン幅 */
.column-narrow .content-in {
	width:100%;
	max-width:960px;
}

/* topへ戻るボタン */
.go-to-top {
	bottom:150px;
}
.go-to-top-button {
	width:60px;
	height:60px;
	border-radius:50%;
	font-size:36px;
	box-shadow:2px 2px 4px gray;
}

/* ======================================サイドバー／ウィジェット */
/* サイドメニュー */
aside#nav_menu-3 {
	background-color:#f1f1fd;
	padding:0.5em 0.5em 0.5em 1em;
	margin-bottom:0.8em;
}
aside#nav_menu-3 ul {
	color:#1a3085;
}
aside#nav_menu-3 ul li {
	border-bottom:1px dotted #1a3085;
}
.widget_nav_menu ul li a {
	padding:0.3em;
}
aside#nav_menu-3 .sub-menu li {
	border-bottom:0;
}

aside#custom_html-3 {
	margin-bottom:0.5em;
}
aside#custom_html-3 h3 {
	display:none;
}
/* aside#custom_html-3 .textwidget div {
	margin-bottom:0.5em;
} */
/* aside#custom_html-3 .textwidget div img {
	width:100%;
	height:auto;
	border: 1px solid #333;
} */
aside#custom_html-5 .textwidget div img {
	width:100%;
	height:auto;
	border: 1px solid #333;
}

aside#custom_html-5 h3 {
	display: none;
}

aside#custom_html-3 div.linkBnr {
/* 	padding:0.5em;
	margin-bottom:0.5em;
	background-color:#c7f3e4; */
}
aside#custom_html-3 div.linkBnr a {
	text-decoration:none;
	display:block;
	width:100%;
	color:#2aa179;
	font-weight:600;
	font-size:18px;
	text-align:center;
}
aside#custom_html-3 div.linkBnr a:hover {
	opacity:0.5;
}

.article h2, .article h3, .article h4, .article h5, .article h6 {
	margin-top: 2.4em;
}


/* ====================================== ページ見出しH2+説明文 */
.article h2+p {
	text-align:center;
}
.article h2+p span { /* span左揃え中央配置 */
	display:inline-block;
	text-align:left;
	line-height:1.8;
}

/* 段落左揃え中央配置_p center& */
span.centerLeft {
	display:inline-block;
	text-align:left;
}

/* ====================================== コンテンツ調整 */
.center {
	margin: 0 auto;
}
.right {
	margin:0 0 0 auto;
}
.left {
	margin:0 auto 0 0;
}
/* コンテンツ幅調整 */
.largeWidth {
	width:90%;
}
.middleWidth {
	width:75%;
}
.smallWidth {
	width:35%;
}

/* ブロック */
.block {
	display:block;
}
/* テキスト揃え */
.txtcenter {
	text-align:center;
}
.txtleft {
	text-align:left;
}
.txtright {
	text-align:right;
}


/*  リスト 丸なし  */
.noStyleLi {
	list-style-type:none;
}
/* アイコンリスト */
.iconList {
	line-height:2.2;
}
/* アンダーライン */
.underLine {
	text-decoration: underline;
}
/* アンダーラインなし */
.noUnderLine {
	text-decoration: none;
}
/* 白抜きボックス */
.blank-box {
	padding:2px;
}
/* ボックスシャドー */
.shadow {
	box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}
.shadowImg img {
	box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}
/* 角丸あり */
.radius {
	border-radius:20px;
}
/* 角丸なし */
.noRadius {
	border-radius:0;
}
/* flexbox */
.flex{
	display:flex;
}
/* 改行しない */
.nowrap {
	display:inline-block;
}
/* 画像キャプション */
figcaption {
	font-size:0.85em;
}
/* 2カラム画像 高さ揃える */
.twoImgClm .wp-block-image img {
	height:200px;
	width:auto;
	max-width:100%;
}
/* 白背景 */
.whiteBox {
	background-color:#ffffff;
}

/* head背景padding*/
h1.has-background, 
h2.has-background,
h3.has-background, 
h4.has-background, 
h5.has-background, 
h6.has-background {
	padding:12px 0;
}

/* ====================================== 見出し関連*/
/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}
/* カスタムスタイル */
.article h2{
	text-align:center;
	color:#1a3085;
	position:relative;
}
.article h2::after{ /* 下線 */
	content:'';
	display: block;
	position: absolute;
	left: 50%; /* 位置調整 */
	transform: translate(-50%); /* 位置調整 */
	bottom: -5px; /* 下線の上下位置調整 */
	width: 15em; /* 下線の幅 */
	height: 3px; /* 下線の太さ */
	background-color: #1a3085; /* 下線の色 */
}

/* 見出しリセット */
/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}
/* カスタムスタイル */
.article h3{
	color:#1a3085;
	position:relative;
	padding-left:1em;
	z-index:99;
	margin-bottom:2em;
}
.article h3::before{ /* 丸背景 */
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:-1em;
	width:3em;
	height:3em;
	border-radius:50%;
	background-color:#ebefff;
	z-index:-9;
}

/* 見出しリセット */
/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}
/* カスタムスタイル */
.article h4{
	color:#1a3085;
	position:relative;
}
.article h4::after{ /* 下線 */
	content:'';
	display: block;
	position: absolute;
	left: 0; /* 位置調整 */
	/* transform: translate(-50%); 位置調整 */
	bottom: -5px; /* 下線の上下位置調整 */
	width: 15em; /* 下線の幅 */
	height: 1px; /* 下線の太さ */
	background-color: #1a3085; /* 下線の色 */
}
/* 見出しリセット */
/* 見出し5 */
.article h5{
border-bottom:none;
padding: 0;
}
/* カスタムスタイル */
.article h5 {
	color:#1a3085;
}

/* ====================================== 新着情報 */
.new-entry-cards {
	display: block;
	height:250px;
	overflow-y:scroll;
}
.new-entry-cards a .new-entry-card {
	padding:0.5em;
	border-bottom:2px dotted #c9d4fb;
}
.widget-entry-cards .a-wrap {
	padding:0;
	margin-bottom:0;
}
.new-entry-cards a:nth-of-type(2n) {
	background-color:#fffff8;
}
.new-entry-cards a:nth-of-type(2n+1) {
	background-color:#f6fdfe;
}

/* ====================================== オーナーより */
.c-row--margin>.c-row__col {
text-align:center;
}
.c-row--margin>.c-row__col .smb-media-text__body {
text-align:left;
}
.smb-media-text__figure>img {
height:auto;
max-width:60%;
}
.c-row {
flex-wrap:nowrap;
}
@media screen and (max-width: 834px){
.c-row {
flex-wrap:wrap;
}
}

/* ====================================== 膳所教室より */

.about {
padding:50px 40px;
line-height:2;
}
.fb_iframe_widget iframe {
height:390px !important;	
}

/* ====================================== 授業風景 */
.class {
	width:60%;
	margin:0 auto;
}
.class .wp-block-column {
	margin:1em;
}
.class .wp-block-image img {
	width:100%;
	height:auto;
}



/* ====================================== 3つの特徴 */
.featureBox {
	border:3px solid #f6b9b9;
	padding:10px 10px 10px 82px;
	border-radius:0;
}
.featureBox h1 {
font-size:1.6em;
margin-top:1em;
margin-bottom:0.5em;
font-family:'Century Gothic', "Meiryo UI", "Hiragino Sans", sans-serif;
}
.featureBox .blank-box.sticky.st-yellow {
	background-color:#fbf7ce;
	padding:1em 1em 1em 1.5em;
	text-indent:-1em;
}
/* ====================================== 特色 */
.character .smb-box__body .wp-block-columns :last-child {
	margin-bottom:0;
}


/* 書籍 */
.is-style-default img {
box-shadow:3px 4px 7px 0px rgba(0, 0, 0, 0.2);
}
.bookTitle {
padding-left:40px;
}


/* ====================================== ここがポイント　*/

.pointBack {
padding:0.5em 0.5em 0.5em 2em;
background-color:#dcf5fd;
color:#2e4da9;
font-size:22px;
font-weight:bold;
margin-bottom:10px;
}
.pointBack p {
margin-bottom:0 !important;
}
.pointBack p span {
color:#3e9dad;
padding-right:1em;
-moz-text-shadow: 3px 3px 0px rgba(255, 255, 255, 0.8);
-webkit-text-shadow: 3px 3px 0px rgba(255, 255, 255, 0.8);
-ms-text-shadow: 3px 3px 0px rgba(255, 255, 255, 0.8);
text-shadow: 3px 3px 0px rgba(255, 255, 255, 0.8);
}
.pointList {
	background-color:#f5fdfa;
	padding:1em 0.5em;
	border:2px solid :#fde4dc;
}
.pointList ul {
	margin-bottom:0.8em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight:600;
}
.pointList ul li {
	list-style-type:none;
}

/* ====================================== 多彩なコース　*/
.smb-box.course {
	width:90%;
	margin:0 auto;
	padding:calc(var(--_space, 0.8rem)*1);
}
.smb-box.course .wp-block-columns,
.smb-box.course .wp-block-column {
	margin-bottom:0;
}
.course .iconlist-box ul {
	font-size:18px;
}
.course .iconlist-box ul li {
	margin-bottom:0.6em;
}

/* ====================================== タブメニュー_料金表 */
.tab-wrap{
    margin-bottom: 40px;
}
.tab-group{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
}
.tab{
    flex-grow: 1;
    background: #f8c8b1; /* タブのカラー */
    border-radius: 10px 10px 0 0;
    color: #e7241d;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height:1.2;
	height:60px;
    margin: 0 1px;
    padding: 10px 0 12px;
    text-align: center;
    transition: 0.5s;
    align-items: center;
}
.panel-group{
    min-height:100px;
    border:solid 3px #f8c8b1;
    border-top: 8px solid #f8c8b1;
    padding: 10px;
}
.panel{
    display:none;
}
.tab.is-active{
    color:#FFF;
    transition: 0.5s;
	background-color: #e7241d; /* タブのカラー */
/*     opacity: 0.6; */
    padding-bottom: 20px;
}
.panel.is-show{
    display:block;
}

/* ===================== タブメニュー_料金表_個別＆家庭教師 */
.tab-wrap table {
	border: 3px solid #f8c8b1;
	border-collapse: collapse;
	text-align:center;
	border-collapse: collapse;
}
.tab-wrap table td, table th {
	border: 1px solid #f8c8b1;
	padding: 0;
	width: 300px;
	height: 20px;
}
.tab-wrap table .thTime {
	background-color:#fbd1bd;
}
.scrollable-table .thRank {
	background-color:#f9c7af;
}
.scrollable-table .thStudy {
	background-color:#ef804a;
	color:#fff;
}
.scrollable-table .thGrowth {
	background-color:#e7241c;
	color:#fff;
}
.scrollable-table .tdTime {
	background-color:#FDF2EC;
}
.scrollable-table .tdRank {
	background-color:#fde2d5;
}
table tr:nth-of-type(2n+1) {
	background-color:#fff;
}
/* 表下の注意書き */
.tableComment {
	margin-left:1em;
	padding-bottom:20px;
}
.tableComment p,
.tableComment ul {
	margin-bottom:1em;
}
.tableComment p:last-of-type {
	margin-bottom:0;
}
.tableComment ul li {
	list-style-type:none;
}

/* ====================================== 各クラスのねらい一覧表 */
.targetTable {
line-height:1.2;
}
.targetTable tbody tr td ul.square {
padding-left:5px;
margin-bottom:0.8em;
}

/* ====================================== 入塾までの流れ */
.flowBox .tab-caption-box-label {
	padding:0.1em 0.8em;
	font-size:1em;
	font-weight:600;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.flowBox .tab-caption-box-content {
	margin:0 auto;
	padding:2em;
	border:4px solid #eee;
}
.flowBox p {
	margin-bottom:0.8em;
	line-height:1.5;
}
.flowBox p .centuryFont {
	font-size:1.8em;
	letter-spacing:0.05em;
	padding-left:0.5em;
}
.flowBox p span.centuryFont { /* 折り返し禁止 */
		display:inline-block;
	}
.flowBox p span.leftTxt {
	display:inline-block;
	text-align:left;
}

/* ----------------------------------特別支援教育用語集 */
.words_defini{
	background-color: #f4f6ff;
}
.words_defini .flex{
	padding: 1em 0;
	margin: 0 2em;
	border-bottom: 2px solid #1a3085;
	align-items:center;
}
.words_defini .words-noBorder{
	border-bottom:none;
}
.article .words_defini dt{
	width: 30%;
	color: #1a3085;
	text-align: center;
	font-weight: bold;
}
.article .words_defini dd{
	margin-left: 0;
	width: 70%;
}




/* ====================================== フォーム */

.linkIcon.wp-block-columns {
	width:50%;
	margin:0 auto;
	flex-wrap:nowrap;
}

body.page-id-219 .entry-content>*, .article p {
	margin-bottom:0.8em;
}
body.page-id-219 .smb-box {
	padding:calc(var(--_space, 1rem)*1);
}

.cform {
	width: 100%;
	margin: auto;
	border-collapse:separate;
	border-spacing:10px;
}
.cform th {
	font-size: 16px;
	width: 28%; /*改行調整箇所*/
	padding: 10px 0 10px 15px;
	font-weight: normal;
	border:none;
	background-color:rgb(235 239 251);
}
.cform td {
	font-size: 16px;
	line-height: 150%;
	padding: 10px 5px;
	border:none;
}
.cform tr {
	position:relative;
}
.cform tr.required-srt::after {
    content: "必須";
    display: block;
    font-size: 14px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: rgb(255, 255, 255);
    background-color: rgb(237, 108, 0);
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
}
.cform td.addZip input[type=text] {
	width:30%;
	margin-bottom:0.3em;
}
.cform td.addZip input[type=text]:last-of-type {
	width:90%;
	margin-bottom:0.3em;
}
.cform select {
	width:90%;
	margin-bottom:0.3em;
}
.cform td.addZip button {
	padding:0.3em;
	border-radius:0;
	margin-bottom:0.3em;
}

.cform [type=submit] {
	display: inline-block;
	font-size: 20px;
	padding: 10px 30px;
	text-decoration: none;
	background: #ed6c00;
	color: #FFF;
	border-bottom: solid 4px #B17C00;
}
.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: 90%;
	font-size:16px;
}
.cform span.mwform-tel-field input[type=text] { /* 1列に複数欄 */
	width:28%;
}
.cform td.educational input[type=text],
.cform td.educational select {
	width:20%;
}
table.subject td {
	border:1px solid #333;
	padding-left:0.5em;
}
table.subject td.title {
	width:15%;
	background-color:cornsilk;
}
table.subject td.sub {
	width:85%;
}

.submit-btn input {
/*	background: #1a3085; */
	width: 60%;
	max-width: 550px;
	min-width: 220px;
	margin: 20px auto 0;
	display: block;
	font-size:16px;
	font-weight:600;
	text-align: center;
	padding: 12px;
	color: #fff;
	transition: all 0.2s ease;
}

.submit-btn input:last-of-type {
	background-color: #6f8ddd;
}
.submit-btn input:first-of-type {
	background-color: #1a3085;
}
.submit-btn input:hover {
	background: #fff;
	color: #1a3085;
}
/* .submit-btn input:last-of-type {
		margin-bottom: -30px;
} */
/* ====================================== フォーム */


/* Webフォントをインポートする */
/*@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru|Lobster&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500&display=swap');
/* 丸ゴシック */
.roundFont {
/*	font-family: 'Kosugi Maru', sans-serif; コスギ*/
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

/* ====================================== 文字装飾 */
/*赤色*/
.red {
  color: #e7241d;
}
/*太字で赤色*/
.bold-red {
  font-weight: bold;
  color: #e7241d;
}
/*青色*/
.blue {
  color: #1a3085;
}
/*太字で青色*/
.bold-blue {
  font-weight: bold;
  color: #1a3085;
}
/*緑色*/
.green {
  color: #2aa179;
}
/*太字で緑色*/
.bold-green {
  font-weight: bold;
  color: #2aa179;
}

/* ====================================== フッター */
#footer .wrap {
	width:100%;
}
.footer-bottom {
	padding:60px 0 0 0;
}
.navi-footer-in > .menu-footer {
	width:94%;
}
.copyright {
	text-align:center;
	color:#fff;
	width:100vw;
	font-family:'century gothic', sans-serif;
	font-weight:600;
}
.footer-bottom-content { /* copyrightの位置調整 */
	float:none;
}
.footer-bottom-logo { /*ロゴの位置調整*/
  bottom: 30%;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
/*   position: static; */
  margin-bottom: 10px;
}
.footer-bottom-logo .logo-image {
	width:100%;
	height:auto;
  padding: 0;
  margin: 0 auto;
}
.footer-bottom-logo img {
	width:100px;
	height:100px;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1600px以上*/
@media screen and (min-width: 1601px){
body.page-id-56 .sidebar {
	padding-top:48%; /* サイドバースタート位置 */
}
}

/*1506px以下*/
/* @media screen and (max-width: 1506px) {
	.wrap: 1482px;
} */
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
		/* PC用ヘッダー */
	#header-container {
		display: none;
	}
	.logo-menu-button img {
		max-height:80px;
	}
	ul.mobile-header-menu-buttons li.search-menu-button { /* 検索非表示 */
		display:none;
	}
	/* パンくずリスト位置 */
	.breadcrumb.pbp-main-before {
		margin:60px auto 0;
	}
	/* メイン幅 */
	.column-narrow .content-in {
		width:90%;
		max-width:960px;
	}
	/* サイドバー下部表示 */
	.no-mobile-sidebar .sidebar {
		display: block;
	}
	body.page-id-36 .sidebar {
		padding: 0.5% 5%;
	}
	
	figure.toMemberBnr_sp {
        /* spのみ表示 */
        display: block;
        width: 70%;
        margin: 20px auto;
    }

/* 会員専用バナー サイドメニュー分非表示にする */
	.sideMemberBnr {
		display: none;
	}
}



/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
		/* ヘッダーロゴ */
	img.site-logo-image{
		visibility: visible;
	}
	.logo-menu-button.menu-button{
		background-image: url('https://test.ys-japan.com/atschool_wp/wp-content/uploads/2021/09/header_logo_sp.jpg');
		background-size: auto 30px;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.footer-bottom {
		padding:0;
		margin-top:0;
	}
	
	/* パンくずリスト位置 */
	.breadcrumb.pbp-main-before {
		margin-top:10px;
	}
	/* メイン幅 */
	.column-narrow .content-in {
		width:90%;
	}
	.mobile-menu-buttons{
		font-size:28px;
	}
	.menu-close-button {
		text-align:right;
		padding-right:10px;
	}
	
	/* タブレット以下改行 */
	br.tabOnly {
		display:block;
	}
	/* img 幅*/
	.smb-media-text__figure>img {
	max-width:130px;
	}

	/* フォーム */
	table th {
		height:auto;
	}
	.cform th,
	.cform td {
		width: 100%;
		display: block;
		border-top: none;
	}
	.cform option,
	.cform textarea,
	.cform input[type=text],
	.cform input[type=email],
	.cform input[type=search],
	.cform input[type=url],
	.cform select,
	.cform td.addZip input[type=text]:last-of-type {
		width:100%;
	}
	.cform span.mwform-tel-field input[type=text] {
		width:31%;
	}
	.cform td.addZip input[type=text] {
		width:42%;
	}	
	.cform tr.required-srt::after {
    font-size: 12px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    top: 6px;
    bottom: auto;
    right: 6px;
	}
	.cform td.educational input[type=text],
	.cform td.educational select {
		width:60%;
		margin-bottom:0.3em;
	}
	.linkIcon.wp-block-columns {
	width:90%;
	}
	table.subject td.title {
	width:100%;
	padding-left:0;
	text-align:center;
	}
	table.subject td.sub {
	width:100%;
	}
}

/*599px以下*/
@media screen and (max-width: 599px){
	figure.toMemberBnr_sp {/* 会員専用窓口バナー全幅にする */
        width: 100%;
    }
	
	/* スマホ時のみ表示 */
	.spOnly {
		display: block;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	/* メイン幅 */
	.column-narrow .content-in {
		width:96%;
	}
	/* ここがポイント */
	.pointBack {
		font-size:18px;
	}
	/* 3つの特徴 */
	.featureBox {
		padding:0.5em 0.5em 0.5em 1.5em;
	}
	.featureBox::before {
		font-size:26px;
	}
	.featureBox h1 {
		margin-top:1.5em !important;
		font-size:1.2em !important;
	}
	/* 入塾までの流れ */
	.flowBox p.has-text-align-center {
		text-align:left;
	}
	.flowBox p .centuryFont {
		padding-left:0;
	}
		
	/* タブメニュー */
		.tab{
    padding: 10px 0 7px;
	}
	.tab.is-active{
		padding-bottom: 15px;
	}
	
	/* 用語集 */
	.words_defini .flex {
		margin:0 1em;
		flex-direction:column;
	}
	.article .words_defini dt,
	.article .words_defini dd {
		width:90%;
	}
	
	/* フォーム */
	.cform span.mwform-zip-field input[type=text] { /* 1列に複数欄 */
		width:40%;
	}
	.cform span.mwform-tel-field input[type=text] { /* 1列に複数欄 */
		width:28%;
	}

}