@charset "utf-8";

/*----------------------------------------
  新店・閉店　店舗一覧 PC
----------------------------------------*/

.sp_block{
  display: none !important;
}

#contents #contentsArea {
  width: 94%;
  margin: 0 auto;
  padding: 0;
}

#contents #contentsArea h1 {
  margin: 0;
  padding: 0;
  font-size: 0;
}

#content_bg {
  margin-top: 10px;
}
  
#menu {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 20px auto 0;
  /*border-bottom: solid 5px #d8d4ca;*/
}

#menu ul {
  width: 100%;
  margin: 0 auto -5px;
  text-indent: 100;
  display: flex;
  justify-content: center;
}

#menu ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
}

#menu ul li {
  box-sizing: border-box;
  /* float: left; */
  margin-left: 2%;
  width: 32%;
}

#menu ul li:first-child {
  /* float: left; */
  margin-left: 0;
}

#floor_bg {
  border: solid 5px #f06a7c;
    border-radius: 20px;
  position: relative;
  margin-bottom: 0px;
  width: 90%;
  margin: 0 auto;
}

#floor_guide {
  margin: 0 auto;
  margin: 20px auto;
  padding: 20px 0 0 0;
}

ul.floor_btn {
  margin: 20px auto;
  /* width: 80%; ※階層5Fまで用 */
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

ul.floor_btn2 {
  margin: 20px auto;
  /* width: 80%; ※階層5Fまで用 */
  width: 60%;
}

/* ul.floor_btn:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
} */

ul.floor_btn li {
  margin-left: 1%;
  margin-bottom: 2%;
  margin-right: 1%;
  /* width: 19%; ※階層5Fまで用 */
  /* float: left; */
  width: 30%;
}

ul.floor_btn2 li {
  /* margin-left: 2%; */
  /* margin-bottom: 2%; */
  margin-right: 1%;
  /* width: 19%; ※階層5Fまで用 */
  float: left;
}

ul.floor_btn li:first-child{
  margin-left: 0;
}

ul.floor_btn li:nth-of-type(4){
  margin-left: 0;
}

#map02 {
  display: none;
}

#map03 {
  display: none;
}

#map04 {
  display: none;
}

#map05 {
  display: none;
}

/* ul.floor_btn:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
} */

ul.floor_btn li img {
  vertical-align: top;
}

#content_main {
  width: 100%;
}

#content_main h2 {
  text-align: center;
  padding-top: 30px;
}

.new_shop h3,
.close_shop h3 {
  margin-top: 30px;
}

ul.tab_cat{
  clear:both;
  width: 90.7%;
  margin: 33px auto 0 !important;
}

.new_shop ul.tab_cat{
 /* 表示するカテゴリータブが2コのとき */
  width:51%;

/* 表示するカテゴリータブが3コのとき */
  /*width: 70%;*/
}

.new_shop ul.tab_cat li{
 /* 表示するカテゴリータブが2コのとき */
  width: 49.5%;

/* 表示するカテゴリータブが3コのとき */
  /* width: 32%; */
}

.renewal_shop ul.tab_cat{
 /* 表示するカテゴリータブが2コのとき */
  /* width:51%; */

/* 表示するカテゴリータブが3コのとき */
  /* width: 70%; */

/* 表示するカテゴリータブが4コのとき */
  margin: 0 auto;
}
.renewal_shop ul.tab_cat li{
 /* 表示するカテゴリータブが2コのとき */
  /*width: 49.5%;
  margin:0;*/

/* 表示するカテゴリータブが3コのとき */
  /*width: 32%;
  margin-left: 2%;*/

/* 表示するカテゴリータブが4コのとき */
  float: left;
}

.close_shop ul.tab_cat{
/* 表示するカテゴリータブが4コのとき */
  margin: 0 auto;

/* 表示するカテゴリータブが3コのとき */
  /*width: 70%;
  margin: 0 auto;*/
}
.close_shop ul.tab_cat li {
/* 表示するカテゴリータブが4コのとき */
  float: left;
  
  /* 表示するカテゴリータブが3コのとき */
  /*float: left;
  width: 32%;
  margin-left: 2%;*/
}

ul.tab_cat:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
}

ul.tab_cat li {
  float: left;
  width: 24.2%;
  margin-left: 1%;
}

ul.tab_cat li:first-child {
  margin-left: 0;
}

#tab02 {
  display: none;
}

#tab03 {
  display: none;
}

#tab04 {
  display: none;
}

/*  .shoparea
----------------------------------------*/

.shoparea{
  margin: 40px auto 10px auto;
  width: 96.79%;
}

.shoparea:after{
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.each_shop {
  width: 47.9%;
  float: left;
  margin-left: 2.3%;
  margin-bottom: 20px;
  background: #FFFDEC;
}

.each_shop:after{
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.each_shop:nth-child(odd) {
  margin-left: 0;
}

.shoparea .txt_date{
  font-weight: bold;
  color: #000;
  font-size: 142%;
  padding: 8px 10px;
  background: #FFE8A2;
}


.shoparea .inner_area{
  padding: 3% 3% 3% 3% ;
}

.shoparea .inner_area .shop_info:after{
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.shoparea .inner_area .shop_info .logo{
  width: 20%;
  float: left;
}

.shoparea .inner_area .shop_info .shopnm{
  width: 70%;
  float: left;
  margin-left: 3%;
}
.shoparea .inner_area .shop_info .shopnm:after{
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


.close_shop .shopnm{
  width: 100% !important;
  float: clear !important;
  margin-left: 0 !important;
}

.shoparea .inner_area .shop_info .shopnm b{
  font-weight: bold;
  font-size: 142%;
}

/*  .photo_area
----------------------------------------*/

.shoparea .inner_area .photo_area{
  margin-top: 20px;
}

.shoparea .inner_area .photo_area .shop_photo{
  position: relative;
}

/*
.shoparea .inner_area .photo_area .shop_photo li {
  width: 100%;
  position: absolute;
  top:0;
  left: 0;
}

.shoparea .inner_area .photo_area .shop_photo li {
  display: none;
}

.shoparea .inner_area .photo_area .shop_photo li:first-child {
  display: block;
}*/

/*  .thumb
----------------------------------------*/

.shoparea .inner_area .thumb_block {
  position: relative;
  padding-top: 57%;
}

.shoparea .inner_area .thumb_block:after{
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.shoparea .inner_area .thumb_block li{
  width: 14%;
  float: left;
  margin: 8px 0 0 8px;
  border: solid 1px #d3d3d3;
}

.shoparea .inner_area .thumb_block li.current{
  border: solid 1px #ce2f35;
}

.shoparea .inner_area .thumb_block li:first-child{
  margin-left: 0;
}

.shoparea .inner_area .announce {
  margin-top: 20px;
}

.shoparea .inner_area .announce .title_txt{
  font-weight: bold;
  font-size: 130%;
  padding: 6px 12px;
  border: solid 1px #FFE8A2;
  background-color: #FFE8A2;
    color: #000;
}

.shoparea .inner_area .announce .renewal_open_info{
  font-size:124%;
  font-weight:bold;
  color:#ff0000;
  margin-top: 10px;
}
.shoparea .inner_area .announce .comment{
  padding: 7px 0 10px 0;
}

.shoparea .inner_area .btn_dtl{
  width: 77%;
  margin: 0 auto 15px;
}