@charset "UTF-8";

/* ================================================== *
 *
 *    base style
 *
 * ================================================== */
body {
	background: #fff;
}
body.pageTop {
	padding-top: 76px;
}

@media(min-width:768px) {
	body.pageTop {
/*		padding-top: 116px; */
	}
}
a.hhd {
    color: #422E28;
}
/*
hhd用ボタンカラー定義
色見本：http://www.color-sample.com/colors/422e28/
参考：https://bootstrapbay.com/blog/bootstrap-button-styles/
*/
.btn-hhd {
    background: #422E28;
    color: #ffffff;
}
.btn-hhd:hover, .btn-hhd:focus, .btn-hhd:active, .btn-hhd.active, .open > .dropdown-toggle.btn-hhd {
    background: #66463E;
    color: #ffffff;
}
.btn-hhd:active, .btn-hhd.active {
    background: #261A17;
    box-shadow: none;
}
.list-group {
	padding-top:10px;
}

/* ================================================== *
 *
 *    block modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        hhd-header
 * ------------------------------------------------- */
.hhd-header {
	padding: 15px 0 0;
}

.hhd-header.navbar-default {
	border: none;
	margin-bottom: -9px;
	background: #fff;	
}
.hhd-header.navbar-default .nav.navbar-nav>li>a {
	color: #333;
}
.hhd-header.navbar-default .nav.navbar-nav>li>a:hover {
	color: #CCC;
}
.hhd-header.navbar-default .navbar-header {
	margin-top: 0;
	margin-bottom: 0;
}
.hhd-header.navbar-default .navbar-brand {
	height: auto;
	/*margin-top: -9px;*/
	margin-right: 30px;
}
.hhd-header.navbar-default .navbar-collapse {
	max-height: none;
}
.hhd-header.navbar-default .navbar-collapse .navbar-nav {
	float: none;
}
.hhd-header.navbar-default .navbar-collapse .login-btn {
	clear: right;
	float: right;
	padding: 10px;
}
.hhd-header.navbar-default .navbar-nav .dropdown-menu {
	background: #422E28;  /* 焦げ茶*/
	/*border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;*/
}
.hhd-header.navbar-default .navbar-nav .dropdown-menu>li>a {
	color: #fff;
}
.hhd-header.navbar-default .dropdown-menu a:hover {
	background: #333;
}
.hhd-header.navbar-default .navbar-toggle {
	margin-right: 0;
}


@media(min-width:768px) {
	.hhd-header {
		padding: 15px 0;
	}
	.hhd-header.navbar-default .navbar-header {
		margin-bottom: 15px;
	}
	.hhd-header.navbar-default .navbar-brand {
		padding-top: 24px;
		margin-top: 0;
	}
	.hhd-header.navbar-default .navbar-collapse .navbar-nav {
		float: right;
		margin-right: -30px;
	}
	/*
	.hhd-header.navbar-default .navbar-collapse .navbar-form {
		float: right;
		clear: right;
		margin-right: -30px;
	}
	*/
}
@media(min-width:992px) {
	.hhd-header {
		padding: 30px 0 10px;
	}
	.hhd-header.navbar-default .navbar-brand {
		margin-top: -17px;
	}
	.hhd-header.navbar-default .navbar-collapse .navbar-nav {
		float: left;
	}
/*
	.hhd-header.navbar-default .navbar-form {
		margin-top: 8px;
	}
*/
}

/* ------------------------------------------------- *
 *        hhd-keyVisual
 * ------------------------------------------------- */
.hhd-keyVisual {
	padding-top: 70px;
	height: 200px;
	background: url('../images/01_top/001.jpg') center 0 no-repeat;
	background-size: cover;
}
.bulletin {
	background: url('../images/02_bulletin/000_top/001.jpg') center 0 no-repeat;
}
.organization {
	background: url('../images/03_organization/org_	001.jpg') center 0 no-repeat;
}
/*
@media(min-width:768px) {
	.hhd-keyVisual {
	/*	padding-top: 170px;
		height: 200px;
	}
}
*/
/* ------------------------------------------------- *
 *        hhd-footer
 * ------------------------------------------------- */
.hhd-footer {
	background: #422E28;
	color: #fff;
	padding: 30px 0;
}
.hhd-footer .list-group>a:hover {
		color: #DDD;
}
.hhd-footer .list-group .list-group-item {
	background: none;
	color: #999;
	border-left: none;
	border-right: none;
	border-radius: 0;
	border-color: #444;
}
.hhd-footer .glyphicon {
	position: absolute;
	right: 15px;
	top: 13px;
}
.hhd-footer .text-center {
	margin-top: 15px;
}
@media(min-width:768px) {
	.hhd-footer .list-group .list-group-item {
/*		border: none;*/
		padding: 0;
		padding-top: 5px;
	}
	.hhd-footer .glyphicon {
		position: absolute;
		right: 15px;
		top: 5px;
	}
	.hhd-footer .text-center {
		margin: 10px;
	}
}


