/* ===================================
    Crafto - Bisiness
====================================== */
/* font */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam:wght@100;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;600;700;800;900&display=swap');
/* variable */
:root {     
   
 
 

  
    --base-color: #ac8d56;/* --base-color: #5758D6　紫っぽい青（デフォルト）;*/
  --light-gold: #f5f2ee;
    --medium-gray:#817F7C;/*:#868d98;*/
    --very-light-gray:#F4F1ED;
    --dark-gray: #232323;/*#262b35;*/
 
    --primary-font: sans-serif;
    --alt-font: "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
}
/* reset */
body { 
    font-size: 16px;
    line-height: 32px;
 color: var(--drak-gray);
 
}
/* header */
header .navbar-brand img {
    max-height: 26px;
}
.navbar .navbar-nav .nav-link {
    font-size: 17px;
    font-weight: 400;
}
.sticky .header-transparent .header-button .btn {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
}
.sticky .header-transparent .header-button .btn:hover {
    border-color: var(--dark-gray);
    color: var(--white);
    background:  var(--dark-gray);
}
header.sticky.sticky-active [data-header-hover="light"] .widget-text i {
    color: var(--white);
}
/* accordion style 02 */
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
    background-color: var(--dark-gray);
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--white);
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:hover a,
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active a{
    opacity: .5;
}
/* bg color */
.bg-gradient-sherpa-blue-black {
    background-image: linear-gradient(to right top, #23248C, #22236D, #232348, #222226, #232323);
}
.bg-gradient-sherpa-black-blue {
    background-image: linear-gradient(to right top, #232323, #222226, #232348, #22236D, #23248C);
} 
/* bg transparent color */
.bg-base-color-transparent {
    background-color: rgba(87, 88, 214,.8);
}
/*  tabs style 05  */
.tab-style-05 .nav-tabs > li.nav-item {
    letter-spacing: -.5px;
}
/* accordion */
.accordion .accordion-item .accordion-header .accordion-title i {
    top: 52%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: 25px}

/*  progress bar style 01  */
.progress-bar-style-01 .progress .progress-bar-title {
    bottom: 15px;
}
/* page title */
.page-title-extra-large h1 {
    font-size: 4.7rem;
    line-height: 4.7rem;
}
/* separator line */
.separator-line-9px {
    height: 9px;
}
/* tag */
.tag-cloud a { 
    padding-top: 5px;
    padding-bottom: 9px;
}
/* blog comment */ 
.blog-comment li .btn-reply {
    padding-top: 5px;
    padding-bottom: 7px;
}
/* number pagination style 01 */
.pagination-style-01 .page-item .page-link {
    line-height: 42px;
}
.pagination-style-01 .page-item.active .page-link {
    background: var(--dark-gray);
    color: var(--white);
}
/* top right bottom left */
.bottom-minus-45px {
    bottom: -45px;
}
.right-minus-45px {
    right: -45px;
}
/* footer */
footer .footer-logo img {
    max-height: 26px;
}
footer ul li {
    margin-bottom: 0;
}
.footer-dark a:hover {
    color: var(--white);
}
/* model popup */
.mfp-bg {
    background: #000000;
    opacity: 0.7;
}
/* media query responsive */
@media (max-width: 1499px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 15px;
        padding-right: 15px;
    } 
}
@media (max-width: 1399px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 13px;
        padding-right: 13px;
    }
    .sticky-wrap.shadow-in {
        left: 35px;
    }
}
@media (max-width: 1300px) {
    .sticky-wrap.shadow-in {
        left: 10px;
    }
}
@media (max-width: 991px) {
    .header-transparent .header-button .btn {
        color: var(--dark-gray);
        border-color: var(--dark-gray);
    }
    .header-transparent .header-button .btn:hover {
        border-color: var(--dark-gray);
        color: var(--white);
        background:  var(--dark-gray);
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
        width: calc(100% + 30px) !important;
        margin-left: -15px;
        padding: 10px 45px;
        margin-bottom: 0;
        margin-right: -15px;
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a {
        padding-bottom: 17px;
    }
}
@media (max-width: 767px) {
    p {
        margin-bottom: 20px;
    }
    .page-title-extra-large h1 {
        font-size: 40px;
        line-height: 46px;
    }
}



/*-------------------------------------------------------------------
カスタマイズ
-------------------------------------------------------------------*/






em.yakuhan{
 font-style: normal;
  display: inline-block;
  margin-left: -0.2em;
  margin-right: -0.2em;
}


/*=====================================================================
SPだけ
=======================================================================*/

.SP-none{display: block;}
.SP-none768{display: block;}

.PC-none{display: none;}
.PC-none768{display: none;}

.SP-only575,
.SP-onlye575{
	display: none;
}


@media (max-width:991px) {
.SP-none{display: none;}
.PC-none{display: block;}
}
@media (max-width:768px) {
.SP-none768{display: none;}
.PC-none768{display: block;}
}
@media (max-width:575px) {
.SP-only575,
.SP-onlye575{display: block;}
}


/*=====================================================================
FIXメニュー
=======================================================================*/

 
/*-------------------画面右側のfixメニュー（PC）*/
.fix-menu-area{
 position: fixed;
 bottom:100px;
 right: 0px;
 width: 90px;
 height: auto;
 color: white;
 z-index: 999;
 text-align: center;
 line-height: 1;
}
.fix-menu01{
 background: #ac8d56;
 width: 90px;
 height: 90px;
 padding: 10px 5px;
 margin-bottom: 20px;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.fix-menu02{
  background:#5758D6;
  width: 90px;
 height: 90px;
 padding: 15px 5px;
 margin-bottom: 20px;
 box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.fix-menu03{
  background:#06C755;
  width: 90px;
 height: 90px;
 padding: 15px 5px;
 margin-bottom: 20px;
 box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

.fix-menu-area i{
 font-size: 28px;
 display: block;
 margin-bottom: 8px;
}

.fix-menu02 i,
.fix-menu03 i{
 padding-bottom: 5px;
}


.fix-menu-area p{
 line-height: 1.2;
 padding-bottom: 0;
 margin-bottom: 0;
 color: white;
 font-size: 14px;
}

.fix-menu-area a i,
.fix-menu-area p a{
 color: white;
 
}

/*-------------------画面右側のfixメニュー（SP）*/
@media (max-width:768px){
 .fix-menu-area-sp{
  display: flex!important;
 position: fixed;
 bottom:0;
 right: 0px;
 width: 100%;
 height: auto;
 color: white;
 z-index: 999;
 text-align: center;
 line-height: 1;
}
  
.fix-menu01-sp{
 background: #ac8d56;
 width: 33.333%;
 height: auto;
 padding: 10px 5px;
}
.fix-menu02-sp{
  background: #5758D6;
 width: 33.333%;
 height: auto;
 padding: 10px 5px;
}
 .fix-menu03-sp{
  background: #06C755;
 width: 33.333%;
 height: auto;
 padding: 10px 5px;
 }

 .fix-menu-area-sp i{
 font-size: 28px;
 display: inline-block;
}
.fix-menu01-sp i,
.fix-menu02-sp i,
.fix-menu03-sp i{
 padding-bottom: 5px;
}

 
.fix-menu-area-sp p{
 line-height: 1.2;
 padding-bottom: 0;
 margin-bottom: 0;
 color: white;
 font-size: 12px;
 font-weight: 100;
}

.fix-menu-area-sp a i,
.fix-menu-area-sp p a{
 color: white;

}
}

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



.text-very-light-gray{
 color:var(--very-light-gray);
}

.bg-light-gold{
  background-color: var(--light-gold);
}

header .navbar-brand img {
  max-height: 30px;
}
.bg-solitude-very-light-gray {
  background-color: var(--very-light-gray);
}

.bg-light-gold{
background-color: var(--light-gold);
}




section {
  padding-top: 90px;
  padding-bottom: 90px;
}



/**********************flexボックスで子要素の高さを揃える******/
.d-flex-column{
 display: flex;
 flex-direction: column;
 height: 100%;/*これがないと縦方向の自動新宿が機能しない*/
}

.d-flex-grow{
 flex-grow: 1!important;

}
/**************************************************************/

@media (max-width: 575px) {
#down-section{ padding-top: 50px;}

}


.ticket-hanbai{
 color: #CC0000;
 font-weight: 700;
 text-align: center;
 display: block;
 margin-top: 10px;
}

@media (max-width: 575px) {
 .ticket-hanbai{
  font-size: 14px;
  font-weight:normal;
  letter-spacing: -0.25px;
}
}


/*------------------------------------↓　TOPスライドショー*/
.top-slider-noname{}
.top-slider-noname h1{}

.slider-sub-title{
 font-size: 20px;
 line-height: 20px;
 display: inline-block;
 margin-bottom: 15px;
}

.slider-sub-title2{
  font-size: 20px;
 line-height: 20px;
 display: block;
 
}
.slider-sub-title3{
  font-size: 26px;
 line-height: 26px;
 display: block;
  color:var(--base-color);
 margin-bottom: 15px;
}


@media (max-width: 991px) {
.top-slider-noname h1{
  font-size: 40px;
  line-height: 40px;
 }
 .slider-sub-title{
 font-size: 16px;
 line-height: 16px;
}
}
@media (max-width: 575px) {
.top-slider-noname h1{
  font-size: 30px;
  line-height: 30px;
 margin-bottom: 10px;
 }
 .slider-sub-title2{
  font-size: 14px;
 line-height: 14px;
   margin-bottom: 10px;
}
  .slider-sub-title3{
  font-size: 18px;
 line-height: 18px;
   margin-bottom: 10px;
}
}


/*------------------------------------　TOPスライドショーの下　*/
.slider-shita-kaisaibi{
 font-size: 18px;
 line-height: 1.8;
}
@media (max-width: 575px) {
.slider-shita-kaisaibi{
 font-size: 14px;
 line-height: 1.8
 }
}
/*------------------------------------　各セクションのタイトル H1　*/


.Section-Title-h1{
  font-size: 46px;
 line-height: 1.2;
 text-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
}
@media (max-width: 1199px) {
.Section-Title-h1{
  font-size: 38px;
  line-height: 1.2;
}
}
@media (max-width: 575px) {
.Section-Title-h1{
  font-size: 28px;
  line-height: 1.2;
}
}





/*------------------------------------　各セクションのタイトル H2　*/

.Section-Title-h2{
  font-size: 46px;
 line-height: 1.2;
}
@media (max-width: 1199px) {
.Section-Title-h2{
  font-size: 38px;
  line-height: 1.2;
}
}
@media (max-width: 575px) {
.Section-Title-h2{
  font-size: 26px;
  line-height: 1.2;
}
}
/*------------------------------------　各セクションのタイトル H2　ミニ　*/

.Section-Title-h2-small{
  font-size: 36px;
 line-height: 1.2;
}
@media (max-width: 1199px) {
.Section-Title-h2-small{
  font-size: 32px;
  line-height: 1.2;
}
}
@media (max-width: 575px) {
.Section-Title-h2-small{
  font-size: 26px;
  line-height: 1.2;
}
}

/*------------------------------------　各セクションのタイトル H3 H4　*/
.Section-Title-h3,
.Section-Title-h4{
  font-size: 46px;
 line-height: 1.2;
}
@media (max-width: 1199px) {
.Section-Title-h3,
.Section-Title-h4{
  font-size: 38px;
  line-height: 1.2;
 margin-bottom: 10px;
}
}
@media (max-width: 575px) {
.Section-Title-h3,
.Section-Title-h4{
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 10px;
}
}

/*------------------------------------　各セクションのタイトル H6　*/
.Section-Title-h6{
  font-size: 28px;
 line-height: 1.2;
}
@media (max-width: 575px) {
.Section-Title-h6{
  font-size: 18px;
  line-height: 1.2;
}
}


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

.box-shadow, .box-shadow-hover:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: 350ms ease-in-out;
  transition: 350ms ease-in-out;
}


.gaiyou-box4{ padding: 10%;}

@media (max-width: 768px) {
.gaiyou-box4 .feature-box-content p{
 font-size: 14px;
 line-height: 1.5;
 }
}


/*--------------------------------波打つシェイプ-*/
.Wave-shape-section{}

@media (max-width: 768px) {
.Wave-shape-section{display: none;}
}


/*--------------------------------TOP新着情報*/


.NoName-news{
}

.NoNameNews{
 max-height: 500px;
  overflow-y: auto;
}

.NoNameNews dl{
 margin-bottom: 45px;
 border-bottom: 1px dotted #999;
}

.NoNameNews dl dt{
 margin-bottom: 15px;
}
.NoNameNews dl dt a{
 text-decoration: underline;
color: var(--base-color);
}
.NoNameNews dl dt a:hover{
 text-decoration: underline;
 color: #152833;
}
.NoNameNews dl dt span{
 
}

.NoNameNews dl dd{
 display: flex;
}
.NoNameNews dl dd figure{

}

.NoNameNews dl dd p{
  padding: 0 ;
}


@media (max-width: 767px) {
 .NoName-news{
 padding-top: 30px;
}
 .NoNameNews dl dt span{display: block;}
 
 .NoNameNews dl dd{  flex-flow: column;}
 
}


/*--------------------------------TOPアトリエ一覧*/
 .top-atelier-tenme,
.top-atelier-name{
 font-size: 16px;
 line-height: 1.5;
 }

@media (max-width: 575px) {
 .top-atelier-tenme,
.top-atelier-name{
 font-size: 14px;
 line-height: 1.5;
 }
}
/*--------------------------------TOPコンフルエンス コレクション一覧*/
.top-collabo-tenmei{
 font-size: 18px;
 line-height: 1.2;
}
.top-collabo-setsumei{}

@media (max-width: 575px) {
 .top-collabo-tenmei{
 font-size: 14px;
 line-height: 1.2;
}
.top-collabo-setsumei{
 font-size: 14px;
 line-height: 1.2;
 }
}
/*--------------------------オリジナル-*/

.Noname-original{
 overflow: visible!important;
 margin-top: 200px;
}
@media (max-width: 768px) {
.Noname-original{
 margin-top: 30px!important;
 padding-top: 10px;
}
}
 
.Noname-original .accordion-style-03 .accordion-item {
  margin-bottom: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.Noname-original .accordion-style-03 .accordion-item .accordion-body {
  border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.Noname-original .accordion-style-03 .accordion-item .accordion-header{
 background-color: rgba(255, 255, 255, 0.1) !important;
 
}

.Noname-original .accordion-title{
 font-size: 18px;
 line-height: 1.5;
}
@media (max-width: 575px) {
.Noname-original .accordion-title{
 font-size: 15px;
 line-height: 1.3;
}
.Noname-original .accordion-style-03 .accordion-item .accordion-body{
  font-size:14px;
  line-height: 1.3;
  padding: 15px;
  
 }
}
/*------------------------------------footerー--*/


footer{
 border-top:1px solid #000; 
}

.bg-extra-medium-slate-blue{
 background-color:var(--dark-gray);
}

.footer-dark p{
  color:white;
}

.footer-navi-1,
.footer-navi-2{
 line-height: 1.8;
}



@media (max-width: 575px) {
.footer-navi-1,
.footer-navi-2{
 font-size: 13px;
 }
}


.shusai-logo{
 border-top:1px solid #333;
 padding-top: 20px;
 margin-top: 20px;
}
.shusai-logo img{ 
 width: 200px;
height: auto;
display: block;}

@media (max-width:768px){
 .shusai-logo{margin-bottom: 60px;}
 .shusai-logo img{ 
 width: 100%;}
}


.banner-area{
 margin-top: 5%;
}
@media (max-width:768px){
 .banner-area{margin-bottom: 60px;}
}



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


/*---------------------------------------------FES体験（NoNameFesでできること）-----*/
.Fes-taiken{}


.taiken-title{
 font-size: 18px;
 line-height: 1.2;
 font-weight: 700;
  color: var(--dark-gray);
 margin-bottom: 5px;

}


.taiken-text{
 font-size: 16px;
  line-height: 1.5;
 text-align: left;

 
}


@media (max-width: 991px) {
  .Fes-taiken .tab-style-05 .nav-tabs > li.nav-item {
    width: 50%;
    padding: 0 3px;
  }
}
@media (max-width: 768px) {
  .Fes-taiken .tab-style-05 .nav-tabs > li.nav-item {
    width: 100%;
    padding: 0 3px;
  }
 .taiken-title{
  font-size: 16px;
  text-align: left!important;
}

}
@media (max-width: 575px) {
 .taiken-text{
  font-size: 14px;
  line-height: 1.2;
 }
}
/*---------------------------------------------ここまで　FES体験（NoNameFesでできること）-----*/




/*---------------------------------------------食の舞台-----*/

.shoku-butai{
}

.shoku-butai .feature-box-icon figure{
 margin-bottom: 1px;
}
.shoku-butai .feature-box-icon figure img{
 display: inline-block;
 width: 100px;
 height: auto;
}
@media (max-width:768px){
.shoku-butai .feature-box-icon figure img{
 width: 100px;
 height: auto;
}
}





/*---------------------------------------------------------シェフ一覧-----*/
.top-chef-list{}


.top-chef-list-box{}

.top-chef-list-box p{
 text-align: center;
 line-height: 1.5;
}
.top-chef-list-box img{
 margin-bottom: 5px;


}

.top-chef-list-box p a{
 color: white;
}
.top-chef-list-box p a:hover{
 color: var(--base-color);
}


@media (max-width:575px){
 .top-chef-list-box img{
 margin-bottom: 5px;


}
}



.pricing-table-style-13 .course-price-ul li{}

.course-price-ul{
 font-size: 14px;
 line-height: 1.2;
 padding-left: 0.2rem;
}
.course-price-ul li{
 padding: 5px!important;
 border-bottom: 1px solid #999;

}
.pricing-table-style-13 .course-price-ul li:hover {
  -webkit-transform: none !important;
  transform: none !important;
}


/*---------------------------------------------------------Together fot the future-----*/
.top-future-box{
 margin-bottom: 30px;
}
.top-future-box i{
 display: block;
 margin-bottom: 5px;
}

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

.btn.btn-large {
  font-size: 15px;
  padding: 15px 30px;
}


.btn {
  display: inline-block;
  border-radius: 0;
  text-transform: none;
}

.bg-light-red-grey {
  background-color: #fff1ee;
}


.cta-box .btn.btn-large {
  font-size: 15px;
  padding: 15px;
}
@media (max-width:768px){
.cta-box .btn.btn-large {
  font-size: 13px;
  padding: 10px 2px;
}
}




/*----------------レスポンシブテーブル--*/

.Shop-shousai table,
.Contact table,
.Takuhai-Kit table{
 width: 100%; 
}
.Shop-shousai th,
.Shop-shousai td,
.Contact th,
.Contact td,
.Takuhai-Kit th,
.Takuhai-Kit td{ 
 padding: 10px; border: 1px solid #ddd;
}
.Shop-shousai th,
.Contact th,
.Takuhai-Kit th{
 background: #f4f4f4; 
}
 

.demo01 th  { width: 30%; text-align: left; }
 
@media handheld, only screen and (max-width:767px) {
 .demo01 { margin: 0; }
 .demo01 th,
 .demo01 td{
   width: 100%;
   display: block;
   border-top: none;
 }
 .demo01 tr:first-child th   { border-top: 1px solid #ddd; }

}




a.hotel-link{
 text-decoration: underline;
}


.elements-social .light li a {

}

/*-------------------------下層ページのタイトル部分ー--*/
.Underpage-main{
  height: 300px !important;
}
@media (max-width:768px){
 .Underpage-main{
  height: 150px !important;
}
}
@media (max-width:575px){
 .Underpage-main{
  height: 50px !important;
}
}
/*----------------about（シェフ・スポンサー向け）ー--*/
.Sponsor-Slide{}

.Sponsor-Slide .swiper-slide{
padding-left: 20px;
padding-right: 20px;
}

/*----------------chef　スターシェフの個別ページー--*/
.chef-page.one-half-screen{}




@media (max-width:768px){
.chef-page.one-half-screen{height: 400px !important;
}
	
	.SP-chef-logo-50{
	max-width:50%!important;
	height: auto;
}
 }



/*----------------　アトリエコレクション（初期）ー--*/

.atelier-list-box{}
.atelier-list-inner{
 padding: 15px 15px 0 15px;
 font-size: 15px;
 line-height: 1.8;
}

.atelier-list-text{}

.atelier-list-name{
 font-size:18px;
line-height: 1.5;}

@media (max-width:575px){
.atelier-list-name{
 font-size:16px;
 line-height: 1.2;
 }
 }

.atelier-list-address{
 padding-top: 10px;
 font-size: 13px;
 text-align: left!important;
 color: #666;
 margin-bottom: 0;
}
.atelier-list-tantou{
 border-top: 1px dotted #999;
 padding-top: 10px;
 padding-bottom: 0;
 margin-top: 10px;
 
}
.atelier-list-tantou a{
 color: var(--base-color);
}
.atelier-list-tantou a:hover{
 text-decoration: underline;
}


/*----------------　アトリエコレクション（liタグ。カテゴリー別にタブ的な切り替えができるバージョン）ー--*/

.Atelier-list-glid{
margin-bottom: 15px; 
}

.Atelier-list-glid .portfolio-box{
 border: 1px solid #ededed;
}

.Atelier-list-glid .portfolio-box .portfolio-caption{
 padding: 10px 10px 15px 10px;
}

h6.Atelier-list-title{
 font-family: var(--alt-font);
 font-size: 16px;
 line-height: 1.5;
 margin-bottom: 0px;
 letter-spacing: -0.5px;
}
.Atelier-list-sub{
 font-size:11px;
 line-height: 1.6;
 padding: 3px 10px;
 border-radius: 20px;
 background-color: var(--base-color);
 display: inline-block;
 color: white;
 margin-bottom: 5px;
}
.Atelier-list-restaurant{
 color:  var(--base-color);
}


/* Portfolio filter */
.Atelier-list-navi .portfolio-filter li {
  padding: 0 25px;
}


@media (max-width:768px){
.Atelier-list-restaurant{
 font-size:14px;
	line-height: 1.2;
}
 h6.Atelier-list-title{
 font-size: 14px;
}
 
 .Atelier-list-navi .nav-tabs li {
    padding: 0;
    display: block;
    margin-bottom: 5px;
    width: 48%!important;
  }
 .Atelier-list-navi.Chef-list-navi .nav-tabs li {
    padding: 0;
    display: block;
    margin-bottom: 5px;
    width: 48%!important;
  }
 }


/*----------------　シェフ一覧上部の切り替えメニュー。　Atelier・コラボ　で改行して、　地域別を表示するー--*/


 .Atelier-list-navi.Chef-list-navi .nav-tabs li {
    margin-bottom: 10px;
  }

/* 上段 */
.portfolio-filter > li:not(.Chiiki) {
	order: 1;
}

/* 上段と下段の間で改行 */
.portfolio-filter::before {
	content: "";
	flex-basis: 100%;
	height: 0;
	order: 2;
}


/* 下段の地域メニュー */
.portfolio-filter > li.Chiiki {
	order: 3;
}

@media (max-width:768px){
 .Atelier-list-navi.Chef-list-navi .nav-tabs li {
margin-bottom: 5px;
  }
	.Atelier-list-navi.Chef-list-navi .nav-tabs li.SP-w100 {
    padding: 0;
    display: block;
    margin-bottom: 5px;
    width: 100%!important;
  }
	
	
	.shoryaku{display: none;}
 }

/*----------------ー--*/





/*----------------　スポンサー一覧ー--*/
.client-box{}


/*-------------------------------------　hoverで画像拡大ー--*/
.hover-img2 {
  cursor: pointer;
  max-width: 500px;
  overflow: hidden;
  width: 100%;
}
.hover-img2 img {
  height: auto;
  transition: transform .6s ease; /* ゆっくり変化させる */
}
.hover-img2:hover img {
  transform: scale(1.1); /* 拡大 */
}
/*-------------------------------------　hoverで画像拡大ー--*/



/*-------------------------------------------------------　about1ー--*/
@media (max-width:768px){
.about1-riyuu .process-step-icon.w-60px{ width: 30px!important;}
.about1-riyuu .process-step-icon.h-60px{ height: 30px!important;}

 .ps-30px{  padding-left: 5px!important; }
 .process-content p{
 line-height: 1.8!important;}
}
/*-------------------------------------------------------　Galleryー--*/
.Gallery-company-profile{}

.Gallery-company-name{
  font-size: 24px;
 line-height: 1.2;
 margin-bottom: 10px
}

.Gallery-company-text{
 font-size: 15px;
}

@media (max-width: 1199px) {
.Gallery-company-name{
  font-size: 20px;
  line-height: 1.2;
}
}
@media (max-width: 575px) {
.Gallery-company-name{
  font-size: 18px;
  line-height: 1.2;
}
 .Gallery-company-text{
 font-size: 14px;
  line-height: 1.4;
}
}

/*-------------------------------------------------------　お問い合わせフォームー--*/
.Noname-contact-form{}

.Noname-contact-form input{
 width: auto!important;
 color: black;
}
.Noname-contact-form textarea{
 color: black;
}
.Noname-contact-form form#mail_form input[name="company"],
.Noname-contact-form form#mail_form input[name="baitai"],
.Noname-contact-form form#mail_form input[name="name_1"],
.Noname-contact-form form#mail_form input[name="read_1"],
.Noname-contact-form form#mail_form input[name="mail_address"],
.Noname-contact-form form#mail_form input[name="mail_address_confirm"],
.Noname-contact-form form#mail_form input[name="phone"],
.Noname-contact-form form#mail_form input[name="phone2"],
.Noname-contact-form form#mail_form input[name="douhan_1"],
.Noname-contact-form form#mail_form input[name="douhan_2"],
.Noname-contact-form form#mail_form input[name="douhan_3"],
.Noname-contact-form form#mail_form input[name="douhan_4"]{
  width: 90%!important;
}

.Noname-contact-form form#mail_form input[name="name_1"]{
 
}

.Noname-contact-form form#mail_form input[type="text"], 
.Noname-contact-form form#mail_form input[type="email"], 
.Noname-contact-form form#mail_form input[type="tel"] {
  width: calc( 100% - 4% - 2px );
  padding: 7px 2%;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #fafafa;
  -webkit-appearance: none;
  font-size: 16px;
  font-family: inherit;
  line-height: normal;
}


.Noname-contact-form form#mail_form p#form_submit {
  width: auto;
  margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
  padding: 30px 0;
}
.Noname-contact-form form#mail_form input[type="button"] {
  margin-left: auto!important;
}





/*コンフルエンス コレクション-------------------------------------*/

.Collabo-Tab-Area{
 padding-top: 50px;
	padding-bottom: 0;
}

.Collabo-Title-h1{
  font-size: 46px;
 line-height: 1.2;
 text-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
}

.Collabo-Title-h1 em{
 display: block;
}
.m-l-05em{ margin-left: 0.5em;}
.m-l-1em{ margin-left: 1em;}
.m-l-2em{ margin-left: 2em;}
.m-l-3em{ margin-left: 3em;}

@media (max-width: 1199px) {
.Collabo-Title-h1{
  font-size: 38px;
  line-height: 1.2;
}
}
@media (max-width: 575px) {
.Collabo-Title-h1{
  font-size: 24px;
  line-height: 1.2;
}
}

sub{
 bottom: 0;
}
sub.sub50{
 bottom: 0;
 font-size: 0.5em;
}

.Collabo-big-title{
 font-size: 150px;
 line-height: 1.2!important;
 font-weight: 800;
 margin-bottom: 0!important;
 letter-spacing: -10px;
 overflow-x: hidden;
	overflow-y: hidden;
	font-family: 'Noto Sans JP', sans-serif;


}
@media (max-width: 1200px) {
 .Collabo-big-title{
 font-size: 100px;
  letter-spacing: -7px;
}
}
@media (max-width: 768px) {
 .Collabo-big-title{
 font-size: 75px;
}
 

 
}
@media (max-width: 575px) {
 .Collabo-big-title{
 font-size:48px;
  letter-spacing: -3px;
}
}


/*--------------シェフとシェフの間に✗をいれる--*/
.collabo-mark {
  position: relative;
}

.collabo-mark::before,
.collabo-mark::after {
  content: "";
  position: absolute;
  left: 0;
  top: 40%;
  width: 126px;      /* 42pxの約3倍 */
  height: 2px;       /* 少し太くする */
  background: #ccc;
  transform-origin: center;
  z-index: 5;
}

.collabo-mark::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.collabo-mark::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 767px) {
  .collabo-mark {
    margin-top: 80px;
  }

  .collabo-mark::before,
  .collabo-mark::after {
    left: 50%;
    top: -45px;
    width: 100px;
    height: 2px;
  }
}


