/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/

@import "logo.css";
@import "pattern.css";

/*---------------------------common---------------------------*/

body {
	background-color: #f5f5f5 !important;
}

.page-child .entry-content p,
.page-child .entry-content li,
.page-parent .section p,
.single .entry-content p,
.single .entry-content li {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 15px;
}
	
.grecaptcha-badge { visibility: hidden; }
/*::-webkit-scrollbar{display:none;}*/


@media only screen and (min-width: 600px) {
	.page-child .entry-content .section .box,
	.page-parent .section .box{
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	img.alignleft {
		margin-right: 30px !important;
	}
	img.alignright {
		margin-left: 30px !important;
	}

	.page-parent .box-plus {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media print, screen and (max-width: 599px) {
	img.alignleft,img.alignright {
		margin: 0 !important;
		float: none;
	}
}

/*---------------------------header関連---------------------------*/

.trigger {/*最上部ヘッダーロゴの高さ*/

	height:50px !important;
}

/*headerサイトロゴのサイズ調整・タブレット*/

@media only screen and (min-width: 600px) {
	.sitename img {
	max-width: 400px;
	}
}

/*最上部のスマホヘッダーロゴ（追従するやつ）内の無料体験ボタンのスタイル*/

.trial-btn {
	width: 100%;
	position: relative;
}
.trial-btn a {
	position: absolute;
	top: 0;
	right: 0;
	display:block;
	width: 180px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
	text-align: right;
	color:white;
	background-color: #ff4d1d;
	clip-path: polygon(0% 100%, 10% 0%, 100% 0%, 100% 100%);
/*	margin-top: -1px;*/
}
.trial-btn a::before {
	position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}
.trial-btn a i {
	margin: 0 5px;
	color: #fffe01;
	font-weight: 800;
}
#headbox {
	padding: 0 10px!important;
}
#st_toc_container, #toc_container {
/*	border:none !important;*/
}

/*.gazou-wide+.trial-btn{
	display:none;
}*/

.gazou-wide{
	display:none;
}

.trial-btn-pc {
	display:none;
}

/*無料体験ボタン・PCでの配置*/

@media only screen and (min-width: 960px){/*ヘッダーを固定*/
	#header-full {
		position:fixed;
		z-index:100;
		width:100%;
		top:0;
	}
	#content-w {/*ヘッダーが浮いている分のマージンをコンテンツにかけて位置を調整*/
		margin-top:142px;
	}
	.category #content-w {
		margin-top:132px;
	}
	.home #content-w {
		margin-top:0;
	}
	.trial-btn-pc {
		width: 100%;
		position: relative;
		display: block;
	}
	.trial-btn-pc a {
		position: absolute;
		top: 0;
		right: 0;
		display:block;
		width: 200px;
		height: 50px;
		line-height: 50px;
		font-size: 20px;
		font-weight: bold;
		text-decoration:none;
		text-align: right;
		color:white;
		background-color: #ff4d1d;
		clip-path: polygon(0% 100%, 10% 0%, 100% 0%, 100% 100%);
	}
	.trial-btn-pc a::before {
		position: absolute;
 		content: "";
 		display: block;
 		top: 0;
 		left: 0;
 		width: 0;
 		height: 0;
	}
	.trial-btn-pc a i {
		margin: 0 5px;
		color: #fffe01;
		font-weight: 800;
	}
}



/*---------------------------冒頭のスライドショー関連---------------------------*/

/*PCのスライドはスマホで表示されないように*/

@media print, screen and (max-width: 599px) {
	.slide-pc {
		display:none;
	}	
}

/*スマホのスライドはPCで表示されないように*/

@media only screen and (min-width: 600px) {
	.slide-sf {
		display:none;
	}
}

.slide-pc-text-1,.slide-pc-text-2,.slide-pc-text-3,.slide-pc-text-4 {
	width:300px !important;
	margin:auto !important;
	font-size: .6em !important;
}
.slide-sf/*,.slide-pc*/ {/*うっすら影をつける*/
	box-shadow: 1px 1px 4px #aeaeae;
	margin-bottom: 40px;
}
.slide-pc {
	margin-bottom: 40px;
}
.slide {
	position:relative;
}
@media only screen and (max-width: 959px) {
	.slide {/*ヘッダーロゴがposition:fixedなのでその分隙間を開けてやらないと重なってしまう→スマホのみ適用*/
		margin-top:49px;
	}
}
.kudo-logo,
.jiu-logo,
.header-text-1,
.header-text-2,
.header-text-3,
.header-text-4,
.slide p
{
	z-index:20;
	position:absolute;
}
.kudo-logo {/*スライド上の「空道」ロゴ位置調整*/
	top:6%;
	left:7%;
	width:42%;
	max-width:150px;
/*	opacity: 0.8;*/
}
.page-id-1627 .kudo-logo {
	top:12%;
}
.jiu-logo {/*スライド上の「柔術」ロゴ位置調整*/
	top:12%;
	right:1%;
	width:42%;
	max-width:156px;
/*	opacity: 0.8;*/
}
@media only screen and (min-width: 960px){/*スライド上のロゴ・PCでの配置*/
	.kudo-logo {
		top:6%;
		left:-4%;
		width:26%;
		max-width:none;
	}

	.page-id-1627 .kudo-logo {
		top:11%;
	}
	.jiu-logo {
		top:11%;
		left: auto;
		right:-4%;
		width:26%;
		max-width:none;
	}

}

