@charset "utf-8";
/* CSS Document */

body{
    scroll-behavior: smooth;
}
#sec_main_img img {
  width: 100%;
  height: auto;
}
#sec_main_img img.sp {
  display: none;
}
@media screen and (max-width: 640px) {
  #sec_main_img img.pc {
    display: none;
  }
}
.shopList {
  margin: 0 50px;
}
.shopList p {
  margin: 20px 0 30px 0;
  text-align: center;
}
.shopList p img {
  width: 50%;
}
@media screen and (max-width: 640px) {
  .shopList p img {
    width: 100%;
  }
}
.shop__list__box {
  max-width: 885px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 640px) {
  .shop__list__box {
    max-width: 885px;
    display: block;
  }
}
.shop__list__item {
  width: 49.5%;
  margin: 0 0 15px 0;
}
@media screen and (max-width: 640px) {
  .shop__list__item {
    text-align: center;
    width: 100%;
    margin: 0 0 15px 0;
  }
  .shop__list__item img {
    width: 100%;
  }
}
/*イベントLP　ここから追記*/
body#flier {
  background: none;
	background-color: #1c157d;
}

body#flier main {
  width: 1100px;
  background: #fff;
  padding: 0 0 52px 0;
	border-bottom: 8px solid;
    border-image: linear-gradient(90deg, #fc6076 33%, #ff9a44 66%);
    border-image-slice: 1;
}
@media screen and (max-width: 640px) {
  body#flier main {
    width: auto;
    margin-top: 0;
  }
}
article {
  padding: 40px 50px 0 50px;
}
@media screen and (max-width: 640px) {
  article {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
  }
}
.flier_contents {
  border-bottom: solid 5px #EEF2F2;
  margin-bottom: 30px;
  padding: 0 0 30px;
  width: 100%;
}
.flier_contents img,.flier_lp img {
  width: 100%;
  height: auto;
}
.flier_lp #shop__list {
  margin: 0;
  background-color: #E5E5E5;
  padding: 30px;
}
.flier_lp #shop__list .shop__list__box {
  width: 100%;
  margin: 0;
  max-width: inherit;
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 640px) {
  .flier_lp #shop__list .shop__list__box {
    width: auto;
  }
}
.flier_lp #shop__list .shop__list__box .shop__list__item {
  width: 22%;
  padding: 1%;
}
@media screen and (max-width: 640px) {
  .flier_lp #shop__list .shop__list__box .shop__list__item {
    width: 48%;
  }
}
.flier_lp #shop__list .shop__list__box .shop__list__item img {
  width: 100%;
  height: auto;
}
.banner_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.banner_list li {
  width: 22%;
  margin: 40px 0 0 0;
}
.wide_img {
  margin: -40px -50px 40px -50px;
  width: 1100px;
}
@media screen and (max-width: 640px) {
  .banner_list li {
    width: 48.5%;
    margin: 20px 0 0 0;
  }
  .wide_img {
    margin: 0 0 20px 0;
    width: auto;
  }
}
.sp {
  display: none;
}
.pc {
  display: block;
}
@media screen and (max-width: 640px) {
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
}

.flier_img{
                
/*                padding:30px 60px;*/
            }

.flier_img img{
    
    box-shadow:rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}


@media screen and (max-width: 640px) {
    
.flier_img{
/*                
                padding:20px;*/
            }
}

/*オープニングイベント　ここから追記*/
.link-btn-list_box{
    background-image: url("../images/link-btn-list_bg.jpg");
    margin: 30px auto;
    padding: 30px;
    border-radius: 20px;
    background-size: cover;
}
.link-btn-list{
    display: flex;
    justify-content: space-between;
}
.link-btn-list a{
    width:  calc(100%/3 - 10px);
}

.list-column2{
    width: 820px;
}
@media screen and (max-width: 640px) {
 .list-column2{
    width: auto;
}   
}
.list-column2 .link-btn-list{
    width: 68%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 640px) {
   .list-column2 .link-btn-list{
    width: auto;
} 
}
.list-column2 .link-btn-list_ttl{
    width: 84%;
    margin: 0 auto 20px;
}

.list-column2 .link-btn-list a{
    width:  calc(100%/2 - 50px);
}
@media screen and (max-width: 640px) {
.list-column2 .link-btn-list a{
    width:  calc(100%/2 - 20px);
}
}

.fade-in {
	opacity: 0;
	transition-duration: 500ms;
	transition-property: opacity, transform;
}
.fade-in-up {
	transform: translate(0, 50px);
}
.fade-in-down {
	transform: translate(0, -50px);
}
.fade-in-left {
	transform: translate(-50px, 0);
}
.fade-in-right {
	transform: translate(50px, 0);
}
.scroll-in {
	opacity: 1;
	transform: translate(0, 0);
}
		  .flier_contents a:hover,
            .banner_list a:hover{
                
                opacity:0.7;
            }
		  .map{
			  margin-top: 30px;
		  }
		  .pdf_download a{
			  width: 40%;
			  display: block;
			  margin-left: auto;
			  margin-right: auto;
		  }
		  .pdf_download img{
			  width: 100%;
		  }
		  @media screen and (max-width: 640px){
			  
		  .pdf_download a{
			  width: auto;
		  }
			  
		  }


/*　----店舗情報のスタイル----　*/

.access-map .adr{
	width:48.5%;
          }
.access-map .maps{
	width:48.5%!important;
          } 

@media screen and (max-width: 640px){
 .access-map .maps{
	width:100% !important;
          }    
    
}

.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.flier_contents img {
  width: 100%;
  height: auto;
}
#pankuzu a,#pankuzu li{
	color: #fff;
}

.con-btn{
	display: table;
	margin: 50px auto;
}

.con-btn img{
	max-width: 70%;
	height: auto;
	display: table;
	margin: 15px auto 0;
}