/*コンフルエンス コレクション　END-------------------------------------*/






/* 修正。　　ハンバーガーメニューのクリック領域を48px 48px　に変更。　スマホ時：ハンバーガーメニューのクリック範囲を広げつつ中央配置 */
@media (max-width: 991px) {
  .navbar-toggler {
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    position: relative !important;
    border: none !important;
    box-shadow: none !important;
  }

  .navbar-toggler-line {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .navbar-toggler-line:nth-child(1) {
    top: calc(50% - 10px) !important;
    width: 14px !important;
  }

  .navbar-toggler-line:nth-child(2) {
    top: calc(50% - 3px) !important;
  }

  .navbar-toggler-line:nth-child(3) {
    top: calc(50% - 3px) !important;
  }

  .navbar-toggler-line:nth-child(4) {
    top: calc(50% + 4px) !important;
    width: 14px !important;
  }

  .navbar-collapse-show .navbar-toggler-line:nth-child(1) {
    top: 50% !important;
    width: 0% !important;
  }

  .navbar-collapse-show .navbar-toggler-line:nth-child(2) {
    top: 50% !important;
    transform: rotate(45deg) !important;
  }

  .navbar-collapse-show .navbar-toggler-line:nth-child(3) {
    top: 50% !important;
    transform: rotate(-45deg) !important;
  }

  .navbar-collapse-show .navbar-toggler-line:nth-child(4) {
    top: 50% !important;
    width: 0% !important;
  }
}

/* 修正。　　ハンバーガーメニューのクリック領域を48px 48px　に変更。　スマホ時：ハンバーガーメニューのクリック範囲を広げつつ中央配置 */





/*--------------------------------イベント情報*/

.Event-title{
	font-size: 24px;
	margin-bottom: 15px;
}

.Event-title em{
	font-size: 16px;
	line-height: 1.5;
	font-style: normal;
	display: block;
	letter-spacing: normal;
}



.Event-news{
}


.Event-news dl{
 margin-bottom: 45px;
 border-bottom: 1px dotted #999;
}

.Event-news dl dt{
 margin-bottom: 15px;
}
.Event-news dl dt a{
 text-decoration: underline;
color: var(--base-color);
}
.Event-news dl dt a:hover{
 text-decoration: underline;
 color: #152833;
}
.Event-news dl dt span{
 
}

.Event-news dl dd{
margin-bottom: 60px;
}
.Event-news dl dd figure{

}

.Event-news dl dd p{
  padding: 0 ;
}


@media (max-width: 767px) {
.Event-news{
 padding-top: 30px;
}
.Event-news dl dt span{display: block;}
 
.Event-news dl dd{  flex-flow: column;}
 
}



.event-time{
 font-size: 16px;
 display: block;
 color: var(--base-color);
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 letter-spacing: normal;
 margin-bottom: 5px;
}


.accordion-style-01 .accordion-item .accordion-body {
  padding: 12px 45px 10px 0px;
}
.accordion-style-noname .accordion-item .accordion-body{
 padding: 12px 0px 10px 0px;
}

@media (max-width: 768px) {
 .accordion-style-noname.accordion-style-noname .accordion-item {
  padding: 12px 5px 10px 5px!important;
}
 
 
}


/*--------------------------------メンバーシップ一覧*/

.membership{}



/*--------------------------------シェフギアパス*/
.chefgearpass{}

.cgp-list{
	border: 1px solid #999;
	border-radius: 10px;
	text-align: center;
}

@media (max-width: 768px) {
.cgp-list{
	font-size: 12px;
}	
}




/*--------------------------------パンくずナビ*/
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;font-size: 13px;
 line-height: 1.2;
}

