/* 
商品グループ「実店舗オープンのお知らせ」専用スタイル
URL: https://www.t-east.jp/fs/shokki/c/real
*/
html{
  scroll-behavior: smooth;
  }
  a:hover {
    opacity: 0.8;
  }
.real-wrapper{
  color: #594634;
  max-width: 750px;
  margin: 20px auto;
}
.real-wrapper img{
  max-width: 100%;
  vertical-align: bottom;
}
.real-wrapper iframe{
  max-width: 100%;
  border: 0;
}
.real-wrapper section{
  overflow: inherit;
}
.real-wrapper h2{
  font-weight: bold;
  font-size: 19px;
  padding-bottom: 10px;
  margin: 50px 0 30px;
  border-bottom: 4px solid #594634;
  text-align: center;
}
.real-wrapper h3{
  background: #e9e6e4;
  font-weight: bold;
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 50px 0 20px;
  /*
  border-bottom: 1px dashed #594634;*/
}
.real-wrapper h2+h3{
  margin-top: 30px;
}
.real-preficon{
  display: inline-block;
  padding: 3px 10px;
  margin-right: 10px;
  background: #594634;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
}
.real-jumplink{
  margin-bottom: 30px;
}
.real-jumplink>a{
  display: block;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  color: #594634;
  background: linear-gradient(to top, #ede9e4, #fdfdfd);
  padding: 15px;
  position: relative;
  border: 1px solid #ede9e4;
  transition: opacity .2s ease;
}
.real-jumplink>a:hover{
  opacity: .6;
}
.real-jumplink>a::after{
  content: '';
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #594634;
  border-right: 2px solid #594634;
  transform: rotate(45deg);
}
.real-jumplink>a:not(:last-child){
  margin-bottom: 5px;
}
.real-jumplink>a>span{
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.real-slider .bx-wrapper{
  border: none;
  box-shadow: none;
  margin: 10px 0 20px;
}
.real-slider .bx-wrapper .bx-prev,
.real-slider .bx-wrapper .bx-prev:hover{
  left: 0;
  background: none !important;
}
.real-slider .bx-wrapper .bx-prev::before{
  content: '';
  position: absolute;
  left: 10px;
  top: 8px;
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transform: rotate(-45deg);
}
.real-slider .bx-wrapper .bx-next,
.real-slider .bx-wrapper .bx-next:hover{
  right: 0;
  background: none !important;
}
.real-slider .bx-wrapper .bx-next::before{
  content: '';
  position: absolute;
  right: 10px;
  top: 8px;
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
.real-vr{
  margin: 20px 0;
}
.real-vrLead{
  text-align: center;
  font-weight: bold;
  margin: 0 0 5px;
}
.real-shopinfo{
  width: 100%;
  margin: 20px 0 0;
  border-collapse: collapse;
}
.real-shopinfo tr{
  border-top: 1px dotted #c1bbb6;
  border-bottom: 1px dotted #c1bbb6;
}
.real-shopinfo th,
.real-shopinfo td{
  padding: 7px;
}
.real-shopinfo th{
  color: #9C7148;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
  width: 80px;
  background: #f3f1f0;
}
@media screen and (min-width:750px){
  .real-wrapper h2{
    font-size: 24px;
  }
  .real-wrapper h3{
    font-size: 22px;
  }
  .real-preficon{
    font-size: 14px;
  }
  .real-jumplink{
    display: flex;
  }
  .real-jumplink>a{
    flex: 1;
    margin: 0 2px;
  }
  .real-jumplink>a:not(:last-child){
    margin-bottom: 0;
  }
  .real-slider .bx-wrapper .bx-prev{
    left: -40px !important;
  }
  .real-slider .bx-wrapper .bx-next{
    right: -40px !important;
  }
  .real-slider .bx-wrapper .bx-prev::before,
  .real-slider .bx-wrapper .bx-next::before{
    width: 20px;
    height: 20px;
    border-color: #ccc;
  }
  .real-shopinfo th,
  .real-shopinfo td{
    padding: 10px;
  }
}







/*追記*/
li{
  list-style: none;
  }

.real-popup-topimg{
  margin-bottom: 40px;
  }

.real-jumplink{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 70px;
  }
.real-jumplink-shop{
  border-bottom:1px solid #cac7c4;
  border-top:1px solid #cac7c4;
  padding: 20px 0;
  display: flex;
  }
.real-jumplink-shop a {
  line-height: 30px;
  color: #594634;
  }
.real-jumplink-shop:last-child{
  border-top:none;
  }
.real-jumplink-shop a:hover{
  opacity: 0.6;
  }
.real-jumplink-head{
  display: block;
  border:1px solid #594634;
  max-width:150px;
  min-width:150px;
  text-align: center;
  padding: 15px 10px;
  margin-right: 30px;
  color:#594634;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px!important;
  display: flex;
  justify-content: center;
  align-items: center;
  }
.real-jumplink-head:hover{
  color:#594634;
  }
.real-jumplink-shop ul{
  display: flex;
  flex-wrap: wrap;
  /*justify-content:center;*/
  align-items:center;
  }
.real-jumplink-shop ul li{
  font-size: 14px;
  font-weight: 600;
  margin-right: 20px;
  border-right: 1px solid #cac7c4;
  padding-right: 20px;
  }


section {
  margin-bottom: 150px;
  }


  
.shop-mv {
  width:1020px;
  height:250px;
  object-fit: cover;
  }
.real-wrapper h2{
  background-color: #b0bbbb;
  color:#fff;
  font-size: 24px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: none;
  text-align: center;
  }

.real-wrapper h2:first-child{
  margin-top: 0px;
  }
.real-wrapper h3{
  /*
  background: #e9e6e4;*/
  display: flex;
  align-items: center;
  color:#e15c34;
  background: none;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0px 0 20px;
  /*
  border-bottom: 1px dashed #594634;*/
}

/*インスタアイコン*/
.shopinfo-insta{
  display: block;
  margin-left: 20px;
  }
.shopinfo-insta img{
  width:22px;
  }
@media screen and (max-width: 499px) {
  .shop-title-long{
  font-size:15px;
  }
  .shopinfo-insta{
  margin-left: 13px;
  }
  }

.real-preficon{
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #e15c34;
  font-size: 1.4rem;
  font-weight: 600;
  vertical-align: middle;
}
.real-wrapper h2+h3 {
  margin-top: 0px;
  }
.popup-wrap h3{
  margin: 0px 0 20px;
  font-size: 20px;
  }
@media screen and (min-width: 750px){
.real-wrapper h3 {
  font-size: 20px;
  }
}



.popup-wrap .real-slider .bx-wrapper {
  margin: 10px 0 70px;
}




.popup-box-wrap:first-child{
  margin-top: 100px;
  }
.popup-box-wrap{
  background-color: #f5f5f5;
  padding-top: 15px;
  padding-bottom:10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 50px;
  }
.popup-box-wrap:last-child{
  margin-bottom: 0px;
  }
.shopinfo-box-wrap{
  background-color: #f5f5f5;
  margin-bottom: 110px;
  padding-top: 15px;
  padding-bottom:10px;
  padding-left: 20px;
  padding-right: 20px;
  }
.shopinfo-box-wrap:last-child{
  margin-bottom: 0px;
  }
.shopinfo-box{
  display: flex;
  margin-bottom: 20px;
  }
.shopinfo-box .real-shopinfo{
  margin: 0px 20px 0px 0px;
  height:300px;
  }
.shopinfo-box .real-shopinfo th{
  vertical-align:middle;
  }
.shopinfo-box .real-shopinfo td{
  vertical-align:middle;
  padding-top:20px;
  padding-bottom: 20px;
  padding-left: 7px;
  }
.shop-address-td{
  vertical-align:top!important;
  }

.shopinfo-box .real-shopinfo td p{
  margin-bottom: 3px;
  }
.shopinfo-box .real-shopinfo td span{
  font-size: 1.2rem;
  }

.shop-address{
  font-weight: 600;
  color: #9C7148;
  margin-bottom: 10px!important;
  }

.shopinfo-box iframe{
  height:auto;
  }
.real-wrapper iframe {
  max-width: auto;
  }
.shop-iframe{
  margin-bottom: 0px;
  }


.real-wrapper {
  max-width: 1020px;
  margin: 0 auto;
}


.real-shopinfo{
  width: 100%;
  margin: 20px 0 10px;
  border-collapse: collapse;
  }
.real-shopinfo th,
.real-shopinfo td{
  padding: 7px;
  }
.real-shopinfo th{
  color: #9C7148;
  text-align: left;
  font-weight: 600;
  vertical-align: top;
  width: 80px;
  background: none;
  }

.popup{
  margin-top: 40px;
  }
.shop-iframe{
  width:60%;
  max-height: 400px !important;
  border:0;
  }
.shop-iframe:first{
  margin-bottom: 0px;
  }






/*レスポンシブ調整*/
@media screen and (max-width:700px){
  .shopinfo-box{
  display: block;
  }
  .shop-iframe{
  margin-top: 20px;
  width: 100%;
  margin-bottom: 0px;
  }
  .shopinfo-box iframe{
  height:200px;
  }
  .popup-wrap .real-slider .bx-wrapper {
  margin: 10px 0 50px;
  }
  }


@media screen and (max-width:499px){
  .real-popup-topimg {
  margin-bottom: 30px;  
  }
  .popup-box-wrap {
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 20px;
  margin-bottom: 25px;
  }
  .real-slider .bx-wrapper {
  margin: 10px 0 30px;
  }
  section {
  margin-bottom: 100px;
  }
  .shopinfo-box .real-shopinfo{
  height:0;
  }
  .real-shopinfo {
  margin: 10px 0 10px;
  }
  .real-shopinfo th, .real-shopinfo td {
  font-size:13px;
  padding: 10px 7px;
  line-height: 2rem;
  }
  .real-shopinfo th {
  width: 70px;
  }
  .shopinfo-box .real-shopinfo td {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.7rem;
  }
  .shopinfo-box .real-shopinfo td p {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.9rem;
  }
  .shopinfo-box .real-shopinfo th {
  padding: 0px 7px;
  }
  .shopinfo-box-wrap {
  margin-bottom: 60px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  }


  .real-preficon {
  font-size: 12px;
  margin-right: 15px;
  padding-top: 6px;
  padding-bottom: 6px;

  text-align: center;
  width: 60px;
  height: 2.7rem;
  }
  .real-wrapper h2 {
  margin-bottom: 15px;
  font-size: 20px;
  }
  .real-wrapper h3 {
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px 0 10px;
  font-size: 17px;
  display: flex;
  }
  .popup-wrap h3 {
  font-size: 17px;
  }


  .shop-address {
  font-size: 12px;
  }
  .shop-address-td{
  padding-top: 15px!important;
  padding-bottom: 15px!important;
  }


  .real-jumplink {
  margin-bottom: 30px;
  }
  .real-jumplink-shop{
  display: block;
  border-bottom: none;
  border-top: none;
  padding:15px 0;
  }
  .real-jumplink-head {
  padding: 10px 10px;
  margin-right: 0px;
  margin-bottom: 7px;
  min-width: 100%;
  max-width: 100%;
  }
  .real-jumplink-shop ul{
  justify-content: center;
  }
  .real-jumplink-shop ul li {
  padding-right: 0px;
  padding:0 1rem;
  margin-right: 0;
  }
  .shopinfo-box iframe {
  height: 140px;
  }
  }
  
.intro{
  font-weight: 600;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 40px;
  line-height: 2.6rem;
  }
.intro a{
  color:#e15c34;
  text-decoration: underline;
  }
.icon-point_wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 0px 10px;
  }
.icon-point_wrap a:hover{
  opacity: 0.8;
  }
.icon-point{
  display: flex;
  align-items:center;
  color:#fff;
  background-color: #b0bbbb;
  font-weight: 600;
  font-size: 1.3rem;
  padding: 5px 10px;
  max-width:200px;
  border-radius: 5px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  }
.icon-point_maru{
  display:block;
  border-radius:50%;
  border:3px solid #fff;
  width:15px;
  height:15px;
  margin-right:5px;
  }
.icon-point_batsu {
  display: block;
  position: relative;
  width: 15px;
  height: 15px;
  margin-right:5px;
  }
.icon-point_batsu::before, .icon-point_batsu::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 15px;
  background: #fff;
  }
.icon-point_batsu::before {
  transform: translate(-50%,-50%) rotate(45deg);
  }
.icon-point_batsu::after {
  transform: translate(-50%,-50%) rotate(-45deg);
  }
/*
.icon-point_wrap a:visited {
  color:#fff;
  }*/
.save-style{
  background-color: #d3be5f;
  }
.canuse-style{
  background-color: #eb8f8f;
  }
.collect-style{
  background-color: #93c592;
  }
.unable-style{
  background-color: #a7a7a7;
  }



/*ブログ*/
.azuma-wp{
  max-width:1020px;
  margin-bottom: 70px;
  }
.azuma-wp h2{
  background-color: transparent;
  text-align: left;
  color:#594634;
  font-size: 18px;
  padding-top: 0px;
  margin-bottom: 0px;
  }
.wp-post{
  background-color: #fff;
  }
.post_contest.ap-columnundefined{
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #dfdfdf;
  height:280px;
  overflow: hidden;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.10);
  }
