
@charset "utf-8";
/* +++++++++++++++++++++++++++++++

 共通

+++++++++++++++++++++++++++++++ */

.feature {
   /* background-image:url(/shibuya_foodshow/springcollection2025/shibugifu_backimg.jpg); */
   font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
   font-weight: 500;
   overflow: hidden;
   background-color: #fff3d1;
}
.box_feature {
    background: transparent;
}

picture{
	width: 100%;
	display:block;
	}
picture img{
	width:100%;		
	}

  article.feature header .header-wrap {
		margin: 0 auto 45px;
}
		
.image img{width:100%;border: 1px solid #e6e6e6;box-sizing: border-box;border-radius: 20px;}


article.feature header {
    background-color: #fff3d1;
	    margin: 0px auto 120px;
}

article.feature header .header-wrap {
  text-align: center;
  margin: 0 auto 45px;
}
article.feature header .header-wrap .image {
  margin: 0 auto 0;
}
article.feature header .header-wrap .image img {
  border: unset;
  border-radius: unset;
  width: 100%;
}
article.feature header .header-wrap p{
  margin:0
}
section {
  /* padding: 80px 0; */
  max-width: 980px;
  margin: 60px auto 120px;
}
.box_gift,.box_miyage{
  padding: 70px;	
  border-radius: 50px;
}
.box_gift {
    background-color: #fbe0da;
    border: 8px solid #e47b7a;
    position: relative;
}
.box_miyage{
    background-color: #c7dce2;
    border: 8px solid #296771;
    position: relative;
}

p.lead-text {
  font-size: 25px;
  font-weight: bold;
  color: #296771;
  font-feature-settings: "palt";
  letter-spacing: 3px;
}
a:hover {
    text-decoration: none;
}
/*-------------------------
 見出し           
-------------------------*/

.heading_feature01 {
   color:#d76da2;
   font-size:1.6rem;
   margin-top:30px!important;
   font-weight:bold;
}
.heading_feature01:after {
    /* 見出し下のラインの色を指定できます */
	background:rgba(0,160,210,1);
}
section h3 {
  /* text-align: left; */
  /* margin-bottom: 29px; */
  /* font-size: 34px; */
  /* letter-spacing: 0.1em; */
  line-height: 1.0;
  position: relative;
}

section#gift h3 {
  color: #fbe0da
}

section#gift h3::before{
    content: "";
    display: block;
    width: 40vw;
    background: url(/shibuya_foodshow/winter-shibugifu2025/shibugifu_geisyun-title.webp) no-repeat left bottom/contain;
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 350px;
    transform: translateY(-100%);
    aspect-ratio: 497/191;
}

section#miyage h3 {
  color: #c7dce2;
}

section#miyage h3::before {
    content: "";
    display: block;
    width: 40vw;
    background: url(/shibuya_foodshow/winter-shibugifu2025/shibugifu_miyage-title.webp) no-repeat left bottom/contain;
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 350px;
    transform: translateY(-105%);
    aspect-ratio: 496/127;
}


/*----------------
商品詳細 all
-----------------*/
p.title{
   font-weight:600;
   font-size: 16px;
   margin-bottom:0!important;
   color:#542a00;
}
#GBfooter p.title{
  color:#ffffff;
  font-weight: 500;
}
p.items{
   font-weight:500;
   font-size:1rem;
   padding:0;
   line-height:1.6;
   color:#542a00;
}

p.items span{
   font-weight:normal;
   font-size:0.8rem;
   white-space:nowrap;
 }
/*----------------
↑のnowrapの解除
-----------------*/
p.items span.wp{
   white-space:normal;
}

p.items b{
   font-weight:600;
   white-space:nowrap;
   font-size:1.05rem;

}

p.tx{
   color: #542a00;
   font-size:0.9rem;
   line-height:1.6;
   padding-bottom:10px!important;
}
p.hinmoku{
   font-size:0.8rem;
   line-height:1.6;
   border-top:1px solid #000;
   border-bottom:1px solid #000;
   padding:3px 5px!important;
   margin-top:5px;
   margin-bottom:8px!important;
}

