@charset "UTF-8";
body {
  margin: 0;
  color: #333;
	    font-family: 宋体, 'Microsoft JhengHei',微軟正黑體,"Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 2;
  background-color: #333;
}

/* 最大幅の制限 */
@media (min-width:992px) {
  .container-fluid {
    width: 992px;
  }
}

  .container-fluid {
	clear: both !important;
  }
  .container {
    max-width: 1110px;
  }

/* 全体にかかる設定 */

p {
  margin: 1rem 0;
}

img {
	max-width: 100%;
	height: auto;
}

/* ヘッダーとメインコンテンツの背景 */
header, main {
  background-color: #fff;
}

.navbar .mr-auto .nav-item {
	margin: 0 0.5rem;
}

.navbar .mr-auto .nav-item a.nav-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
	padding: 0 !important;
}
@media (min-width:768px) {
.navbar .mr-auto .nav-item a.nav-link::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #333;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.navbar .mr-auto .nav-item.active a.nav-link::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #333;
  visibility: visible;
  opacity: 1;
}
.navbar .mr-auto .nav-item a.nav-link:hover::after {
  bottom: -4px;
  opacity: 1;
  visibility: visible;
}
.dropdown-menu {
	left:-40px;
}
}

.navbar .mr-auto .nav-item a.nav-link:hover {
	color: #000 !important;
}

/* ページタイトル */

.main_tit {
	background-image: url("images/main_bg.gif");
	background-size: 96%;
	background-position: right;
	background-repeat: repeat-y;
	width: 98%;
	float: right;
	overflow: hidden;
}

.main_tit_img {
	background-image: url("images/tit_bg.jpg");
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	height: 400px;
	margin-top: 2rem;
}

/* 見出し */

h1 {
  padding: 0;
	margin: 0;
	line-height: 400px;
  text-align: center;
	color: #fff;
	font-size: 3rem;
}

h2 {
  color: #000;
  font-size: 2rem;
  margin:  2rem 0;
}

h3 {
  margin: 1.5rem 0;
  padding: 1rem 0;
  font-size: 1.4rem;
  border-bottom: 1px dotted #ccc;
}

h4 {
  padding: 1.5rem 0 0 0;
  font-size: 1rem;
   font-weight: bold;
}

/* ヘッダー */
.navbar .nav-link {
  margin: 0 0.5rem;
}
.dropdown-toggle {
	margin-right: 1rem;
}
.dropdown-toggle::after {
  content: '';
  width: 7px;
  height: 7px;
  border: 0;
  border-bottom: solid 1px #000;
  border-right: solid 1px #000;
  position: absolute;
  top: 25px;
  margin-top: -6px;
  transform: rotate(45deg);
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 15%;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 1rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
}

/* サイトタイトル */

.site_name {
	width: 220px;
	margin: 1rem;
}

/* メニューバー */

.navbar .navbar-nav .nav-link {
	color: #000;
}

.hbg_menu {
  border: none;
}


/* 酒づくりメニューバー */
.nav-sake{
  text-align: center;
  }
  .nav-sake li{
  list-style: none;
  display: inline-block;
  min-width: 90px;
  }
  .nav-sake li:not(:last-child){
  border-right:2px solid #ddd;
  padding-right: 1rem ;
  }
  .nav-sake a{
  text-decoration: none;
  color: rgb(140, 140, 140);
  }
  .nav-sake a:hover{
  color:#000;
  }


  /* サイドメニュー */

.side_btn a {
  display: block;
  text-align: center;
  background-color: #f1f1f1;
  padding: 1rem 0;
  margin: 2px 0;
}


/* フッター */
footer {
  color: #fff;
  font-size: 0.9rem;
}

address {
  margin: 1.5rem 0;
  line-height: 1.5;  
  text-align: center;
}

.admin_name {
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 1rem;
}

footer .fab {
	font-size: 2rem;
}

/* フッターメニュー（下線） */
.footer_menu {
  border-bottom:1px solid rgba(255, 255, 255, 0.2);
}

/* フッターリンク色 */
footer a:link {
  color: #fff;
  text-decoration: none;
}
footer a:visited {
  color: #fff;
  text-decoration: none;
}
footer a:hover {
  color: #ccc;
  text-decoration: none;
}
footer a:active {
  color: #ccc;
  text-decoration: none;
}

/* ----- リンク色（通常） ------------------------------------ */

a:link {
  color: #330000;
}

a:visited {
  color: #330000;
}

a:hover {
  color: #f30;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	text-decoration: none;
}

a:active {
  color: #03f;
}


.text-s {
  font-size: 0.9rem;
  margin-bottom: 2rem;
}

/* ボタン */

