@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_1 { display: block !important; }
.sp_1 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc_1 { display: none !important; }
.sp_1 { display: block !important; }
}

/*G3モバイルメニューのタップ範囲を拡張*/
@media (max-width: 991px) {
.vk-menu-acc .acc-btn {
border: none;
background: var(--vk-menu-acc-icon-open-black-bg-src) right 50% no-repeat;
width: 100%;
right: 0;
top: 0;
height: calc( 24px + 1.4em );
background-size: 30px;
}

.vk-menu-acc .acc-btn-close {
background: var(--vk-menu-acc-icon-close-black-bg-src) right 50% no-repeat;
background-size: 30px;
}
}


/*G3モバイルメニューのボタンにMENUの文字を表示*/
.vk-mobile-nav-menu-btn {
  text-indent: 2px;
  font-size: 10px;
  padding-top: 26px;
  overflow: visible;
  border: none;
  background-position: top;
  height: 40px;
}
.vk-mobile-nav-menu-btn.menu-open {
  border: none;
}
.vk-mobile-nav {
  padding-top: 50px;
}

/*グローバルメニューのアイコンが回転*/
.global-nav-list>li:hover a i {
    transform: rotateX(360deg);
    transition: all 1.5s ease-out;
    color: #EEC600;
}

.my-blue {color: #007ACC}

/* フローティングバナー設定 */
#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
 
#footerFloatingMenu img {
    max-width: 99%;
}

@media (min-width: 481px) {
    #footerFloatingMenu {
        display: none;
    }
}

#FloatingMenu {
    display: block;
    width: 10%;
    position: fixed;
    left: 10px;
    bottom: 50px;
    z-index: 9999;
    text-align: left;
    padding: auto 0;
}
 
#FloatingMenu img {
    max-width: 99%;
}
/* フローティングバナー設定 */