/*
Theme Name: nana.hp
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.0
*/

/* https://fonts.google.com/specimen/Oswald */
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Oswald:wght@500&display=swap');

/* font */
.txt-mincho {
	font-family: "Noto Serif JP",sans-serif;
}

/* h2 */
h2.is-style-vk-heading-background_fill_lightgray {
	border-left: solid 6px #cab335 !important;
	border-radius: 0;
}

/* btn */
.btn {
	border-radius: 0;
}
.btn-border-left .btn {
	font-size: 10px;
	border-left: solid 6px #cab335 !important;
}
.btn-icon.vk_button {
	display: flex;
	justify-content: center;
	max-width: 100%;
}
.btn-icon .vk_button_link_caption:before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 15px;
	margin: 3px 10px 0 0;
}
.btn-icon.btn-icon-red .vk_button_link_caption:before {
	color: #f00;
}
.btn-icon.vk_button-align-wide .btn {
	max-width: 100%;
	width: 700px;
}

/* icon-link */
.icon-link a {
	text-decoration: none;
	font-size: 0.8rem;
}
.icon-link:after {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	margin: 0 0 0 5px;
	vertical-align: -1px;
	color: var(--wp--preset--color--vk-color-custom-1);
}
.wp-block-social-links li {
	overflow: hidden;
}

/* sns link */
/* WordPressはLINEアイコンへ */
.wp-social-link-wordpress {
}
.wp-social-link-wordpress .wp-block-social-link-anchor {
	position: relative;
}
.wp-social-link-wordpress .wp-block-social-link-anchor:before {
	content: "\f3c0";
	font-family: "Font Awesome 5 Brands";
	font-size: 42px;
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	top: 0;
	background-color: #fff;
	color: #00B900;
}
.wp-social-link-wordpress svg {
	opacity: 0;
}

/* img-list */
.img-list .wp-block-image {
	display: flex;
	justify-content: center;
	margin: 0;
}

/* site-body */
.site-body {
	padding: 0;
}

/* contents-header h2 */
.wp-block-vk-blocks-heading {
	margin: 0 0 80px;
}
.wp-block-vk-blocks-heading:after {
	content: "";
	display: block;
	width: 50px;
	border-bottom: solid 3px #a00;
	margin: 3rem auto 0;
}
.wp-block-vk-blocks-heading .vk_heading_title {
	font-size: 2rem;
	margin: 0 0 1.2rem;
}
.wp-block-vk-blocks-heading .vk_heading_subtext {
}

