@charset "utf-8";
/*蠎苓?繝壹?繧ｸ逕ｨ 繝医ャ繝励?繝ｼ繧ｸ?亥渕譛ｬ諠?�ｱ?韻SS*/


/*---------繧ｭ繝｣繝?メ繧ｳ繝斐?40譁?ｭ?/*----------*/
.copy {
    padding: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
	line-height: 132%;
}


/*--------------ギャラリー--------------*/

#photo-gallery {
    width: 740px;
    margin: 20px 0px;
    height: auto;
    display: flex;
    position: relative;
	justify-content: space-between
}

#photo-gallery .link {
	width: 100%;
	padding:0;
	margin:0px 0px 0px 1px;
}
#photo-gallery .link a{
    padding: 0 12px;
	width: 100%;
    height: 48px;
    box-sizing: border-box;
    display: inline-block;
	text-align: center;
	background-color: #fff;
    border-radius: 0 0 8px 0;
}
#photo-gallery .link a::before{
	content: '写真をすべて見る';
	font-size: 14px;
	line-height: 48px;
    font-weight: 700;
}
#photo-gallery .link a:hover{
	text-decoration: none;
	background-color: #B08C44;
	color: #fff;
	transition: all 0.3s;
}
#photo-gallery .link a:active{
	background-color: #90744C;
	color: #fff;
}
#photo-gallery .link a:hover .link{
	
}
#photo-gallery .link a img{
	display: none;
}


/*店舗トップ　slideshow*/
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

