/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/


/* PCのみ表示 */
.sp-only {
    display: none;
}
.pc-only {
    display: block;
}

/* スマホのみ表示 */
@media screen and (max-width: 782px) {
	.sp-only {
	    display: block;
	}
	.pc-only {
	    display: none;
	}
}



/* パンくずリストを中央に */
#breadcrumb {
    margin: 0 auto;
    width: 960px;
}


/*
Contact Form7のチェックボックスを縦並び
*/

span.wpcf7-list-item {
display: block;
}



/*
レッスンスケジュールのテーブルサイズをPC、スマホで分ける
*/

/*スマートフォンの場合*/
@media screen and (max-width: 782px) {
.table1 { 
width: 100%;
}
	
/* 最上部申込みボタンの位置 */
.top-button-p .top-button {
    position: fixed;
    width: 336px;
    right: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
}
	
}

/*PCの場合*/
.table1 { 
width: 400px;
margin: 0 auto;
}

/*申込み画面でナビを非表示*/

/*
#post-197 #mainNav {
  display: none;
}

#post-8621 #mainNav {
  display: none;
}
*/

/* 申込画面最上部のボタン位置 */
.top-button{
	position: fixed; 
	top: 0px; 
	right: calc((100% - 1000px) / 2);
}
	
/*
コラム内のh4見出しの装飾
*/
h4.column-h4  {
	font-weight: bold;
  border-bottom: 2px dotted #489630;
}

/*
リストを色枠（水色）で囲む
*/
.list-box{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #d8e7f1;
    border-bottom: solid 5px #aac5de;
    border-radius: 9px;
}
.box12 p {
    margin: 0; 
    padding: 0;
}


/*MW WP Formの入力文字のサイズ*/
.imput-font{
		font-size: 18px;
}

/*リスト項目の行間を開ける*/
li.li-pad-10{
		padding: 10px 0;
}

/* お支払ページのレイアウト */
.payment-page p {
	font-size: 14pt;
	line-height: 1.5;
}

.payment-page h2,h3 {
	font-size: 18pt;
	line-height: 1.5;
}

/* Stripe決済ボタン */
.stripe-payment-trial-lesson {
    display: block;
    width: 500;
    max-width: 100%;
    background-color: red;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 2px 2px 4px #ccc;
    padding: 15px 20px;
    margin-top: -50px;
    border: 0px;
    border-radius: 15px;
}

.stripe-payment-trial-lesson:hover {
		background-color: #ff7f50;
}


/* 申し込みフォームを１列表示 */

#taiken-form th, #taiken-form td, #lesson-form th, #lesson-form td {
    display: flex;
    width: auto!important;
    border: 1px solid;
    vertical-align: middle!important;
    align-items: center;
}

#lesson-form td {
    display: block;
}

/* フォーム記入欄を白背景 */
#taiken-form td, #lesson-form td {
	background-color: #fff;
}

/* 体験セミナーテーブル項目の左上丸みを除去 */
table#taiken-form th {
	border-radius: 0 0 0 0;
}

/* ラジオボタン横並びの際の縦位置調整 */
.mw_wp_form .vertical-item + .vertical-item {
    margin-top: 0px;
}

/* ラジオボタン縦並び */
.horizontal-item {
	display: block;
	margin-left: 0px !important;
}

.t-center {
	text-align: center;
	display: flex;
  flex-direction: column;
  align-items: center;
}

table .name-box, .mail-box {
	width: 80%;
	height: 30px;
  border: #000 1px solid;
}



/* 体験フォームスマホ表示 */
@media screen and (max-width: 782px) {
#taiken-form th {
		font-size: 15pt;
	}

	#taiken-form select {
		height: 35px;
		font-size: 16px;
		width: 200px!important;
	}
}

/* フォーム確認ボタンの横並び */
.form-confirm-button {
	display: inline;
    height: 50px!important;
    width: 240px!important;
		margin-bottom: 10px;
}

/* 微調整 */
#post-9249 .post p {
    padding-bottom: 0;
}


/* ボタンデザイン */
.btn_rvs {
  font-size: 1.3rem;
	text-align: center;
  border: 1px solid #b49531;
  background: #b49531;
  color: #f3f2ea;
  border-radius: 4px;
  padding: 8px 13px;
  width: 400px;
  height: 40px;
  line-height:40px;
  display: block;
  transition: all 0.5s ease;
  text-decoration: none;
}
.btn_rvs:hover {
color: #b49531;
background: #f3f2ea;
box-shadow: 0 16px 44px -12px rgba(0, 0, 0, 0.16);
transform: translateY(-0.3rem);
}

@media screen and (max-width: 782px) {
.btn_rvs {
	font-size: 1.3em;
	width:95%;
	margin: 0 auto;
	}
}