p.sq{
   padding:5px 0 0;
   font-size:0.9rem;
   line-height:1.6;
   font-weight:400;
}
p.sq::before{
   content:"■";
   color:#bccc76;
   margin-right:2px;
}
p.higan{
   width:19rem;
   margin:10px auto;
   text-align:left;
   font-weight:500;
   color:#990000;
}
p.kikan{
   background:#4d1c14;
   text-align:center;
   color:#fff;
   margin-bottom:0;
}
p.tentou{
   font-size:14px!important;
   text-align:center;
   color:#b2112d;
   font-weight:500;
}
.tag{
   font-size:14px;
   display:inline-block;
   padding:1px 10px;
   color:#fff;
  }
     .gentei{background:#c00;}
     

/*--------------
テキスト
---------------*/
.aka{color:#ed1c24;}
.supplement,
.notes { font-size: 11px!important; }
.txt_point {color: #00f !important; }



/*--------------
ネットボタン
---------------*/
a.button.button_netshop{
  background:#b2112d!important;
  border:1px solid #b2112d;
}

a:hover.button.button_netshop{
  color:#000!important;
  background:#db5d80!important;
}




/*--------------
注意
---------------*/
.noticelist {
  margin-bottom:20px;
}
.noticelist li {
  padding-left: 1em;
  text-indent: -1em;
}


footer{text-align:left;}
.footer_anounce{
   text-align:left;
   font-size:14px!important;
}
 
@media print, screen and (min-width: 768px) {

.mode_sp{display:none;}
	

}


.feature header .image.fs{
 background:#fff;
}
.feature header .copy {
    color: #000;
    font-size:135%;
    line-height:160%;
    font-weight:bold;
    text-align:center;
}

.box_feature{
   background:transparent;

}
.wrap_column {
   margin: 30px 15px;
   background:transparent;
   }




/*-------------------------
 見出し           PC
-------------------------*/

.heading01 {
    background: #000;
    color: #fff;
}

.heading02 {
    background: #000;
    color: #fff;
}


.heading_feature02{
   font-weight: 600;
   font-size: 37px;
   color: #ce2623;
   margin:0 auto 30px;
}



/*-------------------------
 販売店舗一覧           PC
-------------------------*/
.wrap_column .box_col1 .inner{
   background:rgba(255,255,255,.5);
   padding:0;
   border:1px solid #ce2623;
}

.wrap_column .inner .shops p{
   color:#fff;
   padding:5px 30px;
   margin-top:0;

}
.wrap_column .inner .shops p.mark{
   background:#ce2623;
   font-size:1.2rem;
   font-weight:500;
   text-align:center;
}
.wrap_column .inner .shops p.chika{
   background:#905353;
}
.wrap_column .inner .shops p::after{
   border:1px solid #c00;
}
.wrap_column .inner .shops ul{
    margin-left:100px;
    margin-bottom:15px; 
    margin-top:15px;
}
.wrap_column .inner .shops ul li{
     display:inline-block;
     flaot:left;
     width:400px;
  }

/*-------------------------
 flexbox               PC
-------------------------*/

/*-----
複数分割
-------*/
.product_wrap{
  display: grid;
  justify-content:flex-start;
  grid-template-columns: repeat(3,1fr);
  gap: 73px 20px;
  width: 100%;
  /* margin-top: 2rem; */
}
#hukkoku .product_wrap .item::before {
  content: "";
  display: none;
  width: 30.259424vw;
  height: 28.778116vw;
  position: absolute;
  bottom: 550px;
  right: 10.416666666666668vw;
  background: url(/tokyufoodshow/25anniv/image/illust-girl02.webp) no-repeat bottom right / contain;
  transform: rotate(21deg) translateY(69%) translateX(23%);
  max-width: 300px;
  max-height: 300px;
}
.product_wrap .item {width:100%;position: relative;padding-top: 30px;}

.item .text-box {
  padding: 0 10px;
}
.item .text-box p {
    margin: 0;
    line-height: 1.6;
}
.item .item-info {
  margin: 13px 0 9px;
  padding-bottom: 18px;
  border-bottom: 1px solid;
}
.item .item-info p {
  margin: 0;
  font-size: 14px;
}
.item .item-info p.brand {
  font-weight: 600;
  margin: 0 0 6px -3px;
  font-size: 15px;
}
.item .item-info p.price {
  margin: 8px 0 0;
  font-size: 14px;
  font-weight: 600;
}
.item .item-info p.floor{
  margin: 0 0 14px 0;
  padding-bottom: 4px;
  position: relative;
  padding-left: 21px;
  font-weight: 600;
  border-bottom: 1px solid;
  font-size: 12px;
}
.item .item-info p.deteil {
  margin-top: 13px;
}
.item .floor::before{
  position: absolute;
  top: 32%;
  left: -4px;
  display: block;
  width: 20px;
  height: 15px;
  background-image: url(/images/sp_common/sprite_icon.png);
  background-position: -275px 0px;
  background-size: 404px auto;
  vertical-align: middle;
  content: " ";
  transform: translateY(-50%);
}
.item .limit-info p {
  margin-top: 13px;
  font-weight: 600;
  text-align: right;
}
.item .limit-info p span {
  margin-right: 10px;
  padding:2px 4px;
  display: inline-block;
  font-size:10px;
  border:1px solid;
  letter-spacing:0.1em
} 
.shop-logo {
    margin: 0;
    padding: 10px;
    width: 21%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
}
.shop-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    margin: 0;
    padding: 0;
}
.shoppage-link {
    /* background: #e8e8e8; */
    /* border-top: 1px solid; */
}
.shoppage-link a {
    display: flex;
    /* background: #61b84b; */
    /* color: #fff; */
    gap: 18px;
    font-weight: 600;
    border-radius: 100vh;
    padding: 5px 17px 5px 5px;
    align-items: center;
    position: relative;
}
.shoppage-link a::before {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 7px;
    height: 7px;
  border-top:2px solid;
  border-right:2px solid;
    content: " ";
    transform: translateY(-50%) rotate(45deg);
}
.shoppage-link a p {
    margin: 0;
    width: calc((100% - 30%) - 20px);
}
.item .only{
  font-weight: 600;
  color: #948431;
  margin-right: 20px;
}
.item .only::before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 41px;
  height: 28px;
  margin-right: 7px;
  background: url(/image/SHIBUYATOKYUFoodshow_ONLY.png) no-repeat center/contain;
}
.item .tokyu-only-mark {
  background: url(/tokyufoodshow/25anniv/image/onlymark.webp) no-repeat top left/ contain;
  width: 100%;
  margin-bottom: 6px;
}
.tokyudept-only-mark {
    padding: 2px 9px 2px;
    font-weight: 600;
    vertical-align: middle;
    font-size: 14px;
    background: #b39a41;
    color: #fff;
    display: inline-flex;
    align-items: center;
    height: 26px;
    letter-spacing: 0.1em;
}
.item .mark-flex {
    display: flex;
    height: 38px;
	position: absolute;
	top:0px;
	width: 100%;
  }