/*ヘッダー下部の「KARATE × JUDO 空手と柔道のハイブリッド」のスタイル（上下二段に分けている）*/

.header-text-1,.header-text-2,.header-text-3,.header-text-4 {/*上下共通のスタイル*/
	width:100%;
	margin:auto;
	text-align:center;
	color:white;	
}
.header-text-1 {/*「KARATE × JUDO」のスタイル*/
	bottom:13%;
	font-size: 2.3em;
	font-weight:bold;
	letter-spacing:1px;
}
.header-text-2 {/*「空手と柔道のハイブリッド」のスタイル*/
	bottom:6%;
	font-size: 1.45em;
	font-family: 'Noto Sans JP', sans-serif;
}
.header-text-1 .text-yellow {/*「KARATE × JUDO」の「×」の部分の左右にスペースを入れる*/
	padding:4px;
}
.text-yellow {/*テキストを黄色にする*/
	color:yellow;
}
.page-id-1627 .header-text-1 {
	bottom:23%;
}
.page-id-1627 .header-text-2 {
	bottom:16%;
	font-size: 1.15em;
}
.header-text-3 {/*「」のスタイル*/
	bottom:9%;
	font-size: 2.3em;
	font-weight:bold;
	letter-spacing:1px;
}
.header-text-4 {/*「」のスタイル*/
	bottom:2%;
	font-size: 1.15em;
	font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and (min-width: 960px){/*PCでの配置：スライド下部のテキスト「KARATE×JUDO空手と柔道のハイブリッド」*/
	.header-text-1,.header-text-2,.header-text-3,.header-text-4 {/*上下のテキスト共通のスタイル*/
		width:500px;
		text-align:right;
	}
	.header-text-1 {/*「KARATE × JUDO」のスタイル*/
		bottom:20%;
		right:-5%;
		font-size: 4.2em;
	}
	.header-text-2 {/*「空手と柔道のハイブリッド」のスタイル*/
		bottom:10.5%;
		right:-5%;
		font-size: 1.7em;
	}
	
	.page-id-1627 .header-text-1 {
		bottom:20%;
		left: -5%;
		right: auto;
		text-align:left;
		font-size: 3.8em;
	}
	.page-id-1627 .header-text-2 {
		bottom:10.5%;
		left: -5%;
		right: auto;
		text-align:left;
		font-size: 1.7em;
	}
	.header-text-3 {/*「」のスタイル*/
		bottom:20%;
		right:-5%;
		font-size: 3.8em;
		width:550px;
	}
	.header-text-4 {/*「」のスタイル*/
		bottom:10.5%;
		right:-5%;
		font-size: 1.7em;
	}
}



/*---------------------------PCのみで適用するスライドのスタイル---------------------------*/

/* スライドの上のPタグのマージンのせいで隙間ができる */

.header-text-2+p {/* スライドの上のPタグのマージンのせいで隙間ができるため対策 */
	margin-bottom:0;
}

/* PCスライドの幅を画面いっぱいに */
@media only screen and (min-width: 960px){
	#content {
		max-width:100% !important;
	}
}



/*---------------------------SPのメニュー関連---------------------------*/

@media only screen and (max-width: 959px) {
	.sf-menus {
		padding-top: 20px;
	}
	.sf-menu li {
		border-bottom: 1px solid #fff;
		display: block;
		width: 100%;
		padding: 8px 0;
	}
	.sf-menu li img{
		width: 27px;
		margin: 0 10px 0 5px;
	}
	.sf-menu li a {
		color: #fff;
		font-size: 15px;
		font-weight: 700;
		text-decoration: none;
		display: block;
		width: 100%;
		font-family: 'Noto Sans JP', sans-serif;
	}
	.sf-menu-sns {
		background: #132d4d;
		text-align: center;
		padding: 15px 0;
		margin-top: 20px;
	}
	.sf-menu-sns li {
		display: inline-block;
		padding: 0 3px;
	}
	.sf-menu-sns li img {
		width: 31px;
	}
	.st-widgets-title {
		display: none;
	}
	
	
}




/*---------------------------PCのグローバルメニュー関連---------------------------*/

@media only screen and (min-width: 960px){
	header .smanone ul.menu {
		display: flex;
		justify-content:space-between;
	}
	header .smanone ul.menu li {
	/*	width: 14% !important;*/
		float: none !important;
	}
	header .smanone ul.menu li.current-menu-item a {
		background: #f1f1f1;
	}
	#wrapper:not(.colum1) #content-w, header + #content-w {
		padding-top:0;
	}
	header .smanone ul.menu li a {
		font-size:15px;
		line-height:34px;
		font-family: 'Noto Sans JP', sans-serif;
	}
	
	header .smanone ul.menu li.menu-item-1793 {
		width: 30%;
	}
	
}