/* contents-header */
.entry-body .contents-header {
	background-image: url(assets/img/bg_header.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	padding: 5% 0 2%;
	margin-bottom: 132px;
}
.entry-body .contents-header h1 {
	font-family: 'ヒラギノ角ゴ Std W8','Hiragino Kaku Gothic Std';
	font-size: 3em;
	transform: skewX( -10deg );
	letter-spacing: 0.07em;
	color: #e6d190!important;
}
.entry-body .contents-header h1 + p {
	color: #e6d190!important;
}
.entry-body .wp-block-group h2 {
	display: flex;
	margin: 0;
}
.entry-body h2 em:last-child {
	font-size: 40px;
	font-style: normal;
	font-family: "Noto Sans JP",sans-serif;
	font-weight: 400;
}
.entry-body h2 em:first-child:after {
	content: '';
	border-left: solid 2px #333;
	height: 36px;
	display: inline-block;
	margin: 0 26px 0 30px;
}
.entry-body h2.has-white-color em:first-child:after {
	border-left-color: #fff;
}
.entry-body h2 em:first-child {
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0;
	font-size: 46px;
	font-style: normal;
}

/* tab */
.tab-block .tab-header .vk_buttons .vk_button .btn {
	border: 0;
	padding: 4px 20px;
	border-radius: 20px;
}
.tab-block .tab-header .vk_buttons .vk_button:first-child .btn {
}
.tab-block .tab-header .vk_buttons .vk_button .btn.active {
	background-color: #333;
	color: #fff;
}
.tab-block .tab-body .tab-contents {
	display: none;
}
.tab-block .tab-body .tab-contents.active {
	display: block;
}
.tab-block .alert {
	background-color: #fce3e3;
	border: 0;
	color: #333;
}

/* top news */
.vk_postList .postListText {
	border: 0;
	padding: 8px 0;
}
.vk_postList .postListText_singleTermLabel {
	min-width: 100px;
	margin: 0 40px 0 20px;
}
.vk_postList .postListText_singleTermLabel a {
	border-radius: 6px;
	font-size: 11px;
	padding: 2px;
}
.vk_postList .postListText_date {
	margin: 0;
}

/* top teamlist */
#teamlist {
	background-image: url(./assets/img/bg_red.jpg);
	background-size: 100% 100%;
}
.teamlist-block {
}
.teamlist-block .wp-block-vk-blocks-grid-column-item {
	padding: 0 8px;
}
.teamlist-block .vk_button {
	width: 100%;
	margin: 0;
}
.teamlist-block .vk_button_link {
	cursor: pointer;
}
.teamlist-block .team {
	display: flex;
	height: 60px;
	margin: 0 0 15px;
}
.teamlist-block .team .vk_borderBox_title_container {
	position: relative;
	display: flex;
	width: 60px;
	height: 100%;
	align-items: center;
	justify-content: center;
	z-index: 2;
	background-color: transparent !important;
	padding: 0;
}
.teamlist-block .team .vk_borderBox_title_container::before{
    content: "";
    position: absolute;
    transform: skewX(-15deg);
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
	background: linear-gradient(-57deg, #f8e99f 0%, #dccb7a 100%);
	height: 100%;
}
.teamlist-block .team .vk_borderBox_title {
	color: #333;
	white-space: nowrap;
	margin: 0 0 0 -2px;
	font-size: 14px;
	letter-spacing: 1px;
}
.teamlist-block .team .vk_borderBox_body {
	border: 0;
	padding: 0 0 0 12px;
	flex: 1;
	background-color: transparent;
	z-index: 1;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.teamlist-block .team .vk_borderBox_body::before {
    content: "";
    position: absolute;
    transform: skewX(-15deg);
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
	background-color: #fff;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}
.teamlist-block .team .vk_button_link_caption {
	line-height: 1.2;
}
.teamlist-block .team .vk_button_link_txt {
}
.teamlist-block .team .vk_button_link_subCaption {
	font-size: 11px;
	line-height: 1.2;
	margin: 3px 0 0;
}

/* top organization */
.org-logo-block {
	width: 580px;
}


/* contact form */
.form-block {
}
.form-block .required {
	background-color: #f04d4d;
	color: #fff;
	font-size: 11px;
	padding: 1px 5px;
	line-height: 1;
	border-radius: 3px;
	margin-left: 8px;
	vertical-align: 2px;
}
.form-block .alert {
	border: solid 3px #f04d4d;
	padding: 24px;
}
.form-block button {
	padding: .5em 2em;
	font-size: 1rem;
	border: solid 1px #aaa;
	border-radius: 3px;
}

/* .game-info-blocks */
.game-info-blocks .wp-block-vk-blocks-grid-column-item {
	margin-bottom: 32px;
}
.game-info-blocks .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
  padding-top: 0;
}
.game-info-blocks + h2 {
	margin-top: 60px;
}
.game-info-blocks .wp-block-embed figcaption {
	margin: 0;
}
.game-info-blocks .game-meta  {
	background: #fff;
	margin: 0;
	padding: 8px 16px 0;
}
.game-info-blocks .game-meta p {
	font-size: 0.8rem;
	margin: 0 !important;
}
.game-info-blocks .game-links  {
	padding: 0 16px 16px;
	background-color: #fff;
	margin: 0;
}
.game-info-blocks .game-links  p {
	display: inline-block;
	vertical-align: text-bottom;
	line-height: 1;
	margin: 0 8px 0 0 !important;
}
.game-info-blocks .game-links  p a {
	text-decoration: none;
}
.game-info-blocks .game-links  p::before {
	content: "〉";
	margin: 0;
	font-size: 8px;
	vertical-align: 2px;
	line-height: 1;
}
.game-info-blocks .game-links  p.pdf a::before {
	content: "";
	background-image: url(assets/img/icn_pdf_s.png);
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: -2px;
	margin: 0 4px 0 0;
}
.game-info-blocks .game-results {
	background-color: #fff;
	padding: 0;
}
.game-info-blocks .game-results .wp-block-table {
	overflow: visible;
	background-color: #f3f3f3;
	padding: 16px 16px 18px;
}
.game-info-blocks .game-results table {
}
.game-info-blocks .game-results table tbody {
}
.game-info-blocks .game-results table tbody tr:first-child {
}
.game-info-blocks .game-results table tbody tr:first-child td {
	padding: 0 0 4px;
}
.game-info-blocks .game-results table tbody tr:nth-child(2) td {
	font-size: 3rem;
	font-weight: bold;
	padding: 0;
	line-height: 1;
}
.game-info-blocks .game-results table tbody tr:nth-child(2) td:nth-child(1) {
	width: 45%;
}
.game-info-blocks .game-results table tbody tr:nth-child(2) td:nth-child(2) {
}
.game-info-blocks .game-results table tbody tr:nth-child(2) td:nth-child(3) {
	width: 45%;
}
.game-info-blocks .game-results table tbody tr:nth-child(2) td em {
	vertical-align: 8px;
	line-height: 1;
}

/* .stadium-info-blocks */
.stadium-info-blocks .item-info {
	border-left: solid 3px #333;
	padding: 0 0 0 8px;
	margin: 16px 0 0;
}
.stadium-info-blocks .item-name {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.stadium-info-blocks .item-meta {
	font-size: 14px;
	padding: 0;;
	margin: 8px 0 0;
}
.stadium-info-blocks .item-meta li {
	display: inline-block;
	margin: 0;
	line-height: 1;
}
.stadium-info-blocks .item-meta li + li {
	margin-left: 6px;
}
.stadium-info-blocks .item-meta li::before {
	position: relative;
	left: 0;
	margin: 0 6px 0 0;
	color: #f00;
}
.stadium-info-blocks .item-meta a {
}

/* sponsers  */
#sponsers .wp-block-image img {
	border: solid 1px #ccc;
}

/* parallax */
.parallax-block {
	overflow: hidden;
	position: relative;
}
.parallax-block  > div {
	position: relative;
	z-index: 100;
}
.parallax-block  .parallax {
	position: absolute !important;
	z-index: 0 !important;
}
.parallax-block  .parallax img {
	height: auto;
	max-width: none;
}

/* footer */
.site-footer {
	padding: 30px 0 0;
	font-size: 1rem;
	background: var(--vk-page-header-url, url(./assets/img/bg_red.jpg) ) no-repeat 50% center;
	background-size: cover;
}

.footer-nav {
	border: 0;
	padding: 16px 0 48px;
}
.footer-nav-list li,
.footer-nav-list li:first-child {
	border: 0;
}
.footer-nav-list li a {
	color: #b6b6b6;
}

.widget_nav_menu > div > ul li a {
	border: 0;
}
.widget_nav_menu > div > ul li.current_page_item > a,
.widget_nav_menu > ul li.current_page_item > a {
	  background-color: transparent;
}

/* page_top */
.scrolled .page_top_btn {
	display: flex;
	opacity: 1;
	color: transparent;
	background: none;
	border: solid 1px #fff;
	box-shadow: 0px 0px 8px rgba(255,0,0,0.5);
	justify-content: center;
	align-items: center;
	font-size: 0;
	border-radius: 4px;
}
.scrolled .page_top_btn:hover {
	background-color: #f00;
}
.scrolled .page_top_btn:before {
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 15px;
	color: #fff;
    text-shadow: 0px 0px 4px #d00;
}
.scrolled .page_top_btn:hover {
	backgroun-color: #f00;
	border-color: #f00;
}
.scrolled .page_top_btn:hover:before {
}


/* ====================================================================== */
/* device-pc */
/* ====================================================================== */

/* .site-header */
.device-pc .site-header {
}
.device-pc .site-header .site-header-logo {
	padding: 0;
	position: absolute;
	left: 60px;
}
.device-pc.header_scrolled .site-header-container--scrolled--logo-and-nav-full .site-header-logo {
	top: 0;
	margin: 0;
}
.device-pc.header_scrolled .site-header-container--scrolled--logo-and-nav-full .site-header-logo img {
	max-height: 100px;
	display: none;
}
.device-pc #site-header-container {
	max-width: none;
	padding: 0;
}
.device-pc.header_scrolled .site-header-container--scrolled--logo-and-nav-full {
	justify-content: end;
}
.device-pc #header-top {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 36px;
	padding: 0 260px 0 0;
	text-align: right;
	margin: 0;
	display: flex;
	justify-content: end;
	align-items: center;
	color: inherit;
}
.device-pc.header_scrolled #header-top {
	display: none;
}
.device-pc #header-top .container {
	margin: 0;
}
.device-pc .site-header .site-header-logo img {
/*	position: absolute;*/
	width: auto;
	height: 100px;
	max-height: none;
}
.device-pc .header-top .header-top-description {
	top: 0;
	padding: 0;
	line-height: 1;
}

