@charset "utf-8";
/* CSS Document */
#logo h1 { margin-bottom:0px;}
header h1 a {
    display: block;
    width: 220px;
    height: 88px;
    background-image: url("../images/logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 220px auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
@media (max-width: 768px) {
	header h1 a {
		 width: 156px;
		 height: 40px;
		 margin: 15px 0 0 15px;
		 background-size:cover;
		 white-space: nowrap;
	}
}

@media (min-width: 991px) {
	.nav { padding-top:20px;}
}

.page-section { margin-top:50px;}
	@media (max-width: 991px) {
		.page-section {	margin-top:90px;}
	}
	@media (max-width: 768px) {
		.page-section {	margin-top:50px;}
	}

.navbar-default { background-color:#ebdcd9}
@media (max-width: 768px) {
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #ebdcd9;
	}
	/*スマホ版の調整*/
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #efefef;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #efefef; color: #222;}
	.dropdown-menu .divider {
    background-color: #efefef;
	}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 30px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333;}
}
.navbar-toggle { margin-top: 10.5px; margin-bottom: 25.5px; padding-right:0}
.navbar-brand { padding: 22.5px 15px; line-height: 20px; height: 65px;}
.navbar-nav > li {font-size:14px;}

.navbar-default .navbar-nav > li > a { color:#000; text-decoration:none;}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
  }
}
@media (min-width: 768px) {
	.navbar-default .navbar-nav > li:hover {/*background-color: #e7e7e7;*/color: #555;}
	.dropdown:hover > .dropdown-menu{ display: block;}
}

.dropdown-menu > li > a { text-decoration:none}

/*toggle*/
.tcon {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
	transition: 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 40px;
	background: transparent;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}
.tcon > * {
	display: block;
}
.tcon:hover, .tcon:focus{
	outline: none;
}
.tcon::-moz-focus-inner {
	border: 0;
}
@media (min-width: 768px) {
  .tcon {
    display: none;
  }
}

.tcon-menu__lines {
	display: inline-block;
	height: 3px;
	width: 40px;
	border-radius: 1.5px;
	transition: 0.3s;
	background: black;
	position: relative;
}
.tcon-menu__lines::before, .tcon-menu__lines::after {
	display: inline-block;
	height: 3px;
	width: 40px;
	border-radius: 1.5px;
	transition: 0.3s;
	background: black;
	content: '';
	position: absolute;
	left: 0;
	-webkit-transform-origin: 1.5px center;
	transform-origin: 1.5px center;
	width: 100%;
}
.tcon-menu__lines::before {
	top: 10px; }
.tcon-menu__lines::after {
	top: -10px; }
.tcon-transform .tcon-menu__lines {
	-webkit-transform: scale3d(0.8, 0.8, 0.8);
	transform: scale3d(0.8, 0.8, 0.8); }

.tcon-menu--xcross {
	width: auto; 
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines {
	background: transparent;
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0;
	width: 40px;
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg); 
}
.tcon-visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px; 
}
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/*menuをテキスト表示*/
.tcon::after {
    bottom: -20px;
    color: #000;
    content: "MENU";
    display: block;ｓ
    font-size: 16px;
    left: 4px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.tcon-transform::after {
	content: 'CLOSE';
}

/*リンクホバー効果*/
@media (min-width: 768px) {
	.navbar-default .navbar-nav > li > a {
		position: relative;
		display: inline-block;
		transition: .3s;
	}
	.navbar-default .navbar-nav > li > a::after {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: '';
		width: 0;
		height: 2px;
		background-color: #1c7292;
		transition: .3s;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.navbar-default .navbar-nav > li > a:hover::after {
		width: 100%;
	}
}

.dropdown-submenu > a::before {
    border-bottom: 4px solid transparent;
    border-style: solid solid solid dashed;
    border-top: 4px solid transparent;
    border-width: 4px 0 4px 4px;
    content: "";
    display: block;
    float: left;
    height: 0;
    margin-right: 8px;
    margin-top: 6px;
    width: 0;
}

