/*

Theme Name: Lightning Child

Theme URI: 

Template: lightning

Description: mixhostかんたんテンプレート（コーポレート版）用にカスタマイズしたLightningの子テーマです。

Author: 

Tags: 

Version: 1.0

*/


/* Googleフォント読み込み */
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap');


/* 全体のフォント */
body,html,button{
    font-family: 'Kumbh Sans',Lato, 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


/*マウスhover時のボタン*/
.btn-primary:hover {
    opacity: .8;
}


/* マウスhover時のリンク画像を透過 */
a:hover img{
	opacity: .7;
}

/* ヘッダーフッターのロゴはhover時も透過なしに */
.site-header-logo a:hover img,
.mh_footer-logo a:hover img{
    opacity: 1;
}


/* 投稿一覧のhover */
.vk_post .media-img:hover{
	opacity: .7;
}
.vk_post .media-title a:hover{
	color: #1e73be;
}


/* スクロール後もヘッダーロゴを表示（サイズは小さめ） */
.header_scrolled .site-header-logo{
    display: block;
    margin: 0;
    padding: .5rem;
}
.header_scrolled .site-header-logo img{
    width: auto;
    max-height: 2.5rem;
}


/* タブレット以下でのヘッダーのロゴサイズと左右の空き */
@media (max-width: 991.98px){
    .site-header-logo a{
        display: inline-block;
        height: 100%;
    }
    .site-header-logo span,
    .site-header-logo img{
        display: block;
        height: 100%;
    }
    .site-header-logo {
        margin-left: 50px;
        margin-right: 50px;
        height: 57px;
    }
}

/* ページヘッダーの背景 */
.page-header{
    background: #f0f0f0;
}

/* フッター */
.site-footer{
    font-size: 14px;
    padding-top: 2rem;
    border-top: solid 1px #ccc;
}


/* フッタナビ */
.footer-nav li{
    margin: .5em 0;
}
.footer-nav li a:hover{
	color: #1e73be;
}



/* フッターナビ＠スマホ */
@media (max-width: 767.98px){
    .footer-nav-list li{
        border-style: solid;
        border-width: 0 0 1px;
        border-color: #ccc;
        margin-top: 0;
        margin-bottom: 0;
    }
}


/* フッターのウィジェット内の最後の要素 */
.site-footer .widget:last-child{
    margin-bottom: 1rem;
}


/* フッターウィジェット幅の調整 */

@media all and (min-width:768px) and (max-width:991px){
    .mh_footer_widgets>.row>div{
        flex-basis: 50%;
        max-width: inherit;
    }
    .mh_footer_widgets>.row>div:nth-child(n+3){
        flex-basis: 100%;
        max-width: inherit;
    }
}

@media all and (min-width:992px){
    .mh_footer_widgets>.row>div:nth-child(3){
        flex-basis: 50%;
        max-width: 50%;
    }
    .mh_footer_widgets>.row>div:nth-child(4){
        flex-basis: 100%;
        max-width: 100%;
    }
}


/* モバイル用ナビのロゴ */
.vk-mobile-nav .mh_auto_logo{
    text-align: center;
}
.vk-mobile-nav .mh_auto_logo img{
    max-width: 75%;
}

/*モバイル用ナビボタン*/
.vk-mobile-nav-menu-btn{
    width: 50px;
    height: 50px;
    border-radius: 0;
    top: 7px;
    left: 7px;
}


/* TOPページスライダー ページネーション */
.lightning_swiper-container .swiper-pagination{
	text-align: center;
	padding-top: .5em;
	line-height: 1em;
}
.lightning_swiper-container .swiper-pagination-bullet{
	display: inline-block;
	width: .8rem;
	height: .8rem;
	background: #fff;
	border-radius: 50%;
	border: solid 1px #c0c0c0;
	margin: 0 .25rem;
    outline: none;
}
.lightning_swiper-container .swiper-pagination-bullet-active{
	background: #c0c0c0;
}


/* TOPページスライダー 前・次ボタン */
.lightning_swiper-container .swiper-button-white{
	background: rgba(230,230,230,.5);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	width: 2.5rem;
	height: 2.5rem;
	z-index: 1;
	cursor: pointer;
	border: solid 1px rgba(255,255,255,.6);
}
.lightning_swiper-container .swiper-button-white:hover{
	overflow: .85;
}
.lightning_swiper-container .swiper-button-white:after{
    content: none;
}
.lightning_swiper-container .swiper-button-white:before{
	content: '';
	display: inline-block;
	width: .75rem;
	height: .75rem;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform:translateX(25%) rotate(-135deg) ;
}
.lightning_swiper-container .swiper-button-prev{
	right: auto;
	left: 1rem;
}
.lightning_swiper-container .swiper-button-next{
	right: 1rem;
	left: auto;
	transform: scaleX(-1);
}


/* TOPページスライドのボタン内アイコン */
.lightning_swiper-container .btn i{
    margin-left: .5em;
}


/* VK FAQウィジェットのQAアイコン */
.vk_faq .vk_faq_title:before,
.vk_faq .vk_faq_content:before{
	color: #fff;
	display: inline-block;
	font-size: .85rem;
	height: 1.7rem;
	line-height: 2.2;
	width: 1.7rem;
	text-align: center;
	border-radius: 50%;
    font-family: inherit;
}
.vk_faq .vk_faq_title:before{
	background: #337ab7;
}
.vk_faq .vk_faq_content:before{
	background: #e50000;
}


/* 投稿記事内の見出し */

.entry h1.is-style-vk-heading-default,
.entry h1:not([class*="is-style-vk-"]){
    margin-bottom: 1em;
}
.entry h1.is-style-vk-heading-default:after,
.entry h1:not([class*="is-style-vk-"]):after{
    content: '';
    display: block;
    margin-top: .2em;
    height: 4px;
    background-image: linear-gradient(-45deg,transparent 25%,var(--vk-color-primary) 25%,var(--vk-color-primary) 50%,transparent 50%,transparent 75%,var(--vk-color-primary) 75%,var(--vk-color-primary));
    background-size: .25rem .25rem;
}
.entry h2.is-style-vk-heading-default,
.entry h2:not([class*="is-style-vk-"]){
    background: var(--vk-color-primary);
    color: #fff;
    padding: 1rem;
}
.entry h3.is-style-vk-heading-default,
.entry h3:not([class*="is-style-vk-"]){
    border-left: solid 4px var(--vk-color-primary);
    padding: .25rem 1rem;
}




/* Lightningお問い合わせボックス
*  横長のときの位置調整
*/

@media (min-width: 1200px){
	.veu_contact-layout-horizontal .veu_card_inner{
		display: flex !important;
		justify-content: space-between;
		align-items: center;
	}
	.veu_contact-layout-horizontal .contact_txt,
	.veu_contact-layout-horizontal .contact_bt{
		float: none !important;
	}
}
.veu_contact .contact_txt_time, .sub-section--col--two .veu_contact .contact_txt_time{
	font-size: 12px !important;
}


/* Lightningお問い合わせボックス内
*  文字サイズ等調整
*/
.site-footer .veu_contact .contact_frame, .sub-section--col--two .veu_contact .contact_frame{
    padding: 15px;
}
.veu_contact .contact_bt{
    line-height: 1;
}
.site-footer .veu_contact .contact_bt_txt, .sub-section--col--two .veu_contact .contact_bt_txt{
    font-size: 16px;
}


/* Lightningお問い合わせボックス内
*  ボタンのアイコン変更
*/
.veu_contact .fa-arrow-alt-circle-right{
    display: none;
}
.veu_contact .contact_bt_txt:after{
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: '\f138';/*丸の中に＞*/
    display: inline-block;
    margin-left: .25em;
}

/* Facebook埋め込みのレスポンシブ対応 */
.facebook_wrap{
    text-align: center;
}
 
/* 新着情報一覧の続きボタンにアイコン追加 */
.vk_posts .vk_post_btn:after{
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: '\f138';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin-left: .7rem;
    line-height: 1;
    text-rendering: auto;
    font-variant: normal;
    font-style: normal;
    display: inline-block;
    
}


/* 「メディアとテキスト」ブロックのパディング調整 
*  画像と反対側のパディングを0に
*/

.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content{
    padding-right: 0;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
    padding-left: 0;
}

@media all and (max-width:767px){
    .wp-block-media-text .wp-block-media-text__content{
        padding-left: 0;
        padding-right: 0;
    }    
}


/* 404ページのTOPへ戻るボタン */
.mh_btn_in_404{
    width: 60%;
    margin-top: 60px;
}


/* Jetpack スライドショーブロックのページャー
*  PC・スマホともに前/次ボタンのみを表示
*/
@media (max-width: 599px){
    .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev{
        display: block !important;
    }
}
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom{
    display: none !important;
}