.food-view-01{border-top:2px solid #000;border-bottom:1px solid #dfe3e7;}
.food-view-01 > ul{padding:50px 0;}
.food-view-01 > ul > li{float: left;width:calc(47% - 40px);margin-right:80px;}
.food-view-01 > ul > li:last-child{width:calc(53% - 40px);margin-right:0;}
.food-view-01 > ul .rep-img img{display: block;width:100%;}
.food-view-01 > ul li .diner-name h3{font-size:34px;color:#000;margin-bottom:20px;}
.food-view-01 > ul li .diner-name p{font-size: 17px;}
.food-view-01 > ul li .diner-info{margin-top:40px;}
.food-view-01 > ul li .diner-info h5{font-size:20px;color:#000;margin-bottom:20px;}
.food-view-01 > ul li .diner-info > ul li{margin-bottom:15px;transform: skew(-0.1deg);}
.food-view-01 > ul li .diner-info > ul li:last-child{margin-bottom:0;}
.food-view-01 > ul li .diner-info > ul li > strong{float: left;display: block;width:120px;position: relative;}
.food-view-01 > ul li .diner-info > ul li > strong::after{content:"";display: block;width:1px;height:15px;background: #ccc;position: absolute;top:50%;right:0;margin-top:-7.5px;}
.food-view-01 > ul li .diner-info > ul li > strong span{font-size:1em;vertical-align: text-top;;padding-right:5px;}
.food-view-01 > ul li .diner-info > ul li > span{float: left;display: block;width:calc(100% - 100px);padding-left:30px;color:#666;}
.food-view-01 .btn-wrap{text-align: left;margin-top:45px;}
.food-view-01 .btn-wrap .btn{padding: 12px 16px;color:#fff;cursor: pointer;}
.food-view-01 .btn-wrap button:last-child{float: right;margin:0;}
.food-view-01 .btn-wrap .btn.homepage{background: #108445;}
.food-view-01 .btn-wrap .btn.share{background: #bb282e;margin-left:3px;padding:13.5px 16px;position: relative;top:-1.4px;}
.food-view-01 .btn-wrap .btn.list{background: #333;}
.food-view-01 .btn-wrap .btn span{vertical-align: text-bottom;padding-right:5px;}
.food-view-01 .btn-wrap .btn span.material-icons{font-size: 1.4em;}
.food-view-01 .btn-wrap .btn.share span img{vertical-align: middle;width:15px}
.food-view-01 .btn-wrap .btn.list span img{width:13px}
.food-view-02{margin:30px 0;position: relative;}
.food-view-02 .ex-img-slider{width:calc(100% - 140px);margin: 0 auto;position: static;user-select: none;}
.food-view-02 .ex-img-slider .swiper-slide{cursor: pointer;height: 0;padding-top: 9%;overflow: hidden;position: relative;}
.food-view-02 .ex-img-slider img{display: block;width:100%;height:100%;position: absolute;left:0;top:0;}
.food-view-02 .ex-img-slider .swiper-nav{position: absolute;top:50%;left:0;width:100%;}
.food-view-02 .ex-img-slider .swiper-button-prev{float: left;left:0;width: 41px;height: 48px;background: url("../img/content/arrows_prev_small.png") no-repeat;text-indent: -9999px;}
.food-view-02 .ex-img-slider .swiper-button-next{float: right;right:0;width: 41px;height: 48px;background: url("../img/content/arrows_next_small.png") no-repeat;text-indent: -9999px;}
.popup-wrap{width:90%;max-width:800px;height:auto;position: fixed;top:20%;left:50%;margin-left: -400px;padding:50px;background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.3);z-index: 200;display: none;}
.popup-wrap .close{width:50px;height:50px;border:none;background:url("../img/content/history_popup_close.png") no-repeat 50% 50% #444;position: absolute;top:0;right:0;cursor: pointer;}
.popup-wrap .ex-img-popup img{width:100%;}
.popup-wrap .ex-img-popup .swiper-button-prev{left:0;color:#fff;left:7px;}
.popup-wrap .ex-img-popup .swiper-button-prev::after{padding:10px;background: rgba(0,0,0,0.3);}
.popup-wrap .ex-img-popup .swiper-button-next{right:0;color:#fff;right:7px;}
.popup-wrap .ex-img-popup .swiper-button-next::after{padding:10px;background: rgba(0,0,0,0.3);}
.food-view-03{border-top:1px solid #dfe3e7;border-bottom:1px solid #dfe3e7;}
.food-view-03 > ul > li{float: left;width:60%;}
.food-view-03 > ul > li:first-child{padding:50px 40px 40px 0;border-right: 1px solid #dfe3e7;}
.food-view-03 > ul > li:last-child{width:40%;border-right:none;border-left: 1px solid #dfe3e7;margin-left: -1px;}
.exhibition-wrap .food-view-03 > ul > li:last-child{width:100%;border:none;padding:50px 0 40px;text-align: center;}
.food-view-03 > ul > li .sub-info{padding:40px;border-top:1px solid #dfe3e7;}
.food-view-03 > ul > li div:first-child.sub-info{border-top:none;}
.food-view-03 > ul > li .sub-info h4{position: relative;font-size: 20px;color:#233577;margin-bottom:20px;padding-left:12px;}
.food-view-03 > ul > li .sub-info h4::before{content:"";display: block;width:2px;height:20px;background: #233577;position: absolute;top:50%;left:0;margin-top:-10px;}
.food-view-03 > ul > li .sub-info .video{position: relative;padding-top: 56%;width: 100%;height: 0;}
.food-view-03 > ul > li .sub-info .video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.food-board-wrap > .btn-wrap{text-align: left;margin-top:20px;}
.food-board-wrap > .btn-wrap .btn{padding: 12px 16px;color:#fff;cursor: pointer;}
.food-board-wrap > .btn-wrap button:last-child{float: right;margin:0;}
.food-board-wrap > .btn-wrap .btn.list{background: #333;}
.food-board-wrap > .btn-wrap .btn span{vertical-align: text-bottom;padding-right:5px;}
.food-board-wrap > .btn-wrap .btn.list span img{width:13px}
#map:focus-visible{outline: none;}

@media screen and (max-width:1024px) {
  .food-view-01 > ul > li{width:80%;margin:0 auto;float: none;}
  .food-view-01 > ul > li:last-child{width:100%;margin-top:30px;}
  .food-view-03 > ul > li{width:100%;}
  .food-view-03 > ul > li:first-child{width:100%;border-right:none;border-bottom:1px solid #dfe3e7;padding:50px 0 40px;}
  .food-view-03 > ul > li:last-child{width:100%;border-left:none;}
  .food-view-03 > ul > li .sub-info{padding:40px 0 40px;}
  .food-view-02 .ex-img-slider .swiper-slide{padding-top:13%;}
}
@media screen and (max-width:890px) {
  .popup-wrap{margin-left: -45%;}
}
@media screen and (max-width:768px) {
  .food-view-02 .ex-img-slider .swiper-slide{padding-top:30%;}
  .popup-wrap{padding:40px;}
  .popup-wrap .close{width:40px;height:40px;background-size: 35%}
}
@media screen and (max-width:500px){
  .popup-wrap{padding:30px;}
  .popup-wrap .close{width:30px;height:30px;}
  .popup-wrap .ex-img-popup .swiper-button-next::after{padding:7px;}
}