/* page .site-header */
.device-pc:not(.header_scrolled) .site-header--trans--true {
	background-color: #fff;
}
.device-pc .page-header::before {
	content: none;
}
.device-pc .page-header-title {
	color: #fff;
}
.device-pc .page-header-inner {
	margin: 0 auto;
}

/* entry-body */
.device-pc .entry-body {
	padding: 80px 0;
}
.device-pc.home .entry-body {
	padding-bottom: 0;
}
.device-pc.single .site-body,
.device-pc.archive .site-body,
.device-pc.blog .site-body {
	padding: 80px 0;
}
.device-pc .entry-body h2.disp-pc-jp-hide em:last-child {
	display: none;
}

.device-pc:not(.header_scrolled) .site-header {
	height: 100px;
}
.device-pc:not(.home) .page-header {
	margin-top: 0;
}

/* site-header-sub */
.device-pc .site-header-sub {
	padding: 0;
	margin: 0;
}
.device-pc .site-header-sub .widget {
	padding: 0;
	margin: 0;
}
.device-pc .site-header-sub .btn {
	border-radius: 0;
	width: 130px;
	font-size: 12px;
	height: 36px;
}
.device-pc .site-header-sub .widget + .widget  .btn {
	border-left: solid 1px #ccc;
}

/* site-header-nav-block-nanahp */
.device-pc .site-header-nav-block-nanahp {
	display: flex;
	float: right;
	width: auto;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	clear: both;
}
.device-pc .site-header-nav-block-nanahp .widget {
	margin: 0;
	padding: 6px 20px 0 15px;
}
.device-pc .site-header-nav-block-nanahp .vk_pageContent_editBtn {
	position: absolute;
}
.device-pc .site-header-nav-block-nanahp .widget ul.wp-block-social-links {
	margin: 0;
	gap: 10px;
}
.device-pc .site-header-nav-block-nanahp .widget ul.wp-block-social-links li {
	margin: 0;
}

