@charset "utf-8";

/* +++++++++++++++++++++++++++++++

 共通

+++++++++++++++++++++++++++++++ */

.feature {
 background-color:#fff;
}
.box_feature {
    background: transparent;

}
.wrap_column {
    background: transparent;
   text-align:left;
}

.box_wide{
   margin-bottom:0;
   text-align:center;
   backgroud-color:transparent;
   background-image:url(/shibuya_foodshow/fukubukuro2024/bgimg.png);
   background-repeat:no-repeat;
   background-size: 100%; 
   padding-bottom:70px;
}

.box_wide#fst{
   background-color:#fcedc9;
}
.box_wide#snd{
   background-color:#ffd5d5;
}
.box_wide#trd{
   background-color:#ead7b3;
}

/*----------------
商品詳細 all
-----------------*/
p.title{
   font-weight:500;
   font-size:1.04rem;
   padding:0;
   margin:0;
}
p.items{
   font-weight:500;
   font-size:1rem;
   padding:0;
   margin:0;
   line-height:1.6;
}

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;
   color:#ce2623;
}

p.tx{
  color:#4f3e2b;
   font-size:0.9rem;
  line-height:1.6;
}

p.tx{
   color:#300;
   padding:10px 5px!important;
}
p.sq{
   padding:0;
   margin:0;
   margin-left:1rem;
   margin-bottom:8px;
   font-size:0.9rem;
   line-height:1.5;
   font-weight:400;
}
p.sq::before{
   content:"■ ";
   color:#c58711;
   margin-right:1px;
   margin-left:-1rem;
}



.tag{
   font-size:14px;
   display:inline-block;
   padding:1px 10px;
   color:#fff;
   font-weight:400;
   margin-bottom:4px;
  }
     .gentei{
         background:#fff;
         border:1px solid #c00;
         color:#c00;
         border-radius:14px;
      }

/*--------------
テキスト
---------------*/
.aka{color:#ed1c24;}
.supplement,
.notes { font-size: 11px!important; }
.txt_point {color: #00f !important; }

/*--------------
リンク調整
---------------*/
.anchor{
    display:block;
    padding-top: 50px;
    margin-top: -50px;
}

/*--------------
注意
---------------*/
.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) {

/* +++++++++++++++++++++++++++++++

 PC/TB

+++++++++++++++++++++++++++++++ */

.mode_sp{display:none;}


.feature header {
 background-color:#fff;
 background-image:url(/shibuya_foodshow/fukubukuro2024/titleback.jpg);
 background-repeat:no-repeat;
 background-position:top center;
 background-size: cover; 
 padding:0;
}

.feature header .image.fs{
 background:#fff;
}
.feature header .copy {
    color: #000;
    font-size:135%;
    line-height:160%;
    font-weight:bold;
    text-align:center;
}

.box_wide {
   margin-bottom:0;
}
.box_feature{
}
.wrap_column {}
.nothing{
 font-size:13px;
 white-space:nowrap;
}

/*-------------------------
 見出し           PC
-------------------------*/
.heading01 {
    background: #000;
    color: #fff;
}

.heading02 {
    background: #000;
    color: #fff;
}

.heading_feature01 {

}
.heading_feature01:after {
    /* 見出し下のラインの色を指定できます */
	background:rgba(206,38,35,1);
}
.heading_feature02{
   font-weight: 600;
   font-size: 37px;
   color: #ce2623;
   margin:0 auto 30px;
}
.heading_feature02 span{
   font-size: 30px;
   font-weight: 500;
}
.heading_feature02:after{
   display:block;
   content:"▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲";
  color: #ebb854;
  background: -webkit-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   font-size:24px;
}


/*-------------------------
 販売店舗一覧           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
-------------------------*/
/*-----
1分割
-------*/
.product1{
   display:flex;
   flex-wrap:wrap;
   justify-content:space-between;
   margin-bottom:30px;
   background:#fff;
}
.product1.rv{
   flex-direction:row-reverse;
}
.product1 .image{
   width:40%;
   box-sizing: border-box;
}
.product1 .description{
   width:60%;
   padding:0 20px ;
   text-align:left;
   box-sizing: border-box;
}
.product1 .description p{
   padding:0;
   margin:0;
}

.product1 .description p.sq{
   padding:0;
   margin:0;
   margin-left:1rem;
   font-size:0.9rem;
   line-height:1.4;
   font-weight:400;
}
.product1 .description p.sq::before{
   content:"■ ";
   color:#666;
}
/*-----
複数分割
-------*/
.product_wrap{
   display:flex;
   flex-wrap:wrap;
   justify-content:flex-start;
}

/*
ひとつだけをセンタリングしたいときは
.centerboxを追加
----------------------------------*/
.product_wrap.centerbox{
   justify-content: center;
}

.product2{
   flex-basis:calc((100% - 20px) / 2);
   max-width:calc((100% - 20px) / 2);
   margin-bottom:20px;
   margin-right:20px;
   box-sizing: border-box;
   display:flex;
   flex-direction: column;
   padding:0;
   border:1px solid #963;
}

.product2:nth-child( 2n ){
  margin-right:0px;
}


.product3{
   flex-basis:calc((100% - 40px) / 3);
   max-width:calc((100% - 40px) / 3);
   margin-bottom:30px;
   margin-right:20px;
   box-sizing: border-box;
   display:flex;
   flex-direction: column;
   padding:0;
   /*box-shadow:4px 5px 8px #ccc;*/
   border:4px solid #fff;
}

.product3:nth-child( 3n ){
  margin-right:0px;
}


.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;
  background:#fff;
}

.product_wrap .description{
   text-align:left;
   padding:5px 10px 10px;
   background:#fff;
   flex-grow: 1;
}
.brand{
   text-align:center;
   /*background: -webkit-linear-gradient(-45deg, #F7DE05, #DA8E00, #F7DE05, #ECB802, #EDAC06);*/
   /*background:#DA8E00;*/
   background:#fff;
   /*border-bottom:5px solid #fee;*/
   /*background:linear-gradient(transparent 50%, #fee 50%);*/
   color:#600;
   margin:0 0 7px;
   padding:2px 10px 12px;
   font-weight:600;
   line-height:1.4!important;
   font-size:18px!important;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
   position:relative;
}
.brand:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(-45deg, #fcc, #fcc 2px, white 2px, white 4px);
}

p.hinmoku{
   font-size:0.8rem;
   line-height:1.6;
   border-top:2px dotted #333;
   border-bottom:2px dotted #333;
   padding:5px!important;
   margin:5px 10px 10px;
}
/*-------------------------
 2分割flexbox           PC
-------------------------*/
.devide_wrap{
   flex-basis:calc((100% - 20px) / 2);
   max-width:calc((100% - 20px) / 2);
   margin-bottom:20px;
   margin-right:20px;
   display:flex;
   position:relative;
   border:1px solid #000;
   box-sizing:border-box;
}

.devide_wrap:nth-child( 2n ){
   margin-right:0px;
}

.devide_wrap .image{
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width:45%;
   padding-top:0;
   margin-top:0:
}

.devide_wrap .txbox{
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width:55%;
   text-align:left;
   padding-top:0;
   margin-top:0:

}
.devide_wrap .txbox p{
   padding:5px 7px;
   font-size:0.9rem;
   line-height:1.5;
}
.devide_wrap .txbox p.items{
   font-size:1rem;
}

/*--------------
ナビゲーションPC
---------------*/
.wrap_toggle{
   text-align:center;
}

.wrap_toggle ul{
    margin:30px auto 50px;
}
.list_inline_link a {
    /* 背景色、フォントカラー */
    background: #ce2623;
    color: #fff;
    font-size:1.2rem;
    font-weight:500;
    padding:10px 25px;
    border:2px solid #ce2623;
}
.list_inline_link a.current,
.list_inline_link a:hover {
    /* 選択中項目の背景色、フォントカラー */
    background: #fff;
    color: #ce2623;
}
/*--------------
フッターPC
---------------*/
.feature footer {
    background: #333;
}


}

