/* # =================================================================
   # 
   # 店舗ページ設定
   # 
   # ================================================================= */

/*===========トップページ用マップ===========*/
.store_top-map {
	position: relative;
	padding-bottom: 140.8%; /*これが縦横比*/
	height: 0;
	overflow: hidden;
}
.store_top-map .canvas{
	position: absolute;
	top: 0;
	left: 0;
	/*max-width:710px;*/
	width: 100% !important;
	height: 100% !important;}

.gap {
  padding-right: 1rem;
}
/*===========店舗ページ===========*/
.store-area {
  /*background-color: #f0fbf4;*/
  text-align: center;
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 1px, rgba(92, 169, 149, 0.5) 1px, rgba(92, 169, 149, 0.5) 2px ),repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(92, 169, 149, 0.4) 1px, rgba(92, 169, 149, 0.5) 2px );
}
.store-area img {
  padding: 1.0rem 0;
}
/*３列並びリンクボタン設定*/
.btnset {
  justify-content: center;
}
.btnset.btn,
.btnset a.btn {
  /*font-size: 1.6rem;*/
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  /*letter-spacing: 0.1em;*/
  color: #212529;
  border-radius: 0.5rem;
  width: 99%;
  margin: 0.1rem auto;
  font-family: 'Oswald','Noto Sans JP',sans-serif;
  /*font-family:'Helvetica','MS Gothic','ヒラギノ角ゴシック',sans-serif;*/
  /*font-weight: 700;*/
  font-weight: 900;
  color: #128b42;
}
@media (min-width: 64em) {
  .btnset a.btn {
    font-size: calc(1rem + ((1vw - 0.64rem) * 2.1277));
    min-height: 0vw;
  }
}
@media (min-width: 87.5em) {
  .btnset a.btn {
    font-size: 1.5rem;
  }
}
a.btn img {
  width: 70px;
  height: auto;
}
  /*リンクボタン設定のボタンカラー設定*/
a.btn-radius-solid {
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

a.btn-radius-solid:hover {
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
  color: #F00;
}
/*ここまで３列並びリンクボタン設定*/
.e-announcement img {
  width: 100%;
}

/*見出しの左右両端に線を入れる*/
.head-border {
  display: flex;
  align-items: center;
  font-weight: normal;
  font-size: 1.25rem;
}

.head-border:before,
.head-border:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #666;
}

.head-border:before {
  margin-right: 1rem;
}

.head-border:after {
  margin-left: 1rem;
}
/*ここまで見出しの左右両端に線を入れる*/

