@charset "UTF-8";
/* CSS Document */
html {
  font-size: 100%;
  body, html {
    height: 100%;
    margin: 0 auto;
    letter-spacing: 2px;
    font-size: 100%;
	  background-color: #292929;
  }
  /* 600px以降から、100pxごとに1px大きくなる */
  @media (min-width: 600px) {
    font-size: calc(112.5% + 4 * (100vw - 600px) / 400)
  }
  /* 1,000px以上は、22pxに */
  @media (min-width: 1000px) {
    font-size: calc(137.5%)
  }
}
.navbar {
  background-color: none;
  margin: 0;
  padding: 0;
}
a.navbar-brand {
  background-color: none;
  background-image: url("../cmn_imgs/hd_logo_01.png");
  width: 209px;
  height: 83px;
  background-attachment: inherit;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
a.navbar-brand span {
  display: none;
}
.navbar-nav {
  background-color: #450b0b;
  opacity: 0.8;
  border-radius: 20px;
  font-size: 16px;
  color: #FFF;
  padding: 0 15px;
}
a.nav-link {
  color: #FFF;
  opacity: 1.0;
  padding: 5px 10px;
}
.navbar-toggler {
  border-color: #CCC;
  background-color: #450b0b;
  opacity: 0.8;
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

section {
	background-color: #FFF;
}
/* toppage */
/* mainvisual */
#mainVisual {}
#mainVisual .mainVisualBg {}
#mainVisual h1 {
  display: none;
}
.vegas-content {
  height: 100% !important;
}
#mvBg {
  background: url("../images/top_mv_text.png") no-repeat bottom left;
  background-size: contain;
  background-position: center;
  height: 100%;
}
#header {
  margin: 0;
  border-bottom: 8px solid #861414;
}

/* contents*/

section {
	margin: 0;
	padding: 50px 0 25px 0;
}

section.first {
	background-color: #f7f7f7;
	margin: 0;
	padding: 50px 0 25px 0;
}

h3 {
	font-size: 1.2rem;
	font-weight: bold;
}

h2.icons01 {
	background: url("../images/icons_01.png") no-repeat top center;
	display: block;
	text-align: center;
	padding: 80px 0 0 0;
	margin: 0 0 50px 0;
	font-size: 1.5rem;
	font-weight: bold;
}

h2.icons02 {
	background: url("../images/icons_02.png") no-repeat top center;
	display: block;
	text-align: center;
	padding: 80px 0 0 0;
	margin: 0 0 50px 0;
	font-size: 1.5rem;
	font-weight: bold;
}

h2.icons03 {
	background: url("../images/icons_03.png") no-repeat top center;
	display: block;
	text-align: center;
	padding: 80px 0 0 0;
	margin: 0 0 50px 0;
	font-size: 1.5rem;
	font-weight: bold;
}

h2.icons04 {
	background: url("../images/icons_04.png") no-repeat top center;
	display: block;
	text-align: center;
	padding: 80px 0 0 0;
	margin: 0 0 50px 0;
	font-size: 1.5rem;
	font-weight: bold;
}

h2.icons05 {
	background: url("../images/icons_05.png") no-repeat top center;
	display: block;
	text-align: center;
	padding: 80px 0 0 0;
	margin: 0 0 50px 0;
	font-size: 1.5rem;
	font-weight: bold;
}

h2.icons06 {
	background: url("../images/icons_06.png") no-repeat top center;
	display: block;
	text-align: center;
	padding: 80px 0 0 0;
	margin: 0 0 50px 0;
	font-size: 1.5rem;
	font-weight: bold;
}

h2.icons07 {
	background: url("../images/icons_07.png") no-repeat top center;
	display: block;
	text-align: center;
	padding: 80px 0 0 0;
	margin: 0 0 50px 0;
	font-size: 1.5rem;
	font-weight: bold;
}

.inboxLink {
	color: black;
	text-decoration: none;
}

.inboxLink:hover {
	color: dimgray;
}
/*Whatsnew*/
.newBox {
	background-color: #FFF;
	border: 2px solid #861414;
	padding: 2px;
	margin: 0 0 25px 0;
}

