@charset "UTF-8";
/* Shutter In Horizontal */
/* ==========================================================================

	restaurant

========================================================================== */
/*--------------------------------
レストランコンテンツ共通
--------------------------------*/
.restaurant_cnt .tt_main {
  text-align: left;
}

.restaurant_cnt .restaurant_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1em;
}

.restaurant_cnt .restaurant_img picture {
  width: calc(50% -  5px);
  margin-bottom: 10px;
}

.restaurant_cnt .restaurant_img picture:first-child {
  width: 100%;
}

.restaurant_cnt .restaurant_img picture:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.restaurant_cnt .restaurant_txt {
  margin-bottom: 2em;
}

.restaurant_cnt .restaurant_txt > ul .link_sub_btn > a,
.restaurant_cnt .restaurant_txt > ul .link_sub_btn > span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 64px;
}

.restaurant_cnt .restaurant_txt > ul .link_sub_btn > a > span {
  font-size: 15px;
  font-size: 1.5rem;
}

.restaurant_cnt .restaurant_address {
  margin-bottom: 1em;
}

.restaurant_cnt .restaurant_address > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
  /*&.access{
				dd ul li{
					display:flex;
					align-items:center;
					width:100%;
					&>span,&>i{display:block;}
					&>span{width:calc(100% - 110px);}
					&>i{
						width:110px;
						@include font-size(1);
						padding-left:0.5em;
						&>a{
							padding-right:18px;
							svg{
								max-width:15px;
								max-height:15px;
							}
						}
					}
				}
			}*/
}

.restaurant_cnt .restaurant_address > div:last-child {
  margin-bottom: 0;
}

.restaurant_cnt .restaurant_address > div dt, .restaurant_cnt .restaurant_address > div dd {
  text-align: left;
}

.restaurant_cnt .restaurant_address > div dt {
  width: 7em;
}

.restaurant_cnt .restaurant_address > div dd {
  width: calc(100% - 6em);
}

.restaurant_cnt .restaurant_address > div dd ul li {
  margin-bottom: 0.5em;
}

.restaurant_cnt .restaurant_address > div dd ul li:last-child {
  margin-bottom: 0;
}

.restaurant_cnt .restaurant_map iframe {
  width: 100%;
  height: 300px;
}

.restaurant_cnt .restaurant_news {
  padding-top: 1.5em;
  margin-top: 1.5em;
  border-top: solid 1px #999;
}

.restaurant_cnt .restaurant_news .tt_article {
  text-align: left;
}

.restaurant_cnt .restaurant_news > div article {
  margin-bottom: 0.7em;
  border: none;
}

.restaurant_cnt .restaurant_news > div article:last-child {
  margin-bottom: 0;
}

.restaurant_cnt .restaurant_news > div article > div {
/*  padding: 0 calc(110px + 0.5em) 0 0;*/
  position: relative;
}

.restaurant_cnt .restaurant_news > div article > div .date_cat {
  margin-bottom: 0;
}

.restaurant_cnt .restaurant_news > div article > div .link_sub_btn {
  width: 110px;
  font-size: 10px;
  font-size: 1rem;
  padding-left: 0.5em;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.restaurant_cnt .restaurant_news > div article > div .link_sub_btn > a {
  padding-right: 18px;
}

.restaurant_cnt .restaurant_news > div article > div .link_sub_btn > a svg {
  max-width: 15px;
  max-height: 15px;
}

@media only screen and (max-width: 812px) {
  .restaurant_cnt .restaurant_txt ul.column > * {
    margin-bottom: 0.8em;
  }
  .restaurant_cnt .restaurant_txt ul.column > *:last-child {
    margin-bottom: 0;
  }
}

@media print, screen and (min-width: 812px) {
  .restaurant_cnt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: solid 1px #47310e;
    /*.restaurant_address{
			&>div{
				&.access{
					dd ul li{
						&>span{width:calc(100% - 130px);}
						&>i{
							width:130px;
							@include font-size(1.2,$siteWidth);
						}
					}
				}
			}
		}*/
  }
  .restaurant_cnt .restaurant_left {
    width: 53%;
    margin-right: 4%;
  }
  .restaurant_cnt .restaurant_right {
    width: 43%;
  }

  .restaurant_cnt .restaurant_txt .column[data-pc-col="2"] > * {
    width: 49%;
    margin: 0 2% 1.3vh 0;
  }
  .restaurant_cnt .restaurant_txt .column[data-pc-col="2"] > *:nth-child(2n) {
    margin-right: 0;
  }

  .restaurant_cnt .restaurant_txt > ul .link_sub_btn > a,
  .restaurant_cnt .restaurant_txt > ul .link_sub_btn > span {
    min-height: 80px;
  }
  .restaurant_cnt .restaurant_txt > ul .link_sub_btn > a > span {
    font-size: 15px;
    font-size: 1.5rem;
    font-size: min(1.17188vw, 1.5rem);
    font-size: clamp(1rem, 1vw, 1.6rem);
    letter-spacing: 0;
  }
  .restaurant_cnt .restaurant_map iframe {
    height: 500px;
  }
  .restaurant_cnt .restaurant_news .article_list article > div {
    padding-right: calc(130px + 0.5em);
  }
  .restaurant_cnt .restaurant_news .article_list article > div .link_sub_btn {
    width: 130px;
  }
  .restaurant_cnt .restaurant_news .article_list article > div .link_sub_btn > a {
    font-size: 12px;
    font-size: 1.2rem;
    font-size: min(0.9375vw, 1.2rem);
  }
  .restaurant_cnt .restaurant_news .article_list article > div:hover {
    background-color: transparent;
  }
}

/* SNSリンク */

.restaurant_cnt .restaurant_sns {
    margin: 3em auto 0;
}
.restaurant_cnt .restaurant_sns ul li + li {
    margin-top: 0.8em;
}
.restaurant_cnt .restaurant_sns ul li a {
    display: block;
}
.restaurant_cnt .restaurant_sns ul li a svg {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    fill: #000;
    margin-right: 0.5em;
}
.restaurant_cnt .restaurant_sns ul li a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    position: relative;
    top:1px;
}

@media print, screen and (min-width: 812px) {
    .restaurant_cnt .restaurant_sns ul li a:hover svg {
        fill: #666;
    }
}


/*--------------------------------
店舗一覧
--------------------------------*/
@media print, screen and (min-width: 812px) {
  #store .restaurant_cnt:first-child {
    border-top: none;
  }
}