@keyframes zoomOut {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.swipe-img-wrapper .swiper-slide-active img,
.swipe-img-wrapper .swiper-slide-duplicate-active img,
.swipe-img-wrapper .swiper-slide-prev img {
  animation: zoomOut 10s linear 0s 1 normal both;
}

.swipe-img-wrapper-odd .swiper-slide-active.swiper-slide-duplicate img,
.swipe-img-wrapper .swiper-slide-active:nth-child(2n) img,
.swipe-img-wrapper .swiper-slide-duplicate-active:nth-child(2n) img,
.swipe-img-wrapper .swiper-slide-prev:nth-child(2n) img{
  animation: zoomUp 10s linear 0s 1 normal both;
}

.swipe-img-wrapper-two .swiper-slide-duplicate-active:nth-child(2n) img,
.swipe-img-wrapper-two .swiper-slide-prev:nth-child(2n) img {
    animation: none;
    transform: scale(1.08);
}

.swiper-container {
  align-items: center;
  background: #333;
  display: flex;
  height: 427px;
  justify-content: space-between;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 570px;
  z-index: 0!important;
}

.swiper-wrapper {
  height: inherit;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.swiper-wrapper.swiper-short-main-img-box {
  height: 380px;
}

.swiper-img-wrapper {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.swiper-slide img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index:10;
}

.slide-img-caption {
  background: rgba(0,0,0, 0.5);
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 15px 10px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.swiper-thumbnail-wrapper {
  clear: both;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  width: 171px!important;
  height: 426.5px!important;
  background-color: #333;
  align-content: baseline;
}

.swiper-thumbnail-wrapper li {
  width: 84.5px!important;
  height: 84.5px;
  margin-bottom: 1px;
  margin-right: 1px
}

.bt_pano{
	position:absolute;
	top: 4px;
    right: 174px;
    z-index: 1001;
    background: rgba(0, 0, 0, .2);
    font-size: 14px;
    border-radius: 4px;
	transition: .2s
}
.bt_pano a::before{
    content: 'パノラマ写真';
    color: #fff;
    font-weight: 700;
    padding: 12px;
	display: block
}
.bt_pano:hover {
    background: #A57E49;
}
.bt_pano a img{
	display: none;
}


/*----------お店紹介文--------------*/
.about{
    clear: both;
    margin:0 0 20px 0;
    line-height:160%;
    font-size:16px;
    color:#666;
    padding: 0 0 20px;
}



/*---------特徴・ベスト３--------------*/
.main-column .shop_data{
	overflow:hidden;
	margin:0px 0px 40px 0px;
	
}

.main-column .shop_data h3{
    font-size:14px;
    line-height:160%;
    color:#adadad;
    font-weight:700;
}

.main-column .shop_data h3 span{
	font-size:24px;
	color:#333;
    display: inline-block;
    margin-top: 12px;
}

.main-column .shop_data h3.ch{
	/*border-left:2px #C97F75 solid;
	color:#C97F75;*/
}

.main-column .shop_data h3.ch span{
	padding:0 0 0 6px;	
	/*color:#BE6052;*/
}

.main-column .shop_data .pt01{
    width:100%;
    padding:40px;
    box-sizing:border-box;
    background-color:#fff;
    margin:20px auto 0px auto;
    overflow:hidden;
	display: flex;
    justify-content: space-between;
}

.main-column .shop_data .pt01 .ph_bx{
	width:240px;
	order: 1;
	text-align:center;
}

.main-column .shop_data .pt01 .ph_bx img{
	width: 240px;
	max-height: 240px;
	object-fit: contain;
	background-color: #333;
}

.main-column .shop_data .pt01 .tx_bx{
	width:380px;	
	order: 2;
}

.main-column .shop_data .pt01 .tx_bx p.tl{
	font-weight:bold;
	margin:0px 0px 10px 0px;
	font-size:20px;
	line-height: 132%;
}

.main-column .shop_data .pt01 .tx_bx p.cap{
	font-size:16px;
	line-height:160%;
    color: #8f8f8f;
}


.main-column .shop_data .pt01 .tx_bx p.lk{
	font-size:16px;
	margin:20px 0px 0px 0px;

}
.main-column .shop_data .pt01 .tx_bx p.lk a{
    display: inline-block;
    background-color: #f4f4f4;
    width: 100%;
    border-radius: 4px;
    text-align: center;
    line-height: 48px;
    font-weight: bold;
}
.main-column .shop_data .pt01 .tx_bx p.lk a:hover{
	background-color: #B08C44;
	color: #fff;
	text-decoration: none;
    transition: all 0.3s;
}
.main-column .shop_data .pt01 .tx_bx p.lk a:active{
	background-color: #90744C;
	color: #fff;	
}

/*pt02*/

.main-column .shop_data .pt02{
	width:100%;
    padding: 0 40px 40px;
    box-sizing: border-box;
    background-color: #fff;
    overflow:hidden;
    display: flex;
    justify-content: space-between;
}

.main-column .shop_data .pt02 .ph_bx{
    width: 240px;
    object-fit: contain;
    text-align: center;
}
.main-column .shop_data .pt02 .ph_bx img{
    width: 100%;
	max-height: 240px;
    object-fit: contain;
	background-color: #333;
}
.main-column .shop_data .pt02 .ph_bx02{
    width: 240px;
    object-fit: contain;
    text-align: center;
}
.main-column .shop_data .pt02 .ph_bx02 img{
    width: 100%;
	max-height: 240px;
    object-fit: contain;
	background-color: #333;
}
.main-column .shop_data .pt02 .tx_bx{
	width:380px;
}

.main-column .shop_data .pt02 .tx_bx02{
	width:380px;
	order: 2;
}


.main-column .shop_data .pt02 .tx_bx p.tl,
.main-column .shop_data .pt02 .tx_bx02 p.tl{
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    font-size: 20px;
	line-height: 132%;
}

.main-column .shop_data .pt02 .tx_bx p.cap,
.main-column .shop_data .pt02 .tx_bx02 p.cap{
    font-size:16px;
    line-height:160%;
    color: #8f8f8f;
}

/* pt03 */

.main-column .shop_data .pt03{
    width:100%;
    padding:40px;
    box-sizing:border-box;
    background-color:#fff;
    margin:1px auto 0px auto;
    overflow:hidden;
    display:flex;
	flex-wrap: wrap;
    justify-content:space-between;
}



/*
.main-column .shop_data .pt03.i01{background:url(../../img/shop_detail/top_perbk01.gif) repeat-x top;}
.main-column .shop_data .pt03.i02{background:url(../../img/shop_detail/top_perbk02.gif) repeat-x top;}
.main-column .shop_data .pt03.i03{background:url(../../img/shop_detail/top_perbk03.gif) repeat-x top;}
*/

.main-column .shop_data .pt03 .tx_bx{
	width:340px;
}

.main-column .shop_data .pt03 .ph_bx{
	width:280px;
	text-align:center;
}

.main-column .shop_data .pt03 .ph_bx img{
	width: 100%;
	height: auto;
}

.main-column .shop_data .pt03 .tx_bx p.name{
    font-size:16px;
    line-height:160%;
    font-weight:700;
    margin-bottom: 12px;
	position: relative;
}
.main-column .shop_data .pt03 .tx_bx p.name::before{
    content: 'お店の料理人';
    display: block;
    width: 100px;
    height: 20px;
    font-size: 14px;
    color: #8f8f8f;
    margin-bottom: 12px;
}
.main-column .shop_data .pt03 .tx_bx p.name span{
	font-size:16px;
}

.main-column .shop_data .pt03 .tx_bx p.genre{
    font-size:12px;
    display: inline-block;
    color: #8f8f8f;
    background-color: #f4f4f4;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
	margin-bottom: 20px;
}


.main-column .shop_data .pt03 .tx_bx p.tl{
	font-size:20px;
	line-height:132%;
	font-weight:bold;
}

.main-column .shop_data .pt03 .tx_bx p.cap{
	font-size:16px;
	line-height:160%;
	margin:20px 0px 0px 0px;
    color: #8f8f8f;
}


.main-column .shop_data .pt03 .tx_bx p.lk{
    font-size:16px;
    margin:20px 0px 0px 0px;

}
.main-column .shop_data .pt03 .tx_bx p.lk a{
    display: inline-block;
    background-color: #f4f4f4;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    text-align: center;
    line-height: 48px;
    font-weight: bold;
}
.main-column .shop_data .pt03 .tx_bx p.lk a:hover{
	background-color: #B08C44;
	color: #fff;
	text-decoration: none;
    transition: all 0.3s;
}
.main-column .shop_data .pt03 .tx_bx p.lk a:active {
	background-color: #90744C;
	color: #fff;
}






 
.main-column .shop_data .name_list{
    clear: both;
    margin: 10px auto 0;
    width: 100%;
}
 
.main-column .shop_data .name_list ul{
	padding:2px;
	margin:0px 0 0 0;
	overflow:hidden;
	float:right;
}


.main-column .shop_data .name_list li{
	font-size:85%;
	margin:5px 10px 0px 0px;
	display:block;
	float:left;	

}
.main-column .shop_data .name_list li a{
	background:url(../../img/shop_detail/icon_bullet_og.gif) no-repeat 0px 6px;
	padding:0px 0px 0px 10px;
}

 


/*縲?繝医Μ繝溘Φ繧ｰ縺吶ｋ螟門?縺ｮ譫�縲?*/
.trim_img {
	overflow: hidden;
	position: relative;
}
.trim_img_size_photo {
	width: 185px;
	height: 185px;
}
.trim_img_size_top {
	width: 84.5px;/* 繝医Μ繝溘Φ繧ｰ縺励◆縺?棧縺ｮ蟷? */
	height: 84.5px;/* 繝医Μ繝溘Φ繧ｰ縺励◆縺?棧縺ｮ鬮倥＆ */
}
.trim_img_size_history {
	width: 50px;/* 繝医Μ繝溘Φ繧ｰ縺励◆縺?棧縺ｮ蟷? */
	height: 50px;/* 繝医Μ繝溘Φ繧ｰ縺励◆縺?棧縺ｮ鬮倥＆ */
}

/* 鬮倥＆縺ｫ蜷医ｏ縺帙※繝ｪ繧ｵ繧､繧ｺ縲√?縺ｿ蜃ｺ縺溷?繧偵ヨ繝ｪ繝溘Φ繧ｰ */
.trim_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}

/* FAQ */
.faq {

}
.faq_title {

}
.faq_list{
    width: 100%;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;	
}
.faq_list .faq_list_item:last-child .faq_list_a{
	margin-bottom: 0;
}
.faq_list_q {
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 12px 0;
}
.faq_list_a {
    background: #f4f4f4;
    padding: 11px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    color: #8f8f8f;
    border-radius: 8px;
    margin-bottom: 20px;
}
.faq_list_link {
    color: #A57E49;
}

/* post photo */
.shop_post_photo {
	display: inline-block;
	width:100%;
	height:auto;
    margin: 0 0 20px 0;
}

.shop_post_photo ul {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.shop_post_photo_list {
    text-align: center;
    width: calc(calc(100% - 30px)/4);
    aspect-ratio: 4/3;
    margin-bottom: 10px;
    margin-right: 10px;
}
.swiper-instagram-thumbnail-wrapper .shop_post_photo_list {
  width: calc(calc(100% - 60px)/4)!important;
  aspect-ratio: 1/1;
  margin-bottom: 20px;
  margin-right: 20px;
}
.shop_post_photo_img:hover{
    transition: all 0.3s;
    opacity: 0.5;
    cursor: pointer;
}
.shop_post_photo_list:nth-child(4n){
	margin-right: 0;
}
.shop_post_photo_title{
	font-weight: 700;
	font-size: 20px;
	margin: 20px 0;
}
.shop_post_photo_caption{
	display: none;
    font-size:14px;
    line-height:160%;
    font-weight:700;
    padding:16px;
    text-align:left;
	background-color: #fff;
    border-radius: 0 0 8px 8px;
}
.shop_post_photo_img{
	width: 100%;
  height: 100%;
    object-fit: cover;
    vertical-align: bottom;
}
.epark_shop_post_photo_list {
	height: 148px
}

.link_photo {
	text-align:center;
	font-size:16px;
    margin: 20px 0;
}

.link_photo a{
    display: inline-block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: #fff;
    border-radius: 4px;
	font-weight: 700;
}
.link_photo a:hover{
	background-color: #B08C44;
	color: #fff;
	text-decoration: none;
    transition: all 0.3s;
}
.link_photo a:active {
	background-color: #90744C;
	color: #fff;
}

/*shop_topマガジンサマリ*/
p[class^="ttl__"]{
	color: #333;
	font-weight: bold;
	line-height: 132%;
}
p[class^="txt__"]{
	color: #8f8f8f;
	font-weight: normal;
	line-height: 132%;
}
.ttl__m{
	font-size: 16px;
}
.ttl__S{
	font-size: 14px;
}
.txt__S{
	font-size: 14px;
}
.txt__XS{
	font-size: 12px;
}
.shop_section.magazine {
	margin-bottom: 20px;
}

.shop_section.magazine .title{
	padding: 0 0 20px;
	width: 100%;
}
.shop_section .magazine_summary{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.magazine_summary .magazine_summary--item{
	width: 240px;
	margin: 0 10px 0 0;
	border-radius: 0 0 8px 8px;
	background-color: #fff;
}
.magazine_summary .magazine_summary--item:last-child{
	margin: 0;
}
.magazine_summary .magazine_summary--item a{
	display: inline-block;
	width: 100%;
}
.magazine_summary .magazine_summary--item a:hover > .desc_wrapper .magazine_title{
	color: #b08c44;
}
.magazine_summary .magazine_summary--item a:hover img{
	opacity: 1;
}
.magazine_summary--item .magazine_list {
	position:relative;
	width:480px;
	height:0;
	padding-bottom:75%;
	overflow:hidden;
}
.magazine_summary--item .magazine_img {
	display: block;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-100%,-50%);
	height:auto;
}
.magazine_summary--item .desc_wrapper{
	padding: 16px 0 ;
}
.magazine_summary--item .area_cat{
	color: #adadad;
	font-weight: bold;
	margin: 0 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.magazine_summary--item .magazine_title{
	margin: 10px 16px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.shop_section.magazine .more_btn{
	background-color: #fff;
	border-radius: 4px;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	height: 44px;
	line-height: 44px;
	margin: 20px 0;
	width: 100%;
	text-align: center;
}
.shop_section.magazine .more_btn:hover{
	background-color: #b08c44;
	color: #fff;
}

/* インスタ投稿写真モーダル */
.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .popup.is-show {
    opacity: 1;
    visibility: visible;
  }
  .popup-inner {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
    width: 375px;
    z-index: 2;
  }
  .popup-inner .insta_header {
    display: flex;
    justify-content: space-between;
    margin-top: 44px;
  }
  .popup-inner .insta_name {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin: 0 20px 12px 0;
    display: flex;
  }
  .popup-inner .date {
    margin: 0 0 12px;
    font-size: 14px;
    color: #8f8f8f;
  }
  .popup-inner .insta_name .insta_logo {
    width: 21px;
  }
  .popup-inner .insta_img {
    width: 100%;
  }
  .popup-inner .insta_caption {
    color: #fff;
    font-size: 14px;
    line-height: 160%;
    margin: 40px auto;
  }
  .popup .insta-count {
    position: fixed;
    z-index: 3;
    color: #fff;
    left: 10px;
    top: 10px;
  }
  .close-btn {
    text-align: right;
    position: fixed;
      top: 12px;
      right: 12px;
      z-index: 3;
  }
  .close-btn .icon-cross {
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    display: inline-block;
  }

  .black-background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0);
    z-index: 1;
    cursor: pointer;
  }

  .link_insta {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0 auto 40px;
  }

  .link_insta p {
    display: inline-block;
    background-color: #333;
    color: #fff;
    font-weight: bold;
    border-radius: 22px;
    padding: 6px 16px;
    cursor: pointer;
  }

body.is-show-instagram-modal {
  overflow: hidden;
}

.swiper-instagram-thumbnail-wrapper img {
  object-fit: cover;
}

.popup .swiper-instagram-container {
  aspect-ratio: initial;
  background: rgba(0, 0, 0);
  height: auto;
  width: 375px;
}

.popup .swiper-instagram-container .swiper-wrapper {
  overflow: initial;
}

.popup .swiper-instagram-container .swiper-slide img {
  position: relative;
}

.popup .swiper-button-prev,
.popup .swiper-button-next {
  height: 100px;
  width: 70px;
}

.popup .swiper-button-prev::after,
.popup .swiper-button-next::after {
  background-image: url(/vendor/swiper/image/default-skin.svg);
  content: '';
  height: 30px;
  width: 32px;
}

.popup .swiper-button-prev::after {
  background-position: -138px -44px;
}

.popup .swiper-button-next::after {
  background-position: -100px -48px;
}

.carousel {
	height: 100%;
}
.flickity-viewport {
	width: 100%;
	height: 168px;
}
.flickity-button {
	background: var(--white-color);
	border: 1px solid var(--disable-color);
	color: var(--gray-color);
}
.flickity-prev-next-button .flickity-button-icon {
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	transform: translate(-50%, -50%);
}
.flickity-button:disabled {
	display: none;
}
.flickity-prev-next-button.previous {
	left: 20px;
}
.flickity-prev-next-button.next {
	right: 20px;
}
.flickity-page-dots {
	display: none;
}