h6 {height:20px; margin:10px 0px; padding:0; clear:both;}
h6.jyouhou  {/*店舗情報*/
	width:100%;
	background-image: url(/pict/store/h6-jyouhou.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-9999px;
}
h6.osirase  {/*お知らせ*/
	width:100%;
	background-image: url(/pict/store/h6-osirase.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-9999px;
}
h6.service  {/*サービス*/
	width:100%;
	background-image: url(/pict/store/h6-service.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-9999px;
}
h6.tenant  {/*テナント*/
	width:100%;
	background-image: url(/pict/store/h6-tenant.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-9999px;
}
h6.map  {/*周辺地図*/
	width:100%;
	background-image: url(/pict/store/h6-map.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-9999px;
}
h6.kyuujin  {/*求人情報*/
	width:100%;
	background-image: url(/pict/store/h6-kyuujin.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-9999px;
}

/* ------------------- 外観・チラシ誘導画像の設定 ------------------- */
.post-store .gap{ /*padding:5px 0;*/}

.post-store table.pure-table th{
	text-align:left;
	font-weight:normal;
	background-color:#e8fff3;
}
@media screen and (min-width: 568px) {

.post-store .gap{ padding:0 5px;}

}

/* ------------------- 店舗のチラシへのリンクボタン ------------------- */

.leaflet_outer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.leaflet_btn {
  margin: 2rem auto;
  padding: 1rem;
}
.leaflet_btn img {
  max-width: 100%;
  vertical-align: middle;
}
.leaflet_btn h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.leaflet_btn h2 a {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  color: #128b42;
  text-decoration: none;
  font-size: 5rem;
}
.leaflet_btn {
  background: linear-gradient(145deg, #FFFFFF, #C4C4C4);
  border-radius: 15px;
  box-shadow: 9.91px 9.91px 15px #D9D9D9, -9.91px -9.91px 15px #FFFFFF;
}
.leaflet_btn:hover {
  background: #EEF0F4;
  border-radius: 15px;
  box-shadow: inset 9.91px 9.91px 15px #D9D9D9, inset -9.91px -9.91px 15px #FFFFFF;
}


/* ------------------- ストアアイコンの設定 ------------------- */

/*ストアアイコンの設定*/

#column-c #store-icon{
	width:100%;
}
#column-c #store-icon img.pure-img{
	max-width:95%;
	margin-bottom:10px;
}

/*チラシ一覧ページ*/
.post-leaflet-list ul{
	list-style:none;
	display:block;
	text-align:center;
}
.post-leaflet-list ul li{
	margin:5px;
	border-width: 5px;
}
.post-leaflet-list ul li a{
	color:#006633;
	text-decoration:none;
	display:block;
	font-size:1.0em;
	line-height:1.5em;
	padding:0.5em 0.25em;
	text-align:center;
	border-style: solid;
	border-top-color: #CCC;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #CCC;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100 */
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.post-leaflet-list ul li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	border-top-color: #666;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #666;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,eeeeee+100 */
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cccccc 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

/*widget-global*/
ul.widget-global_ul {
  margin: 0;
  padding: 0;
  margin-bottom: 2rem;
}
ul.widget-global_ul li {
  padding: 0.25rem;
}
/*各店舗用マップ*/

.map {
  /*position: relative;
  padding-top: 100%;
  width: 100%;
  margin: 0 auto;*/
  position: relative;
  padding-bottom: 42.09%;
  height: 0;
  overflow: hidden;

}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*タブレット以上*/
@media screen and (min-width: 641px) {
#map_container {
  position: relative;
  padding-top: 42.25%;/*W300px÷H710px*/
  width: 100%;
  margin: 0 auto;
}

#map {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
}

/*PC*/
@media screen and (min-width: 1025px) {

.post-leaflet-list{
	background-image:url(/common/img/sky-2009916_1920.png);
	background-repeat:no-repeat;
	background-position: center center;
	height:1000px;
}
.post-leaflet-list ul{
	max-width:710px;
	width:100%;

}
}

ul.store-icon {
  list-style: none;
  margin: 0;
  padding: 0;
}
.store-icon li {
  padding: 0.25rem;
}
/*テナントと店舗情報のtable*/
.tb-tenants {
  text-align: left;
}
.tb-tenants th,
.tb-tenants td{
  /*padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;*/
}
.tb-tenants th {
  /*background: #ff7bac;
  color: #fff;*/
  
}
@media screen and (max-width: 640px) {
  .tb-tenants {
    width: 100%;
  }
  table.tb-tenants th,
  table.tb-tenants td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  table.tb-tenants th {
    background-color: #cfcfcf;
  }
  .tb-tenants tr:last-child{
    /*border-bottom: solid 1px #ccc;*/
  }
}

@media screen and (max-width: 787px) {/*テナント２の設定*/
  .table {
    text-align: left;
  }
  .table thead {
    display:none;
  }
  .table th, .table td {
    display: block;
    border: 0;
    border-bottom: 2px solid #e6f1f6;
  }
  .table tbody th{
    background: #212529;
    color:#fff;
  }
  .table td::before{
    content: attr(data-label);
    color: #212529;
    font-weight: bold;
    display: inline-block;
    /*width: 20%;*/
    min-width: 3rem;
  }
}

/*ここまでテナントtable*/

/*-------------------------------------

/*   店舗コンテンツ用アコーディオン

-------------------------------------*/
.accordion {
  margin-top: 1.0rem;
}
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background:#005e4f;
  font-weight: bold;
  text-align: center;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
	cursor: pointer;
}
.Label:hover{
	background: #00806c;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}
.small-font {
  font-size: 0.85rem;
  font-weight: normal;
  margin-left: 1rem 
}
ul.service-icon {
  margin: 0 auto;
  padding: 0;
}
.service-icon li {
  padding: 0;
}

.Label {
  overflow: hidden;
  position: relative;
}
.Label::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border-width: 25px 25px 0 0;
  border-style: solid;
  border-color: #f00 transparent #f00;
}
/*ここまで*/

/*
    # LINE店舗ページ設定
*/
.line_shop {
	max-width:150px;
	text-align:center;
	margin:0 auto;
	margin-top:20px;
}
.line_shop h1{
	display:none;
	/*font-size:16px;
	background-color:#555;
	color:#FFF;
	padding:5px 0;
	font-weight:bold;
	margin-top:0;
	margin-bottom:10px;*/
}
.line_shop .line-it-button{
	margin-top:15px;
}
.line_shop div.qrc{
	margin-top:5px;
	border-top:#cbcbcb solid 1px;
}

@media screen and (min-width: 569px) {
	.line_shop {
		margin-top:0px;
	}
}
.line-set {
  text-align: center;
}
.line-set img {
  max-width: 45%;
  margin: auto;
}

/*tableのレスポンシブ対応*/
.pure-table-horizontal th {
  background-color: #e6fffb;
	white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .pure-table-horizontal {
    width: 100%;
  }
  table.pure-table-horizontal th,
  table.pure-table-horizontal td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .pure-table-horizontal tr:last-child{
    border-bottom: solid 1px #cbcbcb;
  }
}

/*---------------------------------------------------------

各種サービスボタンの設定

---------------------------------------------------------*/
.service-icon li a {
  background-color:rgba(255,255,255,0.8);
  background-blend-mode:lighten;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
a.newrecipe { background-image: url("/pict/service/power-of-foods.webp");
  background-position: 0px -35px;}
a.service-bus { background-image: url("/pict/service/rakuraku-title.webp");}
a.shopping { background-image: url("/pict/service/shopping-mainImg.webp");}
a.online-sales { background-image: url("/pict/service/leaflet-icon.webp");
  background-size: contain !important;}
a.online-reservation { background-image: url("/pict/service/leaflet-icon.webp");
  background-size: contain !important;}
a.member-club { background-image: url("/pict/service/fureai-club.webp");}
a.member-custon { background-image: url("/pict/service/CoGCa-Card.webp");
  background-position: 0 -50px;}
a.trace { background-image: url("/pict/service/trace-barCoad20201016.webp");
  background-position: 0 -110px;}
a.links { background-image: url("/pict/service/");}
a.e-ionwater { background-image: url("/pict/service/e-ionwater.webp");
  background-position-y: center;}
a.image-song { background-image: url("/pict/image-song/image-song.webp");
  background-position-y: center;}
a.links { background-image: url("/pict/service/links.webp");
  background-position-y: center;}
  
  /*リンクボタン設定のボタンカラー設定*/
  a.btn-radius-solid2 {
    border: 1px solid #ccc;
  }
  
  a.btn-radius-solid2:hover {
    background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
    background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
    color: #F00;
  }
  
  .top-3column a.tokubai, .top-3column a.yoyaku, .top-3column a.hanbai, .top-3column a.syokunochikara, .top-3column a.genkirecipe, .top-3column a.school {
    background-image: url("/pict/service/leaflet-icon.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-color:rgba(255,255,255,0.8);
    background-blend-mode:lighten;
    background-repeat: no-repeat;
    overflow: hidden;
  }
  .top-3column a.tokubai {
    background-image: url("/pict/service/leaflet.webp");
    background-size: cover;
    background-position: 0px -50px;
  }
  .top-3column a.syokunochikara {
    background-image: url(/pict/service/power-of-foods.webp);
    background-size: cover;
    background-position: center;
    /*background-color: rgba(255, 255, 255, 0.8);
    background-blend-mode: lighten;
    background-repeat: no-repeat;
    overflow: hidden;*/
  }
  .top-3column a.genkirecipe {
    background-image: url(/pict/service/2024genki-recipe_500.webp);
    background-size: cover;
    background-position: center;
    /*background-color: rgba(255, 255, 255, 0.8);
    background-blend-mode: lighten;
    background-repeat: no-repeat;
    overflow: hidden;*/
  }
  .top-3column a.school {
    background-image: url(/pict/service/2024school-takayanagi.webp);
    background-repeat: repeat;
    background-position: center;
    /*background-color: rgba(255, 255, 255, 0.8);
    background-blend-mode: lighten;
    background-repeat: no-repeat;
    overflow: hidden;*/
  }
  
/*緊急告知設定*/
.store-emergency_img_box {
  margin: 0.5rem 0 1.0rem ;
}
.store-emergency_img p.has-background {
  padding: 0.5em;
}
p.has-background {
  padding: 0.5rem 2.5rem;
  margin-top: 1rem;
}
h6.area_header {
  position: relative;
  padding: 0 65px;
  text-align: center;
  color: #005e4f;
}
h6.area_header::before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background: #005e4f;
}
h6.area_header span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}