/*
ひとつだけをセンタリングしたいときは
.centerboxを追加
----------------------------------*/
.product_wrap.centerbox{
   justify-content: center;
}
.special {
  display: block;
}
.special .item {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}
.special .item > div {
  width: calc((100% - 20px) / 2);
  padding: unset;
}
.special .item .image {
  box-sizing: border-box;
}



/*--------
商品の枠線
----------*/
.bdr{
   border-top: 10px solid rgb(255, 255, 255, .4);
   border-left: 10px solid rgb(255, 255, 255, .2);
   border-right: 10px solid rgb(0, 0, 0, .3);
   border-bottom: 10px solid rgb(0, 0, 0, .5);
}
.ao{background:#1caec0;}
.pnk{background:#d5416b;}


.product_wrap .product4{
   flex-basis:calc((100% - 30px) / 4);
   max-width:calc((100% - 30px) / 4);
   margin-bottom:20px;
   margin-right:10px;
   box-sizing: border-box;
   display:flex;
   flex-direction: column;
   padding:0;
   border:1px solid #963;
}

.product_wrap .product4:nth-child( 4n ){
  margin-right:0px;
}

.product_wrap .image{
  padding:0;
  margin:0;
  width: 100%;
}

.product_wrap .description{
   text-align:left;
   padding:5px 10px 10px;
   flex-grow: 1;
}
  .product_wrap p.items{
    margin-bottom:15px;
  }
  .product_wrap p.tx{
    font-size:14px
  }



/*--------------
ナビゲーションPC
---------------*/

ul.list_inline_link {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 0 50px;
    max-width: 720px;
    margin: 0 auto;
}
.list_inline_link li:nth-of-type(1) {
  background: #e47b7a;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7vh;
  position: relative;
  height: 73px;
  transition: 0.3s;
}

.list_inline_link li:nth-of-type(2) {
  background: #296771;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vh;
  position: relative;
  height: 73px;
  transition: 0.3s;
}
.list_inline_link a {
    color: #fff;
    font-weight: 600;
    display: flex;
    text-align: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.list_inline_link a span.price {
    font-size: 19px;
}
.list_inline_link a.current,
.list_inline_link li:hover {
transform:translateY(-5px)
}
/*--------------
リンク調整
---------------*/
.anchor{
    display:block;
    padding-top: 70px!important;
    margin-top: -70px!important;
}
/*--------------
フッターPC
---------------*/
.feature footer {
    background: #333;
}

.limit-shop-wrap {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 30px;
  margin-top: 2rem;
}
.limit-shop-wrap .limit-item .priod {
  font-feature-settings: "palt";
  letter-spacing: 2px;
}
.brand-info {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  font-weight: 600;
  gap: 20px;
}

.brand-info .logo-image {
  width: 20%;
  height: 104px;
  border: 1px solid #7f7f7f;
  background: #fff;
}

.brand-info .logo-image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.brand-info .brand-name .brand {
  margin-top: 6px;
  font-size: 18px;
}

.limit-shop p {
  margin: 0;
}

.limit-item {
  display: flex;
  align-items: center;
  gap: 20px;
}

.limit-item .item-image {
  width: 40%;
  border-radius: 15px;
  overflow: hidden;
}

.limit-item .item-image img {
  width: 100%;
}

.limit-item  .item-info {
  width: calc((100% - 40%) - 20px);
}

.limit-item .item-info p {
  font-size: 13px;
}

.limit-item .item-info p.itemname {
  margin: 9px 0 16px;
  font-size: 16px;
  font-weight: 600;
}

.limit-item .item-info p.price {
  text-align: right;
  font-weight: 600;
  font-size: 21px;
}

.limit-item .item-info p.price span {
  font-size: 15px;
}

.limit-shop-wrap .limit-item-double{
  flex-wrap: wrap;
}
.limit-shop-wrap .limit-item-double > div,.limit-shop-wrap .limit-item-double02 > div {
  width: calc((100% - 20px) / 2);
}

.limit-shop-wrap .limit-item-double02{
  align-items: stretch;
}
.limit-shop-wrap .limit-item-double02 .item-image img{
  height: 100%;
  object-fit: cover;  
}


@media screen and (max-width: 767px) and (min-width: 0px) {
/* +++++++++++++++++++++++++++++++

 SP

+++++++++++++++++++++++++++++++ */
.mode_pc{display:none;}

article.feature .main-box {
    margin: 0 auto;
    padding: 0 11px;
}
	
.box_feature{
   margin-bottom:0;
   padding-bottom:0;
}
	
ul.list_inline_link {
  width:90%;
}	
	
ul.list_inline_link a{
  font-size: 16px;		
	}	
	
p{
  margin:5px 0;
  line-height:1.7
}
p.sq{
   line-height:1.6!important;
}
  
article.feature header .header-wrap {
  margin: 0 auto 45px;
}
article.feature header .header-wrap p{
  width:80%;
  margin: 25px auto 0;
  font-size: 15px;
}
  ul.list_inline_link {
  grid-template-columns: repeat(2,1fr);
  gap: 0 10px;
}
  .list_inline_link li .num {
    display: flex
;
    justify-content: center;
    font-size: 15px;
    width: 30px;
}
.box_gift,.box_miyage{
 padding: 45px 10px;
 }

section {
  margin: 85px auto;
  width: 100%;
}
/*-------------------------
 見出し              SP
-------------------------*/
.heading_feature02{
   font-weight: 600;
   font-size: 24px;
   color: #ce2623;
   margin:0 auto 30px;
}
section h3 {
  text-align: center;
  font-size: 25px;
}
	
	section#gift h3::before,section#miyage h3::before{
	 width: 100vw;
	 margin: auto 0;
	 left: 50%;
	 transform: translate(-50%, -100%);
	}	
	
	
	

  section:nth-of-type(4) h3, section:nth-of-type(7) h3 {
  background-position: left 0 bottom -8px;
}
section:nth-of-type(2) h3,section:nth-of-type(5) h3 {
  background-position: left 0 bottom -8px;
}
section:nth-of-type(3n) h3 {
  background-position: left 0 bottom -8px;
}

/*-------------------------
 flexbox               SP
-------------------------*/
.product_wrap,
.product1{
    grid-template-columns: repeat(2,1fr);
    gap: 40px 20px;
}
.item .text-box {
    padding: 0;
}
.item .only {
  font-size: 10px;
  font-feature-settings: "palt";
  margin: 0;
  }
  .item .only::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    margin-right: 4px;
    background: url(/image/SHIBUYATOKYUFoodshow_ONLY.png) no-repeat center/contain;
}
.item .item-info p {
  font-size: 12px;
}
.item .item-info p.brand {
  font-size: 13px;
}
.item .item-info p.price {
  margin: 8px 0 15px;
  font-size: 13px;
}
.item .floor{
  font-size: 13px;
}
  .shoppage-link a {
    gap: 9px;
    padding: 5px 17px 5px 5px;
    font-size: 11px;
}

/*-------------------------
 販売店舗一覧           SP
-------------------------*/
.wrap_column .box_col1 .inner{
   background:rgba(255,255,255,.5);
   padding:0;
   border:1px solid #ce2623;
   margin:15px;
}

.wrap_column .inner .shops p{
   color:#fff;
   padding:5px 30px;
   font-size:18px;
   font-weight:bold;
   margin-top:0;
}
.wrap_column .inner .shops p.mark{
   background:#ce2623;
   text-align:center;
}
.wrap_column .inner .shops p.chika{
   background:#ce2623;
}
.wrap_column .inner .shops p::after{
   border:1px solid #c00;
}
.wrap_column .inner .shops ul{
   margin:10px; 

}
.wrap_column .inner .shops ul li{
   float:left;
   white-space:nowrap;
   margin-right:5px;
   font-size:16px;
  }

/*-------------------------
 見出し           SP
-------------------------*/

.schead{
   display:inline-block;
   border-radius:50%;
   text-align:center;
   font-size:2rem;
   color:#fff;
   padding: 0;
   margin: 0 auto 0;
   width: 100%;
}
/*----------------------
ナビゲーションSP固定分割
------------------------*/
ul.list_inline_link li {
   font-size:12px;
}
ul.list_inline_link li a {
    padding: 6px 11px;
}
.list_inline_link li:nth-of-type(1),.list_inline_link li:nth-of-type(4),.list_inline_link li:nth-of-type(7) {
   font-size:12px;
}
.list_inline_link li:nth-of-type(2),.list_inline_link li:nth-of-type(5) {
   font-size:12px;
}
.list_inline_link li:nth-of-type(3n) {
   font-size:12px;
}

/*--------------
リンク調整
---------------*/
.anchor{
    display:block;
    padding-top: 90px!important;
    margin-top: -90px!important;
}

.limit-shop-wrap {
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 30px;
  margin-top: 2rem;
}
.limit-shop-wrap .limit-item .priod {
  font-feature-settings: "palt";
  letter-spacing: 2px;
}
.brand-info {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  font-weight: 600;
  gap: 20px;
}

.brand-info .logo-image {
  width: 30%;
  height: 104px;
  border: 1px solid #7f7f7f;
}

.brand-info .logo-image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.brand-info .brand-name .brand {
  font-size: 15px;
}
.brand-info .floor {
  font-size: 12px;
}

.limit-shop p {
  margin: 0;
}

.limit-item {
  display: flex;
  align-items: center;
  gap: 20px;
}

.limit-item .item-image {
  width: 40%;
}

.limit-item .item-image img {
  width: 100%;
}

.limit-item  .item-info {
  width: calc((100% - 40%) - 20px);
}

.limit-item .item-info p {
  font-size: 12px;
}

.limit-item .item-info p.itemname {
  margin: 9px 0 16px;
  font-size: 14px;
  font-weight: bold;
  font-weight: 600;
}

.limit-item .item-info p.price {
  text-align: right;
  font-weight: 600;
  font-size: 15px;
}

.limit-item .item-info p.price span {
  font-size: 12px;
}
  #hukkoku .product_wrap .item::before {
    bottom: 440.677vw;
    right: 10.416666666666668vw;
  }

}
@media screen and (max-width: 650px) and (min-width: 0px) {
  #hukkoku .product_wrap .item::before {
    bottom: 518.307692vw;
  }
}
@media screen and (max-width: 530px) and (min-width: 0px) {
  #hukkoku .product_wrap .item::before {
    bottom: 592.307692vw;
  }
}
@media screen and (max-width: 470px) and (min-width: 0px) {
  #hukkoku .product_wrap .item::before {
    bottom: 656.307692vw;
  }
}
@media screen and (max-width: 420px) and (min-width: 0px) {
  #hukkoku .product_wrap .item::before {
    bottom: 736.307692vw;
  }
}
@media screen and (max-width: 385px) and (min-width: 0px) {
  #hukkoku .product_wrap .item::before {
    bottom: 813.307692vw;
  }
}
.brand-name {
  width: calc((100% - 30%) - 20px);
}

