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

/* ================= 
　SWELLブロック
================= */
[class*="is-style-big_icon_"] { /* アイコンブロック枠線の太さ変更 */
	border-width: 1px !important;
	border-radius: 2px !important;
}

[class*="is-style-icon_"],
.is-style-card.wp-block-media-text { /* アイコンbox内・メディアとテキストブロック内フォントカラー */
	color: var(--color_text) !important;
}

.is-style-num_circle li::before { /* 塗り番号内テキストweight */
	font-weight: 600;
}

.is-style-onborder_ttl2>.cap_box_ttl,
.is-style-onborder_ttl>.cap_box_ttl { /* キャプション付きブロック＞フォントサイズ大きく */
	font-size: 1em !important;
}

/* ================= 
　全体設定
================= */
/* フォント設定＞font family:Open Sans追加
---------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap'); 
html, body,p { 
	font-weight: 500 !important;
	font-family: 'Open Sans',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
/*	letter-spacing: 0.07em;*/
	line-height: 2;
}

.broken_link, a.broken_link { /* リンクに下線 */
	text-decoration: underline !important;
}

/* 丸角調整
---------------------------------------- */
.l-mainContent img { /* 投稿ページ画像 */
	border-radius: 2px !important;
}

.p-postList__thumb, 
.p-articleThumb__img,
.c-postThumb { /* 投稿リスト＆記事アイキャッチ画像 */
	border-radius: 2px;
}

.c-postThumb__cat { /* サムネイル上のカテゴリ表示枠 */
	border-radius: 2px !important;
	background-image: none !important;
	margin: 0.25rem 0.2rem;
}

/* SWELLボックス・ページャー・検索フォーム */
.wp-block-group,
[class*=page-numbers],
.c-searchForm__s,
.c-searchForm__submit { 
	border-radius: 2px;
}

/* サムネイルのマウスオーバーカラー無
---------------------------------------- */
:root {
	--color_gray: rgba(200,200,200,.05) !important;
	--color_gradient1: transparent !important;
	--color_gradient2: transparent !important;
}

/* Footerメニュー＞下線非表示
---------------------------------------- */
.l-footer__widgetArea .widget_nav_menu li a {
	border-bottom: none;
}

/* 画面幅480px以下＞右寄せ、左寄せ画像の回り込み解除＋センター配置
---------------------------------------- */
@media (max-width: 480px) {
img.alignleft, 
img.alignright {
	display: block;
	margin: auto auto 20px;
	float: none;
	}
}

/* ================= 
　記事タイトル＞スタイル変更
================= */
.p-postList__title /* リストページ */,
.c-pageTitle /* 固定ページ */,
.c-postTitle__ttl /* 投稿ページ */ {
	padding-bottom: 1rem;
	font-weight: 500 !important;
}

/* 投稿記事タイトル下＞カテゴリ・投稿日時エリア
---------------------------------------- */
.page .c-pageTitle__inner /* 固定ページ */ ,
.p-articleMetas /* 投稿ページ */ {
	padding-bottom: 1em;
	border-bottom: solid 1px var(--color_border);
}

/* 箇条書きリストdefaultスタイル変更
---------------------------------------- */
.post_content ul li::marker {
	color: #a58280;
}

/*
.post_content ul {
	list-style: none !important;
}

.post_content ul.is-style-default li::before {
	top: 0.6em;
	left: -0.75em;
	width: 4px;
	height: 4px;
	display: block;
	content: '';
	position: absolute;
	border-radius: 50%;
	background-color: #a58280;
	box-shadow: 0px 0px 2px 1px #a58280;
}*/

/* 告知記事見出し非表示
---------------------------------------- */
.nonTxt {
	display: none !important;
}

/* ================= 
　TBL＞1列目のセルカラー変更
================= */
.cellClr {
	/*background-color: #fffefc;*/
}

.cellClr tbody tr>:first-child, 
.cellClr tbody th {
	background-color: #fffbfa !important;
	font-weight: bold;
}

/* ================= 
　問合せフォーム
================= */
dl.contact { 
	border-left: none;
	margin-bottom: 3em;
	padding-top: 1em;
	position:relative;
}

dl.contact dt {
	float: left;
	width: 12em;
	font-weight: normal;
	border: none;
	margin: 0;
}

dl.contact dd {
	border-left: 0;
	padding-left: 13em;
	padding-bottom: 0.5em;
}

dl.contact .btn-primary { /*送信btn*/
	margin-top: 10px;
	padding: 10px 0;
	font-size: 1em;
	font-weight: bold;
	width: 500px;
	background-color: #b32034;
	border-color: transparent !important;
	border-radius: 4px;
	color: #ffffff;
}