.post_date{
  margin-bottom: 0;
  padding: 7px 15px;
  }
.post_title{
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.2rem;
  padding: 0px 15px;
  margin-bottom: 15px!important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  }
.post_img_wrap img{
  width: 100%;
  height:180px;
  object-fit: cover;
  overflow: hidden;
  }
.shopinfo-morebtn{
  display: none;
  max-width:200px;
  margin: -35px auto 0;
  padding: 15px;
  font-size: 1.3rem;
  text-align: center;
  border: 1px solid #594634;
  }
@media screen and (max-width:700px){
  .post_contest.ap-columnundefined {
  width:250px!important;  
  }
  }
@media screen and (max-width:500px){
  .post_contest.ap-columnundefined {
  width:180px!important;
  margin-right: 10px!important;
  }
  .shopinfo-morebtn{
  display: block;
  }
  }



/*店舗情報内ブログ*/
.shopinfo-box-wrap .azuma-wp{
  max-width:930px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding-top: 20px;
  }
.shopinfo-box-wrap .azuma-wp .bx-wrapper{
  margin: 0px 0 45px;
  }
.shopinfo-box-wrap .wp-post_shop{
  height:252px;
  overflow: hidden;
  }
.shopinfo-box-wrap .post_contest.ap-columnundefined{
  width:930px;
  height:252px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  }
