@charset "UTF-8";
/* （スマホ） */
@media (max-width: 767px) {
		body {
				padding-top: 50px;
		}
}
/*  --------------------------------------------------- */
/* ヘッダー */
header {
		z-index: 20;
}
header .container {
		background-color: #3f322e;
}
/* （PC） */
@media (min-width: 992px) {
		header .container {
				height: 70px;
				padding: 15px 15px 7.5px;
		}
		header button#btnGrobalNavi {
				display: none;
		}
}
/* （タブレット） */
@media (min-width: 768px) and (max-width: 991px) {
		header .container {
				height: 50px;
				padding: 5px 15px 7.5px;
		}
		header button#btnGrobalNavi {
				display: none;
		}
}
/* （スマホ） */
@media (max-width: 767px) {
		header {
				position: fixed;
				top: 0;
				width: 100%;
				box-shadow: 0 2px 2px 0 #281e1c;
		}
		header .container {
				height: 50px;
				padding: 5px 15px 5px;
		}
		header button#btnGrobalNavi {
				position: absolute;
				top: 5px;
				right: 15px;
				width: 40px;
				height: 40px;
				padding: 0;
				color: #f2dcad;
				background-color: transparent;
				border-color: #f2dcad;
		}
		header button#btnGrobalNavi i {
				display: block;
				margin-bottom: 2px;
				font-size: 24px;
		}
		header button#btnGrobalNavi span.text {
				display: block;
				font-size: 7px;
		}
		header button#btnGrobalNavi span.default {}
		header button#btnGrobalNavi span.active {
				display: none;
		}
		header button#btnGrobalNavi.active span.default {
				display: none;
		}
		header button#btnGrobalNavi.active span.active {
				display: inherit;
		}
}
/* ヘッダー　タイトル */
header h1 {
		height: 100%;
}
header h1 img {
		width: auto;
		max-height: 100%;
}
/*  --------------------------------------------------- */
/* グローバルナビ（レイアウト基本） */
nav#grobalNavi {}
nav#grobalNavi .container {
		background-color: #281e1c;
}
/* （PC・タブレット） */
@media (min-width: 768px) {
		nav#grobalNavi {
				display: block;
		}
		nav#grobalNavi .container {
				padding: 5px 12.5px;
		}
		nav#grobalNavi ul.nav {
				width: 100%;
		}
		nav#grobalNavi ul.nav > li {
				width: 11.11111111111111%;
				padding: 0 2.5px;
		}
		nav#grobalNavi ul.nav > li > a {
				height: 100%;
				padding: 0;
				text-align: center;
		}
		nav#grobalNavi ul.nav > li > a > span {
				display: block;
				position: absolute;
				top: 50%;
				left: 0;
				right: 0;
				webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				margin-top: -3px;
		}
		/* （トップぺージ） */
		nav#grobalNavi.top-page-nav .container {
				padding: 5px 10px;
		}
		nav#grobalNavi.top-page-nav ul.nav > li {
				width: 25%;
				height: 70px;
				padding: 5px 5px;
		}
		nav#grobalNavi.top-page-nav ul.nav > li.home {
				display: none;
		}
}
/* （PC大） */
@media (min-width: 1200px) {
		nav#grobalNavi ul.nav > li {
				height: 50px;
		}
		nav#grobalNavi ul.nav > li > a {
				border-radius: 7.5px 0;
		}
		/* （トップぺージ） */
		nav#grobalNavi.top-page-nav ul.nav > li > a {
				border-radius: 10px 0;
		}
}
/* （PC小） */
@media (min-width: 992px) and (max-width: 1199px) {
		nav#grobalNavi ul.nav > li {
				height: 45px;
		}
		nav#grobalNavi ul.nav > li > a {
				border-radius: 5px 0;
		}
		/* （トップぺージ） */
		nav#grobalNavi.top-page-nav ul.nav > li > a {
				border-radius: 10px 0;
		}
}
/* （タブレット） */
@media (min-width: 768px) and (max-width: 991px) {
		nav#grobalNavi ul.nav > li {
				height: 40px;
		}
		nav#grobalNavi ul.nav > li > a {
				border-radius: 5px 0;
		}
		/* （トップぺージ） */
		nav#grobalNavi.top-page-nav ul.nav > li {
				height: 60px;
		}
		nav#grobalNavi.top-page-nav ul.nav > li > a {
				border-radius: 7.5px 0;
		}
}
/* （スマホ） */
@media (max-width: 767px) {
		nav#grobalNavi {
				z-index: 10;
				position: fixed;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				width: 100%;
				min-height: 100%;
				overflow: auto;
				-webkit-overflow-scrolling: touch;
		}
		nav#grobalNavi .container {
				min-height: 100%;
				padding: 0;
				background-color: rgba(40, 30, 28, 0.95);
		}
		nav#grobalNavi ul.nav {
				margin: 75px 15px 90px;
		}
		nav#grobalNavi ul.nav li a {
				border-bottom: 1px solid #3f322e;
		}
}
/*  --------------------------------------------------- */
/* グローバルナビ（ドロップダウン） */
nav#grobalNavi ul.dropdown-menu > li > a:hover {
		transition: none;
}
/* （PC・タブレット） */
@media (min-width: 768px) {
		nav#grobalNavi ul.dropdown-menu {
				width: auto;
				min-width: inherit;
				padding: 0;
				right: 0;
		}
		nav#grobalNavi ul.dropdown-menu > li > a {
				text-align: center;
				line-height: 1.75em;
				border-bottom: 1px solid #3f322e;
		}
		nav#grobalNavi ul.dropdown-menu > li:last-child > a {
				border-bottom: none;
		}
		nav#grobalNavi.top-page-nav ul.dropdown-menu {
				margin-top: -4px
		}
}
/* （スマホ） */
@media (max-width: 767px) {
		nav#grobalNavi ul.dropdown-menu {
				position: relative;
				float: none;
				min-width: inherit;
				margin: 0;
				padding: 0;
				border: none;
				box-shadow: none;
		}
		nav#grobalNavi ul.dropdown-menu > li > a {
				padding: 7.5px 0 7.5px 2em;
		}
}
/*  --------------------------------------------------- */
/* グローバルナビ（レイアウト詳細） */
nav#grobalNavi ul.nav a {
		color: #3f322e;
		font-family: "kan415typos-std", sans-serif;
		line-height: 1.25em;
		background-color: #f2dcad;
}
nav#grobalNavi ul.nav a:hover {
		color: #f2dcad;
		background-color: #f25f25;
}
nav#grobalNavi ul.nav a:hover span {
		color: #f2dcad;
		background-color: none;
}
/* （PC大） */
@media (min-width: 1200px) {
		nav#grobalNavi ul.nav li {
				font-size: 1.1em;
		}
		nav#grobalNavi.top-page-nav ul.nav li {
				font-size: 1.6em;
		}
		nav#grobalNavi.top-page-nav ul.nav > li > a br {
				display: none;
		}
}
/* （PC小） */
@media (min-width: 992px) and (max-width: 1199px) {
		nav#grobalNavi ul.nav li {
				font-size: 1em;
		}
		nav#grobalNavi.top-page-nav ul.nav li {
				font-size: 1.4em;
		}
}
/* （タブレット） */
@media (min-width: 768px) and (max-width: 991px) {
		nav#grobalNavi ul.nav li {
				font-size: 0.9em;
		}
		nav#grobalNavi.top-page-nav ul.nav li {
				font-size: 1.25em;
		}
}
/* （スマホ） */
@media (max-width: 767px) {
		nav#grobalNavi ul.nav li {
				font-size: 1.25em;
		}
		nav#grobalNavi ul.nav > li > a br {
				display: none;
		}
}
/* （ドロップダウン） */
nav#grobalNavi ul.dropdown-menu {
		font-size: inherit;
}
nav#grobalNavi ul.dropdown-menu li {
		font-size: 1em !important;
}
/*  --------------------------------------------------- */
/* ### コンテンツ ### */
/* （PC大） */
@media (min-width: 1200px) {
		div#contents {
				margin-top: 15px;
				margin-bottom: 90px;
		}
		div#contents div#contents-main {
				padding: 0;
		}
		div#contents div#contents-common {
				padding: 0 60px 0 0;
		}
}
/* （PC小） */
@media (min-width: 992px) and (max-width: 1199px) {
		div#contents {
				margin-top: 15px;
				margin-bottom: 90px;
		}
		div#contents div#contents-main {
				padding: 0;
		}
		div#contents div#contents-common {
				padding: 0 45px 0 0;
		}
}
/* （タブレット） */
@media (min-width: 768px) and (max-width: 991px) {
		div#contents {
				margin-top: 15px;
				margin-bottom: 90px;
		}
		div#contents div#contents-main {
				padding: 0;
		}
		div#contents div#contents-common {
				padding: 0 30px 0 0;
		}
		/* （タブレット　１段組） */
		div#contents div#contents-main.col-sm-12 {
				padding-left: 0;
		}
}
/* （スマホ） */
@media (max-width: 767px) {
		div#contents {
				margin-top: 15px;
				padding: 0 30px;
		}
		div#contents div#contents-main {
				margin-bottom: 90px;
				padding: 0;
		}
		div#contents div#contents-common {
				display: none;
		}
		div#contents.top-page-contents div#contents-common {
				display: block;
				margin-bottom: 90px;
				padding: 0;
		}
}
/*  --------------------------------------------------- */
/* ### コンテンツ　共通部分 ### */
div#contents-common section {
		margin-bottom: 15px;
}
/*  --------------------------------------------------- */
/* 商店街の風景 */
div#contents-common section#photo-street-scene {}
div#contents-common section#photo-street-scene p.text {
		display: none;
}
div#contents-common section#photo-street-scene p.banner {}
div#contents-common section#photo-street-scene ul.photo-street-scene-image {
		display: none;
}
/*  --------------------------------------------------- */
/* facebook */
div#contents-common section.facebook {}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] {
		width: 100% !important;
}
div#contents-common section.facebook h3.title-facebook {
		position: relative;
		height: 30px;
		padding-left: 37.5px;
		color: #fff;
		font-size: 1.1em;
		line-height: 30px;
		background: -moz-linear-gradient(50% 0% -90deg, rgba(63, 49, 45, 1) 0%, rgba(39, 28, 26, 1) 100%);
		background: -webkit-linear-gradient(-90deg, rgba(63, 49, 45, 1) 0%, rgba(39, 28, 26, 1) 100%);
		background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(63, 49, 45, 1)), color-stop(1, rgba(39, 28, 26, 1)));
		background: -o-linear-gradient(-90deg, rgba(63, 49, 45, 1) 0%, rgba(39, 28, 26, 1) 100%);
		background: -ms-linear-gradient(-90deg, rgba(63, 49, 45, 1) 0%, rgba(39, 28, 26, 1) 100%);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F312D', endColorstr='#271C1A' ,GradientType=0)";
		background: linear-gradient(180deg, rgba(63, 49, 45, 1) 0%, rgba(39, 28, 26, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F312D', endColorstr='#271C1A', GradientType=0);
		border-radius: 5px 5px 0 0;
}
div#contents-common section.facebook h3.title-facebook:before {
		display: block;
		content: '';
		position: absolute;
		top: 5px;
		left: 10px;
		width: 20px;
		height: 20px;
		background-image: url(../images/logo-facebook.png);
		background-size: contain;
}
/*  --------------------------------------------------- */
/* SNSバナー */
div#contents-common section.banner-sns {}
div#contents-common section.banner-sns p.twitter, div#contents-common section.banner-sns p.line {
		float: left;
		width: 49.5%;
}
div#contents-common section.banner-sns p.twitter {
		margin-right: 1%;
		border: 1px solid #1da1f2;
}
div#contents-common section.banner-sns p.line {
		border: 1px solid #2cbf13;
}
div#contents-common section.banner-sns p.twitter a, div#contents-common section.banner-sns p.line a {
		display: block;
		position: relative;
		height: 48px;
}
div#contents-common section.banner-sns p.twitter a img, div#contents-common section.banner-sns p.line a img {
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		height: 48px;
		webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
}
div#contents-common section.banner-sns p.twitter a span, div#contents-common section.banner-sns p.line a span {
		display: block;
		position: absolute;
		top: 50%;
		left: 48px;
		webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
}
div#contents-common section.banner-sns p.twitter a span {
		color: #657786;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		line-height: 1.25em;
}
div#contents-common section.banner-sns p.line a span {
		margin-top: -2px;
		color: #2cbf13;
		font-family: "kan415typos-std", sans-serif;
		font-size: 0.7em;
		font-weight: bold;
		line-height: 1.5em;
}
div#contents-common section.banner-sns p.twitter a:hover span, div#contents-common section.banner-sns p.line a:hover span {
		opacity: 0.75;
}
/* （ PC小・タブレット） */
@media screen and (max-width:1199px) and (min-width:768px) {
		div#contents-common section.banner-sns p.twitter, div#contents-common section.banner-sns p.line {
				float: none;
				width: inherit;
		}
		div#contents-common section.banner-sns p.twitter {
				margin-right: 0;
				margin-bottom: 5px;
		}
		div#contents-common section.banner-sns p.twitter a span {
				font-size: 0.9em;
		}
		div#contents-common section.banner-sns p.line a span {
				font-size: 0.8em;
		}
}
/* （スマホ） */
@media (max-width: 767px) {
		div#contents-common section.banner-sns p.twitter a img, div#contents-common section.banner-sns p.line a img {
				height: 36px;
		}
		div#contents-common section.banner-sns p.twitter a span, div#contents-common section.banner-sns p.line a span {
				left: 36px;
		}
}
/*  --------------------------------------------------- */
/* 六角橋商店街地区まちづくりルール　バナー */
div#contents-common section.rokkakubashi-rule {
		font-size: 1.2em;
}
div#contents-common section.rokkakubashi-rule p {
		text-align: center;
}
div#contents-common section.rokkakubashi-rule p a {
		display: inline-block;
		padding: 1em;
		color: #f2dcad;
		font-weight: bold;
		line-height: 1.25em;
		text-decoration: none;
		background-color: #090;
		border-radius: 7.5px;
}
div#contents-common section.rokkakubashi-rule p a:hover {
		background-color: #f25f25;
}
/*  --------------------------------------------------- */
/* 全ページ共通部分のアクセス・お問い合わせ */
div#contents-common section.access-column {
		padding: 15px;
		border: 4px solid #ed5a84;
		border-radius: 10px;
}
div#contents-common section.access-column h2 {
		margin: -15px -15px 20px;
		padding: 10px 0 15px;
		color: #f2dcad;
		font-family: "kan415typos-std", sans-serif;
		font-size: 1.5em;
		text-align: center;
		background-color: #ed5a84;
}
div#contents-common section.access-column h3 {
		position: relative;
		margin-bottom: 0.5em;
		padding-left: 1.25em;
		color: #f25f25;
		font-size: 1.2em;
		font-weight: bold;
}
div#contents-common section.access-column h3::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 1em;
		height: 1em;
		background-image: url(../images/icon-hexagon-orange.png);
		background-size: cover;
}
div#contents-common section.access-column p {
		margin-bottom: 15px;
		padding-left: 0.25em;
		font-size: 0.9em;
		line-height: 1.5em;
}
div#contents-common section.access-column ul {
		margin-bottom: 15px;
}
div#contents-common section.access-column li {
		position: relative;
		margin-bottom: 5px;
		padding-left: 1.75em;
		font-size: 0.9em;
		line-height: 1.25em;
}
div#contents-common section.access-column li::before {
		content: '';
		position: absolute;
		top: 0.625em;
		left: 0.5em;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		background-color: #f25f25;
		border-radius: 4px;
}
div#contents-common section.access-column p.info-parking {
		margin-bottom: 30px;
		padding-left: 0;
}
div#contents-common section.access-column p.info-parking a {
		display: block;
		padding: 10px 0;
		font-size: 1.25em;
		text-align: center;
		border: 1px solid #0c7cee;
		border-radius: 10px;
}
div#contents-common section.access-column p.info-parking a:hover {
		border-color: #f25f25;
}
div#contents-common section.access-column iframe {
		width: 100%;
		height: 300px;
		border: solid 1px #ccc;
}
/* （PC小・タブレット・スマホ） */
@media (max-width: 1199px) {
		div#contents-common section.access-column h2 {
				padding: 5px 0 12.5px;
				font-size: 1.25em;
		}
		div#contents-common section.access-column h3 {
				font-size: 1.05em;
		}
		div#contents-common section.access-column li {
				padding-left: 1.25em;
		}
		div#contents-common section.access-column li::before {
				left: 0.25em;
		}
}
/* （タブレット） */
@media (min-width: 768px) and (max-width: 991px) {
		div#contents-common section.access-column {
				padding: 10px;
		}
		div#contents-common section.access-column h2 {
				margin: -10px -10px 15px;
		}
}
/*  --------------------------------------------------- */
/* フッター */
footer {
		background-color: #281e1c;
}
footer p {
		padding: 30px 0;
		color: #f2dcad;
		font-size: 0.75em;
		text-align: center;
}
/* ぺージトップ */
#page-top {
		display: none;
		position: fixed;
		bottom: 15px;
		right: 10px;
}
#page-top a {
		display: block;
		position: relative;
		width: 40px;
		height: 40px;
		text-indent: -99999px;
		background-color: #3f322e;
		border-radius: 2.5px;
		filter: alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity: 0.75;
}
#page-top a::before {
		position: absolute;
		display: block;
		content: '';
		top: 15px;
		left: 10px;
		width: 20px;
		height: 20px;
		border-top: 2px solid #f2dcad;
		border-right: 2px solid #f2dcad;
		transform: rotate(-45deg);
}