/* global-nav  */
.device-pc #global-nav {
	margin: 0;
}
.device-pc .global-nav--layout--penetration .global-nav-list {
	margin: 0;
	width: auto;
}
.device-pc:not(.header_scrolled) .site-header--trans--true .global-nav-list > li > a {
	color: inherit !important;
}
.device-pc.home .global-nav-list > li[class*="current"]::before {
  width: 0; /* topは下線は表示しない */
}
.device-pc.home .global-nav-list > li:hover::before {
  width: 100%;
}

/* lightning_swiper */
.device-pc .lightning_swiper {
	margin-top: 95px;
}

/* contatct */
.device-pc .block-frame {
	padding: 100px;
}

/* site-footer */
.device-pc .site-footer {
	padding: 50px 0 0;
}
.device-pc .site-footer .row {
	flex-wrap: nowrap;
	justify-content: space-between;
}
.device-pc .site-footer .site-footer-content .row > div {
	flex-basis: 180px;
	justify-content: space-between;
}
.device-pc .site-footer .site-footer-content .row > div:first-child {
	max-width: none;
	flex-basis: 40%;
}
.device-pc .site-footer .site-footer-content .row > div:first-child .widget {
	max-width: 300px;
	margin: 0;
}
.device-pc .site-footer .wp-block-social-links {
	padding: 0 12px;
	gap: 8px;
}
.device-pc .site-footer .wp-block-social-links li {
	margin: 0;
}
.device-pc .site-footer .site-footer-copyright {
	max-width: none;
	padding: 50px 80px 30px;
}
.device-pc .site-footer .site-footer-copyright p {
	text-align: right;
}