.breadcrumb li:not(:last-of-type)::after {
  content: "›";
  margin: 0 .6em; /* 記号の左右の余白 */
  color: #666; /* 記号の色 */
}


.Can-sub-title{
	line-height: 14px!important;
}
@media (max-width: 575px) {
	.Can-sub-title{
	font-size: 12px!important;
}
}

/*--------------------------------会場一覧用Googleマイマップ*/



.map-icon-area {
  display: flex;
  align-items: center;
  gap: 20px; /* li同士の余白 */
  list-style: none;
  padding: 0 50px;
  margin: 0;
	margin-bottom: 15px;
	font-size:14px;
}

.map-icon-area li {
  display: flex;
  align-items: center;
}

.map-icon-area li img {
	width: 24px;
height: auto;
}

@media (max-width: 575px) {
  .map-icon-area {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
			padding: 0;
  }
}




.google-map-full {
  width: 100%;
  height: 80vh;
	padding: 0 50px;
}

.google-map-full iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

@media (max-width: 768px) {
.google-map-full {
  width: 100%;
  height: 80vh;
	padding: 0px;
}
	.map-icon-area {
   gap: 5px;
			padding: 0;
  }
}




/*マップ一覧-------------------------------------*/

.map-icon {
  display: flex;
  align-items: center;
  gap: 12px;
	margin-bottom: 0;
}
.map-icon1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  height: 30px;

  background-color: #f51b2b;
  color: #fff;

  font-size: 20px;
  font-weight: 500;
  line-height: 1;

  border: 2px solid #fff;
  border-radius: 5px;

  box-sizing: border-box;
  flex-shrink: 0;
}

