@charset "utf-8";
/*
Theme Name: lightning-child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning-pro
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/
h2{
	adding-bottom: 8px;
  position: relative;
	border-top: none;
  border-bottom: 2px solid #ccc;
	padding: .8em 0 .3em;
}

h2:after {
  content: ".";
  line-height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: -2px;
  width: 10%;
  border-bottom: 2px solid #4169e1;
}
/* 言語スイッチャーのスタイル（BizVektor） */
/*.widget_polylang ul li {
    border-bottom: none;
    display: inline;
}
 
.widget_polylang ul li a {
    background: none;
    display: inline;
    padding: 10px;
}*/

/* 言語スイッチャーのスタイル（Multisite Language Switcher） */
#menu-multisite-language img {
	margin-right:1em;
}
.vk-mobile-nav-widget img {
	margin-left:0.5em;
}


/*トップページスライドショーのフォント色変更*/
.mini-content-container-1 .slide-text-title{
color: #fff!important;
text-shadow: 0 0 2px #000!important;
}
.mini-content-container-1 .slide-text-caption{
color: #fff!important;
text-shadow: 0 0 2px #000!important;
}
.mini-content-container-1 .btn-ghost{
color: #fff!important;
text-shadow: 0 0 2px #000!important;
}
.mini-content-container-1 .btn {
    color: #000;
    text-shadow: 0 0 2px #fff;
    background: #ff0000!important;
    transition: .3s;
    border-color: #f00;
    box-shadow: 0 0 2px #f00;
}
.mini-content-container-1 .btn:hover {
    color: #fff;
    background-color: #545454!important;
    border-color: #545454;
		box-shadow: 0 0 2px #545454;
}
/*トップページスライドショーの左右矢印を赤に変更*/
.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}
/*ナノファイバーページ*/
dl.sample4 dd {
    margin-left:5px;
    padding:5px;
    background-color:#ddeeff;
}
/*サイドバーのh2タグデザイン変更*/
.subSection-title {
    padding-bottom: 8px;
    position: relative;
    border-bottom: 2px solid #ccc;
}
 .subSection-title:after {
    border-bottom: 2px solid #ff0000;
		bottom: -2px;
}
/*トップページ-アイコンのhover色を赤に変更*/
.prBlock a:hover {
    color: #ff0000;
}
/*--------------------------------------------------
  タブメニュー　（Zsナノファイバー詳細ページ）
--------------------------------------------------*/

#tab_menu_wrap{
	display: flex;
  flex-wrap: wrap;
	border-bottom: solid 5px #2d2d2d;
	margin-bottom: 30px;
}

#tab_menu_wrap ul.tab_menu{
	/*width: 1180px;
	height: 30px;*/
	margin: 0px;
	padding-inline-start: 0px;
	list-style: none;
}

#tab_menu_wrap ul.tab_menu li{
	float: left;
	margin-top: 9px;
	margin-right: 5px;
	margin-bottom: 9px;
}

#tab_menu_wrap ul.tab_menu li a{
	  color: White;
    background: #666666;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    white-space: nowrap;
    text-align: center;
    padding: 10px .5em;
    order: -1;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    flex: 1;
}

#tab_menu_wrap ul.tab_menu li a:hover{
	background: #888888;
	color: #ffffff;
	text-decoration: none;
}

#tab_menu_wrap ul.tab_menu li a .tab_btn{
	padding: 0 13px;
}


/*--------------------------------------------------
  タブメニュー上部　（Zsナノファイバー詳細ページ）
--------------------------------------------------*/
.menu-tab-menu-upper-container {
	display: flex;
  flex-wrap: wrap;
	border-bottom: solid 5px #2d2d2d;
	margin-bottom: 30px;
}

ul#menu-tab-menu-upper {
	/*width: 1180px;
	height: 30px;*/
	margin: 0px;
	padding-inline-start: 0px;
	list-style: none;
}

ul#menu-tab-menu-upper li{
	float: left;
	margin-top: 9px;
	margin-right: 5px;
	margin-bottom: 9px;
}

ul#menu-tab-menu-upper li a{
	  color: White;
    background: #666666;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    white-space: nowrap;
    text-align: center;
    padding: 10px .5em;
    order: -1;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    flex: 1;
}

ul#menu-tab-menu-upper li a:hover{
	background: #888888;
	color: #ffffff;
	text-decoration: none;
}

ul#menu-tab-menu-upper li a .tab_btn{
	padding: 0 13px;
}

ul#menu-tab-menu-upper li.current_page_item a {
	background: #999999;
}
/*--------------------------------------------------
  タブメニュー下部　（Zsナノファイバー詳細ページ）
--------------------------------------------------*/
.menu-tab-menu-lower-container {
	display: flex;
  flex-wrap: wrap;
	border-top: solid 5px #2d2d2d;
	margin-top: 30px;
}

ul#menu-tab-menu-lower {
	/*width: 1180px;
	height: 30px;*/
	margin: 0px;
	padding-inline-start: 0px;
	list-style: none;
}

ul#menu-tab-menu-lower li{
	float: left;
	margin-top: 9px;
	margin-right: 5px;
	margin-bottom: 9px;
}

ul#menu-tab-menu-lower li a{
	  color: White;
    background: #666666;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    white-space: nowrap;
    text-align: center;
    padding: 10px .5em;
    order: -1;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border-radius: 0 0 5px 5px;
    flex: 1;
}

ul#menu-tab-menu-lower li a:hover{
	background: #888888;
	color: #ffffff;
	text-decoration: none;
}

ul#menu-tab-menu-lower li a .tab_btn{
	padding: 0 13px;
}

ul#menu-tab-menu-lower li.current_page_item a {
	background: #999999;
}

/*--------------------------------------------------
  mwformのチェックボックス左揃え
--------------------------------------------------*/
.mwform-checkbox-field {
display: block;
margin-left: 10px;
}
.mwform-checkbox-field label {
margin-left: 0px;
}
.caution_red {
    color: #C80000;
}
/*--------------------------------------------------
  米印のインデント
--------------------------------------------------*/
.asterisk {
  padding-left: 2rem;
}

.asterisk::before {
  content: "※";
  margin-left: -1rem;
}
/*--------------------------------------------------
  エラー文字の点滅
--------------------------------------------------*/
.mw_wp_form .error {
    font-size: 93%;
    color: #B70000;
    display: block;
		animation: flash 1s linear infinite;
}
@keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
  
  
  100% {
    opacity: 1;
  }
}
/*--------------------------------------------------
  20250818 sekine WP6.8 の auto sizes を Lightning Pro のCSSから除外
--------------------------------------------------*/
img[sizes="auto"],
img[sizes^="auto,"] {
    contain-intrinsic-size: 150px!important;
}
/*--------------------------------------------------
  20250818 sekine 次の記事の画像サイズ変更
--------------------------------------------------*/
.vk_post.card-horizontal .vk_post_imgOuter {
    height: 150px;
}