/* Lightning コピーライト非表示 */
p:nth-child(2){display:none;}
/* リンクオーバー */
a:hover img {
filter : alpha(opacity=80);
opacity : 0.8 ;
/* スライドショーエリア装飾 */
.lightning_swiper-container{
border-top: 16px solid #2a8950;
border-bottom: 8px solid #2a8950;
background-color:#222;
}
@media (min-width: 992px) {
/* アイコンの下にメニューの文字を配置する(スクロールしていないとき) */
body:not(.header_scrolled) .global-nav-list>li .global-nav-name {
display: flex;
flex-direction: column;
}
/* アイコンのスタイル(スクロールしていないとき) */
body:not(.header_scrolled) .global-nav-list>li .global-nav-name i {
font-size: 1.5em;
margin-right: 0;
margin-bottom: 0.5em;
color: var(--vk-color-primary);
}
/* 個々のメニュー枠のスタイル(スクロールしていないとき) */
body:not(.header_scrolled) .vk-menu-acc li {
width: 156px;
margin-left: -1px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
/* 最後のメニュー項目だけ白抜き文字にする */
.vk-menu-acc li:last-child {
background-color: var(--vk-color-primary);
}
body:not(.header_scrolled) .global-nav-list>li:last-child .global-nav-name i,
.global-nav-list>li:last-child .global-nav-name i {
color: #fff;
}
.nav li:last-child a, nav li:last-child a {
color: #fff;
}
body:not(.header_scrolled) .global-nav--layout--float-right {
align-items: unset;
}
.header_scrolled .global-nav--layout--float-right {
width: 100%;
}
.header_scrolled .global-nav-list {
display: block;
width: unset; /* 2022.5.31 Lightning 14.21 にアップデートしたときのスクロール時のレイアウトくずれの対策として追加 */
}
/* 最後のメニュー項目だけ右端に配置(スクロール時) */
.header_scrolled .vk-menu-acc li:last-child {
float: right;
}
}
/* スライドショー文字装飾 */
.ltg-slide-text-set mini-content{}
.ltg-slide-text-title{
font-size:2.2vw;
text-shadow:3px 5px 5px #000000;
font-weight: bold;
background-color: rgba( 10, 25, 20, 0.45 );
margin:0;
padding:0.6%;
}
.ltg-slide-text-caption{
font-size:1.6vw;
text-shadow:3px 5px 5px #FFF;
font-weight: bold;
background-color: rgba( 10, 25, 20, 0.45 );
margin-bottom:3%;
padding:0.6%;
}
.site-body{padding-bottom:0;}
/* ページ見出しタイトル位置の変更 */
h1.page-header-title{text-align: left;}
/* MW WP FORMの入力エラー表示CSS 未完成*/
.error-message{
padding:5px;
color: #FFF;
background-color:#D00;
margin:0px 0px 15px 30px;
}
.is-style-vk-heading-default-h2{
padding: 1rem 2rem;
background: #4606a5;
}
.etv-shadow{
width: 600px;
margin: 0 auto;
filter:drop-shadow(4px 4px 6px gray);
}
/* フッター装飾 */
.site-footer{
border-top: 18px solid #2a8950;
}
/* 見出しデザイン */
h2 {
position: relative;
padding: 1rem 1rem 1rem 1.5rem;
color: #156830;
border: 3px solid #156830;;
font-weight: bold;
font-size: 26px;
background-color:#d1ffd1;
box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
}
h2:before,
h2:after {
position: absolute;
left: 30px;
height: 0;
width: 0;
border: solid transparent;
content: "";
}
h2:before {
top: 100%;
margin-left: -10px;
border-color: transparent;
border-top-color: #156830;
border-right-color: #156830;
border-width: 10px;
}
h2:after {
top: 99%;
margin-left: -7px;
border-color: transparent;
border-top-color: #99ffcc;
border-right-color: #99ffcc;
border-width: 7px;
}
h3 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}
h4 {
color: #156830;
background-color: #d1ffd1;
border-left: 30px solid #2a8950;
border-right: 30px solid #2a8950;
box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
padding: 10px;
border-radius: 10px;
}
h5 {
color: #156830;
margin-left: 3%;
background-color: #e1ffe1;
border-left: 15px solid #badcad;
box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
padding: 10px;
border-radius: 8px;
}
/* PC用のCSSはメディアクエリの外に記述する */
@media screen and (max-width:990px) {
/* 959px以下に適用されるCSS(タブレット用) */
/* スライドショー文字装飾 タブレット用 */
.ltg-slide-text-title{
font-size:5.4vw;
text-shadow:3px 5px 5px #FFF;
font-weight: bold;
}
.ltg-slide-text-caption{
font-size:3.2vw;
text-shadow:3px 5px 5px #FFF;
font-weight: bold;
}
@media screen and (max-width: 480px) {
/* 480px以下に適用されるCSS(スマホ用) */
/* スライドショー文字装飾 スマホ用 */
.ltg-slide-text-title{
font-size:5.4vw;
text-shadow:3px 5px 5px #FFF;
font-weight: bold;
}
.ltg-slide-text-caption{
font-size:3.2vw;
text-shadow:3px 5px 5px #FFF;
font-weight: bold;
}
/* PC用のCSSはメディアクエリの外に記述する */
/* MAX MEGA MENU DEF 768px以下 */
/* DEF 959px以下-480px */