/* ================================================== *
 *
 *    title modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        hhd-title
 * ------------------------------------------------- */
.hhd-title {
	vertical-align: middle;
	font-weight: normal;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	font-size: 20px;
}
.hhd-title .glyphicon {
	font-size: 15px;
	margin-right: 7px;
}
.hhd-title .badge {
	vertical-align: middle;
	margin-left: 7px;
}
/* ------------------------------------------------- *
 *        hhd-sub-title
 * ------------------------------------------------- */
.hhd-sub-title {
	vertical-align: middle;
	font-weight: normal;
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	font-size: 16px;
}
.hhd-sub-title .glyphicon {
	font-size: 12px;
	margin-right: 7px;
}
.hhd-sub-title .badge {
	vertical-align: middle;
	margin-left: 7px;
}
/* ------------------------------------------------- *
 *        hhd-bulletin-title
 * ------------------------------------------------- */
.hhd-bulletin-title {
	vertical-align: middle;
	font-weight: normal;
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	font-size: 18px;
	/*color: #981615;*/
}
.hhd-bulletin-title .glyphicon {
	font-size: 12px;
	margin-right: 7px;
}
.hhd-bulletin-title .badge {
	vertical-align: middle;
	margin-left: 10px;
}
/* ------------------------------------------------- *
 *        hhd-image-title
 * ------------------------------------------------- */
.hhd-image-title {
	vertical-align: middle;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 20px;
	margin: 0;	
}

/* ------------------------------------------------- *
 *        hhd-info
 * ------------------------------------------------- */
.hhd-info {
	margin: 5px;
	text-align:right;
}

/* ================================================== *
 *
 *    nav modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        hhd-sideNav
 * ------------------------------------------------- */

.hhd-sideNav.list-group .list-group-item {
	border-radius: 0;
	border-color: #ddd;
	border-left: none;
	border-right: none;
}
.hhd-sideNav.list-group .list-group-item:first-child {
	border-top: none;
}
.hhd-sideNav .glyphicon {
	position: absolute;
	right: 15px;
	top: 14px;
	font-size: 10px;
}

/* ================================================== *
 *
 *    bulletin modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        hhd-bulletin-prev,next
 * ------------------------------------------------- */
.hhd-bulletin-prev {
    color: #422E28;
	text-align:left;
	left: 30px;
	text-decoration: none;
}
.hhd-bulletin-next {
    color: #422E28;
	text-align:right;
	right: 30px;
	text-decoration: none;
}

/* ================================================== *
 *
 *    button modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        hhd-btnPagetop
 * ------------------------------------------------- */
.hhd-btnPagetop a {
	color: #333;
	border-top: 1px solid #ddd;
	padding: 15px 0;
}
.hhd-btnPagetop a:hover {
	text-decoration: none;
	background: #fafafa;
}

/* ================================================== *
 *
 *    helper
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        margin
 * ------------------------------------------------- */
.margin-top-lg {
	margin-top: 60px;
}
.margin-top-md {
	margin-top: 30px;
}
.margin-top-sm {
	margin-top: 15px;
}
.margin-top-xs {
	margin-top: 0px;
}
.margin-bottom-lg {
	margin-bottom: 60px;
}
.margin-bottom-md {
	margin-bottom: 30px;
}
.margin-bottom-sm {
	margin-bottom: 15px;
}
.margin-left-lg {
	margin-left: 60px;
}
.margin-left-md {
	margin-left: 30px;
}
.margin-left-sm {
	margin-left: 15px;
}
.margin-right-lg {
	margin-right: 60px;
}
.margin-right-md {
	margin-right: 30px;
}
.margin-right-sm {
	margin-right: 15px;
}

/* ------------------------------------------------- *
 *        padding
 * ------------------------------------------------- */
.padding-top-lg {
	padding-top: 60px;
}
.padding-top-md {
	padding-top: 30px;
}
.padding-top-sm {
	padding-top: 15px;
}
.padding-bottom-lg {
	padding-bottom: 60px;
}
.padding-bottom-md {
	padding-bottom: 30px;
}
.padding-bottom-sm {
	padding-bottom: 15px;
}

/* ================================================== *
 *
 *    Custom Bootstrap Class
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        grid
 * ------------------------------------------------- */
.row .colPadding {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* ------------------------------------------------- *
 *        btn
 * ------------------------------------------------- */
.btn {
	border-radius: 2px;
	transition: .3s;
}
.btn:hover,
.btn:focus,
.btn.focus {
	box-shadow: 0 3px 10px rgba(0,0,0,.3);
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-facebook,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary,
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success,
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger,
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook.focus,
.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
	border-color: transparent;
}

/* ------------------------------------------------- *
 *        text color
 * ------------------------------------------------- */
.text-titleIcon {
	color: #981615;/*ネクタイカラー*/
}
.text-imgIcon {
	color: #4d0c0b;
}
.text-arrowIcon {
	opacity: 0.3;
}

/* ------------------------------------------------- *
 *        movie-wrap（youtube埋込用）
 * ------------------------------------------------- */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}