@charset "utf-8";

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

.pc_block{
  display: none;
}

#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%;
}

.menu ul {
  margin: 6% auto 4%;
  width: 80%;
}

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

.menu ul li {
  box-sizing: border-box;
  float: none;
  margin-bottom: 4%;
  width: 100%;
}

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

#wrapper .menu ul li img{
  width: 100%;
}

#content_main {
  width: 100%;
}

#content_main h2 {
  text-align: center;
}

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

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

.shoparea{
  margin: 10px auto 10px auto;
}

.each_shop {
  margin-bottom: 20px;
  border: #f87821 solid 2px;
}

.renewal_shop .each_shop {
  border: #ef5270 solid 2px;
}
.close_shop .each_shop {
  border: #569aed solid 2px;
}

.shoparea .txt_date{
  font-weight: bold;
  color: #ffffff;
  font-size: 125%;
  padding: 8px 10px;
}

.newopen .txt_date {
  background: #f87821;
}

.renewal_shop .txt_date {
  background: #ef5270;
}
.close_shop .txt_date {
  background: #569aed;
}

.shoparea .renewal .txt_date{
  background: #f6f8e5;
}

.shoparea .inner_area{
  padding: 2% ;
}

.shoparea .inner_area .shop_info_basic {
}

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

.shoparea .inner_area .shop_info .shopnm{
  width: 100%;
  float: left;
  margin-left: 3%;
}
.shoparea .inner_area .shop_info: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 {
  font-size: 142%;
}

.shoparea .inner_area .shop_info .shopnm span {
  font-size: 70%;
  display: block;
}

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

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

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

.new_shop, .renewal_shop {
  margin-bottom: 44px;
}

.page_top {
  width: 100%;
  text-align: right;
}

.page_top img {
  display: inline !important;
  width: 35% !important;
}


/*  .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: 10px;
}

.shoparea .inner_area .announce .title_txt{
  font-weight: bold;
  font-size: 105%;
  padding: 3px 5px;
}

.newopen .inner_area .announce .title_txt{
  background: #f87821;
  color: #ffffff;
}
.renewal_shop .inner_area .announce .title_txt{
  background: #ef5270;
}

.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;
}
.close_shop .shoparea .inner_area .announce .comment a{
  text-decoration: underline;
}

.shoparea .inner_area .announce .shop_bottom_info {
  margin-top: 20px;
}
.shoparea .inner_area .announce .shop_bottom_info::after{
  content: "";
  display: block;
  clear: both;
}
.shoparea .inner_area .announce .shop_bottom_info .logo{
  float: left;
  width: 25%;
}
.shoparea .inner_area .announce .shop_bottom_info .shop_bottom_txt{
  float: right;
  width: 72%;
}

.shoparea .inner_area .btn_dtl{
  width: 65%;
  margin: 30px auto 15px;
}