@media screen and (min-width:785px){
  #event .event-button-wrap.flex-wrap {
        margin-top: 84px;
    gap: 67px 20px;
}
#event .event-button {
  position:relative;
  width: calc((100% - 20px)/ 2);
}
  #event .event-button-wrap.flex-wrap {
    margin: 95px 0 0;
  }
  #event .eventtitle-wrap .h3-title {
  font-size: 25px;
}
  #event .eventtitle-wrap p.date {
    margin: 9px 0 11px 5px;
    font-size: 29px;
  }
  #event .eventtitle-wrap p.date span.md {
    margin: 0 2px;
    font-size: 22px;
}
  #event .eventtitle-wrap p.date span.youbi {
    margin-left: 3px;
    font-size: 16px;
    width: 29px;
}
  #event .event-detail p.text {
    margin: 0 0 5px;
    font-size: 14px;
 }
  
  #event .event-detail p.itemname-price {
    font-weight: bold;
    font-size: 18px;
    margin-top: 9px;
 }
    #event .event-detail p.time02 {
    font-weight: bold;
    font-size: 18px;
    margin-top: 9px;
 }
  
    #event .event-detail p.time02 span.attention {
    font-weight: bold;
    font-size: 13px;
 }  
 
  .campaign-text p.content {
    margin: 0;
  }
  p.deteil span {
    text-align: center;
    margin-bottom: 10px;
    width: 113px;
  }
}