/*---------------------------固定ページ（支部ページトップ）関連---------------------------*/

.hutoaka {
	color: #da3939;
}

.page,
.single,
.category {/*横に余分な隙間が出るのを防ぐ*/
	overflow-x: hidden;
}
.page .entry-title {/*固定ページのタイトル非表示（画像で代用）*/
	display: none;
}
.main-img-sf, .main-img-sf img {/*固定ページのヘッダー画像下と無料体験ボタンの間のスペース排除*/
	margin-bottom: 0;
}
@media only screen and (min-width: 600px) {
	.main-img-sf {
		display:none;
	}
	.main-img-pc, .main-img-pc img {
		margin-bottom:0;
	}
}
.page #breadcrumb, .page .blogbox {/*パンくず非表示*/
	display: none;
}
.page .entry-content {
	position: relative;
}
.entry-content:before {/*コンテンツ背景に「空道」の透かし文字*/
	background-image: url(https://www.daidojuku.pro/wp-content/uploads/2021/10/kudo-bg4.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position:center;
	content:"";
	display:block;
	position:fixed;
/*	top:20%;
	right:-10%;*/
	top:100px;
	left:-10%;
	transform:translatey(-50%);
    margin: 50% auto;
	z-index:-1;
/*	width:90%;*/
	width:100%;
	height:100vh;
	overflow-y: hidden;
}

.page main,
.single main,
.category main {/*色を透明にしないと背景「空道」の透かし文字とかぶって見えない*/
	background:transparent !important;
}

.section {/*子ページの背景白は無しにする（空道の透かし文字を見せるため）*/
	padding: 40px 20px 25px;
}
.page-parent .section {/*固定ページの各項目に薄い影をつけて立体感を出す*/
	box-shadow: 1px 1px 4px #aeaeae;
	padding: 20px 20px 25px;
	background-color:white;
}


/* あとで直書き↓ */

.instractor_sec p,
.page-parent .instractor_sec p {
	font-size: 15px;
	line-height: 1.5;
}
.instractor_sec p.instname {
	font-size: 24px;
	font-weight: bold;
	padding: 25px 0 0 0;
}
.instractor_sec p .instnameen {
	font-size: 12px;
	color: #ccc;
	margin-left: 10px;
}
/* あとで直書き↑ */

/* ボタン関連 */

.st-mybtn  {
	font-size: 15px !important;
	line-height: 1.5 !important;
}
.page-parent .st-mybtn {
	margin-bottom: 0;
}

.st-mybtn i.st-svg-angle-right {
	color: #fa4d1e;
	font-weight: 900;
	margin-left: 20px;
}

/* ホームのニュース */
.display-posts-listing {
	list-style:none!important;
	margin: 0;
	padding: 0;
}
.display-posts-listing li{
	line-height: 1.2 !important;
}
.display-posts-listing .date {
	color: #666;
	display: block;
	font-size: 14px;
}
.display-posts-listing a {
	font-size: 16px;
	font-weight: bold;
}

/* ホームのリンク */

.h3_link {
	font-size: 15px;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 2px;
}
.h3_link i {
	margin-right: 10px;
	font-size: 16px;
}
.h3_youtube {
	background: #d62a29;
}
.h3_twitter {
	background: #55acee;
}
.h3_line {
	background: #00b900;
}
.h3_fb {
	background: #3b5998;
}
.h3_insta {
	background: #da3467;
}
.h3_blog {
	background: #333;
}



@media only screen and (min-width: 960px){
	.entry-content:before {/*背景「空道」の透かし文字・PCでのレイアウト*/
		background-position:top left;
		background-position:center;
		top:450px;
		left:20%;
		transform: translate(-50%, -50%);
		margin:0 auto;
		width:800px;
	}
	.single #content,
	.category #content {
		padding: 0;
	}

	.display-posts-listing .date {
		display: inline-block;
		margin-right: 10px;
	}
	.instractor_sec .box {
		display: flex;
	}
	.instractor_sec div.instpic {
		margin-right: 20px;
	}	
	
}



/*------------------------------フッター------------------------------*/

#footer .footerlogo img {
	max-width: 300px;
}
.footer-area {
	box-shadow: 1px 1px 4px #aeaeae;
	padding: 15px 20px 20px;
	background-color: white;
}

footer {/*ポジションを設定しないと背景のすかし文字「空道」が重なってしまう*/
	position:relative;
	top:0;/*これを設定しないと上部に大きな余白が出来てしまう。（「.page #footer」のtopプロパティとセットで必要）*/
}
footer #footer {
	top:0 !important;/*これを設定しないと上部に大きな余白が出来てしまう。（「.page footer」のtopプロパティとセットで必要）*/
	padding:12px;
	background:none;
	background-color: #2b5277!important;
}
.copyr small {
	font-size:70%;
	color:white;
}
#footer-in {/*フッターのロゴを消去*/
	display:none;
}
.footer-logo {
	margin-top: 5px;
	margin-bottom: -3px;
	line-height:1;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}
