/*
 Theme Name:   ホローホログラム
 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-family: "Noto Sans JP", sans-serif!important;
	font-optical-sizing: auto!important;
	font-style: normal!important;
}
:focus{
	outline: none!important;
	box-shadow:none !important;
}
@media screen and (max-width:992px) {}
@media screen and (max-width:768px) {}


/* テキスト */
.text-acc,
span.new-mark,
.navbar-nav a{
	font-family: "Monomaniac One", sans-serif!important;
	font-weight: 400!important;
	font-style: normal!important;
}
.sideways{
	writing-mode: vertical-rl;
	-webkit-text-orientation: sideways;
	text-orientation: sideways;
	line-height: 1!important;
}
a{
	color: #484855!important;
	text-decoration: none!important;
	opacity: 1;
	transition: all .3s;
}
a:hover{
	opacity: 0.8;
}
.fw-bold{
	font-weight: bold!important;
}
.x-small{
	font-size: .75rem!important;
}
.btn-back{
	color: #fff!important;
	background-color: #484855;
	border: 1px solid #484855;
	opacity: 1;
	transition: all .3s;
}
.btn-back:hover{
	opacity: 0.8;
}
.text-trim{
	text-box-trim: trim-both!important;
}


/* カラー */
body{
	color: #484855!important;
}
#schedule,#goods{
	background-image: linear-gradient(135deg, #f4dafd, #caf0ff);
}


/* レイアウト */
#information,
#schedule,
#member,
#goods{
	padding: 3rem 0;
}
#error-404-wrapper,
#index-wrapper,
#page-wrapper,
#single-wrapper{
	margin-top: 5rem;
}


/* ヘッダー */
.navbar .navbar-brand img{
	max-width: 85px;
}
nav.front-head{
	background-color: rgba(255,255,255,0);
	transition: all .3s;
}
nav.page-head,
nav.front-head.move{
	background-color: rgba(255,255,255,.7);
}
nav.front-head a{
	color: #fff!important;
	transition: all .3s;
}
nav.page-heada a,
nav.front-head.move a{
	color: #484855!important;
}
@media screen and (max-width:768px) {
	.offcanvas{
		max-width: 85%!important;
	}
	.navbar .navbar-brand img{
		max-width: 65px;
	}
	.navbar-toggler{
		border: none!important;
		padding: 0!important;
	}
	nav#main-nav button span i.fa-circle{
		color: #fff!important;
	}
	nav#main-nav button span i.fa-bars{
		color: #484855!important;
	}
	.navbar-nav{
		display: block!important;
	}
	ul#main-menu li#menu-item-62,
	ul#main-menu li#menu-item-63,
	ul#main-menu li#menu-item-64,
	ul#main-menu li#menu-item-62 a,
	ul#main-menu li#menu-item-63 a,
	ul#main-menu li#menu-item-64 a{
		display: inline-block!important;
		margin-right: .5rem;
	}
}


/* INFORMATION */
.info-contents ul li{
	border-top: 1px solid #484855;
}
.info-contents ul li:last-child{
	border-bottom: 1px solid #484855;
}
.info-contents ul li a{
	display: block;
	padding: 1.5rem .25rem;
}


/* SCHEDULE */
.schedule-item-img{
	width: 100%;
	padding-top: 100%;
	position: relative;
	background-color: #1b1b1b;
	overflow: hidden;
}
.schedule-item-img a img{
	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;
}


/* Footer */
.footer-contact a{
	border: 1px solid #484855;
	font-size: 80%;
}
.footer-menu-sns ul,
.footer-menu-item ul{
	margin-bottom: 0!important;
}
.footer-menu-sns ul li a,
.footer-menu-item ul li a{
	padding: .25rem .5rem!important;
	font-family: "Monomaniac One", sans-serif!important;
	font-weight: 400!important;
	font-style: normal!important;
}
.footer-menu-item ul li a{
	font-size: 1.25rem!important;
}
.footer-menu-item ul li{
	display: inline-block;
}
.footer-menu-sns ul li{
	display: none;
}
.footer-menu-sns ul li.menu-item-57,
.footer-menu-sns ul li.menu-item-58,
.footer-menu-sns ul li.menu-item-59,
.footer-menu-sns ul li.menu-item-60,
.footer-menu-sns ul li.menu-item-61{
	display: inline-block;
}
.footer-menu-item ul li.menu-item-57,
.footer-menu-item ul li.menu-item-58,
.footer-menu-item ul li.menu-item-59,
.footer-menu-item ul li.menu-item-60,
.footer-menu-item ul li.menu-item-61{
	display: none;
}
.footer-copy{
	font-size: .8rem!important;
}


/* ページネーション */
.pagination .page-link{
	color: #484855!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: #484855;
}


/* カレンダー */
.cmcal-calendar-container .fc-center h2{
	font-size: 1.25rem;
	font-weight: bold;
}
.cmcal-calendar-container .fc-list-table tr.fc-list-heading{
	border-bottom: none!important;
}
.cmcal-calendar-container .fc-list-table tr.fc-list-heading .fc-list-heading-alt{
	display: none;
}
.cmcal-calendar-container .fc-list-empty{
	padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.cmcal-calendar-container tr td a.understrap-read-more-link,
.cmcal-calendar-container tr.fc-list-heading{
	display: none!important;
}
.cmcal-calendar-container td.fc-widget-content a{
	display: block;
}
.cmcal-calendar-container tr.fc-list-item{
	display: block;
	padding: 1.5rem!important;
	border: 2px solid #484855!important;
	border-radius: 10px!important;
	margin-top: 1.75rem;
	background: rgba(255,255,255,.75);
}
.fc-list-empty-wrap2,.fc-list-empty-wrap1{
	position: relative!important;
	display: block;
}