.shopinfo-box-wrap .post_title{
  -webkit-line-clamp: 3;
  }
.shopinfo-box-wrap .post_img_wrap img{
  width: 380px;
  height:252px;
  object-fit: cover;
  }
.shopinfo-box-wrap .post_date{
  margin-bottom: 0;
  padding: 7px 25px;
  }
.shopinfo-box-wrap .post_title{
  padding: 0px 25px;
  }
.shopinfo-box-wrap .post_contest.ap-columnundefined {
  width:100%!important;
  }
.wp-post_morebtn{
  display: block;
  max-width:200px;
  margin: 20px auto 30px;
  padding: 15px;
  font-size: 1.3rem;
  text-align: center;
  border: 1px solid #594634;
  }

@media screen and (max-width:700px){
  .shopinfo-box-wrap .wp-post_shop{
  height:auto;
  }
  .shopinfo-box-wrap .post_img_wrap img{
  height: 280px;
  width:200px;
  }
  }
@media screen and (max-width:500px){
  .shopinfo-box-wrap .post_contest.ap-columnundefined {
  height:150px;
  }
  .shopinfo-box-wrap .post_img_wrap img{
  height: 150px;
  }
  .shopinfo-box-wrap .post_title {
  padding: 0px 15px;
  }
  }

/*POPUP情報内ブログ*/
.popupinfo-box-wrap{
  background-color: #fff;
  padding: 0;
  }
