@charset "UTF-8";

/*
  ページ別CSS
*/

/***********************************************************
#1 オーバーライド: c-main
***********************************************************/




/*//////////////////
#4 マルシェ　2526　251219追記
//////////////////*/


#c-main .box-marche2526 {
  padding: 0;
  margin: 0 ;
  width: 100%;
  max-width: 100%;
  background: url("../images/marche2526/bg_foodmarshe.jpg") no-repeat center center;
  background-size: cover;
}

#c-main .box-marche2526 h1.h1-marche {
  text-align: center;
  padding: 2.5em 0 ;
}
#c-main .box-marche2526 h1.h1-marche img {
  width: 18vw;
}


#c-main .box-marchearea2526 {
  padding: 2.0em 0;
  margin: 0 ;
  width: 100%;
  max-width: 100%;
}
#c-main .box-marchearea2526-inner {
  padding: 0;
  margin: 0 auto;
  width: 1280px;
  max-width: 96%;
}
#c-main .marchemap2526 {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}

#c-main .box-marchearea2526 h2.h2-car {
  text-align: center;
  padding: 0.5em 0 ;
  background: #fff;
  font-size: 1.3em;
  margin: 2.5em 0 1.0em;
  color: #000;
}

#c-main .col-shop2025 {
  padding: 0;
  margin: 3.5em auto 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#c-main .shop2025-co {
  padding: 0.8em;
  margin: 0 2% 2.0em;
  width: calc(100% / 3 - 4%);
  max-width: 100%;
  background: #fff;
  border-radius: 0.4em;
  display: flex;
  flex-direction: column;
}
#c-main .col-shopinfo-co-top {
  width: 100%;
  max-width: 100%;
  padding: 0 0 0.1em 0 ;
  background: #fff;
}
#c-main .shop2025-co-btm {
  width: 100%;
  max-width: 100%;
  margin: 0 ;
  padding: 0 0.2em ;
}
#c-main .shop2025-co h3.h3-car {
  text-align: center;
  padding: 0.3em 0 ;
  background: #000;
  font-size: 1.2em;
  margin: 0 0 0.5em ; 
}

#c-main .shop2025-co-btm h4 {
  text-align: center;
  padding: 0.3em 0 ;
  color: #000;
  font-size: 0.9em;
  border-bottom: dotted 1px #666;
  border-top: dotted 1px #666;
  margin: 0 0 1em ;
}
#c-main .shop2025-co-btm ul.ul-menu {
  margin: 0.3em 0 1.0em;
  padding: 0 ;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#c-main .shop2025-co-btm ul.ul-menu li {
  font-size: 0.9em;
  list-style: circle !important;
  color: #000;
  margin: 0 1.5em 0 ;
  padding: 0 ;
  line-height: 1.5em;
}
#c-main .cel-pay {
  padding: 0 ;
  margin: auto 0 0 ;
}
#c-main .shop2025-co h5 {
  text-align: center;
  padding: 0.3em 0 ;
  color: #333;
  font-size: 0.8em;
  border-top: solid 2px #999;
  border-bottom: solid 2px #999;
  margin: 0 0 0.8em ;
}

#c-main .shop2025-co ul.ul-pay {
  margin: 0.3em;
  padding: 0 ;
}
#c-main .shop2025-co ul.ul-pay li {
  margin: 0.2em;
  padding: 0.05em 0.8em ;
  background: #999;
  border-radius: 0.8em;
  font-size: 0.75em;
  color: #fff;
  display: inline-block;
}





#c-main .col-spmenu {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#c-main .col-spmenu-l {
  padding: 0;
  margin: 0 1% 1.0em;
  flex-basis: 50%;
  max-width: 100%;
}
#c-main .col-spmenu-l-in {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#c-main .col-spmenu-l-in p {
  padding: 0;
  margin: 0 auto;
  flex-basis: 20%;
  max-width: 100%;
}


#c-main .col-spmenu-r {
  padding: 0;
  margin: 0 0 1.0em;
  flex-basis: 46%;
  max-width: 100%;
}
#c-main .col-spmenu-r table {
  background: none;
}
#c-main .col-spmenu-r table th {
  background: rgba(255,255,255,0.1);
}
#c-main .col-spmenu-r table td {
  background: none;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {

}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
#c-main {
  margin-top: 80px;
}

