/*!
 * Start Bootstrap - Agency v5.0.7 (https: //startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https: //github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */

body{
	overflow-x: hidden; 
	font-family: 'Roboto Slab',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif}
p{line-height: 1.75}
a{color: #8e762f}
a:hover{color: #AE9039}
.text-primary{color: #8e762f!important}
h1,h2,h3,h4,h5,h6{font-weight: 400; font-family: Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif}
section{padding: 20px 0}
section h2.section-heading{font-size: 40px; margin-top: 20px; margin-bottom: 15px}
section h3.section-subheading{font-size: 16px; font-weight: 400; font-style: italic; margin-bottom: 45px; text-transform: none; font-family: 'Droid Serif',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif}
@media (min-width: 768px){
	section{padding: 50px 0}
}

.btn{font-family: Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif; font-weight: 700}
.btn-xl{font-size: 18px; padding: 20px 40px}
.btn-primary{background-color: #8e762f; border-color: #8e762f}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color: #AE9039 !important; border-color: #AE9039 !important; color: #fff}
.btn-primary:active,.btn-primary:focus{-webkit-box-shadow: 0 0 0 .2rem rgba(254,209,55,.5)!important; box-shadow: 0 0 0 .2rem rgba(254,209,55,.5)!important}

::selection{background: #8e762f; text-shadow: none}
img::selection{background: 0 0}
img::-moz-selection{background: 0 0}
#mainNav{background-color: #212529}
#mainNav .navbar-toggler{font-size: 12px; right: 0; padding: 13px; text-transform: uppercase; color: #fff; border: 0; background-color: #8e762f; font-family: Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif}
#mainNav .navbar-brand{color: #8e762f; font-family: 'Forum', cursive}
#mainNav .navbar-brand.active,#mainNav .navbar-brand:active,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color: #AE9039}
#mainNav .navbar-nav .nav-item .nav-link{font-size: 90%; font-weight: 400; padding: .75em 0; letter-spacing: 1px; color: #fff; font-family: Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif}
#mainNav .navbar-nav .nav-item .nav-link.active,#mainNav .navbar-nav .nav-item .nav-link:hover{color: #8e762f}
@media (min-width: 992px){#mainNav{padding-top: 25px; padding-bottom: 25px; -webkit-transition: padding-top .3s,padding-bottom .3s; transition: padding-top .3s,padding-bottom .3s; border: none; background-color: transparent}
#mainNav .navbar-brand{font-size: 1.75em; -webkit-transition: all .3s; transition: all .3s}
#mainNav .navbar-nav .nav-item .nav-link{padding: 1.1em 1em!important}
#mainNav.navbar-shrink{padding-top: 0; padding-bottom: 0; background-color: #1e1e1e}
#mainNav.navbar-shrink .navbar-brand{font-size: 1.25em; padding: 12px 0}
}

header.masthead{text-align: center; color: #fff; background-image: url(../img/header-bg.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover}
header.masthead a.introPhone{color: #dedc55}
header.masthead a.introPhone:hover{color: #eaea8d; text-decoration: none}
header.masthead .siteLogo{margin:  0 auto;  max-width:  360px; }
header.masthead .siteSlogan{font-size: 24px; font-family: 'Forum', cursive; margin-bottom: 60px; color: #dac68d}
header.masthead .intro-text{padding-top: 150px; padding-bottom: 100px}
header.masthead .intro-text .introPhone{font-size: 22px; line-height: 22px; margin: 25px 0; font-family: 'Droid Serif','Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif; text-shadow: 1px 1px 2px #333}
header.masthead .intro-text .introAddress{font-size: 16px; font-family: 'Droid Serif','Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif; text-shadow: 1px 1px 2px #333}
header.masthead .intro-text .introAddress .btn{padding: 2px 10px 0; font-weight: normal; font-size: 0.85rem}

@media (min-width: 768px){
	header.masthead .siteLogo{margin:  0 auto;  max-width:  440px; }
	header.masthead .siteSlogan{font-size: 32px}
	header.masthead .intro-text{padding-top: 230px; padding-bottom: 130px}
	header.masthead .intro-text .introCopy{font-size: 44px; line-height: 40px}
	header.masthead .intro-text .introPhone{font-size: 40px; line-height: 40px}
	header.masthead .intro-text .introAddress{font-size: 18px}
}

section#information{padding: 20px 0; background-color: #131313; color: #EEE} 
section#information .infoTitle{border: 1px solid #555; text-align: center; background-color: #202020; padding: 4px; margin-bottom: 5px}
section#information .date{margin-right: 15px; color: #CCC}
section#information ul.news{max-height: 110px; overflow: auto}
@media (min-width: 768px){
	section#information ul.news{max-height: 60px}
}

section#schedule{background-color: #181818}
section#schedule h2{color: #999}

section#intro{text-align: center; color: #7c6729; background-image: url("../img/background.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover}
section#intro .aboutGoodstock{font-size: 16px; padding-bottom: 20px}
@media (min-width: 768px){
	section#intro .aboutGoodstock{font-size: 22px}
}

.service-heading{margin: 15px 0; text-transform: none}

section#about_us{padding: 25px 0 10px; background-color: #181818; color: #CCC}
#about_us .about_us-item{right: 0; margin: 0 0 15px}
#about_us .about_us-item .about_us-link{position: relative; display: block; max-width: 400px; margin: 0 auto; cursor: pointer}
#about_us .about_us-item .about_us-link .about_us-hover{position: absolute; width: 100%; height: 100%; -webkit-transition: all ease .5s; transition: all ease .5s; opacity: 0; background: rgba(204,170,0,0.80)}
#about_us .about_us-item .about_us-link .about_us-hover:hover{opacity: 1}
#about_us .about_us-item .about_us-link .about_us-hover .about_us-hover-content{font-size: 20px; position: absolute; top: 50%; width: 100%; height: 20px; margin-top: -12px; text-align: center; color: #fff}
#about_us .about_us-item .about_us-link .about_us-hover .about_us-hover-content i{margin-top: -12px}
#about_us .about_us-item .about_us-link .about_us-hover .about_us-hover-content h3,#about_us .about_us-item .about_us-link .about_us-hover .about_us-hover-content h4{margin: 0}
#about_us .about_us-item .about_us-caption{max-width: 400px; margin: 0 auto; padding: 20px 10px; text-align: center; background-color: #242424}
#about_us .about_us-item .about_us-caption h4{margin: 0; text-transform: none; font-size: 18px}
#about_us .about_us-item .about_us-caption p{font-size: 16px; font-style: italic; margin: 0; font-family: 'Droid Serif',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif}
#about_us *{z-index: 2}
@media (min-width: 768px){
	#about_us .about_us-item{margin: 0 0 30px}
}

.about_us-modal{padding-right: 0!important}
.about_us-modal .modal-dialog{margin: 1rem; max-width: 100vw}
.about_us-modal .modal-content{padding: 100px 0; color: #FFF; font-family: 'Droid Serif',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif;}
.about_us-modal .modal-content .col-md-10{padding: 0}
.about_us-modal .modal-content .modal-body{background-color: rgba(0,0,0,0.70)}
.about_us-modal .modal-content h2{font-size: 2.0em; margin-bottom: 15px; text-align: center}
.about_us-modal .modal-content p{margin-bottom: 30px}
.about_us-modal .modal-content p.item-intro{font-size: 18px; font-style: italic; margin: 20px 0 10px; text-align: center; color: #EEE}
.about_us-modal .modal-content .item-intro2{font-size: 14px; font-style: italic; margin-bottom: 30px; text-align: center; color: #EEE}
.about_us-modal .modal-content h3{border-bottom: 1px dashed #EEE; padding-bottom: 5px; font-size: 22px; margin-top: 40px}
.about_us-modal .modal-content h4{font-size: 20px}
.about_us-modal .modal-content ol.list-inline{margin: 0 0 30px; list-style: decimal}
.about_us-modal .modal-content img{margin-bottom: 30px}
.about_us-modal .modal-content button{cursor: pointer}
.about_us-modal .close-modal{position: absolute; top: 25px; right: 25px; width: 75px; height: 75px; cursor: pointer; background-color: transparent}
.about_us-modal .close-modal:hover{opacity: .3}
.about_us-modal .close-modal .lr{z-index: 1051; width: 1px; height: 75px; margin-left: 35px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #EEE}
.about_us-modal .close-modal .lr .rl{z-index: 1052; width: 1px; height: 75px; -webkit-transform: rotate(90deg); transform: rotate(90deg); background-color: #EEE}
.about_us-modal .modal-content .cultureImg img{padding: 10px; width: 100% ; margin-bottom: 0; border-radius: 16px}
.eventNote{background-color: #1c1c1c; padding: 2px 15px; border-radius: 6px}
@media (min-width: 768px){
	.about_us-modal .modal-content h2{font-size: 2.6em}
}
.modal-content{background-color: #272727}

.artist{border: 1px solid #333; text-align: center; margin-bottom: 20px; min-height: 240px}
.artist .aName{margin: 10px 5px 5px}
.artist .aPhoto img{width: 100%; margin-bottom: 0}
.artist .aLink{margin-bottom: 15px}
.btn-xs{padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px}
.contactUs{text-align: center; margin: 30px 15px; padding: 20px; border: 1px solid #3E3E3E; background-color: #2A2A2A}

section#slogan{background-color: #705d25; text-align: center}
section#slogan h2{font-size: 48px; margin: 0; color: #c1a245; font-family: 'Forum', cursive} /* a68a37 */
@media (min-width: 768px){
	section#slogan h2{font-size: 78px}
}

section#map{padding: 0}

section#contact{background-image: url(../img/contact_bg.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover}
section#contact .section-heading{color: #fff}
section#contact .form-group{margin-bottom: 25px}
section#contact .form-group input,section#contact .form-group textarea{padding: 20px}
section#contact .form-group input.form-control{height: auto}
section#contact .form-group textarea.form-control{height: 248px}
section#contact .form-control:focus{border-color: #8e762f; -webkit-box-shadow: none; box-shadow: none}
section#contact :-webkit-input-placeholder{font-weight: 700; color: #ced4da; font-family: Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif}
section#contact :-moz-placeholder{font-weight: 700; color: #ced4da; font-family: Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif}
section#contact :-moz-placeholder{font-weight: 700; color: #ced4da; font-family: Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif}
section#contact :-ms-input-placeholder{font-weight: 700; color: #ced4da; font-family: Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif}
section#contact .contactNotes{padding: 10px; background-color: rgba(86, 72, 0, 0.3); font-size: 0.9em; color: #EEE; margin-top: 10px}
@media (min-width: 768px){
	section#contact .contactNotes{margin-top: 0}
}

footer{padding: 25px 0; text-align: center; background-color: #131313; color: #868686}
footer .copyright{font-size: 0.85em; color: #353535}
footer ul.quicklinks{font-size: 90%; line-height: 40px; margin-bottom: 0; text-transform: none; font-family: Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,HiramaruPro-W4,'Hiragino Maru Gothic Pro',Meiryo,'MS PGothic',sans-serif}
ul.social-buttons{margin-bottom: 0; margin-top: 20px}
ul.social-buttons li a{font-size: 20px; line-height: 50px; display: block; width: 50px; height: 50px; -webkit-transition: all .3s; transition: all .3s; color: #fff; border-radius: 100%; outline: 0; background-color: #212529}
ul.social-buttons li a{background-color: #29487d}
ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color: #4267b2}
ul.social-buttons li.staglee a{background-color: #3C879F}
ul.social-buttons li.staglee a:active,ul.social-buttons li.staglee a:focus,ul.social-buttons li.staglee a:hover{background-color: #54A7C7; text-decoration: none}
.goToTop{margin-top: 30px}