.footer-logo span.renmei {
	display: block;
	font-size: 13px;
	font-weight:normal;
	line-height:2.3;
}
.footer-logo span.daido {
	margin-right:10px;
}
.footer-phrase {/*「― 新しい自分を見つけ出そう ―」のスタイル*/
	margin:15px 0;
	font-size:16px;
	text-align:center;
	line-height:1.4;
}
.footer-area .kintou {/*SNSロゴの配置*/
	width: 80%;
	margin: 10px auto;
}
.kintou ul {
	margin: 0 auto 17px;
	padding: 0;
	text-align: center;
}
.kintou li {
	display: inline-block;
	padding: 0 5px;
}
.kintou img {
	margin: 0 auto;
}
.footer-area .kintou img {
		width: 30px;
}
.komoji {/*SNS下の住所などのスタイル*/
	font-size: 80%!important;
	line-height: 1.5!important;
	margin-bottom: 0;
}
.footer_dojo {
	font-size:20px;
	font-weight:bold;
}
.footer_dojo2 {
	margin-top:10px;
}
.footer_tel {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	color:#333;
}
.footer_tel span {
	color: #fff;
	font-size: 15px;
	background: #000;
	display: inline-block;
	padding: 0 5px;
	margin-right: 5px;
}
.footer_tel a {
	text-decoration:none;
	color: #000;
	font-size: 32px;
	font-family: 'Noto Sans JP', sans-serif;
}
.footer_tel small {
	font-size: 50%;
}
#footer p.copyr {/*コピーライトの上下中央寄せ*/
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;/*縦方向中央揃え（Safari用）*/
	align-items:center;/*縦方向中央揃え*/
	-webkit-justify-content:center;/*横方向中央揃え（Safari用）*/
	justify-content:center;/*横方向中央揃え*/
}




@media print, screen and (min-width: 960px) {
	.page-child footer {
		padding-top: 30px;
	}
	.footer-area .kintou {
	width: 300px;
	}
	.footer-area .kintou img {
		width: 40px;
	}
	.footer-logo {
		font-size:26px;
	}
	.footer-logo span.renmei {
		font-size: 14px;
}
	.footer-phrase {
		font-size:17px;
	}
	.footer-area .komoji {
		font-size: 85% !important;
	}
}



/*---------------------------固定ページの各支部個別の設定---------------------------*/

#header-l {
	padding: 0;
}

/*途中から出てきた、サイト全体のタイトル【支部サイト】非表示*/
@media print, screen and (max-width: 959px) {
	#header-l {
		display: none !important;
	}
}

@media only screen and (min-width: 960px) {
	#header-l #st-icon-logo {
		display: none;
	}
}

/*固定ページ（各支部のページ）ではサイト全体のタイトル【支部サイト】というのは非表示にしたい＋説明でできるスペースも不要なため*/
header .descr, header .sitename {
	display:none;
}
.page #st-mobile-logo p {
	display:none;
}
/*固定ページ（各支部ページ）のタイトルのbefore要素に共通設定（ヘッダーロゴのサイズ調整はここ）*/
/*.page #st-text-logo:before,.page #st-mobile-logo:before {*//*（#st-text-logo）はPC、（#st-mobile-logo）はスマホのセレクタで必ず要実機確認*/
#st-text-logo:before,#st-mobile-logo:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 50px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
header #st-mobile-logo {/*固定ページ（各支部ページ）のヘッダーロゴのスマホサイズの調整*/
	padding-right: 20px !important;
}
@media only screen and (min-width: 600px) {/*固定ページ（各支部ページ）のヘッダーロゴのPCサイズでのサイズ調整*/
	#st-text-logo:before {
		width:700px;
		height: 90px;
	}
}



/*------------------------------H2見出し関連------------------------------*/
h2 {
	position:relative;
	/*h2の上部のスペース*/
	height:100px;
	font-size:25px !important;
	line-height:100px !important;
	margin-bottom:0 !important;/*h2とその下のsectionとの間隔を無くす*/
	margin-top: 47px !important;/*下層ページの一番上のh2見出しの上部スペース*/
	/*h2背景画像のサイズと位置調整*/
	background-position: center center !important;
	background-size:cover !important;
	z-index:20;/*各テキストと背景の重なり順の調整*/
}

.single h2,
.category h2 {
	margin-top: -1px !important;
}

h2.information, h2.instructor {
	background-position:center 38% !important;
}
h2.aboutkudo {
	background-position: center 45% !important;
}
h2.news {
	background-position: center 15% !important;
}
h2.link {
	background-position: center 0 !important;
}
.h2left {/*左の英語のテキスト（テキストのみ）*/
	display:block;
	position:absolute;
	z-index:1;
	width:100%;
	left:35px;
	bottom: 0;
	height:50px;
	line-height:0;/*上下の位置調整*/
	font-size:0.5em;/*文字数が多くなった時のことを考えて小さめに設定*/
	text-indent:0 !important;
	color:#fff;
	z-index:30;/*各テキストと背景の重なり順の調整*/
}