.map-icon2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  height: 30px;

  background-color: #FCEE21;
  color: #000;

  font-size: 20px;
  font-weight: 500;
  line-height: 1;

  border: 2px solid #000;
  border-radius: 15px;

  box-sizing: border-box;
  flex-shrink: 0;
}


.map-icon3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  height: 30px;

  background: #111;
  color: #fff;

  font-size: 18px;
  font-weight: 700;
  line-height: 1;

  clip-path: polygon(
    25% 6%,
    75% 6%,
    100% 50%,
    75% 94%,
    25% 94%,
    0 50%
  );

  flex-shrink: 0;
}



/*----------------レスポンシブテーブル（マップ用）--*/

.map-list table{
 width: 100%;
	font-size: 14px;
}

.map-list th,
.map-list td{ 
 padding: 10px; border: 1px solid #ddd;
}

.map-list th{
 background: #f4f4f4;
	font-weight: normal;
}

.map-list a{
	color: var(--dark-color);
	text-decoration: underline;
}
.map-list a:hover{
	color: var(--base-color);
	text-decoration: underline;
}


.map-demo01 th  { width: 30%; text-align: left; }

.map-demo01 .td1,
.map-demo01 .td2,
.map-demo01 .td3{
	line-height: 1.5;
}

.map-demo01 .td1 em{
	font-size: 11px;
	border-radius: 10px;
	font-style: normal;
	color: white;
	padding: 5px 10px;
	margin-right: 10px;
	background-color: #999;
}


