@charset "utf-8";
/*-----------------------------------------------------
                      イントロダクション
-----------------------------------------------------*/
/*外観画像*/
.sakestyle-mainvisual{
padding-bottom:50px;
}

/*店名*/
.tenmei {
font-size:1.6em; padding-bottom:20px; font-weight:600; text-align:center;}
.sakestyle_main{width:45%
}

/*店名、店舗概要・インスタ埋め込みの横並び*/
#c63{
display:flex;
}

/*-----------------------------------------------------
                        店内のご案内
-----------------------------------------------------*/
/*店内のご案内 各項目の横並び*/
.goinsyokubar-flex-wrap,.nihonsyu-flex-wrap,.craftbeer-flex-wrap,.craftbeer-flex-wrap,.wine-flex-wrap,.whiskey-flex-wrap{
display:flex;
}

/*日本酒・クラフトビール・ワイン 横並びの配置*/
.nihonsyu-flex-wrap,.craftbeer-flex-wrap,.wine-flex-wrap{
justify-content:center;
}

/*----------------見出しを左右から囲む横棒----------------*/
.midashi-line{
align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
}
.midashi-line::before,
.midashi-line::after {
  border-radius: 5px; /* 横線の両端を丸く */
  content: "";
  height: 1px; /* 横線の高さ */
  width: 60px; /* 横線の長さ */
}
.midashi-line::before {
background-color: black;
  margin-right: 15px; /* 文字との余白 */
}
.midashi-line::after {
background-color: black;
  margin-left: 15px; /* 文字との余白 */
}
/*----------------見出しを左右から囲む横棒 END----------------*/

/*カテゴリ名 フォント設定・配置*/
.category-midashi{
color:#7B181E; font-size:1.4em; text-align:center; padding-bottom:30px; 
}

/*ウイスキー試飲のインスタ 配置*/
.wisky-insta_sakestyle iframe {
  margin-left: auto!important;
  margin-right: auto!important;
 margin-top:30px!important;
}
/*-----------------------------------------------------
                            店舗情報
-----------------------------------------------------*/
/*Google Mapと情報の横並び 配置*/
#c5{
justify-content:center;
}
.sakestyle-access-setumei{
padding-top:20px;
}

.sakestyle-tel{
padding-top:20px;
}
/*------------------------------------------------------------------
--------------------------------------------------------------------
                         ここから700px以下( SP )
--------------------------------------------------------------------
---------------------------------------------------------------*/