.popupinfo-box-wrap .azuma-wp{
  padding-top: 0px;
  max-width: none;
  }
@media screen and (max-width:500px){
  .popupinfo-box-wrap{
  padding: 20px 0 0;
  }
  .popupinfo-box-wrap .wp-post_morebtn {
  margin: 10px auto 30px;
  }
  }


/*ブログスライダー矢印*/
.bx-wrapper .bx-controls-direction a {
  background-color: #333;
  margin-top: -60px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #fff;
  opacity: 0.8;
  }
.bx-wrapper .bx-prev {
  padding-left:25px;
  position:relative;
  }
.bx-wrapper .bx-next:before{
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: solid 2.5px #fff;
  border-right: solid 2.5px #fff;
  transform:rotate(45deg);
  position: absolute;
  top:13px;
  left:10px;
  z-index: 9999;
  }
.bx-wrapper .bx-next {
  padding-right:25px;
  position:relative;
  }
.bx-wrapper .bx-prev:before{
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: solid 2.5px #fff;
  border-right: solid 2.5px #fff;
  transform:rotate(-135deg);
  position: absolute;
  top:13px;
  left:15px;
  z-index: 9999;
  }
@media screen and (max-width:700px){
.bx-wrapper .bx-prev{
  left:-10px;
  }
  }
@media screen and (max-width:500px){
  .bx-wrapper .bx-next{
  right:-10px;
  }
  /*.bx-controls-direction{
  display: none;
  }*/
  }