.h2right {/*日本語テキスト*/
	position:absolute;
	bottom: 7%;
	left:35px;
/*	width:100%;*/
	height:50px;
	margin:0 auto;
	font-size: 1em;
	line-height:65px;
	text-align:right;
	z-index:20;/*各テキストと背景の重なり順の調整*/
}

.h2overlay {/*黒の半透明オーバーレイ*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	z-index:10;/*各テキストと背景の重なり順の調整*/
}

.page-parent .h2home {
	background-color: #4c4c4c !important;
	height: auto !important;
	padding: 10px 0 15px !important;
	border: 0;
	line-height: 1 !important;
}
.page-parent .h2home .h2home_en {
	font-size: 11px !important;
	color: #fff;
	display: block;
	width: 40%;
	margin: 0 auto 3px;
	text-align: center;
	border-bottom: 2px solid #295b8b;
	padding-bottom: 5px;
}
.page-parent .h2home .h2home_ja {
	font-size: 22px !important;
	color: #fff;
	display: block;
	text-align: center;
	padding-top: 2px;
}
.page .entry-content > p:first-child {
	display:none;
}


/*H2見出しのPCサイズ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 600px) {
	h2 {
		height:200px;
		font-size:48px !important;
		margin-top: -1px !important;/*下層ページの一番上のh2見出しの上部スペース*/
	}
	.h2right {
		left:7%;
		bottom: 14%;
		font-size:0.9em;
	}
	.h2left {
		font-size: 0.3em;
		bottom: 18%;
		left: 7.3%;
		line-height:.9;
	}
	h2.news {
		background-position: center 80% !important;
	}
	/*
	h2.aboutkudo {
		background-position: center 22% !important;
	}
	*/
	h2.course {
		background-position: center 45% !important;
	}
	h2.information {
		background-position: center 31% !important;
	}
	h2.instructor {
		background-position: center 0% !important;
	}	
	h2.access {
		background-position: center 77% !important;
	}
	h2.contact {
		background-position: center 75% !important;
	}
	h2.link {
		background-position: center 12% !important;
	}
	h2 {/*PCの見出しアニメーションが見出しの外からやってくるのを隠す*/
		overflow:hidden;
	}
}


/*------------------------------ホーム　見出しなしメニュー------------------------------*/

.menucontent_top {
	margin-top: 40px;
}

.page-parent .menubox {
	padding: 0;
	margin-bottom: 20px;
}

.page-parent .menubox_b {
	padding: 0;
	box-shadow: none;
}
.page-parent .contactbox {
	margin-top:20px;
}
.page-parent .menubox a {
	display: flex;
	background: #fff;
	position: relative;
	padding-top: 180px;
	text-decoration: none !important;
  	align-items: center;
}
.page-parent .menubox_b a {
	display: block;
	position: relative;
	height: 130px;
	background: #fff;
	text-decoration: none !important;
}

.page-parent .menubox a::before,
.page-parent .menubox_b a::before {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	background-size: cover;
	width: 100%;
	height: 180px;
}

.page-parent .menubox_b a::before {
	width: 130px;
	height: 130px;
}

.page-parent .menubox .menubox_l {
	display: block;
	flex: 1;
	padding: 15px 20px;
	position: relative;
	background: #fff;
}
.page-parent .menubox .menubox_l:before {
	content: "";
	display: block;
	position:absolute;
	top: 0;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 100px 0 0;
	border-color: #daeafa transparent transparent transparent;
}
.page-parent .aboutkudobox a,
.page-parent .coursebox a,
.page-parent .informationbox a {
	background: #333!important;
}

.page-parent .menubox .menubox_r {
	width: 40px;
	display: flex;
  	justify-content: center;
  	align-items: center;
  }

.page-parent .menubox .menuname,
.page-parent .menubox_b .menuname{
	color: #1a1a1a;
	font-weight: bold;
}
.page-parent .menubox .menuname {
	font-size: 22px;
	margin: 0 0 10px 5px;
	display: block;
	position: relative;
	z-index:5;
	line-height: 1.3;
}
.page-parent .menubox_b .menuname{
	position: absolute;
	left: 145px;
	bottom: 10px;
	font-size: 20px;
}
.page-parent .menubox .menuname span, 
.page-parent .menubox_b .menuname span {
	font-size: 11px;
	display: block;
}
.page-parent .menubox .menubox_l p,
.page-parent .menubox .menubox_l span.menubox_txt {
	font-size: 13px;
	line-height: 1.1;
	margin-bottom: 0;
	color: #333;
}
.page-parent .menubox i,
.page-parent .menubox_b i {
	color: #fa4d1e;
	font-size: 22px;
	font-weight: 900;
}
.page-parent .aboutkudobox i,
.page-parent .coursebox i,
.page-parent .informationbox i {
	padding: 0 10px;
}