.btn-primary:hover,
.btnEntryform:hover,
button:hover { /* 送信btnマウスオーバー */
	opacity: 0.6; /* 透明度 */
	border-color: transparent !important;
}

dl.contact .notes	{ /* 注釈 */
	font-size: 0.8rem;
}

.required { /* 必須項目マーク*/
	margin-left: 5px;
	font-size: 0.7rem;
	color: #b32034;
	position: relative;
}

.form-control {
	margin-bottom: 3px;
	display: block;
	width: 95%;
	padding: 6px 12px;
	font-size: 14px;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 2px;
}

.sectionline { /* 複数項目時の区切り */
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 1em !important;
	margin-bottom: 1em !important;
}

/* フォーム＞確認画面
---------------------------------------- */
.mw_wp_form_preview .notes { /* 注釈非表示 */
	display: none;
}

.mw_wp_form_preview dl.contact { 
	width: 95%;
	border-top: none;
	overflow: hidden;
}

.mw_wp_form_preview dl.contact dt,
.mw_wp_form_preview dl.contact dd {
	padding: 0.5em 0.5em 0.2em 0.5em;
}

/* フォーム＞送信後メッセージ他
---------------------------------------- */
.notes-box { 
	margin: 10px auto 0 auto;
	padding: 10px 0;
	font-size: 0.8rem;
}

.notesTitle {
	margin: 0;
	padding: 0;
	color: #b32034;
	font-weight: bold;
	background: none;
}

p.appType { /* Entryフォーム＞項目タイプ */
	padding: 0.5rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
	background-color: #f6f1f1;
}

/* 画面幅480px以下
---------------------------------------- */
@media (max-width: 480px) {
dl.contact,
dl.table {
	width: 100%;
	margin: 0 auto;
}

dl.contact dt,
dl.table dt {
	width: 100%;
	float: none;
}

dl.contact dd {
	width: 100%;
	border-left: 0;
	padding-left: 0;
}

dl.table dd {
	width: 100%;
	margin-left: 0;
	}

.mw_wp_form_preview dl.contact dt {
	border-bottom: 1px solid #f3f3f3;
}

.mw_wp_form_preview dl.contact dd {
	padding-top: 5px;
	padding-left: 10px;
	}
}


/* ================= 
　TOPページ
================= */
/* キャッチコピー＞テキストシャドウ
---------------------------------------- */
.topCopy {
	color: #ffffff !important;
	text-shadow: 0 0 5px #A58280,0 0 7px #A58280,0 0 15px #A58280;
	font-size: 1.5em !important;
}

.topCopy::after {
	content: none !important;
}

/* スケジュール・お知らせ
---------------------------------------- 
h2.topTitle {
	margin: 0 1em;
	border-bottom: 1px solid #332819 !important;
	padding: 2rem 0 0.5rem !important;
	border-left: none !important;
	background: none !important;
} */

/* スケジュール
---------------------------------------- */
ul.scheInfo {
	list-style: none;
	padding: 1rem 0rem 1.5rem;
}

.scheInfo>li {
	margin: 1rem 0;
	padding: 0 0.2rem 0.5rem 0.3rem;
	border-bottom: 1px dotted #dddddd;
}

.scheInfo>li a {
	color: #1487bd;
	line-height: 1.5;
	font-size: 1.05rem;
}

.scheInfo>li ul.cagList {
	list-style: none;
	padding: 0.3em 0;
}

.scheInfo>li ul.cagList li.cag_evt { /* eventタグbg */
	background: #6e872b;
}

.scheInfo>li ul.cagList li.cag_les { /* lessonタグbg */
	background: #9a1e67;
}

.scheInfo>li ul.cagList li.cag_crs { /* 1day・courseタグbg */
	background: #A58280;
}

.scheInfo>li ul.cagList li { 
	display: inline-block;
	line-height: 1;
	font-size: 0.8rem;
	font-weight:400;
	color: #ffffff;
	border-radius: 2px;
	margin: 0 5px 5px 0;
	padding: 2px 10px 3px 10px ;
	opacity: 0.8; /* 透明度 */
}

.scheInfo>li ul.dayList {
	list-style: none;
	margin-top: -6px;
	padding: 0;
}

.scheInfo>li ul.dayList li {
	display: inline-block;
	margin-right: 5px;
}

.scheInfo>li ul.dayList li s {
	text-decoration: none;
	color: #b5b5b5;
}

.scheInfo>li ul.dayList li span {
	color:#b32034;
	font-size:0.9rem;
	padding-left: 0.5rem;
}

