
body,html{
	width:100%;height:100%;
}
body{
	font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;
}
@media (max-width:992px){
	body{
		overflow: scroll;
		-webkit-overflow-scrolling : touch
	}
}
hr{
	max-width:50px;
	border-width:3px;
	border-color:#e3007f
}
hr.light{
	border-color:#fff
}
a{
	color:#e3007f;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s
}
a:hover{
	color:#e3007f
}
h1,h2,h3,h4,h5,h6{
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}
.bg-primary{
	background-color:#e3007f!important
}
.bg-dark{
	background-color:#212529!important
}
.text-faded{
	color:rgba(255,255,255,.7)
}
section{
	padding:8rem 0;
	overflow-x: hidden;
}
@media (max-width: 992px){
section{
	padding:4rem 0
}
}
.section-heading{
	margin-top:0
}
::-moz-selection{
	color:#fff;
	background:#212529;
	text-shadow:none
}
::selection{
	color:#fff;
	background:#212529;
	text-shadow:none
}
img::selection{
	color:#fff;
	background:0 0
}
img::-moz-selection{
	color:#fff;
	background:0 0
}
#mainNav{
	border-bottom:1px solid rgba(33,37,41,.1);
	background-color:#212529;
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s
}
#mainNav .navbar-brand{
	font-weight:700;
	text-transform:uppercase;
	color:#e3007f;
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}
#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{
	color:#e3007f
}
#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
	font-size:.9rem;
	font-weight:700;
	text-transform:uppercase;
	color:#fff
}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
	color:#e3007f
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{
	color:#e3007f!important;
	background-color:transparent
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{
	background-color:transparent
}
@media (min-width:992px){
	#mainNav{border-color:transparent;background-color:rgba(0,0,0,0.3)}
	/*#mainNav .navbar-brand{color:rgba(255,255,255,.7)}*/
	#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}
	#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}
	/*#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,.7)}*/
	#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}
	#mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);
		background-color:rgba(0,0,0,0.5);
}
#mainNav.navbar-shrink .navbar-brand{color:#e3007f}
#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#e3007f}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#fff}
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#e3007f}
}

header.masthead{
	padding-top:10rem;padding-bottom:calc(10rem - 56px);
	background-image:url(../img/header_pc.jpg);
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
}
@media (max-width: 992px){
header.masthead {
    background: url(../img/header.jpg) center no-repeat;
    background-size: cover;
  }
}
header.masthead hr{
	margin-top:30px;
	margin-bottom:30px
}
header.masthead h1{font-size:2rem}
header.masthead p{font-weight:300}
@media (min-width:768px){
	header.masthead p{font-size:1.15rem}}
@media (min-width:992px){header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0}header.masthead h1{font-size:3rem}}
@media (min-width:1200px){header.masthead h1{font-size:4rem}}
.service-box{
	max-width:400px;
    background-color: rgba(0,0,0,0.5);
    padding: 10px;
}
.portfolio-box{
	position:relative;
	display:block;max-width:650px;
	margin:0 auto
}
.portfolio-box .portfolio-box-caption{
	position:absolute;
	bottom:0;display:block;
	width:100%;
	height:100%;
	text-align:center;
	opacity:0;
	color:#fff;
	background:rgba(240,95,64,.9);
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{
	position:absolute;
	top:50%;width:100%;
	transform:translateY(-50%);
	text-align:center
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{
	padding:0 15px;
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{
	font-size:14px;
	font-weight:600;
	text-transform:uppercase
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}
.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}
@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}
.text-primary{color:#e3007f!important}
.btn{
	font-weight:700;
	text-transform:uppercase;
	border:none;border-radius:300px;
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}
.btn-xl{padding:1rem 2rem}
.btn-primary{
	background-color:#e3007f;
	border-color:#e3007f
}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
	color:#fff;
	background-color:#ff3333!important
}
.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important}

/*追加*/
.glow{
  -webkit-box-shadow: 0 0 5px 0 #fff; /* Safari, Chrome用 */
  -moz-box-shadow: 0 0 5px 0 #ff; /* Firefox用 */
  box-shadow: 0 0 5px 0 #fff; /* CSS3 */
}
.secondbg{
	padding-top:10rem;padding-bottom:calc(10rem - 56px);
	background-image:url(../img/header_pc.jpg);
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
	position:relative;
}
.secondbg::before{
	/* 透過した黒を重ねる */
	background-color: rgba(0,0,0,0.5);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
@media (max-width: 992px){
.secondbg	{
	padding-top:5rem;
	padding-bottom: 2rem;
	}
.secondbg::before {
    background-color: #212529;
  }
}
.programbg{
	padding-top:10rem;padding-bottom:calc(10rem - 56px);
	background-image:url(../img/programbg.jpg);
	background-position:center top -100px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	position:relative;
}
@media (max-width: 992px){
.programbg{
    background-size: contain;
	background-position:center center;
}
}
.interval{
	padding-top:10rem;padding-bottom:calc(10rem - 56px);
	background-image:url(../img/header_pc.jpg);
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-attachment: fixed;	
}
p{
	word-break: break-all;
}
h3{
	margin-bottom: 1em;
}
.navbar-toggler {
    background-color: #fff!important;
}
.att {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: .5em;
}
.attt {
	padding-left: 1em;
	margin-bottom: .5em;
}
b{
	color: #e3007f;
}
#message {
    height: 200px;
}
@media (max-width: 992px){
.interval{
	display: none;
}
}
.bg-white{
	background-color: azure:
}
.navf{
	border-bottom: 1px solid rgba(33,37,41,.1);
    background-color: rgba(0,0,0,0.5);
}
.navf li{
	display: inline-block;
	margin: 0 0.5em;
}
.sns{
	position:relative;
	top:4px;
}
.ticket-box {
    max-width: 400px;
    padding: 10px;
}
.gb{
	border: 2px #fff solid;
}
.blink{
	animation:BLINK 0.7s ease-in-out infinite alternate;
}
@keyframes BLINK {
	0%{opacity:1.0;}100% {opacity:0;
	}
}
.ggmap {
position: relative;
padding-bottom: 30%;
padding-top: 0px;
height: 0;
overflow: hidden;
}
@media (max-width: 992px){
.ggmap{
	padding-bottom: 50%;
}
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fuchi {
  color: #fff;
  text-shadow: 1px 1px 0 #000,
               -1px 1px 0 #000,
               1px -1px 0 #000,
               -1px -1px 0 #000;
}
.sponcerlogo img{
	max-width: 100%;
	margin: 10px auto;
	
}