@media screen and (max-width: 700px) {
/*-----------------------------------------------------
                    イントロダクション SP
-----------------------------------------------------*/
.sakestyle-mainvisual{
padding-bottom:0px!important;
}
.tenmei{
line-height:1.2;
padding-bottom:0!important;
}
.instagram-media{
display:inline!important;
}
.tenpotour-insta_sakestyle,.wisky-insta_sakestyle{
text-align:center;
}
/*-----------------------------------------------------
                        店内のご案内 SP
-----------------------------------------------------*/
.goinsyokubar-flex-wrap, .nihonsyu-flex-wrap, .craftbeer-flex-wrap, .craftbeer-flex-wrap, .wine-flex-wrap, .whiskey-flex-wrap,#c63{
flex-direction:column;
justify-content:center;
}
.instagram-media{
display:inline!important;
}
.tenpotour-insta_sakestyle,.wisky-insta_sakestyle{
text-align:center;
}
.barcounter_img-wrap, .nihonsyu_img-wrap{
margin:auto;
padding-bottom:20px;
text-align:center;
}
.nihonsyu-setumei{
width:300px;
margin-right:auto;
margin-left:auto;
padding-left:0!important;
}
.nihonsyu-meigara, .craftbeer-meigara{
margin-right:auto;
margin-left:auto!important;
margin-top:20px;
}
.craftbeer_img-wrap, .wine_img-wrap,.whisky_img-wrap{
padding-bottom:20px;
text-align:center;
}
.craftbeer-setumei, .wine-setumei,.whisky-setumei{
width:350px;
padding-left:0!important;
margin:0 auto;
}
.margin-auto{
margin:0 auto;
}
.sakestyle-wine-img2,.sakestyle-whisky-img2{
margin-left:auto!important;
margin-right:auto;
margin-top:20px;
}
.sakestyle-access-setumei{
padding-top:0!important;
padding-left:23px;
}
}
#c2 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c4 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c107 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c107 h3,
#c107 div {
	text-align: left;
}
#c63 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c61 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c67 {
	clear: both;
	margin:    ;
	padding: 30px  30px ;
}
#c68 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c7 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c106 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c64 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c6 {
	clear: both;
	margin:  0  0;
	padding: 60px 0 30px 0;
}
#c6 h2,
#c6 div {
	text-align: left;
}
#c69 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c71 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c70 {
	clear: both;
	margin:    ;
	padding:    ;
	width: 329px;
	height: 252px;
}
#c70 h3,
#c70 div {
	text-align: left;
}
#c72 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c62 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c73 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c74 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c81 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c75 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c78 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c76 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c86 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c87 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c88 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c85 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c82 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c83 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c84 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c79 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c80 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c95 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c89 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c97 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c91 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c92 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c93 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c94 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c102 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c96 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c90 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c98 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c99 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c100 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c101 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c77 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c105 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c103 {
	clear: both;
	margin:  0  0;
	padding: 60px 0 30px 0;
}
#c103 h2,
#c103 div {
	text-align: left;
}
#c5 {
	clear: both;
	margin: 0 0 30px 0;
	padding:    ;
}
#c9 {
	clear: both;
	margin: 30px   ;
	padding:    ;
}
#c65 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c10 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c10 h3,
#c10 div {
	text-align: left;
}
#c104 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c104 h3,
#c104 div {
	text-align: left;
}
#c8 {
	clear: both;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c2 {
}
#c4 {
}
#c107 {
}
#c63 {
}
#c61 {
}
#c67 {
}
#c68 {
}
#c7 {
}
#c106 {
}
#c64 {
}
#c6 {
}
#c69 {
}
#c71 {
}
#c70 {
	width: auto;
	max-width: 329px;
}
#c72 {
}
#c62 {
}
#c73 {
}
#c74 {
}
#c81 {
}
#c75 {
}
#c78 {
}
#c76 {
}
#c86 {
}
#c87 {
}
#c88 {
}
#c85 {
}
#c82 {
}
#c83 {
}
#c84 {
}
#c79 {
}
#c80 {
}
#c95 {
}
#c89 {
}
#c97 {
}
#c91 {
}
#c92 {
}
#c93 {
}
#c94 {
}
#c102 {
}
#c96 {
}
#c90 {
}
#c98 {
}
#c99 {
}
#c100 {
}
#c101 {
}
#c77 {
}
#c105 {
}
#c103 {
}
#c5 {
}
#c9 {
}
#c65 {
}
#c10 {
}
#c104 {
}
#c8 {
}
}
@media screen and (max-width: 640px) {
#c2 {
}
#c4 {
}
#c107 {
}
#c63 {
}
#c61 {
}
#c67 {
}
#c68 {
}
#c7 {
}
#c106 {
}
#c64 {
}
#c6 {
}
#c69 {
}
#c71 {
}
#c70 {
	width: 100%;
	height: auto;
}
#c72 {
}
#c62 {
}
#c73 {
}
#c74 {
}
#c81 {
}
#c75 {
}
#c78 {
}
#c76 {
}
#c86 {
}
#c87 {
}
#c88 {
}
#c85 {
}
#c82 {
}
#c83 {
}
#c84 {
}
#c79 {
}
#c80 {
}
#c95 {
}
#c89 {
}
#c97 {
}
#c91 {
}
#c92 {
}
#c93 {
}
#c94 {
}
#c102 {
}
#c96 {
}
#c90 {
}
#c98 {
}
#c99 {
}
#c100 {
}
#c101 {
}
#c77 {
}
#c105 {
}
#c103 {
}
#c5 {
}
#c9 {
}
#c65 {
}
#c10 {
}
#c104 {
}
#c8 {
}
}