#c-main .box-marche2526 h1.h1-marche img {
  width: 50vw;
}
#c-main .box-marchearea2526-inner {
  padding: 0;
  margin: 0 auto;
  width: 1280px;
  max-width: 94%;
}

#c-main .box-marchearea2526 h2.h2-car {
  margin: 1.5em 0 1.0em;
}

#c-main .col-shop2025 {
  padding: 0;
  margin: 1.5em auto 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
#c-main .shop2025-co {
  margin: 0 0 1.0em;
  width: 100%;
}

#c-main .col-spmenu {
  flex-direction: column;
}
#c-main .col-spmenu-l {
  padding: 0;
  margin: 0 1% 1.0em;
  flex-basis: 50%;
  max-width: 100%;
}
#c-main .col-spmenu-l-in {
  flex-wrap: wrap;
}

#c-main .col-spmenu-l-in p {
  flex-basis: calc( 100% / 3 ) ;
  margin: 0 ;
}


#c-main .col-spmenu-r {
  padding: 0;
  margin: 0 0 1.0em;
  flex-basis: 46%;
  max-width: 100%;
}
#c-main .col-spmenu-r table {
  background: none;
}
#c-main .col-spmenu-r table th {
  background: rgba(255,255,255,0.1);
}
#c-main .col-spmenu-r table td {
  background: none;
}
	
	
	
}





/***********************************************************
#1 スサノオフードマルシェ25-26
***********************************************************/
#c-main h2.h2-base {
  text-align: center;
  padding: 0.5em 0 ;
  background: #fff;
  font-size: 1.3em;
  margin: 1.5em 0;
  color: #000;
}

#c-main .col-shoplist {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#c-main .col-shoplist-co {
  padding: 0;
  margin: 0 1% 1.0em ;
  flex-basis: 23%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
}
#c-main .col-shoplist-co-top {
  padding: 0;
  margin: 0 0 1.0em ;
  width: 100%;
  max-width: 100%;
}
#c-main .col-shoplist-co-top h3 {
  padding: 0.5em 0;
  margin: 0 ;
  background: #000;
  text-align: center;
  color: #fff;
  font-size: 1.0em;
}

#c-main .col-shoplist-co-btm {
  padding: 0 0 1.0em ;
  margin: 0 ;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#c-main .col-shoplist-co-btm p {
  flex-basis: 48%;
  margin: 0 1% ;
  text-align: center;
  position: relative;
  height: 40px;
  vertical-align: middle;
}
#c-main .col-shoplist-co-btm p a:link,
#c-main .col-shoplist-co-btm p a:visited {
  background: #fff;
  text-decoration: none ;
  position: absolute;
  top: 0 ;
  left: 0 ;
  width: 100%;
  height: 100%;
  padding: 8px 0.3em 8px ;
  color: #003266;
  border: solid 2px #003266;
  border-radius: 100vw;
  font-weight: 400;
  line-height: 1.1em;
  font-family: 'susanoo';/* フォント名 */
  font-size: 1.1em;
}
#c-main .col-shoplist-co-btm p a:hover {
  text-decoration: underline;
  background: #036eb8;
  color: #fff;
}

#c-main p.p-btn04 {
  text-align: center;
  margin: 2.0em auto;
  padding: 0 ;
}

#c-main p.p-btn04 a:link,
#c-main p.p-btn04 a:visited {
  margin: 0;
  padding:0.5em 2.5em ;
  background: #fff;
  color: #000;
  display: inline-block;
  border: solid 3px #000;
  border-radius: 100vw;
  font-weight: 700;
  font-size: 1.2em;
}
#c-main p.p-btn04 a:hover {
  background: #000;
  color: #ffff00;
}



/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

	
#c-main .col-shoplist {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}	

#c-main p.p-btn04 a:link,
#c-main p.p-btn04 a:visited {
  padding:0.5em 2.5em ;
  font-size: 1.0em;
}
	
}