.btn {
	border-radius: 0;
	padding: 1rem 2rem;
}
a.btn-dark {
	color: #fff;
	background-color: #333;
		border: 0 solid;
}
a.btn-light {
	color: #000;
	background-color: #fff;
}


.arrow {
    position: relative;
	display: inline-block;
	padding-right: 5rem;
	padding-left: 3rem;
}
.btn-dark.arrow::after {
  content: "";
  position: absolute;
	right: 18%;
	bottom: 40%;
  width: 30px;
  height: 10px;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  transform: skew(45deg);
}

/* google map */
 .embed-responsive {
  margin-bottom: 4rem;
}


/* テーブル */

.table th {
	background-color: #f1f0ee;
}
.table th,
.table td {
	border: 1px solid #ccc;
}
.table td .btn {
	padding: 0.5rem 1rem;
	font-size: 0.85rem;
}

/* 商品詳細テーブル */
.syousai td {
  border: none;
  border-collapse: collapse;
  border-top: solid 1px #ccc;
  border-bottom:solid 1px #ccc;
}

/* ブランド */

.brand-detail {
	background-color: #f1f0ee;
	margin: 230px 0 30px 0;
	min-height: 250px;
}
.brand-detail h2 {
	font-size: 3rem;
}
.brand-bottle {
	position: relative;
}
.brand-bottle img {
	position: absolute;
	bottom: -20px;
}

/* 酒づくり */

.bg-light {
	background-color: #f1f0ee !important;
}

/* 蔵人紹介 */

.kurabito-list .yakusyoku {
	background-color: #f1f0ee;
	margin-top: 2rem;
	padding: 0.2rem 0.5rem;
}
.kurabito-list h3 {
	margin-top: 0;
	padding-top: 0;
}
.kurabito-list h3 .small {
	font-size: 0.9rem;
}

/* お知らせ */


.table-news {
	max-width: 800px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
}
.table-news td {
	border-bottom: 1px solid #ccc;
	padding: 1rem;
}
.table-news td.date {
	width: 15%;
}

@media (max-width:1200px) {
.navbar .mr-auto .nav-item {
	margin: 0 0.2rem;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1 )' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}
	.navbtn {
		 font-size: 0.6rem;
		color: #333;
	}
}
@media (max-width:768px) {
.navbar .mr-auto .nav-item {
	margin: 0.5rem;
}
	
	
.navbar .mr-auto .nav-item a.nav-link {
  position: relative;
  display: block;
  text-decoration: none;
	padding: 0 !important;
}
.main_tit_img {
	background-image: url("images/tit_bg.jpg");
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	height: 150px;
	margin-top: 1rem;
}
h1 {
	line-height: 1.8rem;
	font-size: 1.5rem;
	padding: 3.5rem 2rem;
}

	.footer_menu .nav {
		text-align: center;
	}

	.footer_menu .nav li.nav-item {
		display: block !important;
		width: 100%;
	}
	.footer_menu .nav li.nav-item {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
.footer_menu {
  border-bottom:0px solid rgba(255, 255, 255, 0.2);
}
.brand-detail {
	background-color: #f1f0ee;
	margin: 160px 0 10px 0;
}
.brand-detail.rumiko {
	border-top: 110px solid #fff;
}
.brand-detail h2 {
	font-size: 2rem;
	text-align: center;
}
.brand-detail .btn {
	display: block;
}
.brand-bottle {
	position: relative;
	padding: 5rem 0 0 0 ;
	text-align: center;
}
.brand-bottle img {
	position: absolute;
	bottom: -20px;
	width: 180px;
	left: 50%;
	margin-left: -90px;
}

}
@media (max-width:575px) {

h1 {
	font-size: 1.5rem;
}

h2 {
	font-size: 1.4rem;
}
h3 {
	font-size: 1.2rem;
}
	
	.table-news td {
		display: block;
	}
	.table-news td.date {
		display: block;
		border: 0 solid;
		padding: 0.5rem 1rem 0 1rem;
	}
	.table-news td {
		padding: 0.2rem 1rem 0.5rem 1rem;
	}

.table-shop{
display: block;
border: none;
}
.table-shop tr{
display: block;
margin-bottom: 1.5em;
	background-color: #f1f0ee;
	padding: 1.5rem;
}
.table-shop .midashi,
.table-shop th{
	display: none;
}
.table-shop td{
display: list-item;
border: none;
list-style-type: none;
text-align:left;
padding:0;
}
.table-shop td:nth-of-type(1):before { content: "得意先名（略称）： "; }
.table-shop td:nth-of-type(2):before { content: "郵便番号： "; }
.table-shop td:nth-of-type(3):before { content: "住所上段： "; }
.table-shop td:nth-of-type(4):before { content: "電話番号："; }
}

@media (max-width:320px) {
.site_name {
	width: 160px;
	margin: 1rem;
}
}