/*
 Theme Name:   UNDEЯ DOG
 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.2.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
*/


:focus{
	outline: none!important;
	box-shadow:none !important;
}
@media screen and (max-width:992px) {}
@media screen and (max-width:768px) {}


/* リンク */
a{
	text-decoration: none!important;
	opacity: 1;
	transition: all .3s;
}
a:hover{
	opacity: .75;
}



/* フォント */
.ttl{
  font-family: "Anton", sans-serif!important;
  font-weight: 400!important;
  font-style: normal!important;
}
.blk{
	color: #050505!important;
}
.wht{
	color: #fafafa!important;
}
.yel{
	color: #facb00!important;
}
.bg-yel{
	background: #facb00!important;
}
.bg-wht{
	background: #fafafa!important;
}


/* レイアウト */
section.front-news,
section.front-schedule,
section.front-profile,
section.front-goods,
#wrapper-footer{
	margin-top: 5rem;
}
section.front-video{
	padding-top: 5rem;
	padding-bottom: 5rem;
}
#index-wrapper,
#archive-wrapper{
	padding-top: 0!important;
}
.page-head{
	background-color: #383838;
	padding: 3rem 0;
}
@media screen and (max-width:992px) {
	section.front-news,
	section.front-schedule,
	section.front-profile,
	section.front-goods,
	#wrapper-footer{
		margin-top: 3rem;
	}
	.page-head{
		padding: 1rem 0;
	}
	section.front-video{
		padding-top: 2rem;
		padding-bottom: 3rem;
	}
}


/* ヘッダー */
.navbar-brand{
	padding: 0!impornta;
}
nav a.navbar-brand img{
	max-width: 78px;
}
.navbar-toggler{
	border: none!important;
	padding: 0.2rem 0 !important;
    font-size: 1.5rem !important;
}
.offcanvas.offcanvas-end{
	background-color: #050505;
}
.offcanvas-header{
	padding: .25rem 0!important;
}
.offcanvas{
	max-width: 85%!important;
}
a.nav-link{
	font-family: "Anton", sans-serif!important;
	color: #fafafa!important;
	padding: 1rem;
	font-size: 1.25rem!important;
}
a.nav-link:before{
	content:'\f0da';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	margin-right: .5rem;
	font-size: 1.45rem;
}
.offcanvas-footer{
	padding: 1rem;
}
@media screen and (max-width:992px) {
	.navbar-toggler{
		font-size: 1rem !important;
	}
	nav a.navbar-brand img{
		max-width: 58px;
	}
}

/* ヘッダーカバー */
.header-cover img{
}


/* メインビジュアル */
.front-vsl img{
	width: 100%;
	max-width: 100%;
}


/* NEWS */
ul li.news-item{
	background-color: #fafafa;
	margin-bottom: 1rem;
}
ul li.news-item:last-child{
	margin-bottom: 0;
}
ul li.news-item h3{
	font-size: 1rem!important;
}
ul li.news-item a{
	color: #050505!important;
	text-decoration: none;
	padding: 1rem 5.25rem 1rem 1.25rem;
	display: block;
	position: relative;
}
ul li.news-item a:before{
	content:'CHECK';
	background: #050505;
	color: #fafafa;
	font-size: .7rem;
	padding: .25rem .75rem;
	position: absolute;
	top: 50%;
	right: 1.25rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.news-contents{
	background: #fafafa;
	color: #050505!important;
}
.news-contents a,
.news-contents a:hover{
	color: #050505;
}
.news-contents .entry-header{
	background: #facb00;
}

/* SCHEDULE */
.schedule-item-img{
	width: 100%;
	padding-top: 100%;
	position: relative;
	background-color: #fafafa;
	overflow: hidden;
}
.schedule-item-img a{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 2;
}
.schedule-item-img-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
	opacity: .75;
	filter: blur(20px);
	z-index: 1;
}
.schedule-item a,
.schedule-item a:hover{
	color: #050505;
}
@media screen and (max-width:768px) {
	.cmcal-calendar-container.cmcal-calendar-3 .fc-toolbar .fc-left,
	.cmcal-calendar-container.cmcal-calendar-3 .fc-toolbar .fc-right{
		margin-bottom: 0!important;
	}
	.cmcal-calendar-container.cmcal-calendar-3 .fc .fc-head td,
	.cmcal-calendar-container.cmcal-calendar-3 .fc-unthemed .fc-list-heading td,
	.cmcal-calendar-container.cmcal-calendar-3 .fc .fc-head-container th{
		padding: .5rem 1rem!important;
	}
	.cmcal-calendar-container.cmcal-calendar-3 .fc-event,
	.cmcal-calendar-container.cmcal-calendar-3 .fc-list-table .fc-list-item .fc-widget-content,
	.cmcal-calendar-container.cmcal-calendar-3 .fc-event:hover,
	.cmcal-calendar-container.cmcal-calendar-3 .fc-list-table .fc-list-item .fc-widget-content:hover{
		background-color: transparent!important;
		border: none!important;
		margin-top: 5px;
	}
	.cmcal-calendar-container.cmcal-calendar-3 .fc-event-container,
	.cmcal-calendar-container.cmcal-calendar-3 a.fc-event,
	.cmcal-calendar-container.cmcal-calendar-3 .fc-unthemed td.fc-event-container .fc-event,
	.cmcal-calendar-container.cmcal-calendar-3 .fc-list-item td,
	.cmcal-calendar-container.cmcal-calendar-3 .fc-list-item td a{
		line-height: 30px!important;
	}
}


/* PROFILE */
.swiper-wrapper{
	transition-timing-function: linear!important;
}
.member-profile-area,
.profile-item{
	background: #facb00;
}

/* VIDEO */
.front-video{
	background-color: #383838;
}

/* フッター */
.footer-menu.list-inline li{
	display: inline-block;
	width: 47.5%;
}
.footer-menu.list-inline li a{
	color: #fafafa!important;
	font-size: .9rem;
}
.footer-menu.list-inline li a:before{
	content:'\f0da';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	margin-right: .5rem;
}
a.pagetop{
	background-color: #383838;
	margin-bottom: 3rem;
	font-size: .8rem;
	width: 100%;
	padding: .35rem 0;
}
@media screen and (max-width:992px) {
	a.pagetop{
		margin-bottom: 2rem;
	}
}

/* ページネーション */
.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;
}