ul.scheInfo>li::before,
.scheInfo>li ul.cagList li::before,
.scheInfo>li ul.dayList li::before {
	display: none;
}

.scheInfo>li ul.dayList li {
	padding: 0;
}

/* スケジュール＞li＞上下余白調整
---------------------------------------- */
.scheInfo>li:first-of-type { /* ファーストブロック */
	margin-top: 0;
}

.scheInfo>li:last-of-type { /* ラストブロック */
	margin-bottom: 0;
	padding-bottom: 0;
}

/* お知らせ＞テーマcss調整
---------------------------------------- */
.txtBox .p-postList {
	padding: 0 1.5rem 0.5rem !important;
}

.txtBox .p-postList__link {
	border-bottom: 1px dotted #dddddd;
}

.txtBox .p-postList__title {
	color: var(--color_link);
}

/* スケジュール・お知らせ＞li＞ラストブロックborder非表示
---------------------------------------- */
.wp-block-latest-posts li:last-of-type, /* お知らせ */
.scheInfo>li:last-of-type /* スケジュール */ {
	border-bottom: none !important;
}

/* 新着記事＞非表示
---------------------------------------- */
.li-first-none > ul >li:first-child { /* 最新記事非表示 */
	display: none;
}

.p-postList { /* li＞ファーストブロックborder非表示 */
	border-top: none !important;
}

.p-postList__item:last-child a { /* ラストブロックborder非表示 */
	border-bottom: none !important;
}

/* Instagram＞テーマcss調整
---------------------------------------- */
#sb_instagram .sb_instagram_header h3::before {
	content: none;
}

/* ================= 
　装飾枠＞LP・サイドバー
================= */
.widget_categories,
.txtBox {
	position: relative;
	margin-bottom: 3em;
}

.widget_categories::before,
.txtBox::before {
	position: absolute;
	top: 7px;
	left: 0;
	bottom: 7px;
	right: 0;
	content: "";
	border: #dddddd 1px solid;
	background: 0 0;
	z-index: 0;
}

.widget_categories::after,
.txtBox::after {
	position: absolute;
	top: 0;
	left: 7px;
	bottom: 0;
	right: 7px;
	content: "";
	border: solid 1px #f5f5f5;
	z-index: -2;
}

/* ================= 
　サイドバー
================= */
/* サイド＞メニュー＞タイトル1文字目の色
---------------------------------------- */
#sidebar .c-widget__title::first-letter {
	color: #b32034;
}

.c-widget__title { /* タイトル上余白調整 */
	padding-top: 1.5em !important;
	margin-bottom: 0;
}

/* サイド＞メニュー＞タイトル下線非表示
---------------------------------------- */
#sidebar .c-widget__title.-side::before,
#sidebar .c-widget__title.-side::after {
	content: none;
}

/* サイドバー＞メニュー
---------------------------------------- */
.c-widget__title {
	font-weight: 400;
	padding-top: 1.5rem;
	text-align: center;
}

.widget_categories ul {
	position: relative;
	padding:  0.5rem 1.5rem;
}

.widget_categories li:last-of-type a {
	border-bottom: none !important;
}

.c-listMenu .children { /* カテゴリー内サブカテゴリー階層非表示 */
	display: none;
}

/* サイド＞バナー
---------------------------------------- */
ul.sideBn {
/*	padding: 0.5rem;*/
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	opacity: 0.8;
}

ul.sideBn img {
	border: 1px #dddddd solid;
}

/* ================= 
　LP
================= */
#lp-content .txtBox {
	padding: 2em 0;
}

#lp-content .txtBox .txtTitle {
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 2rem;
}

#lp-content .txtBox h2 {
 	border: none;
	background: none;
}

#lp-content .txtBox p {
	padding: 1rem 3rem;
}

#lp-content .txtBox .prof {
	padding-top: 0;
	font-size: 1.4em;
	letter-spacing: 1.4px;
}

#lp-content .entryTitle {
	text-align: center;
	font-size: 2rem !important;
	line-height: 2.75rem;
	font-weight: 300;
/*	margin: 1.5rem !important;
	padding: 2rem 2rem 0 !important;*/
	color: #b32034;
}

#lp-content .profRight {
	margin-left: 1.6rem;
	padding-right: 3rem;
}

/* 画面幅480px以下
---------------------------------------- */
@media (max-width: 480px) {
#lp-content .txtBox p {
	padding: 1rem 0.8rem;
	}

.alignright
#lp-content img.profRight {
	margin: auto;
	clear:both;
	}
}