/*キャンペーン*/
.flex-wrap.campaign-wrap {
    gap: 40px;
    display:flex;
    margin: 40px auto;
}
.flex-wrap.campaign-wrap .campaign-box a picture,.flex-wrap.campaign-wrap .campaign-box a picture img {
    width: 100%;
    display: block;
}
.flex-wrap.campaign-wrap .campaign-box a .campaign-text {
    margin-top: 21px;
    border: 2px solid #75300f;
    border-radius: 20px;
    padding: 0 20px 20px;
    font-size: 13px;
    color: #50200a;
    font-feature-settings: "plat";
    width: calc((100% - 40px));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
}
.flex-wrap.campaign-wrap .campaign-box a {
    gap: 0px;
    flex-direction: column;
}
.flex-wrap.campaign-wrap .campaign-box a .campaign-text h3.h3-title {
    margin: 0 auto 2px;
    font-size: 21px;
    text-align: center;
    width: 100%;
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    background: none;
    line-height: 1.3;
}
.flex-wrap.campaign-wrap .campaign-box a .campaign-text h3.h3-title span.sub-coment {
    max-width: 352px;
    margin: 0 auto -14px;
    font-size: 12px;
    line-height: 1.3;
    font-feature-settings: "plat";
    display: block;
    padding: 8px 16px 5px;
    background: #1eab39;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    transform: translateY(-50%);
    box-sizing: border-box;
}
.flex-wrap.campaign-wrap .campaign-box:nth-of-type(2) a .campaign-text h3.h3-title span.sub-coment{
  background:#f15d1c;
  margin: 0 auto -6px;
  width: 276px;
}
.campaign-box {
  width: calc((100% - 20px / 2));
  border-radius: 15px;
}
.flex-wrap.campaign-wrap .view-more::after{
  border-color: transparent transparent transparent #50202a;
}
.flex-wrap.campaign-wrap .view-more::before{
  background: #50202a;
}
.campaign-text p.date {
  margin: 4px 0 15px;
  padding: 5px 10px 0;
  border-top: 2px dashed;
  font-weight:600
}
@media screen and (max-width:785px){
  .flex-wrap.campaign-wrap {
    gap: 40px;
    flex-direction: column;
    display:flex;
    max-width: 500px;
    margin: 40px auto;
  }
  .flex-wrap.campaign-wrap .campaign-box a .campaign-text {
    padding: 0 13px 15px;
    width: 100%;
    margin-top: 32px;
 }
  .flex-wrap.campaign-wrap .campaign-box a .campaign-text .content{
    margin:10px 0 5px
  }
  .flex-wrap.campaign-wrap .campaign-box a .campaign-text h3.h3-title span.sub-coment {
    margin: 0 auto -12px;
    width: 90%;
  }
  .flex-wrap.campaign-wrap .campaign-box:nth-of-type(2) a .campaign-text h3.h3-title span.sub-coment{
  margin: 0 auto -2px;
  width: 276px;
  }
}



