/*
Theme Name:tenseiron
Theme URI:
Description:天性論
Template:lightning
Author:Yukari Hiramatsu
Author URI:https://rdsoftware.co.jp/
Version:14.3
*/

/*ページ幅設定*/
@media (min-width: 1200px){
.site-body-container.container { 
width: 1200px;}}

/*グローバルナビ*/
strong.global-nav-name {color: #452b7d!important;}

/*ヘッダースクロール固定*/
.header_scrolled .header-top, .header_scrolled .site-header-logo, .header_scrolled .site-header-sub, .header_scrolled .vk-campaign-text {
    display: block;
}

/* ハンバーガーメニューのボタンに MENU の文字を表示する */
.vk-mobile-nav-menu-btn {
  text-indent: 2px;
  font-size: 10px;
  padding-top: 26px;
  overflow: visible;
  border: none;
  background-position: top;
  height: 40px;
　color:#FFFFFF; /*#ddc5e5*/
}
.vk-mobile-nav-menu-btn.menu-open {
  border: none;
}
/*-------------------------------------------*/
/*	Header Top Navigation　　　　　　　　　　*/　
/*-------------------------------------------*/

.header-top ul {
    margin-top: -10px;
    margin-right: 10px;
}

.header-top ul>li {
    margin-right: 1.0em;
    margin-bottom: 0;
}

.header-top nav{
	top:0px!important;
}

.header-top ul>li>a {
    border-radius: 0 0 .25rem .25rem;
    font-size:30px;
    line-height: 1.5;
	padding:0px!important;
}

.header-top ul>li>a:hover {
    text-decoration: none;
}
/*ヘッダー　特定商取引法に関する表記*/
.header-top ul>li:nth-child(1)>a {
    padding-right: 0px!important;
    padding-left: 10px!important;
    padding-top: 10px!important;
}

.header-top ul>li:nth-child(1)>a{
	padding-right:0px!important;
	padding-left:0px!important;
	font-size:16px;}


/*ヘッダー　会員ログイン
.header-top ul>li:nth-child(2)>a {
    padding-right: 0px!important;
    padding-left: 10px!important;
    padding-top: 10px!important;
}

.header-top ul>li:nth-child(2)>a{
	padding-right:0px!important;
	padding-left:0px!important;
	font-size:16px;}*/



/*ヘッダー　masterアイコン
.header-top ul>li:nth-child(3)>a {
    padding-right: 0px!important;
    padding-left: 0px!important;
    width: 40px;
    padding-top: 10px!important;
}

.header-top ul>li:nth-child(3)>a{
	padding-right:0px!important;
	padding-left:0px!important;
    width: 40px;!important}*/


/*ヘッダー　visaアイコン
.header-top ul>li:nth-child(4)>a {
    padding-right: 0px!important;
    padding-left: 0px!important;
    width: 40px;
    padding-top: 10px!important;
}

.header-top ul>li:nth-child(4)>a{
	padding-right:0px!important;
	padding-left:0px!important;
    width: 40px;!important}*/

/*ヘッダー　Facebookアイコン*/

.header-top ul>li:nth-child(2){
	padding-top:5px;
	padding-right:0px;
	padding-left:0px;}

.header-top ul>li:nth-child(2)>a{
	padding-right:0px!important;
	padding-left:0px!important;}

.nav li a .fa-facebook-square::before {
    color: #FFFFFF;
	font-size:30px;
	margin-top:10px;}

.nav li a:hover .fa-facebook-square::before {
    color: #57158E;}

/*ヘッダー　Twitterアイコン
.header-top ul>li:nth-child(3){
	padding-top:5px;
	padding-right:0px!important;
	padding-left:0px!important;}

.header-top ul>li:nth-child(3)>a{
	padding-right:0px!important;
	padding-left:0px!important;}

.nav li a .fa-twitter-square::before {
    color: #57158E;
	font-size:30px;
	padding:0px;}
}
.nav li a:hover .fa-twitter-square::before {
    color: #57158E;} /*#007eaa*/

/*ヘッダーインスタアイコン*/
.header-top ul>li:nth-child(3){
	padding-top:5px;
	padding-right:0px;
	padding-left:0px;}

.header-top ul>li:nth-child(3)>a{
	padding-right:0px!important;
	padding-left:0px!important;}

.nav li a .fa-instagram::before {
    color: #57158E; /*#A1003F*/
	font-size:30px;
	padding:0px;
　  margin-top:10px;}

.nav li a:hover fa-instagram::before {
    color:#57158E;} /*#A1003F*/

i.fab.fa-instagram {
 	padding-left:0px;!important
}

/*ヘッダーLineアイコン*/
.header-top ul>li:nth-child(4){
	padding-top:5px;
	padding-right:0px;
	padding-left:0px;}

.header-top ul>li:nth-child(4)>a{
	padding-right:0px!important;
	padding-left:0px!important;}

.nav li a .fa-line::before {
    color: #57158E; /*49CC33*/
	font-size:30px;
	padding:0px;
　  margin-top:10px;}

.nav li a:hover fa-line::before {
    color:#57158E;}/*#49CC33*/

i.fab.fa-line {
 	padding-left:0px;!important
}


/*ヘッダーメールアイコン*/
.header-top ul>li:nth-child(5){
	padding-top:5px;
	padding-right:0px;
	padding-left:0px;}

.header-top ul>li:nth-child(5)>a{
	padding-right:0px!important;
	padding-left:0px!important;}

.nav li a .fa-envelope::before {
    color: #57158E; /*#ddc5e5*/
	font-size:30px;
	padding:0px;
　  margin-top:10px;}

.nav li a:hover fa-envelope::before {
    color:#57158E;} /*ddc5e5*/

i.fab.fa-instagram {
 	padding-left:0px;!important
}

/*------------------------------------------------*/
/*	ヘッダーTopのFontawasomeアイコンを回転させる　*/　
/*------------------------------------------------*/

.global-nav-list>li:hover a i {
  transform: rotateX(360deg);
  transition: all 1.5s ease-out;
}

.vk-mobile-nav i,
.global-nav-name i {
font-size: 1.5em;
margin-right: .3em;
}

.global-nav-list>li .global-nav-name {
display: flex;
align-items: center;
}

.vk-mobile-nav nav ul li {
    font-size: 16px;
}

.vk-mobile-nav nav ul li a {
display: flex;
align-items: center;
}
/*グローバルメニュー文字色*/
strong.global-nav-name {
    color: #ffffff;
}


/*-------------------------------------------*/
/*	上に戻るボタン　　　　　　　　　*/　
/*-------------------------------------------*/

.scrolled .page_top_btn {
    display: block;
    opacity: 1;
    color: transparent;
}


.page_top_btn {
    right: 10px;
    bottom: 0;
    width: 100px;
    height: 105px;
    color: transparent;
    background: transparent;
    box-shadow: none;
    background-image: url(https://tenseiron.com/wp-content/uploads/2022/11/top_b_cat.png); /* 右下に猫を表示 */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    opacity: 0;
    transition: opacity 0.7s ease-out;
}
body.single .page_top_btn {
    right: 10px;
    bottom: 0;
    width: 100px;
    height: 105px;
    color: transparent;
    background: transparent;
    box-shadow: none;
    background-image: url(https://tenseiron.com/wp-content/uploads/2022/11/top_b_cat.png); /* 右下に猫を表示 */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    opacity: 0;
    transition: opacity 0.7s ease-out;
}


/*#################################################*/
/*TOPページのカスタマイズ
/*#################################################*/

/*newsのカードのカスタマイズ*/
.vk_post.news.card-post {
    border: none;
    border-radius: 10px;
    box-shadow: 4px 4px 8px rgb(36 40 47 / 16%);
    margin: 0 10px 30px;
	background-color:#ffffff;
    transition: all 0.2s ease-out;
}

.vk_post.news.card-post:hover{
    transform: translateY(10px);
}

.vk_post.news.card-post.vk_post_title {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 0;
  text-align: center;
}

/*お知らせのカードのカスタマイズ*/
.vk_post.infomation.card-post {
    border: none;
    border-radius: 10px;
    box-shadow: 4px 4px 8px rgb(36 40 47 / 16%);
    margin: 0 10px 30px;
	background-color:#ffffff;
    transition: all 0.2s ease-out;
}

.vk_post.infomation.card-post:hover{
    transform: translateY(10px);
}

.vk_post.infomation.card-post.vk_post_title {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 0;
  text-align: center;
}

/*コラムのカードのカスタマイズ*/
.vk_post.blog.card-post {
    border: none;
    border-radius: 10px;
    box-shadow: 4px 4px 8px rgb(36 40 47 / 16%);
    margin: 0 10px 30px;
	background-color:#ffffff;
    transition: all 0.2s ease-out;
}

.vk_post.blog.card-post:hover{
    transform: translateY(10px);
}

.vk_post.blog.card-post.vk_post_title {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 0;
  text-align: center;
}

/*TOPページのカラム並べ替え*/
/* 親要素でflex指定 */
.reversebox {
 display: flex;}
/* 子要素に縦向きの際の並び順を指定 */
@media screen and (max-width: 890px) {
.over2 { order: 2;}}

/*#################################################*/
/*          講座詳細                                */
/*#################################################*/
/*講座詳細－申込ボタン*/
.enrty_b a {
    background: #a700b0;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 260px;
    padding: 10px 25px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.enrty_b a:hover {
    background: #bf7cb1;
    color: #ffffff;
　　border-color:#a700b0
}
.enrty_b a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #ffffff;/*>の上の部分*/
    border-right: 3px solid #ffffff;/*>の下の部分*/
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
/*受付終了の文字*/
.end{color: #ffffff!important;background-color:#930d33;padding-top:3px;padding-top:3px;padding-left:5px;padding-right:5px;}


/*内容テーブルｰ入力側*/
table.form_tbl {
  border: 1px solid #aaa;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
}
table.form_tbl th,
table.form_tbl td {
  padding: .6em 3em;
  border-bottom: 1px solid #aaa;
}
table.form_tbl th {
  background-color: #f4c676;
}

@media screen and (max-width: 640px) {
  .form_tbl {
    width: 100%;
  }
  table.form_tbl th,
  table.form_tbl td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .form_tbl tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}

/*内容テーブル-アドバンスカスタムフィールド値側*/
table.kouza_inst_tbl {
  border: 1px solid #aaa;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
}
table.tablekouza_inst_tbl th,
table.kouza_inst_tbl td {
  padding: .6em 3em;
  border-bottom: 1px solid #aaa;
}
table.kouza_inst_tbl th {
 background-color: #e0b6d8;
}

@media screen and (max-width: 640px) {
  .kouza_inst_tbl {
    width: 100%;
  }
  table.kouza_inst_tbl th,
  table.kouza_inst_tbl td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .kouza_inst_tbl tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}




/*アーカイブ投稿一覧*/

/*タイトル*/
h5.vk_post_title.media-title { font-size: 1.2em!important;}
h5.vk_post_title.media-title a {color: #A700B0!important;}
/*投稿日非表示*/
.vk_post_date.media-date.published { display: none;}
/*ボタン*/
a.btn.btn-sm.btn-primary.vk_post_btn { background: #452B7D; border-radius: 5px;font-size:0.9em!important}
/*検索ボタン*/
button.btn.btn-primary {
    background-color: #BF7CB1;}

/*種別のタイトル*/
span.vk_post_taxonomy_title_inner {
    background-color: #bf7cb1;
    color: #ffffff;
    border-radius: 10px;
}
	
/*form必須マーク*/
.required-srt{
    font-size: 0.7em;
    padding: 3px;
    border-radius: 5px;
    margin-right: 10px;
    background: #A52436;
    color: #ffffff;
}
.submit-btn {
    display: block;
    text-align: center;
    padding-top: 45px;
}
/*確認画面に進む・送信ボタン*/
input[type=submit] {
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    border: 1px solid var(--vk-color-primary-dark);
    background-color: #8b308d;
    color: #fff;
    padding: 0.5em 2em;
    border-radius: 20px;
}
input[type="submit"]:hover {
    background-color: #ffffff!important;
    color: #8b308d!important;
    border-color:#8b308d!important;
}
.required-srt {
    font-size: 0.7em;
    padding: 3px;
    border-radius: 5px;
    margin-right: 10px;
    background: #A52436;
    color: #ffffff;
}
input.wpcf7-form-control.wpcf7-previous {
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    border: 1px solid var(--vk-color-primary-dark);
    background-color: #CFCFCF;
    color: #fff;
    padding: 0.5em 2em;
    border-radius: 20px;
    margin-bottom: 15px;
}
input.wpcf7-form-control.wpcf7-previous:hover {
    background-color: #ffffff!important;
    color: #CFCFCF!important;
    border-color: #CFCFCF!important;
}
.counseling-p {
    padding-top: 30px;
    text-align: center;
}