/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* パン屑を削除 */
.breadcrumb {
display: none;
}

/* 投稿者名を削除 */
.entry-meta-item-author {
display: none;
}

/* 更新日を削除 */
.entry-meta-item-updated {
display: none;
}

/* 投稿下部の前の記事へ、次の記事へを削除 */
.next-prev {
 display:none;
}

/* 投稿下部のタグとカテゴリを削除 */
.entry-meta-data-list {
 display: none;
}

/* hタグ調整 */
h5 {
    padding: 0.6em 0.9em 0.4em;
    background-color: #fbfbfb;
    font-size: 1.00rem;
}
h6 {
    padding: 0.6em 0.9em 0.4em;
    font-size: 0.9rem;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}
h7 {
    padding: 0.6em 0.9em 0.4em;
    font-size: 0.9rem;
    border-bottom: 1px solid #cdcdcd;
}

/*本文のフォントサイズ変更*/
body {
    font-size: 18px;
}

/* サイト全体の余白調整 */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    margin-right: auto;
    margin-left: auto;
}

/* 余白調整 */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 6px;
    padding-left: 6px;
    margin-bottom: 5px;
}

/*ページヘッダー縦幅調整*/
.page-header {
    min-height: 15rem;
}

/* h3タグの左下のボーダーラインを消す */
.site-footer-title:after, .sub-section-title:after, h3:after {
    content: ".";
    line-height: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: -1px;
    width: 30%;
    border-bottom: 0px solid var(--vk-color-primary);
}

/*rowのマージン調整*/
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1px;
    margin-left: -1px;
    margin-bottom: 40px;
}

/*special-rowのマージン調整*/
/* パソコン用のスタイル */
.special-row {
    margin-right: 130px;
    margin-left: 130px;
}

/* タブレット用のスタイル */
@media (max-width: 1024px) and (min-width: 768px) {
    .special-row {
        margin-right: 80px;
        margin-left: 80px;
    }
}

/* スマートフォン用のスタイル */
@media (max-width: 767px) {
    .special-row {
        margin-right: -1px;
        margin-left: -1px;
    }
}


/*商品一覧ボーダー設定*/
.thumbnail {
    display: block;
    padding: 0em 0em 0.4em 0em;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

/* 商品のh3スタイル */
.custom-h3 {
    padding: 0.6em 0.9em 0.4em;
    background-color: #e7e7e7;
    border-bottom: 0px solid var(--vk-color-border);
    font-size: 12px;
    font-weight: 600;
}

/* カスタムフィールドのフォントサイズを変更する */
.custom-price {
    font-size: 22px;
}

/* 画像の配置用CSS */
img.alignright{
	display: block;
	margin: 0 0 0 auto;
}
img.alignleft{
	display: block;
	margin: 0 auto 0 0;
}
img.aligncenter{
	display: block;
	margin: 0 auto;
}

/* ラージボタン下部マージン */
.btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
    margin-top: 5px;
    margin-bottom: 15px;
}

/* ページヘッダー固定 */
.page-header {
    background-attachment: local;
}

/* 画像ホバー時の効果 */
a img {
  /* ここに通常のCSSスタイルを指定 */
  border:none;
  verticle-align:top;
  -webkit-transition: 0.9s ease-in-out;
  -moz-transition: 0.9s ease-in-out;
  -o-transition: 0.9s ease-in-out;
  transition: 0.9s ease-in-out;
  margin-top: 5px;
  display: inline-block;
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.9);
}

a:hover img {
  /* ここに通常のホバー時のCSSスタイルを指定 */
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/* 特定のクラスを持つ要素内の画像に対しては、上記のCSSスタイルを無効にする */
.site-header-logo--scrolled--logo-and-nav-container a img {
  border: initial;
  verticle-align: initial;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  margin-top: initial;
  display: initial;
  box-shadow: none;
}
.site-header-logo--scrolled--logo-and-nav-container a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* ゴーストボタンのマージン */
.vk_block-margin-0--margin-bottom {
    margin-right: 10px !important;
}
/* フッター上部マージン */
.site-footer {
    margin-top: -50px;