@charset "utf-8";
/*
ブレイクポイントは標準のLightningテーマおよびBootstrapの理念に基づき
$sm-min: 576px;
$md-min: 768px;
$lg-min: 992px;
$xl-min: 1200px;
となっているのでそれに準じてください。
*/ 
:root {
  --wp--preset--spacing--50: 1rem;
  --wp--preset--spacing--60: 1.2rem;
  --wp--preset--spacing--70: 1.5rem;
  --wp--preset--spacing--80: 2rem;
}
/*ヘッダー調整*/
.site-header-logo img {
  max-height: 45px !important;
}
.site-header-logo a {
  display: block;
}
/*余白調整*/ :where(.wp-block-columns.is-layout-flex) {
  gap: 0 !important;
}
/*見出し・尾ひれ*/
.heading-icon-fin::before {
  top: 18px;
}
/*FV*/
.fv {
  padding: 6em 1.5em !important;
  min-height: 80vh !important;
}
.fv .subcopy {
  font-size: 1.1em !important;
}
.fv .copy {
  font-size: 1.9rem !important;
}
/*イルカの生態について*/
.offset-item {
  top: -5em;
  overflow: hidden !important;
  padding-top: 1em;
}
.offset-item .over-item {
  width: 100%;
  position: relative;
  padding-bottom: 2em !important;
}
.flowimg-text {
  font-size: 5rem;
  position: relative;
  top: 0;
}
/*ページヘッダー*/
.page-header {
  min-height: 10rem !important;
}
/*パンくず*/
.breadcrumb .container {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 1em !important;
  margin: 0 !important;
}
.breadcrumb-list {
  padding: 0 !important;
}
ol.breadcrumb-list {
  white-space: normal;
  margin: 0 !important;
}
/*個体検索*/
.vkfs:where(:not(.vkfs__layout--min)) .vkfs__outer-wrap {
  width: 100%;
}
/*ログイン*/
#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg {
  width: 100% !important;
}
/*フッタ*/
.sp-center figure {
  float: none !important;
  margin: 0 auto !important;
}
.copyright {
  text-align: center !important;
}
/*ハンバーガー*/
.movile-logo {
  padding: .5em;
  background: #fff;
}
.vk-mobile-nav-menu-btn {
  background: url(../../../wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg) center 50% no-repeat rgba(255, 255, 255, 1);
}
.vk-mobile-nav-menu-btn.menu-open {
  background: url(../../../wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-close-white.svg) center 50% no-repeat rgba(255, 255, 255, 1);
}
.vk-menu-acc .acc-btn {
  border: medium none !important;
  opacity: .5;
}
.vk-mobile-nav-menu-outer .vk-menu-acc .acc-btn {
  border: none;
  background-size: 2em;
  height: 100%;
  top: 0;
  right: 0;
  width: 44px;
  background-position: right .5em;
}
.vk-mobile-nav-menu-outer .vk-menu-acc a[href="#"] {
  pointer-events: none;
}
.vk-mobile-nav-menu-outer .vk-menu-acc a[href="#"] + span.acc-btn {
  width: 100%;
}
.vk-mobile-nav-menu-outer .vk-menu-acc span.acc-btn.acc-btn-close {
  height: 44px !important;
}
.mobile-fix-nav .mobile-fix-nav-menu {
  position: relative;
  z-index: 0;
}
.vk-mobile-nav-menu-btn {
  border: medium none !important;
}
.vk-mobile-nav-menu-btn.menu-open {
  border: medium none !important;
}
.vk-mobile-nav .acc-btn {
  border: medium none !important;
}
.vk-mobile-nav nav ul li a {
  text-decoration: none;
}
.mobile-fix-nav_enable .site-footer {
  padding-bottom: 60px !important;
}
.vk_accordion-trigger .vk_accordion-toggle-close::before, .vk_accordion-trigger .vk_accordion-toggle-open::before {
  right: 12px;
}
.vk-mobile-nav p {
  color: #fff;
}
.vk-mobile-nav a {
  color: #fff;
}
.vk-mobile-nav-menu-btn.position-right {
  right: 10px;
  border-radius: 0;
  top: 10px;
}
.vk-mobile-nav-menu-btn {
  border: medium none !important;
  top: 15px;
  background-color: var(--vk-color-primary);
}
.vk-mobile-nav-menu-btn.menu-open {
  border: medium none !important;
  background-color: var(--vk-color-primary);
}
.vk-mobile-nav .acc-btn {
  border-style: none !important;
}
.vk-mobile-nav {
  padding-top: 15px !important;
  background-color: var(--vk-color-custom-1);
  border-bottom: medium none !important;
}
.vk-mobile-nav nav > ul {
  border-top: medium none !important;
}
.vk-mobile-nav nav ul li a {
  color: #fff !important;
  border-bottom: 1px solid #999 !important;
  text-decoration: none;
}
.vk-mobile-nav nav ul li a:hover {
  text-decoration: underline !important;
}
.vk-menu-acc .acc-btn {
  filter: brightness(0) invert(1) !important;
}
.vk-mobile-nav-menu-outer .vk-menu-acc .acc-btn {
  border: none;
  background-size: 2em;
  height: 100%;
  top: 0;
  right: 0;
  width: 44px;
  background-position: right .5em;
}
.vk-mobile-nav-menu-outer .vk-menu-acc span.acc-btn.acc-btn-close {
  height: 44px !important;
}
/*固定ナビ*/
.mobile-fix-nav-top {
  border: medium none !important;
}
.mobile-fix-nav .mobile-fix-nav-menu {
  opacity: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: #fff;
  font-weight: 600;
}
.mobile-fix-nav .mobile-fix-nav-menu li {
  width: 50%;
}
.mobile-fix-nav .mobile-fix-nav-menu li .vk-mobile-nav-menu-btn, .mobile-fix-nav .mobile-fix-nav-menu li a {
  padding: 25px 10px;
  font-size: .9rem;
}
.mobile-fix-nav .mobile-fix-nav-menu li:first-child {
  background-color: var(--vk-color-primary);
}
.mobile-fix-nav .mobile-fix-nav-menu li:nth-child(2) {
  background-color: var(--vk-color-custom-4);
  color: #111 !important;
}
.mobile-fix-nav .mobile-fix-nav-menu li:nth-child(2) a {
  color: var(--vk-color-primary) !important;
}

/* テキスト左揃え */
.text-box-left{
	text-align: left!important;
}

/* 個体詳細ページ > 背ビレの横幅 */
.dolphin_sebire_box .dolphin_sebire_img{
    max-width: 60%;
}

/* 個体詳細ページ */
@media (min-width: 782px) and (max-width: 991px) {
.entry-body .dolphin_details_box {
gap: 1em!important;
  }
.dolphin_sebire_box .dolphin_sebire_img{
    max-width: 100%;
}	
}