/*
 Theme Name:   DeXeultio
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/


/* 全体設定 */
body{}
#font-contetns{
	/* margin-top: calc(100vh + 3rem); */
	background: #1b1b1b;
}
#wrapper-footer{
	background: #1b1b1b;
}
#information-area,#schedule-area,#member-area,#goods-area{
	padding-top: 3rem;
}
#wrapper-footer{
	padding-top: 5rem;
}
#index-wrapper,#page-wrapper,#single-wrapper{
	margin-top: 120px;
}
@media screen and (max-width:992px) {
}
@media screen and (max-width:768px) {
	#index-wrapper,#page-wrapper,#single-wrapper{
		margin-top: 80px;
	}
}


/* テキスト */
.area-title,
.area-title h1,
.page-title h1{
	position: relative;
}
.area-title h1:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -5px;
	width: 200%;
	height: 7px;
	background: #ad0000;
}
.area-title .more-btn{
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.page-title h1:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -5px;
	width: 100%;
	height: 7px;
	background: #ad0000;
}


/* ヘッダー */
.navbar{
	padding-top: 0!important;
	padding-bottom: 0!important;
	background-image: linear-gradient(0deg, transparent, #1b1b1b);
}
.navbar .navbar-brand img{
	max-width: 100px;
}
.navbar-toggler{
	color: #fafafa;
	border: none!important;
	font-size: 2rem;
}
.offcanvas{
	max-width: 70%!important;
	background-color: #1b1b1b!important;
}
.offcanvas-body ul li a{
	color: #fafafa;
	font-family: "MFW-RoGSanSrfStd-Bd"!important;
	font-size: 1.25rem!important;
	padding: 1rem 0 !important;
}
.offcanvas-body ul li a:hover,
.offcanvas-body ul li a:focus,
.offcanvas-body ul li a:active{
	color: #ad0000!important;
}
@media screen and (max-width:768px) {
	.navbar .navbar-brand img{
		max-width: 60px;
	}
	.offcanvas-body ul li a{
		font-size: 1rem!important;
	}
}


/* メインビジュアル */
/* #main-vsl{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100vh;
	z-index: -2;
	overflow: hidden;
}
.vsl-image{
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: -1;
}
.vsl-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	filter: blur(30px);
	z-index: -4;
	background-repeat: no-repeat;
}
.fade-red{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ff0000;
	mix-blend-mode: multiply;
	z-index: -3;
}
@media screen and (max-width:992px) {
	#main-vsl{
		height: 60vh;
	}
} */

/* メインビジュアル（Youtube） */
#main-vsl{
	max-height: 100vh;
	background-size:cover;
	background-position: center top 20%;
	background-repeat: no-repeat;
}
#main-vsl img{
	width: 100%;
	opacity: 0;
}
/* Youtube背景動画 */
#yt-vsl{
	position: relative;/*ローディング画像などを表示す際の基点とするため指定*/
	height: 70vh;/*高さを全画面にあわせる*/
	text-align: center;
}
#yt-vsl-area{
	position: absolute;
	z-index: 1;/*最背面に設定*/
	top: 0;
	right:0;
	left:0;
	bottom:0;
	overflow: hidden;
}
/*jQueryで付与されたappearクラスがついたらYoutubeエリアをふわっと表示*/
#yt-vsl-area.appear {
	animation-name:PageAnimeAppear;
	animation-duration:.5s;
	animation-fill-mode:forwards;
}
@keyframes PageAnimeAppear{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
#yt-vsl-contents {
/*天地中央配置*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
/*縦横幅指定*/
	width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
  min-height: 150%;
  min-width: 100%;
}
/*youtubeがクリックされないためのマスク*/
#youtube-mask{
	position: absolute;
	z-index: 2;/*下から2番目に表示*/
	top:0;
	width:100%;
	height: 100%;
}
@media screen and (max-width:767.98px) {
	#yt-vsl{
		height: 60vh;/*高さを全画面にあわせる*/
	}
}


/* INFORMATION */
#index-wrapper article,
.information-item ul li{
	margin-bottom: 1.5rem;
}
#index-wrapper article:last-child,
.information-item ul li:last-child{
	margin-bottom: 0rem;
}
span.new-mark{
	color: #ad0000!important;
}
.single-entry-content,.single-entry-header,.profile-sns{
	border-bottom: 1px solid #ad0000;
}



/* カレンダー */
.cmcal-calendar-container .fc-left h2,
.cmcal-calendar-container .fc-center h2{
	font-size: 1.25rem;
	color: #ad0000!important;
}
.cmcal-calendar-container .fc-list-table tr.fc-list-heading{
	border-bottom: none!important;
	font-size: .875em;
	margin-bottom: 0.25rem;
}
.cmcal-calendar-container .fc-list-table tr.fc-list-heading .fc-list-heading-alt{
	display: none;
}
.cmcal-calendar-container .fc-list-empty{
	font-family: "MFW-RoGSanSrfStd-Bd"!important;
	padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}


/* MEMBER */
.su-post-thumbnail{
	position: relative;
}
/* .su-post-thumbnail:after{
	content: "";
	top:0;
	left:0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ff0000;
	mix-blend-mode: multiply;
	z-index:1;
} */
.membner-number{
	position: absolute;
	bottom:-4vw;
	right:-1vw;
	z-index: 2;
	color: rgba(173,0,0,.25);
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
}
.membner-number span.number-ttl{
	font-size: 1rem!important;
}
.membner-number span.numbering{
	font-size: min(10vw,12rem)!important;
}


/* フッター */
.footer-contact .btn{
	color: #fafafa!important;
	border: 1px solid #fafafa!important;
	font-size: .85rem!important;
	padding: .75rem 2.5rem;
}
.footer-contact .btn:hover{
	color: #ad0000!important;
	border: 1px solid #ad0000!important;
}
.footer-menu-item ul{
	margin-bottom: 0!important;
}
.footer-menu-item li{
	display: inline-block;
}
.footer-menu-item ul li a.nav-link{
	color: #fafafa!important;
	padding: .5rem!important;
}
.footer-menu-item ul li a.nav-link,
.footer-copy{
	font-size: 80%;
}
.footer-menu-item ul li a.nav-link:hover{
	color: #ad0000!important;
}


/* ページネーション */
.pagination .page-link{
	color: #fafafa!important;
	border: none!important;
	background: transparent!important;
}
.page-item.active .page-link{
	background-color: transparent!important;
	position: relative;
}
.page-item.active .page-link:before{
	position: absolute;
	bottom: 0;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width: 50%;
	height: 2px;
	content: '';
	border-radius: 4px;
	background: #fafafa;
}