img {
    vertical-align: bottom;
    max-width: 100%;
}

.adjust-width {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}


/*------------------------------------------------------------------------------スライドショー*/

div.slide-show {
width: 980px; /* スライドショーの幅 */
max-width: 100%; /* スマホで表示が欠けないように */
margin: 0 auto; /* 中央揃え */
position: relative;
}

.slide-show img {
animation: slideAnime 24s infinite; /* 12秒のスライドショーを繰り返し */
max-width: 100%;
height: 400px;
opacity: 0;
position: absolute; /* 画像を重ねて表示 */
left: 0;
top: 0;
height: auto;
}
.slide-show img:nth-of-type(1) { animation-delay: 0s }
.slide-show img:nth-of-type(2) { animation-delay: 4s }
.slide-show img:nth-of-type(3) { animation-delay: 8s }
.slide-show img:nth-of-type(4) { animation-delay: 12s }
.slide-show img:nth-of-type(5) { animation-delay: 16s }
.slide-show img:nth-of-type(6) { animation-delay: 20s }

@keyframes slideAnime {
   0% { opacity: 0 }
   8% { opacity: 1 }
  16% { opacity: 1 }
  24% { opacity: 0 }
 100% { opacity: 0 }
}

.slide-show img:nth-of-type(1) {
position: relative;
}
/*------------------------------------------------------------------------------スライドショー*/
/*.slide-show img:nth-of-type(2) {
animation-delay: 0s;
}

.slide-show img:nth-of-type(3) {
animation-delay: 4s;
}

.slide-show img:nth-of-type(4) {
animation-delay: 8s;
}
*/
/*------------------------------------------------------------------------------ボタン*/
.btn,
a.btn,
button.btn {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #FEC900;
  border-radius: 0.5rem;
	font-feature-settings: "palt";
}
a.btn-border-shadow {
  padding: calc(1.5rem - 12px) 1rem;
  background: #fff;
}
a.btn-border-shadow:before {
  position: absolute;
    top: -5px;
    left: -5px;
    width: 99%;
    height: 98%;
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.2s ease;
  border: 2px solid #3f3a2f;
  border-radius: 0.5rem;
}
a.btn-border-shadow:hover {
  padding: calc(1.5rem - 12px) 1rem;
}
a.btn-border-shadow:hover:before {
  top: -2px;
  left: -2px;
	width: 100%;
    height: 98%;
}
a.btn-border-shadow--color {
  border-radius: 0;
  background: #FEC900;
	color: #3F3A2F;
}
a.btn-border-shadow--color:before {
  border-radius: 0;
}



/*----- layout.css -----*/
	.is_pc {
		display: block
	}
	.is_sp {
		display: none;
	}
a:link, a:visited, a:active {
  color: #3f3a2f;
  text-decoration: none;
}

ol, ul {
	list-style: none;
}

.pb_100 {
	padding-bottom: 100px;
}
.mb_100 {
	margin-bottom: 100px;
}
/*----- animation -----*/
.header{
	margin-bottom: 4px;
}

h1 {
	position: relative;
	width: 100%;
	margin-bottom: 0px;
}

/*new animation*/
/*1.フェードインアニメーションの指定*/
.scrollanime {opacity: 0;} /*一瞬表示されるのを防ぐ*/
.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;         
    }
    100% {
    opacity: 1;
    transform: translate(0);
    }
}
 
/*2.上下の動きを指定*/
.downup {transform: translateY(100px);}
 
/*3.左右の動きを指定*/
.updown {transform: translateY(-30px);}
.sect02{overflow: hidden;} 
.slide-right {transform: translateX(-100px);}
.slide-left {transform: translateX(100px);}
/*--animation END--*/