.newDay {
	background-color: #861414;
	color:#FFF;
	font-weight: bold;
	text-align: center;
	padding: 15px;

}
.newDay p {
	margin: 0;
	padding: 0;
	text-align: center;
}
.newTex {
padding: 10px 0 10px 15px;
}

.newBox h3 {
	font-size: 1.2rem;
	font-weight: bold;
	
}
.joinHead {
	color:#861414;
}
.joinBox {
	background-color: #f3e7e7;
	text-align: center;
	padding: 30px 25px 15px 25px;
	margin: 50px 0;
}

/*activity*/
#mvActivity{
	background: url("../images/cat_mv02.jpg") no-repeat top center;
	background-size: cover;
	height:250PX;
}
#mvBranch{
	background: url("../images/cat_mv04.jpg") no-repeat top center;
	background-size: cover;
	height:250PX;
}
#mvJoin{
	background: url("../images/cat_mv01.jpg") no-repeat top center;
	background-size: cover;
	height:250PX;
}
#mvArchives{
	background: url("../images/cat_mv05.jpg") no-repeat top center;
	background-size: cover;
	height:250PX;
}
#mvFaq{
	background: url("../images/cat_mv03.jpg") no-repeat top center;
	background-size: cover;
	height:250PX;
}
#mvActivity h1,#mvBranch h1,#mvJoin h1,#mvArchives h1,#mvFaq h1 {
	color: #FFF;
	text-shadow: 1px 1px 2px black;
	padding: 170px 0 0 0;
	font-size: 3rem;
}


/*activity*/
.pageHeadNv {
	text-align: center;
	text-decoration: none;
	list-style: none;
}

.pageHeadNv li {
	white-space: nowrap;
}

.clb {
	clear: both;
}

.activityBox {
	background-color: #FFF;
	border: 2px solid #861414;
	padding: 0 2px 2px 0;
	margin: 0 0 25px 0;
}
.actMonth {
	padding: 0px;
	
}

.actMonth p {
	display:block;
	background-color: #861414;
	color:#FFF;
	font-weight: bold;
	text-align: center;
	writing-mode: vertical-lr;
	padding: 25px 15px;

}
.actTex {
	padding:15px;
}

.actPhoto {
	padding:15px;
	text-align: center;
}


/*branch*/
.branchBox {
	margin: 0 0 50px 0;
}
.branchPhoto p {
	text-align: center;
}
/*　join　*/
.joinBox h4 {
	font-size:1rem;
}


/* form */


#googleForm {

    width: 100%;
    
    border: none;
@media (min-width: 1px) {
    height: 3200px;
  }
	  @media (min-width: 384px) {
    height: 2850px;
  }
  @media (min-width: 576px) {
    height: 2600px;
  }
 
  @media (min-width: 768px) {
    height: 2400px;
  }
	@media (min-width: 992px) {
    height: 2400px;
  }

}


/*archives*/
.archiveList {
	text-align: center;
	text-decoration: none;
	list-style: none;
}



/* footer */
#footer {
  display: block;
  border-top: 8px solid #861414;
  background-color: #292929;
  padding: 15px 0 5px 0;
}
#ft_nav {
  text-align: left;
  color: #fff;
  font-size: 0.7rem;
}
#ft_nav ul {
  padding: 0;
  margin: 0;
}
#ft_nav li {
  list-style: none;
  padding: 3px 0;
}
#ft_nav li a {
  color: #FFF;
  text-decoration: none;
}
#ft_nav li a:hover {
  color: #CCC;
}
#ft_nav ul li ul {
  display: flex;
  flex-wrap: wrap;
}
#ft_nav ul li ul li.subli {
  margin: 0 0 0 15px;
}
.sub {
  display: none;
}
.copyright {
  text-align-last: right;
  color: #fff;
  font-size: 9px;
	margin-top: 25px;
 padding: 15px 0 5px 0;
	border-top: 1px dotted #999;
}
.copyright p {
  margin: 0;
  padding: 0;
}