@media screen and (max-width: 767px) and (min-width: 0px) {
/* +++++++++++++++++++++++++++++++

 SP

+++++++++++++++++++++++++++++++ */

.mode_pc{display:none;}

header{
   padding-bottom:50px;
}

.box_feature{
   margin-bottom:0;
   padding-bottom:0;
}

p.sq{
   line-height:1.6!important;
}
p.hinmoku{
   font-size:0.8rem;
   line-height:1.6;
   /*border-top:2px dotted #333;
   border-bottom:2px dotted #333;*/
   background:#ffefef;
   padding:5px!important;
   margin:5px 10px 10px;
}
.box_wide {
   background-image:url(/shibuya_foodshow/fukubukuro2023/bgimg.png);
   background-repeat:no-repeat;
   background-size: 100%; 
   background-color:#debc7a;
   margin-bottom:0;
}
/*-------------------------
 見出し              SP
-------------------------*/
.heading_feature02{
   font-weight: 600;
   font-size: 24px;
   color: #ce2623;
   margin:0 auto 30px;
}
.heading_feature02 span{
   font-size: 18px;
   font-weight: 500;
}
.heading_feature02:after{
   display:block;
   content:"▲ ▲ ▲ ▲ ▲";
  color: #ebb854;
  background: -webkit-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   font-size:24px;
}


/*-------------------------
 flexbox               SP
-------------------------*/
.product_wrap,
.product1{
    display: flex;
    flex-direction: column;
    margin:0 15px;
}

.product1,
.product2,
.product3,
.product4{
   background:#fff;
   padding:20px 10px 10px;
   margin-bottom:20px;
}

.product_wrap .description,
.product1 .description{
   text-align:left;
   padding:0 20px 10px;
}

.brand{
   text-align:center;
   background:#fff;
   color:#600;
   margin:0!important;
   margin-bottom:15px!important;
   padding:10px 0 12px;
   font-weight:600;
   line-height:1.4!important;
   font-size:18px!important;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
   position:relative;
}
.brand:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(-45deg, #fcc, #fcc 2px, white 2px, white 4px);
}

/*-------------------------
 販売店舗一覧           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固定分割
------------------------*/
.wrap_toggle {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index:1;

}
ul.list_inline_link{
    display: table;
    padding: 0;
    list-style: none;
    text-align: center;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    background-color:#ce2623;
    font-weight:500;
}

ul.list_inline_link li {
    display: table-cell;
    padding: 0px;
    border-right: solid 1px #fff;
    border-top: solid 2px #ce2623;
    border-bottom: solid 2px #ce2623;
    color:#fff;
    width: 100%;
    vertical-align: middle;
    background:none;
    height:100%;
   font-size:14px;
}

ul.list_inline_link li:last-child {
    border-right: none;
}

ul.list_inline_link li a {
    display:block;
    line-height:110%;
    padding:14px 0;
    color:#fff;
    border:none;
    background:none;
}
ul.list_inline_link li a:hover,
 ul.list_inline_link li a:linked{
    background-color:#fff;
    color:#ce2623;
}


}