@media handheld, only screen and (max-width:767px) {
 .map-demo01 { margin: 0; }
 .map-demo01 th,
 .map-demo01 td{
   width: 100%;
   display: block;
   border-top: none;
 }
 .map-demo01 tr:first-child th   { border-top: 1px solid #ddd; }

		.map-demo01 th{
	border-bottom:none;
	}
	.map-demo01 .td1{
	border-bottom:none;
	padding-bottom: 5px;
	}
		.map-demo01 .td2{
	border-top:none;
	padding-top: 5px;
			padding-bottom: 20px;
	}
			.map-demo01 .td3{
	border-top:none;
	padding-top: 20px;
			padding-bottom: 20px;
	}

}








/*----------------------------------------------------------------（コレは使っていない！）Googleマイマップ　フレーム表示した場合　クリックしないとMAPが動かないようにする--*/

.mapMore{
	margin-left: 50px;
}
@media (max-width: 768px) {
	.mapMore{
	margin-left: 0;
}
}

.mymap-frame {
  position: relative;
  width: 100%;
  /*height: 650px;*/
  overflow: hidden;
}

/* Googleマイマップ */
.mymap-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;

  /* 最初は地図を操作させない */
  pointer-events: none;
}

/* 地図の上に表示する案内 */
.mymap-guide {
  position: absolute;
  inset: 0;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: center;

  width: calc(100% - 100px);
  margin-left: 50px;
  margin-right: 50px;
	
	
  padding: 30px;
  border: 0;

  background: rgba(20, 30, 25, 0.62);
  color: #fff;

  font-family: inherit;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: center;

  cursor: pointer;
	


  /* スマホでは案内上をスワイプしてページをスクロール */
  touch-action: pan-y;

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

@media (max-width: 768px) {
.mymap-guide {
 width: 100%;
  margin-left: 0px;
  margin-right:0px;
}
	.map-icon-area {
   gap: 5px;
			padding: 0;
  }
}

.mymap-guide-text::before {
  content: "＋";
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;
  margin-right: 12px;

  border: 1px solid #fff;
  border-radius: 50%;

  font-size: 22px;
  line-height: 1;
}

/* 地図操作を終了するボタン */
.mymap-close {
  position: absolute;
  top: 80px;
  right: 60px;
  z-index: 3;

  display: none;
  padding: 10px 15px;
  border: 0;
  border-radius: 4px;

  background: rgba(255, 0, 0, 0.75);
  color: #fff;

  font-family: inherit;
  font-size: 13px;

  cursor: pointer;
}


	@media (max-width: 768px) {
.mymap-close {
 top: 80px;
  right: 10px;
}
		}
	

/* クリック後は地図を操作可能にする */
.mymap-frame.is-active iframe {
  pointer-events: auto;
}

.mymap-frame.is-active .mymap-guide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.mymap-frame.is-active .mymap-close {
  display: block;
}

@media screen and (max-width: 767px) {
  .mymap-frame {
    
  }

  .mymap-guide {
    padding: 20px;
    font-size: 15px;
  }

  .mymap-guide-text::before {
    display: flex;
    margin: 0 auto 12px;
  }

  .mymap-guide-text {
    display: block;
  }
}
/*---------------------------------------------------------------- END Googleマイマップ　フレーム表示した場合　クリックしないとMAPが動かないようにする--*/