/*-----メッセージ -----*/
.message_bgm {    
	background-image: url(https://www.takashimaya.co.jp/tamagawa/sc/feature/greenmarket/img/text_bg.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: rgba(255,255,255,0.9);
    background-blend-mode: lighten;
}
.message_bgm p{
	margin-bottom: 40px;
}

p.notice {
	margin: 40px 0 0;
	text-align: left;
	font-size: 16px;
}

/*-----出展者情報 -----*/
.shop_bg {
	background-image: url("https://www.takashimaya.co.jp/tamagawa/sc/feature/greenmarket/img/roof.jpg");
    padding: 41px 0;
    text-align: center;
    margin: 0 0 20px;
    background-repeat: repeat-x;
    background-position: center center;
    background-size: contain;
}
.shop_info {
	box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
	margin: 0 0 20px;
	break-inside: avoid-column;
	width: 30%;
}
.shop_info img {
	    padding: 3% 3% 0;
}
.shop_text {
	padding: 20px 18px 14px;
}
.shop_text img {
	width: 100%;
    height: 10px;
}
.place {
	font-family: a-otf-midashi-mi-ma31-pr6n, serif;
	font-size: 14px;
	color: #48AC36;
}
.name {
	font-family: a-otf-midashi-mi-ma31-pr6n, serif;
    display: block;
    padding-bottom: 0;
	margin-bottom: -10px;
	font-size: 22px;
	color: #48AC36;
	font-feature-settings: "palt";
}
.main_text {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.6rem;
	color: #5B553F;
	font-feature-settings: "palt";
	padding: 2% 0;
}
/*-----menu -----*/
.catch {
	margin: 0px 0px;
	text-align: center;
	color: #3F3A2F;
	padding: 0;
}
.grm {
	margin: 0px 0px;
	text-align: center;
	color: #3F3A2F;
	padding: 0 10% 60px;
}

h2{
	font-family: a-otf-midashi-mi-ma31-pr6n, serif;
	font-size: 34px;
	color: #231815;
	margin: 60px 0px 4px;
	padding-top: 60px;
}
h3{
	font-family: a-otf-midashi-mi-ma31-pr6n, serif;
	font-size: 26px;
	color: #231815;
	margin: 0 0 40px;
	font-feature-settings: "palt";
}
h4{
    font-family: a-otf-midashi-mi-ma31-pr6n, serif;
    font-size: 34px;
    color: #fff;
    text-shadow: 0 0 10px black;
	    margin: 0;
}
.grm p{
    line-height: 1.8;
	font-feature-settings: "palt";
}

.grm_menu{
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    }
.leaflet{
	text-align: center;
    padding: 40px 0;
}
.btn_bg {
    margin: 0 auto;
    display: block;
    padding: 80px 0 60px;
    background-image: url(https://www.takashimaya.co.jp/tamagawa/sc/feature/greenmarket/img/vegetable_bg.jpg);
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
}
.btn_m {
	margin: 20px;
}
.btn_m a {
	width: 300px;
}
p.btn_memo {
    font-size: 14px;
    margin: 4px 0 0!important;
	text-align: center!important;
}
.info {
	font-family: a-otf-midashi-mi-ma31-pr6n, serif;
	padding: 20px 0 0;
	margin: 0 auto;
	text-align: center;
	color: #ffffff;
	text-shadow: 0 0 12px black;
	font-size: 18px;
    line-height: 1.5rem;
}
.info_title {
	font-size: 22px;
	margin: 0;
	
}
.info h3{
	font-family: a-otf-midashi-mi-ma31-pr6n, serif;
	font-size: 20px;
	color: #231815;
	margin: 0 0 0;
	font-feature-settings: "palt";
}
/*-----------------------------------------------
  sp size
-----------------------------------------------*/
@media (max-width:767px) {

/*あとでとる*/
.adjust-width {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
/*あとでとる*/
.shop_bg {

    margin: 10px 0 0;
}	
.theme {
	display: block;
	height: auto;
}
.message {
	width: 100%;
}
.leaflet{
    padding: 0;
}
div.slide-show {
width: 100%; /* スライドショーの幅 */
max-width: 100%; /* スマホで表示が欠けないように */
margin: 0 auto; /* 中央揃え */
position: relative;
}	
	
.slide-show img {
height: 320px;
	object-fit: cover;
}	
.shop_info {
    box-shadow: 2px 2px 10px rgb(0 0 0 / 20%);
    margin: 0 0 20px;
    break-inside: avoid-column;
    width: 100%;
}	

.shop_bg {
    background-size: cover;
}
.shop_text img {
	width: 100%;
    height: 14px;
}
.main_text {
    font-size: 16px;
    padding: 2% 0;
	line-height: 1.8rem;
}
	
	.is_pc {
		display: none;
	}
	.is_sp {
		display: block;
	}
}
/*-----------------------------------スマホサイズのバナーを使用する際はここを調整してください。*/



	h1 {
		margin-top: 0;
	}
	h1 img {
		width: 100%;
	}

	section {
		margin-bottom: 50px;
	}
	
h3 {
    font-family: a-otf-midashi-mi-ma31-pr6n, serif;
    font-size: 16px;
    color: #231815;
    margin: 0 0 40px;
    font-feature-settings: "palt";
}
h4 {
    font-size: 26px;
}
.header{
	margin-bottom: 20px;
}

.header p{
	font-size: 10px;
	line-height: 1.1;
}
		
/*-----title-----*/
.grm {
	margin: 0px 0px;
	text-align: center;
	padding: 0 4% 40px;
}

h2{
	font-family: a-otf-midashi-mi-ma31-pr6n, serif;
	font-size: 20px;
	color: #231815;
	margin: 40px 0 0;
	padding-top: 20px;
	line-height: 1.3;
	font-feature-settings: "palt";
}
.grm p{
	margin: 10px 0 60px;
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
}	
.message_bgm {    
    background-position: right;
    background-position-y: -108px;
	    background-size: cover;
}
/*-----menu -----*/
.grm_menu{
	column-count: 1;
 	margin: 15px auto 0px;
	width: 93%;
    }
p.notice {
	margin: 0;
}
	
a.btn-border-shadow {
    padding: 1rem 1rem 1.5rem;
}
a.btn-border-shadow:hover {
  padding: 1rem 1rem 1.5rem;
}	
	
p.btn_memo {
    font-size: 12px;
}
/*-----------------------------------------------
  pc size
-----------------------------------------------*/
@media (min-width:768px) {
	
	.is_pc {
		display: block;
	}
	.is_sp {
		display: none;
	}
	
/*	.is_sp {
		display: none;
	}*/
	
	.grm_menu li:nth-last-child(-n+3) {
		margin-bottom: 0;
	}
}


/* 20240903 add */
@media (min-width:768px) {
	.grm_menu.grm_menu--col2 .shop_info{
		width: 35%;
	}
}