/* ====================================================================== */
/* device-mobile  */
/* ====================================================================== */

/* btn */
.device-mobile  .vk_button_link.btn-lg {
    font-size: 15px;
}
.device-mobile  .vk_button.vk_button-align-wide {
	max-width: none;
}

/* wp-block-image */
.device-mobile .wp-block-image.size-full img {
	width: 100%;
}

/* site-header-nav-block-nanahp */
.device-mobile .site-header-nav-block-nanahp {
	display: none;
}

/* site-header */
.device-mobile .site-header .site-header-logo {
}
.device-mobile .site-header .site-header-logo img {
}
.device-mobile #site-header-container {
	padding: 0 8px;
}

/* entry-body */
.device-mobile .entry-body {
	padding-top: 80px;
}
.device-mobile .entry-body .contents-header {
	background-size: auto 100%;
	background-position: left center;
}
.device-mobile .page-header-title {
	color: #fff;
}
.device-mobile .page-header-inner {
	margin: 0 !important;
}

/* top header */
.device-mobile.home  .site-header-container {
	display: none;
}
.device-mobile.home .entry-body {
	padding-top: 0;
}

/* top news */
.device-mobile .vk_postList .postListText {
	margin: 0;
}

/*  top h2 */
.device-mobile .entry-body h2 em:last-child {
	font-size: 20px;
}
.device-mobile .entry-body h2 em:first-child {
	font-size: 46px;
}
.device-mobile .entry-body h2 em:first-child::after {
	margin: 0 18px 0 20px;
}
.device-mobile .entry-body .wp-block-group h2 {
  align-items: baseline;
}

/* .stadium-info-blocks */
.device-mobile .stadium-info-blocks .wp-block-vk-blocks-grid-column-item  {
	margin-bottom: 28px;
}

/*  teamlist-block */
.device-mobile .teamlist-block {
	padding: 0 16px;
}

/* sponsers */
.device-mobile .org-logo-block {
  width: 300px;
}
.device-mobile .org-logo-block .wp-block-vk-blocks-grid-column-item  {
  padding: 0 5px;
}

/* footer */
.device-mobile .site-footer {
    padding-top: 0;
}
.device-mobile .site-footer-content {
	padding-top: 20px;
}
.device-mobile .site-logo img {
	width: 280px!important;
}
.device-mobile .site-footer-content .row > div {
	display: none;
}
.device-mobile .site-footer-content .row > div:first-child,
.device-mobile .site-footer-content .row > div:last-child {
	display: block;
}
.device-mobile .site-footer-content .row .widget {
	width: 100%;
	margin: 0;
}
.device-mobile .site-footer-content ul.wp-block-social-links {
	margin: 10px 12px 0;
	gap: 12px;
}
.device-mobile .site-footer-content ul.wp-block-social-links li {
	margin: 0;
}
.device-mobile .site-footer-content .widget_nav_menu > div > ul {
	margin: 0 10px;
}
.device-mobile .site-footer-content .widget_nav_menu > div > ul li a {
	padding: 4px;
}
.device-mobile .site-footer-copyright p {
	text-align: left;
	margin: 0 12px;
}