.page-parent .menubox_b i {
	position: absolute;
	bottom: 20px;
	right: 10px;
}

.page-parent .aboutkudobox a::before {
	background-position: center 45%;
}
.page-parent .coursebox a::before {
	background-position: center 65%;
}
.page-parent .informationbox a::before {
	background-position: center 40%;
}
.page-parent .accessbox a::before {
	background-position: center 40%;
}
.page-parent .contactbox a::before {
	background-position: center 40%;
}

.menucontent_bottom {
    background-color: #295b8b;
	background-image: url('https://www.daidojuku.pro/wp-content/uploads/2021/10/slide-sf01new.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-blend-mode : multiply;
	background-size: cover;
	padding: 30px 20px;
	position: relative;
	margin: 40px 0 0;
}





/*見出しなしメニューPCサイズ、タブレットサイズ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {

	.menucontent_top {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		padding: 0 !important;
	}
	.page-parent .menubox,
	.page-parent .menubox_b {
		width: 32%;
		padding: 0 !important;
		margin-bottom: 0!important;
	}
	.page-parent .menubox a {
		padding-top: 290px;
	}
	.page-parent .menubox a::before {
		height: 290px;
	}

	.menucontent_bottom {
		background-image: url('https://www.daidojuku.pro/wp-content/uploads/2021/10/slide-pc001new.jpg');
		padding: 40px 0;
		display: flex;
		justify-content: center;
		margin: 80px 0 0;
	}
	.page-parent .menubox_b {
		width: 40%;
		margin: 0 15px;
		box-shadow: none;
		max-width:450px;
	}
	.page-parent .menubox_b a,
	.page-parent .menubox_b a::before {
		height: 150px;
	}
	.page-parent .menubox .menubox_l {
		min-height: 110px;
	}
	.page-parent .menubox .menuname {
		font-size: 26px;
	}
	.page-parent .menubox_b .menuname{
		font-size: 22px;
	}
	.page-parent .menubox .menuname span, 
	.page-parent .menubox_b .menuname span {
		font-size: 13px;
	}	
	
}


/*見出しの背景（各支部共通）
---------------------------------------------------------------------------------------------------*/

/*-----------------------------------h2「ニュース」の背景画像-----------------------------------*/
h2.news {
	background-image:url(https://www.daidojuku.pro/wp-content/uploads/2022/09/62927d5e9a9a1c771d50479817de91f1.jpg) !important;
}
/*-----------------------------------h2「空道とは」の背景画像-----------------------------------*/
h2.aboutkudo,
.page-parent .aboutkudobox a::before {
	background-image:url(https://www.daidojuku.pro/wp-content/uploads/2022/09/1df668f22b1bf922fa0b7ba44e1b1c0c-scaled.jpg) !important;
}
/*-----------------------------------h2「クラス」の背景画像-----------------------------------*/
h2.course,
.page-parent .coursebox a::before {
	background-image:url(https://www.daidojuku.pro/wp-content/uploads/2021/08/midashi-bg01.jpg) !important;
}
/*-----------------------------------h2「指導員」の背景画像-----------------------------------*/
h2.instructor {
	background-image:url(https://www.daidojuku.pro/wp-content/uploads/2021/11/instructor.jpg) !important;
}
/*-----------------------------------h2「入門案内」の背景画像-----------------------------------*/
h2.information,
.page-parent .informationbox a::before {
	background-image:url(https://www.daidojuku.pro/wp-content/uploads/2021/08/midashi-bg04.jpg) !important;
}
/*-----------------------------------h2「問い合わせ」の背景画像-----------------------------------*/
h2.contact,
.page-parent .contactbox a::before {
	background-image:url(https://www.daidojuku.pro/wp-content/uploads/2021/08/midashi-contact.jpg) !important;
}
/*-----------------------------------h2「アクセス」の背景画像-----------------------------------*/
h2.access,
.page-parent .accessbox a::before {
	background-image:url(https://www.daidojuku.pro/wp-content/uploads/2021/09/access.jpg) !important;
}
/*-----------------------------------h2「リンク一覧」の背景画像-----------------------------------*/
h2.link {
	background-image:url(https://www.daidojuku.pro/wp-content/uploads/2021/10/slide-pc003new.jpg) !important;
}



/*---------------------------メニュー関連---------------------------*/

@media only screen and (max-width: 959px) {
	.menu-item {
		display: none;
	}
}
.acordion {/*スマホの追従型メニューの背景を白に（背景なしでロゴのみだと変）*/
	background-color:white;
}


/*---------------------------H3見出しとページ内リンク---------------------------*/


.page-child .entry-content h3 {
	margin: 60px 0 30px !important;
}
.page-child .entry-content h3 span.st-dash-design {
	font-size: 24px;
	letter-spacing: 2px;
	padding: 0 30px !important;
}

.page-child .entry-content h3 span.st-dash-design:before, 
.page-child .entry-content h3 span.st-dash-design:after {
	background-color: #5e3134 !important;
}
#st_toc_container {
	background: none;
	padding: 0!important;
	margin: 0 auto!important;
	border: none!important;
}
#st_toc_container.only-toc .st_toc_list {
	padding: 0 20px 0!important;
}

#st_toc_container.only-toc li {
	list-style: none;
	position: relative;
	padding: 5px 0 5px 0!important;
	font-size: 14px!important;
	font-weight: 700;
	border-bottom: 1px dotted #666;
}
#st_toc_container.only-toc li::before {
  position: absolute;
  top: 10px;
  right: 10px;
  content: '\f078';
  color: #df1814;
  font-size: 13px;
  font-family: stsvg;
}

@media only screen and (min-width: 960px) {

	.page-child .post .entry-content h3 {
		font-size: 30px;
	}
	.page-child .entry-content h3 span.st-dash-design {
		padding: 0 50px !important;
	}
	#st_toc_container {
		width: 100%;
	}
	/*
	.page-id-1630 #st_toc_container,.page-id-2416 #st_toc_container,.page-id-2514 #st_toc_container {
		width: 100%;
	}
	*/
	#st_toc_container.only-toc .st_toc_list {
		display: flex;
		justify-content: center;
		padding: 0!important;
	}
	#st_toc_container.only-toc li {
		margin: 0 20px;
		padding-right: 35px!important;
		font-size: 16px!important;
	}
	
	.h3modoki, .post .entry-content h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title){
		margin-top: -60px !important;
		padding: 130px 20px 10px !important;
	}
	
}

/*---------------------------アクセス---------------------------*/

.accessmap{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;/*比率をお好みで*/
}
.accessmap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*---------------------------問い合わせ---------------------------*/



/* ↓不使用　ul.contact_list */

ul.contact_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
ul.contact_list li {
	width: 38%;
	border: 1px solid #dedede;
	background: #fff;
	padding: 0 15px;
	margin: 0 0 20px;
	list-style: none;
}
ul.contact_list li dt {
	border-bottom: 1px solid #5e3134;
/*	height: 170px;*/
	padding: 55px 0 10px;
	margin: 0;
	text-align: center;
	color:#5e3134;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	background: no-repeat center 20px;
	background-size: 28px auto;
}
ul.contact_list li dd {
	padding: 20px 0;
	margin: 0;
	text-align: center;
	line-height: 1;
}
ul.contact_list li dd a {
	text-decoration: none;
	font-size: 13px;
	word-wrap: break-word;
}
ul.contact_list li.contact_list_phone dt {
	background-image: url('https://www.daidojuku.pro/wp-content/uploads/2021/10/icon_c_phone.png');
}
ul.contact_list li.contact_list_mail dt{
	background-image: url('https://www.daidojuku.pro/wp-content/uploads/2021/10/icon_c_mail.png');
}
ul.contact_list li.contact_list_line dt{
	background-image: url('https://www.daidojuku.pro/wp-content/uploads/2021/10/icon_c_line.png');
}
ul.contact_list li.contact_list_tw dt{
	background-image: url('https://www.daidojuku.pro/wp-content/uploads/2021/10/icon_c_tw.png');
}


.required {
	display:block;
	text-align: right;
	margin-bottom: 10px;
	color: #d00;
}
.wpcf7-form strong {
	color: #d00;
	font-weight: bold;
}
.wpcf7-submit {
	background: #5E312F;
	color: #fff!important;
	padding: 15px!important;
}
select {
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 7px 15px;
	margin: 5px auto;
}



@media only screen and (min-width: 960px) {

ul.list_contact {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
ul.list_contact li {
	width: 48%;
 }

/* ↓不使用 */

	ul.contact_list {
		flex-wrap: nowrap;
		justify-content: center;
	}
	ul.contact_list li:not(:last-child) {
		margin-right: 10px;
	}
	ul.contact_list li dd {
		padding: 30px 0;
	}
	.wpcf7-submit {
		width: 30%;
	}

}

/*リンク一覧
---------------------------------------------------------------------------------------------------*/
/* 動画を囲うdiv */
.video {
  position: relative;
  width:100%; /* 横幅は100%で固定 */
  height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
  padding-top: 56.25%; /* 高さを指定(16:9) */
}

/* YouTube埋め込み用のiframe */
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {
	.entry-content {
/*		max-width:960px;*/
		margin:auto;
	}
	.page-parent .entry-content {
/*		max-width:960px;*/
	}
	.page-parent .entry-content > .content-inner {
		max-width:1100px !important;
		margin:auto !important;
	}

	.st-eyecatch {/*固定ページ一番上のロゴの間隔調整*/
		margin:0;/*ロゴが見切れているのをこのプロパティで解消*/
		padding: 30px;
		text-align:center;
	}
	.st-eyecatch img {
		max-width:700px;
	}
	.colum1 main {/*タブレット以上だとフッターエリアの下にスペースができてしまうので対処*/
		margin:0;
		padding: 0;
	}
	.page-child h2{
/*		margin:80px 0 0 !important;*/
		margin:-1px !important;
	}
	.page-parent h2{
		margin:40px 0 0 !important;
	}
	.section {
		padding: 50px;/*タブレット以上だとコンテンツが幅いっぱいに広がりすぎ*/
		max-width:1000px;
		margin:auto;
	}
	.page-parent .section {
		padding: 30px 50px;
	}
	a[href^="tel:"] {
    pointer-events: none;
  }
  	br.spbr { display:none; }

	/*-- ここまで --*/
}


/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	.st-eyecatch {/*固定ページ一番上のロゴの間隔調整*/
		margin:0;/*ロゴが見切れているのをこのプロパティで解消*/
		margin-bottom:0;
		padding: 1em;
	}
	main {/*画像を横幅いっぱいにしたい＋横のpadding必要ないと判断*/
		padding:0;
		padding-top: 0;/*ロゴの感覚調整*/
	}
	.main-img-pc {
		display:none;
	}
	.st-mybtn.st-btn-default {
		min-width: 80%;
	}
	table.change_table {
		border-right-width: 0;
	}
	table.change_table th,
	table.change_table td {
		width: 100% !important;
		display: block;
		background: rgba(255, 255, 255, 0.4);
	}
	table.change_table th {
		border-right: 1px solid #d4d4d4;
		border-right: 0;
		border-left: 0;
	}
	table.change_table td {
		border-left: 0;
		padding: 15px;
	}



/*-- ここまで --*/
}

/*空道とは
---------------------------------------------------------------------------------------------------*/

dl.enkaku {
	display:flex;
	flex-wrap:wrap;
	color: #333;
	margin: -20px 0 20px;
}
dl.enkaku dt {
	width: 70px;
}
dl.enkaku dd {
	width:calc(100% - 70px);
	margin-bottom: 5px;
}


/*クラス紹介
---------------------------------------------------------------------------------------------------*/
.st-mybox .st-mybox-title::after {
	background: #f5f5f5;
}


/*ブログ
---------------------------------------------------------------------------------------------------*/

/* タイトル画像（全日本空道連盟 大道塾 支部サイト）消し */

.single h3.footerlogo {
	visibility: hidden;
	height: 10px;
}

@media print, screen and (min-width: 960px) {
/*
	.single #gazou-wide,
	.archive #gazou-wide {
		display: none;
	}
*/
}

@media print, screen and (max-width: 959px) {
	#st-mobile-logo a {
		display: none;
	}
	.single #headbox,
	.archive #headbox {
		padding-top: 50px!important;
	}
}

/* fb plugin
---------------------------------------------------------------------------------------------------*/


.fb_pageplg {
width: 100%;
max-width: 500px;
}

@media screen and (min-width: 600px) {
.fb_pageplg {
width: 500px;
margin: 0 auto;
}
}


/*404,home
---------------------------------------------------------------------------------------------------*/

body.home header,
body.home .footer-area,
.error404 header,
.error404 .footer-area,
.page-template-page-404 header,
.page-template-page-404 .footer-area {
	display: none;
}
.error404 #content,
.page-template-page-404 #content {
	padding-top:50px;
}
.error404 footer,
.page-template-page-404 footer {
	position:fixed;
	bottom: 0;
	top: auto!important;
	width: 100%;
}
.home #content-w {
	border-top: 30px solid #295b8b;
}
.home .hometitle {
	margin-bottom: 40px;
}
.home .hometitle h1 {
	margin-bottom: 20px!important;
}
.home .hometitle p {
	font-size: 16px!important;
	line-height: 1.6!important;
}
.home .section h4 {
	background-color:#4c4c4c !important;
	margin: 30px 0 10px !important;
	padding-left: 25px !important;
	position:relative;
}
.home .section h4:before {
   content:"";
   display:inline-block;
   width:15px;
   height:2px;
   background-color:#fa4d1e;
   position:absolute;
   top:50%;
   left:0;
}
.home .section ul {
	list-style:none !important;
}
.home .section ul li {
	font-size: 14px !important;
}
@media only screen and (min-width: 600px) {
.homebox {
	display:flex;
	flex-wrap: wrap;
}
.homebox > div {
    width: 50%;
    box-sizing: border-box;
}
.home .section h4 {
	margin: 0 10px 10px !important;
}
}
.table-scroll {
  overflow-x: auto;
}
.table-scroll table{
  width: 100%;
  min-width: 750px;
  border-collapse: collapse;
}


.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.list_sponsor {
	display:flex;
	flex-wrap: wrap;
	list-style:none !important;
	gap: 10px 10px;
	padding:0;
	margin:0;
}

.list_sponsor li {
	width: 48%;
	line-height: 0;
	text-align: center;
}
.list_sponsor li img{
	max-width: 100%;
}

@media print, screen and (min-width: 768px) {

.list_sponsor {
	justify-content: center;
	}
.list_sponsor li {
	width: 24%;
}
}

/* twitter → X */

.st-svg-twitter:before{
	content: '𝕏';
    font-family: unset;
    font-weight: bold;
}
.h3_twitter {
    background: #000;
}