@charset "UTF-8";
body{
margin: 0;
background: url(img/baseRogonone.png) no-repeat fixed 10% 30%;
font-family: 'メイリオ','Hiragino Kaku Gothic Pro',sans-serif;

/*ページ全体フワっと表示*/
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}


html{
  scroll-behavior: smooth;
}

.site h1 a {color:#8b4513;
text-decoration: none}

.site h1 {margin:0;
font-size: 30px }

.site img
{padding-top: 10px;
  width: 100px;
height: auto;
vertical-align: bottom}


/*コンテンツメニュー固定*/





/*スライドショー*/

.slide {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  /*test21-9-5*/
  display:block;
}



@keyframes slideshow{
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  28%{
    opacity: 1
  }
  38%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }

}

/* .slide a{
  display: block;
}
 */

.slide img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  opacity: 0;
  animation :slideshow 24s linear infinite;
  display:block;
}

.slide img:nth-child(2){
  animation-delay: 8s;
}
/* 2021-10-1追加 
.slide img:nth-child(3){
  animation-delay: 16s;
}*/

.slide img:last-child{
  animation-delay: 16s;
}

/*　↑TOPスライドここまで↑　*/



/**共通フェードイン/

/*上からフェードイン・メニュー画面サブコピー*/
.fade-in-top {
  opacity: 0;
  animation: fadein-top 1.5s .3s ease-out forwards;
}
@keyframes fadein-top {
  0% {
     opacity: 0;
     transform: translateY(-20px);
  }
  100% {
     opacity: 1;
     transform: translateY(0);
  }
}

/*メニュー画面サブコピー*/


.subcopy ul
{margin: 0;
padding: 0;
list-style: none;
text-align: center;}

.subcopy li h2{
  display: block;
  margin: 0;
  padding: 5px;
  color: #8d7e6e;
  font-size: 1em;/*17px*/
  line-height:2.5;
  font-weight: lighter;
  text-decoration: none;
  font-family: 'Merriweather', serif;
}
.subcopy li h2 span{
  display: inline-block;
  border-bottom: 1px solid #3f0f0f;
text-align: center;
}

.spancatch{
  color: rgb(184, 25, 25);
  font-size: 1.2em;
}


.subcopy li p{/**/
  display: block;
  margin: 0;
  padding: 5px;
  color: #8d7e6e;
  font-size: 0.9em;/*15px*/
  text-decoration: none;
  font-family: 'Merriweather', serif;
}
 



/*回り込み防止*/

.attention-tpc:after,.top-newtopi:after,
.fl-box-menu:after,.title-menu:after,
.select-menu:after,.osechi-news:after,.cris-news:after,
.saralist:after,.newspage-topic:after,
.lunch article:after,
.dinner article:after,.event article:after,
.flex-container2:after,.flex-container01:after,
.attention01:after,.shoptitle:after,.sharelink:after
.concpt-top:after,.flex-container03:after,
.fc-con-3shot:after,.diary-title:after
.topmenu-fc:after,.topnews-fl-cn:after,
.cal-ad:after,.box13,.topmenu,.con-cate:after
.chef-prof
{content:"";
display: block;
clear: both}




/*店のロゴとコンテンツメニュー*/

/* 親*/
.t-fle-con {
  display: flex;
  margin: 0px 0 30px 0;
  width: 100%;
}

/* 子・左側・店ロゴ*/
  .t-fle-i-01 {
  flex-basis: 75%;
  margin-right: 0%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cp_hr06 {
  position: relative;
  height: 1px;
  border-width: 0;
  background-image: -webkit-linear-gradient(left,
  transparent 0%,#8d7e6e 50%,transparent 100%);
  background-image: linear-gradient(90deg,
  transparent 0%,#8d7e6e 50%,transparent 100%);
}

.resizeimage img { 
 width: 100%;
 margin-bottom: 0;
 padding-bottom: 0;
} 

.rogosub h2{ 
  font-size: 18px;
  color:#8d7e6e;
  text-align: center;
  text-decoration: none;
  font-family: 'Merriweather', serif;
  line-height: 1.7;
  padding-top: 10px;
  margin: 0;
}
  
  .rogosub h1{
    padding: 0;
    margin: 0;
    font-size: 25px;
    color:#8d7e6e;
    text-align: center;
    text-decoration: none;
    font-family: 'Merriweather', serif;
}





/*子・右側・コンテンツ*/
.t-fle-i-02 {
background: -moz-linear-gradient(left, #3f0f0f 30%, transparent);
background: -webkit-linear-gradient(left, #3f0f0f 30%, transparent);
background: linear-gradient(to right, #3f0f0f 20%, transparent);

color: #fff;
flex-basis: 25%;
text-decoration: none;
font-family: 'Merriweather', serif;
}

.top-category h2{
  padding: 10px;
  line-height: 3;
  color: #fff;
  font-size: 15px;
  font-family: 'Merriweather', serif
}


.top-category ul{
  padding: 10px;
  list-style: none;
}

.top-category li a{
padding: 5px;
color: #fff;
text-decoration: none;
line-height: 3;
}

.top-category li a:hover{
  background-color: #ebd9d3;
  color: #3f0f0f;
}



/*　↑TOPロゴ群ここまで↑　*/


/*ウィルス対策*/

.attention-tpc{
  border: solid 3px rgb(247, 198, 198);/*12/24太線変更*/
text-align: center;
padding: 10px;
margin: 15px 15px 30px 15px;
}

.attention-tpc a{
  text-decoration: none;
}

.attention-tpc h2{
  font-size: 20px;/*12/24に17pxから変更*/
  font-family: 'Merriweather', serif;
  color: red;
  padding: 0;
  margin: 0; 
}

.attention-tpc span{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  background-color: red;
  font-size: 15px;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0;
  transform:rotate(15deg);
}



/*ニュース画面に飛ぶアテンション内容*/


.attention-topic-1{

border: solid 1px red;
text-align: center;
padding: 5px;
margin: 15px;
}



.attention-topic-1 h2{
  font-size: 17px;
  font-family: 'Merriweather', serif;
  color: red;
  padding: 5px;
  margin-top: 10px;
  display: inline-block;
  border-bottom: 1px solid red;
}

.attention-topic-1 span{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  background-color: red;
  font-size: 15px;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0;
  transform:rotate(15deg);
}

.atten-p{
  text-align: center;
  font-size: 1em;
  line-height: 1.7em;
}

.attention-topic-1 p,
.attention-topic-1 li{
  padding: 15px 0;/*15px 0*/
  margin: 0;
  font-size: 15px;
  font-family: 'Merriweather', serif;
  color:red;
}

.p-left{ 
  display: inline-block;
  text-align: left;}

.attention-topic-1 li{
padding-bottom: 5px;
  }


/*ニューストピックス・ピックアップ*/
/*おせち帯*/

.top-newtopi 
,.top-newtopi-parts-one{
  display: flex;
  margin-bottom: 20px;/*22-8-10*/
  }
  /* 子要素(アイテム) */
  .t-newtpi-l,.t-newtpi-r {
    flex-basis: 49%;
    padding: 0;
    box-sizing: border-box;

    
  }
.margin-area-50{
  margin: 50px;
}




.t-newtpi-r {
  margin-right: 0;
}
  .t-newtpi-l{
    margin-right: 2% ;
    box-sizing: border-box;
    position: relative;
  
  }

  /*201225メニューリスト用ボタン*/

.menu_list_botan{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.menu_list_botan li{
  list-style: none;
}

.t-lunch{margin-right: 5px;}





/*201658トップページトピック
おせち*/

.t-newtpi-l h1{
  font-size: 25px;
  font-family: 'Merriweather', serif;
  color:#fff;
  text-align: center;
  line-height: 1.7;
  padding: 20px 5px;
  margin: 0;
  background-image: url(img/osechi/ichimatsu-base.jpg);
}

.t-newtpi-l h1 span{
  font-size: 20px;
  color: #ffe7a6;
}

.t-newtpi-l a{
  text-decoration: none;
}

.t-newtpi-l img,.t-newtpi-r img{
  width: 100%;
  padding: 0;
  margin: 0;
  }
  
  .t-newtpi-l figure,  .t-newtpi-r figure{
  margin: 0 0 10px 0;
  width: 100%;
  justify-content: center;
  align-items: center;
  }


/*08/23*/
.pc { display: block !important; }
.sp { display: none !important; }


/*プロフとTOPニュース
&ニューストピックス・ピックアップ入れ子共通*/


/* 親・シェフとニュースの親 */
.topnews-fl-cn {
  display: flex;
  margin: 0 0 10px 0; }

/* 子要素(アイテム) */
.topnews-i-01 {
  flex-basis: 49%;
  margin-right: 2%; 
}



/*孫・シェフ側*/

.flcon-chef01 {
  display: flex;
  margin: 30px 0 30px 0;
  }
  /* 子要素(アイテム) */
  .fli-chef-ph1 {
    flex-basis: 55%;
    padding: 0;
  }
  
  .fli-chef-ph1  img{
  width: 100%;
  }
  
  .fli-chef-ph1  figure{
  margin: 0;
  }

  .flcon-chef02 {
    flex-basis: 45%;
    margin: 0 0 0 5px;
    padding: 0;
  }
  
/*シェフ略歴*/

  .chef-prof h1{
    color: #3f0f0f;
    font-size: 20px;
    margin: 0;
    padding: 0;
    font-family: 'Merriweather', serif
  }
  
  .name-a{
    margin:0;
    color: #3f0f0f;
    font-size: 13px;
    font-family: 'Merriweather', serif
  }

  .chef-prof h1,.name-a{
    display: inline-block;
  }

  .chef-prof p{
    color: #3f0f0f;
    font-size: 14px;
    font-family: 'Merriweather', serif
}
  
  

/*トップニュース側（左側シェフプロフ）*/
/*ニュースページ一部共有*/


/* 子 */

.topnews-i-02 {
  flex-basis: 49%; 
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #ffffff;
}/*←カラー仮入れ*/


.topnews-i-01 a,.topnews-i-02 a{
  text-decoration: none;
  color: inherit;
  }

.news figure/*皿絵*/{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0 30px 0;
}

.news ul,.newslist ul
{margin: 0;
padding: 0;
list-style: none;
font-family: 'Merriweather', serif;}

/*1217行間*/

.news li,.newslist li{
  margin-bottom: 15px;
}

/*1217増やしエンド*/


.news li a,.newslist a
{display: block;
padding: 0px;/*1217に5pxから0に変更*/
border-bottom: dotted 2px #dddddd;
color:#3f0f0f;
font-size:  14px;
text-decoration:none}

.news li a :hover,
.newslist a :hover
{background-color: #eeeeee;}

.news time,.newslist time{
color: #888888;
font-weight: bold;
float:left;}

.news a :after,.newslist a :after
 {content: "";
display: block;
clear: both}

.news time {
width: 60px
}

.news.text,.newslist.text{
float:none;
width: auto;
margin-left: 60px}


/*写真スリット・トップ*/

.slick-box
 { padding: 0;}
 
 .slick-box figure{
margin: 0 5px;
padding: 0;
}








/*電話番号・アクセス概要項目*/

/*電話罫*/
.tel{
  padding: 15px 19px;
  margin: 5px 0;
  border-top: solid 1px #c4a692;
  border-bottom: solid 1px #c4a692;
}
.tel p {
  margin: 0; 
  padding: 0;
}
/*電話罫ここまで*/

.tel ul
{margin: 0;
padding: 0;
list-style: none;
text-align: center;
}

.tel li h2,.tel li h1,.tel li p{
  display: block;
  margin: 0;
  color: #3f0f0f;
  text-decoration: none;
  font-family: 'Merriweather', serif
}

.tel li h2{
padding: 0;
font-size: 20px;
}

.tel li h1{
padding: 0;
font-size: 30px;}

.tel li p{
padding: 15px 0 0 0;
font-size: 20px;
font-weight: bold;
}

/*オーサムフォント*/
.tel i{padding-right: 7px;}

.tel hr{margin: 10px;}






/*アクセスページ店舗・BOX7-1*/

.shopname{
display: block;
margin: 0;
text-align: center;
padding-top: 30px;
color: #3f0f0f;
font-size: 20px;
font-weight: bold;
text-decoration: none;
font-family: 'Merriweather', serif;
}

.shopname hr{
width: auto;
}

.eigyou{
margin-bottom: 15px;
}


.eigyou h1,.teikyu h1{
text-align: center;
font-size: 17px;
font-family: 'Merriweather', serif;
margin: 0;
padding: 0 ;
color: #3f0f0f;
}


.eigyou p,.teikyu p{
  font-weight: 700;
  margin-top: 0;
  text-align: center;
  font-size: 17px;
  font-family: 'Merriweather', serif;
  color: #3f0f0f;
}


/*BOX7の背景アクセスくくりs*/
.box7 {
/* background-color: #ebe8cf; */
padding-top: 15px;
padding-bottom: 15px;
/* margin-bottom: 30px; */
}
/*ベース無制限カラー　21-10-1*/
.box7-base{
  background-color: rgba(224, 216, 171, 0.5);
  /*rgb(235, 232, 207, 0.5)*/
}



/*2025店舗と駐車場の案内画像6.5*/

.eigyou p img{

  height: 2em;
  width: auto;
}




/*カレンダータイトル*/

.cal-title{
  margin-left:15px;
  padding-top: 15px;
}

.cal-title h4{
padding-left: 30px;
border-left:solid 10px #3f0f0f ;
}

.cal-title li{
  color:#3f0f0f ;
}

.cal-title ul,
.cal-title li,
.cal-title h4,
.cal-title p{
  margin: 0;
  padding: 0;
}

.cal-title li{
  list-style: none;
  display: inline-flex;
}

.box,.box01,.box02,.box02_1,.box02_2,.box3,.box0,.box05{
  width: 10px;
  height: 10px;
  border: solid 1px #222222 
}

.box{
  background-color: #FFCCCC;
}

/*クリスマス期間注釈*/
.chushaku ul{
  padding: 0 0 0 15px;
  margin: 0;
}
.chushaku li,
.chushaku p{
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}



.chushaku li{
  display: inline-flex;
  list-style: none;
}


.box01{
  background-color: #d2fc9c;
}
.box02{
  background-color: #f7ff56;
}
.box02_1{
  background-color: #56f9ff;
}
.box02_2{
  background-color: #a6c1ff;
}
.box3{
  background-color: #ff57c7;
}
/* 04エラーにつき欠番 */

.box05{
  background-color: #ff9d57;
}

.box0{
  background-color: #FFCCCC;
}




/*営業カレンダータイトル*/
/*営業カレンダー*/

.cal-ad/*親*/
{display: flex;
margin: 0;
}

.tpfc-calen{ flex-basis: 100%; }/*子*/

/* 親カレンダー */
.tpfc-calen {
  display: flex;
  }
  /* 子要素(アイテム) */
.cal-kongetsu{
  width: 100%;
  margin-bottom: 10px;
  margin-right: 15px;
}

.cal-raigetsu{
width: 100%;
margin-bottom: 20px;
}

.cal-kongetsu table,
.cal-raigetsu table{
margin-top: 0;
padding-top: 0;
}


/*アクセス・グーグルマップ*/

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 100%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

.access p{
text-align: center;
font-size: 15px;
font-family: 'Merriweather', serif;
color: #3f0f0f;
}

/*シェアボタン*/

.box13{
/* background-color: #3f0f0f; */
margin: 0px;
padding: 15px 0 15px 0;
}

.share{
text-align: center;
}


/*ニュースページ*/

/*共通・コンテンツタイトル・皿*/

.saraimg
{text-align: center;
width: 100%;
height: auto;
margin-bottom: 15px;}


/*全ページ共有*/
/*パンくずリスト*/

.bread{
  margin-top: 150px;/*10-1*/
  margin-bottom: 20px;
  padding-left: 15px;
}

.bread ol{
margin: 0;
padding: 0;
list-style: none;
}

.bread li a{
display: inline-block;
padding: 5px;
color: #3f0f0f;
font-size: 12px;
text-decoration: none;
}

.bread li a:hover{
  background-color: #eeeeee;
  margin-left: 5px;
  margin-right: 5px;
}

.bread ol:after{
  content: "";
  display: block;
  clear: both;
}

.bread li{
  float: left;
  width: auto;
  padding-left: 5px;
}

.bread li:after{
content: '\003e';
color: #888888;
}

.bread li:last-child::after{
display: none;
}




/*ニュースページ*/
/*タイトルとリスト20201102*/
/*Topページ・ニュースリストと一部共有*/

.saralist{/*親*/
  display: flex;
  margin-bottom: 25px;
}

.sara,.newslist{/*子*/
flex-basis: 44%;
margin-right: 1%;
}

.sara figure{
  text-align:right
}

.newslist time{
width:80px}


/*ニュースページ*/
/*メニュー変更カラム*/

.news-koumoku{display: flex;}/*親*/
.nk-l{/*子*/
  flex-basis: 44%;
margin-right: 1%;
box-sizing: border-box;
align-items: flex-end;}

.nk-r{/*子*/
  flex-basis: 54%;
  margin-right: 1%;
  box-sizing: border-box;
  text-align: left;
  font-size: 1.0em;}/*1112*/

.titlebar-nk{
  margin-top: 0;
}

.nk-l img{
  max-width: 100%;
  vertical-align: top;
  width: 100%;
  }
.nk-l figure{
  position: relative;
	display: inline-block;
  margin: 0;
 }
 figure figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 5px 10px;
  font-size: 0.9em;/*12px*/
  color: #fff;
  background: rgb(51, 51, 51,0.3);
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

/*ニュースページ・テイクアウトカラム*/

.flex-container01 {/*親*/
display: flex;
margin-bottom: 20px/*50pxから変更*/
}
/* 子要素(アイテム) */
.flex-item1,.flex-item4{
  flex-basis: 39%;
	padding: 0;
  box-sizing: border-box;
  position: relative;
}

.flex-item1 img{
width: 100%;
}

.flex-item1 figure{
margin: 0;
}

.flex-item2 ,.flex-item3{
  flex-basis: 68%;
	padding: 0;
  box-sizing: border-box;
}

.flex-item2{
	margin: 0 0 0 15px;
}
.flex-item3{
  flex-basis: 68%;
	margin: 0 15px 0 0;
	padding: 0;
  box-sizing: border-box;
}
/*

.cp_hr06 {
	position: relative;
	height: 1px;
	border-width: 0;
	background-image: -webkit-linear-gradient(left,
	transparent 0%,#6f4e4e 50%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#6f4e4e 50%,transparent 100%);
}
*/
.center_kei{
  height: 1px;
 background-color: #cbaeae;
 width: 30%;
 border: none;
 margin-bottom: 30px;
}

.cake_p{
    border-radius: 15px;
    background-color: rgb(255, 255, 255,0.5);
    padding: 15px;
    margin: 0 15px;
    text-align: justify; 
}


.titlebar,.titlebar-nk{
  display: flex;
  justify-content: space-between;
}


/*ニュースカテゴリ・タイトルと日付*/
.news1,.times1,.news1-nk,.times1-nk {
  display: inline-block;
  color: #3f0f0f;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-family: 'Merriweather', serif
}

.news1,.news1-nk{font-weight: bold;}

.newscopy,.newscopy-nk,.con-bun,.newscopy-cake{
  margin-top: 0;
  font-size: 1em;
  color: #8d7e6e;
font-family: 'Merriweather', serif;
line-height: 1.8;
word-break: break-all;}


.newscopy-cake{
margin-bottom: 0;
}


.setsumei,.bikou{
  font-size: 1em;
  color: #8d7e6e;
font-family: 'Merriweather', serif;

}

.setsumei{
  
border: dotted 1px #8d7e6e;
padding: 10px;
margin: 0 15px;

}

.bikou{
  display: block;
  padding: 0 10px 10px;
margin: 0 15px;
}

.bikou li{
  margin-bottom: 5px;
}


.chushaku span{
  font-size: 1.1em;
  font-weight: bold;
  color: #8d7e6e;

}



/*コンセプトページ　おせち用写真配置10121813*/

.osechi-news,.cris-news{
margin: 0 0 15px 0;
padding: 0;
}
    
.osechi-news figure,.cris-news figure{
margin: 0;
padding: 0;
}
  

.osechiimg img,.crtmimg img{
  max-width: 100%;
  height: auto;
}



#main,
#main-osechi{
  width: 100%;
  
  height: auto;
  content:"";
display: block;
clear: both}

#main img,
#main-osechi img{
  margin: 0;
  padding: 0;
  border: solid 1px #4d4444;
}


#navi ul,
#navi-osechi ul{
 justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  height: auto;
  margin-left: 0;
  padding-left: 0;
  ;
}

#navi ul,
#navi-osechi ul
{
  margin : 0 0 15px 0;
  padding: 0;
}
#navi li,
#navi-osechi li{
margin-bottom: 5px;
padding: 0;
border: solid 1px #4d4444;
width: 32%;
}

#navi ul li:nth-child(3),
#navi ul li:nth-child(6),
#navi-osechi ul li:nth-child(3),
#navi-osechi ul li:nth-child(6){
  margin-right: 0;
}
#navi img,
#navi-osechi img{
  float: left;
align-items: center;
}

#navi a:hover,
#navi-osechi a:hover{
  opacity: 0.5;

}

#navi li:hover,
#navi-osechi li:hover{
border: solid 2px ;
}



/*調整用のからの箱　足りない時に使う　2個の時*/
#navi ul::after,
#navi-osechi ul::after{
  display: block;
  content:"";
  width: 31%;
  margin-right: 1%;
  }











/*メニューページ*/


/*メニューボタン　BOX11項目*/


.box11{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 50px;
}



.botanlist h1
{margin-top: 0;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
font-size: 23px;
font-weight: normal;
font-family: 'Merriweather', serif;
text-shadow: 1px 1px 1px #4d4444;}

.botanlist a
{display: block;
color: #ffffff;
text-align: center;
text-decoration: none;}

.botanlist a:hover{opacity: 0.7;}

.botanlist .lunchbtn{border-radius: 50%;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.28);
background: -moz-linear-gradient(top left, #fad38bda, #ad490e); 
background: -webkit-linear-gradient(top left, #fad38bda, #ad490e); 
background: linear-gradient(to bottom right, #fad38bda, #ad490e); 
}

.botanlist .dinnerbtn{border-radius: 50%;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.28);
background: -moz-linear-gradient(top left, #e9fa8bda, #6b720d); 
background: -webkit-linear-gradient(top left, #e9fa8bda, #6b720d); 
background: linear-gradient(to bottom right, #e9fa8bda, #6b720d); 
  }


.botanlist .drinkbtn{border-radius: 50%;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.28);
  background: -moz-linear-gradient(top left, #ffafafda, #6b0831); 
  background: -webkit-linear-gradient(top left, #ffafafda, #6b0831); 
  background: linear-gradient(to bottom right, #ffafafda, #6b0831); 
  }

.botanlist .dessertbtn{border-radius: 50%;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.28);
  background: -moz-linear-gradient(top left, #ffaffbda, #cc087a); 
  background: -webkit-linear-gradient(top left, #ffaffbda, #cc087a); 
  background: linear-gradient(to bottom right, #ffaffbda, #cc087a);
  }

  .botanlist :active{
    transform: translateY(2px);
    border-bottom: none;
}


/* 2022-4-7 */



.menu_contents,
.menu_contents_top{
  display: flex;
  justify-content: center;
  align-items: center;

}

.menu_contents{
  margin: 30px 0 10px 0;
}
.menu_contents_top{
  margin: 70px 0 100px 0;
}


.menulist{
  flex: 0 0 18%;
  margin-right: 2%;
}
.menulist_top{
  flex: 0 0 28%;
  margin-right: 4%;
}
/*2%;*/

.menulist:last-child,
.menulist_top:last-child
{
  margin-right: 0;
}

.menulist img,
.menulist_top img{
  width: 100%;
  box-shadow: 5px 5px 5px rgb(138, 138, 138,0.7);
  border-radius: 20px 0;
}









    /*メニュー　飾り系タイトル　2021/4/2  クエリ2150*/
.title-menu-kei{
  text-align: center;
  margin: 70px 0;
}

.kei-ptn,.kei-ptn-cake{
  
  font-weight: bold;
  color: #3f0f0f;
  line-height: 2.8em;
  text-decoration: none;
  font-family: 'Merriweather', serif 
}
.kei-ptn,.kei-ptn-cake{
  font-size: 1.4em;
}



.kei-ptn img,.kei-ptn-cake img{
  vertical-align: middle;
  width: auto;
  height: 30px;
  opacity: 40%;
  margin: 0 15px;
}

.title-menu-kei p,.title-menu-kei-cake p{
  font-size: 1em;
  color: #8d7e6e;
  text-align: center;
  font-family: 'Merriweather', serif;
}

 /*メニュー　飾り系タイトル　2021/4/2*/




/*メニュー・カラム50％比率変え*/

.fl-box-menu {
  display: flex;
  margin-bottom: 30px;
  }
  /* 子要素(アイテム) */
  .fl-menu-i1 {
    flex-basis: 49%;
    margin-right: 1% ;
    padding: 0;
    box-sizing: border-box;
    position: relative;
 
  }

  .fl-menu-i2 {
    flex-basis: 49%;
    margin-left: 1%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .fl-menu-i1 article,
  .fl-menu-i2 article{
    margin: 0;
    padding: 0;
    text-align: center;}

    .tax{
      display:inline-block;
    }

    .fl-menu-i1 h1,.fl-menu-i1 h3,.fl-menu-i2 h3,
    .fl-menu-i2 h1,.select-menu h1,
    .fl-menu-i1 h4,.fl-menu-i2 h4{
display: block;/*block*/
color: #3f0f0f;
font-size: 1.1em;/*17px*/
line-height: 1.5;/**/
text-align: center;/**/
text-decoration: none;
font-family: 'Merriweather', serif  }

.fl-menu-i1 h1,.fl-menu-i1 h3,.fl-menu-i2 h3,
    .fl-menu-i2 h1,.select-menu h1{
      margin: 5px 0;
      padding-bottom: 0;
    }



.fl-menu-i1 h3,.fl-menu-i2 h3{
  padding-top: 5px;
  margin-top: 0;
  border-top: solid 1px #8d7e6e;
}


.fl-menu-i1 h4,.fl-menu-i2 h4{
  
margin: 0 0 30px 0;
padding-bottom: 0;

}




.fl-box-menu span,.select-title li span{
  font-size: 0.8em;/*15px*/
}



.fl-menu-i1 p,  
.fl-menu-i2 p,.select-menu p{
    display: block;
    color: #8d7e6e;
    line-height:2.5;
    font-size: 1.0em;/*15px*/
    text-decoration: none;
    font-family: 'Merriweather', serif} 


    .fl-menu-i1 a,  
    .fl-menu-i2 a,.select-menu a,
    .select-title a{
      color: #8d7e6e;
      text-decoration: none;
    }





/*セレクトメニュー*/
.select-title{
  border: dotted 1px #8d7e6e;

  margin: 15px;
  text-align: center;
}    
.fl-menu-i1 h2,.fl-menu-i2 h2,
.select-title h2,.cri-menu h2{
      
      color: #8d7e6e;
      font-size: 15px;
      text-decoration: none;
      font-family: 'Merriweather', serif;
     border-bottom: solid 1px #8d7e6e;
     display: inline-block;
    padding-bottom: 5px;}

.select-dinner{
  border: dotted 1px #8d7e6e;

  margin: 15px;
  text-align: center;

}





/*リストカラム10131336*/

.column{
  column-count: 2;
  padding: 0;
}

.column li{
  color: #8d7e6e;
  font-size: 1.0em;/*15px*/
  font-family: 'Merriweather', serif;
list-style: none;
line-height: 2.3;
margin-bottom: 20px;
}




/*メニュー・戻るボタン*/

.top-re:after
{content:"";
display: block;
clear: both}

.top-re{text-align: center;
  margin: 70px 0 120px 0}

.top-re a{text-align: center;
border: solid 1px #3f0f0f;
padding: 5px 15px;
color: #3f0f0f;
text-decoration: none;
font-size: 15px;
font-family: 'Merriweather', serif
}






/*ニュースに使う丸マーク*/


/*予約受付マークもと*/

.maru,.maru-n{
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column; 
  vertical-align: top;
}

/*position absoluteの値*/
.maru{
left: 10px;
top: -20px;
}
/* 円の大きさ */
.size_normal{
  width: 100px;
  height: 100px;
}
/* 文字の大きさ */
.letter3{
  font-size: 25px;
  font-weight:bold;
  line-height: 1.3;
  transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
}

/* 円と文字の色 */
.pink1{
  color: rgb(255, 153, 170);
  border: 4px solid rgb(255, 153, 170);
}


/*newマーク・予約受付マーク変形*/

.maru-n {/*position absoluteの値*/
left: 10px;
top: 10px;
}
/* 円の大きさ */
.size_normal-n{
  width: 57px;
  height: 57px;
}
/* 文字の大きさ */
.letter3-n {
  font-size: 15px;
  font-weight:bold;
  line-height: 1.3;
  text-align: center;
}

/* 赤円と文字の色 */
.pink1-n {
  color: #ffffff;
  background-color:  red;
  font-weight: bold;
}











/*コンセプト・ページ*/


.concpt-top {/*親div*/
  position: relative;/*相対配置*/
  margin-bottom: 50px;
  }

  .concpt-top h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
    font-family: SakuraKeisetsu;/*'Merriweather', serif*/
   
    font-size: 30px;
    letter-spacing :20px;

    color: #4561a8;/*非対応のブラウザでの文字色を設定*/
    background: -webkit-linear-gradient(0deg, #7482be, #226f9b);/*背景色にグラデーションを指定*/
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
    text-shadow:   3px 3px 5px #ffffff;
    text-align: center;

  }


  .concpt-top h2 {
    position: absolute;
    top: 30%;
    left: 50%;
    -ms-transform: translate(-50%,-30%);
    -webkit-transform: translate(-50%,-30%);
    transform: translate(-50%,-30%);
    margin:0;
    padding:0;
    font-family: SakuraKeisetsu;/*'Merriweather', serif*/
   
    font-size: 1.7em;
    letter-spacing :0.2em;/*20px*/
    line-height: 2.1em;
    
    color: #728ad8;/*非対応のブラウザでの文字色を設定*/

    /*color: #4561a8;/*非対応のブラウザでの文字色を設定
    background: -webkit-linear-gradient(0deg, #7482be, #226f9b);背景色にグラデーションを指定
    -webkit-background-clip: text;*/
    
    text-shadow:   3px 3px 5px #fff4c4;
    text-align: center;

  }








  .concpt-top span{
    letter-spacing :10px;
  }

.concpt-top figure
{margin: 0;
}

.concpt-top img
{width: 100%;
  height: auto;

}




/*コンセプト・カラム50％比率変え*/


.flex-container03 {
  display: flex;
  margin-bottom: 45px;/*30px変更*/
  }
  /* 子要素(アイテム) */
  .f-concept-i1 {
    flex-basis: 49%;
    margin-right: 1% ;
    padding: 0;
    box-sizing: border-box;
    position: relative;
 
  }
  
  .f-concept-i1 img{
  width: 100%;
  }
  
  .f-concept-i1 figure{
  margin: 0 0 20px 0;
  width: 100%;
  }
  .f-concept-i2 {
    flex-basis: 49%;
    margin-left: 1%;
    margin:  0 0 0 5px;
    padding:0;
    box-sizing: border-box;
  }
  
  .titlebar-con{
    display: flex;
    justify-content: space-between;
  }

  .f-concept-i2 img{
    width: 100%;

  }

  .f-concept-i2 figure{/*599指定*/
    float: right;
    width: 60%;
    height: auto;
    bottom: 10px;
    margin: 0;
  }

  .photoimg{
    margin: 0 0 0 20px;
    width: 100%;

  }


  /*コンセプトページ・各タイトル*/
  .con-shok1, .f-concept-i1 h2{
    display: inline-block;
    color: #3f0f0f;
    margin: 0;
    padding: 0;
    font-size: 19px;
    font-family: 'Merriweather', serif;
    font-weight: bold;
    
  
  }



/*コンセプトページ・本文*/
.cri-menu ul,.cri-menu li,.con-bun1,
.f-concept-i1 p,.f-concept-i2 p/*.con-bun,*/
{
  font-size: 1em;/*4/3修正 15px*/
  color: #8d7e6e;
  font-family: 'Merriweather', serif;
  
}
.con-bun1,
.f-concept-i1 p,.f-concept-i2 p/*.con-bun,*/{
  word-break: break-all;
  text-align: justify;
}

.cri-menu ul,.con-bun1,
.f-concept-i1 p,.f-concept-i2 p/*.con-bun,*/{
  line-height: 2.2;


}


.cri-menu li{
  line-height: 1.6;
}

.cri-menu li span{/*4/3修正*/
  font-size: 0.9em;
}

.cri-menu ul{
  padding: 0;
}
.cri-menu li{
  list-style: none;
}

.cri-menu{
  border: dotted 1px #8d7e6e;
  margin: 0 0 0 15px;
  text-align: center;
}

.kakomi{/*おせちのための見出し*/
  text-align: center;
  border: dotted 1px #8d7e6e;
  padding: 5px 20px;
 
}


.con-bun1{
  text-align: center;
}



/*コンセプト・カラム3列33％比率変え*/

/* ダイアリー　ベーシック　元タイトル */
/* .diary-title{
  display: block;
  margin: 20px 0 15px 0;

}
.diary-title div{
  display: block;
  border-bottom: solid 1px #c4a692;

}
.diary-title h1{
  color: #3f0f0f;
  font-size: 1.1em;
  font-family: 'Merriweather', serif;
  margin-left: 10px;
} */

/* ダイアリー　新wrap　構築 */

/* .diary-box{
  flex: 0 0 28%;
margin-right: auto;
} */

.diary-box{
  display: flex;
  flex-wrap: wrap;
/* 背景6/16 */

background-image: url(img/diary/yasai-bg-10cm-s.svg);
background-position: right 5% bottom 5%;
background-repeat: no-repeat;
background-size: 30% auto;/*40% auto*/
}


/* .diary-inner{
  flex: 0 0 28%;
margin-right: auto;
  flex-wrap: wrap;
} */

.diary-day,.diary-day::after{
  flex: 0 0 31%;
  margin: 0;
margin-right:  auto;
  
}
.diary-day:nth-child(3),
.diary-day:nth-child(6),
.diary-day::after{ 
  margin-right: 0;
}

/*調整用のからの箱　足りない時に使う　2個の時*/
.diary-box::after {
  display: block;
  content:"";
  width: 31%;
  margin-right: 0;
  }








.fc-con-3shot,
.con-cate{
  display: flex; 
  }

  .fc-con-3shot{
    margin-bottom: 30px;
  }
  
  /* 子要素(アイテム) */
  .con-1shot,.con-2shot,
  .diary-1shot,.diary-2shot,
  .con-cate1,.con-cate2 {
    flex-basis: 32%;
    margin-right: 2% ;
    padding: 0;
    box-sizing: border-box;
    position: relative;

  }
  .con-3shot,.diary-3shot,.con-cate3 {
    flex-basis: 32%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

.con-1shot,.con-2shot,.con-3shot{
    border: none;
    box-shadow:5px 5px 10px #8d7e6e;
border-radius: 1em;;
    width:100%;
    height:auto;
    margin-bottom: 30px;


  }


  .con-1shot figure,
  .con-2shot figure,
  .con-3shot figure,
  .diary-1shot figure,
  .diary-2shot figure,
  .diary-3shot figure,
  .con-cate1 figure,
  .con-cate2 figure,
  .con-cate3 figure,
  .diary-day figure{
    padding: 0;
    margin: 0;
  }
  .con-cate1,.con-cate2{
    margin: auto;
  }
  


  .con-1shot img,
  .con-2shot img,
  .con-3shot img,
  .diary-1shot img,
  .diary-2shot img,
  .diary-3shot img,
  .con-cate1 img,
  .con-cate2 img,
  .con-cate3 img,
  .diary-day img{

  object-fit: contain;
  width: 100%;
  height: 100%;
  }


.diary-title p,
  .con-1shot p,
  .con-2shot p,
  .con-3shot p,
  .con-cate1 p,
  .con-cate2 p,
  .con-cate3 p,
  .diary-1shot p,
  .diary-2shot p,
  .diary-3shot p,
  .diary-day p{
  margin: 10px 10px 20px 10px ;/*10px 10px 20px 10px*/
  word-break: break-all;
  font-size: 1em;/*15px*/
  line-height: 1.7em;
  color: #8d7e6e;
  font-family: 'Merriweather', serif;
  text-align: justify;
  
  }






.new-mark{
  color: red;
  border: solid 1px red;
  padding: 0 3px;
}

.con-cate{
  border:dotted 1px #8d7e6e;
  padding: 15px 15px 0 15px;
  margin: 0 15px 50px;
}


.con-cate-title{
  text-align: center;
  border-bottom: dotted 1px #8d7e6e;
}

.con-cate figcaption{
  text-align: center;
  color: #8d7e6e;
  text-align: center;

}

/*ケーキカテゴリーベース*/
.cake-cate{
  background-image: url(img/kazari/sakura-kabegami.jpg);
  /*background-color: #fff1e1;*/
  background-size: cover;
  /* 202241005矢印テスト追加 */
  padding: 50px 15px;
  margin-bottom: 50px;
}


.title-menu-kei-cake{
  text-align: center;
  margin: 0 0 50px 0;
}

.tenai{
  background-image: url(img/24tenai/tenai-oku_bg.jpg);
  background-size: cover;
  padding: 0;
  margin-bottom: 50px;
}

.parking{
  background-image: url(img/25parking_area/parking_bg.jpg);
  background-size: cover;
  padding: 0;
  margin-bottom: 50px;
}

.shoplayaout{
  max-width: 100%;
  margin: 5em auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .shoplayaout{
  max-width: 100%;
}
.shoplayaout-copy{
  max-height: 80%;
} */
/*写真トップ*/

.photo-top {/*親div*/
  position: relative;/*相対配置*/
  margin-bottom: 30px;
  }

  .photo-top h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
    font-family: 'Merriweather', serif;
   
    font-size: 30px;
    letter-spacing :20px;

    color: #4561a8;/*非対応のブラウザでの文字色を設定*/
    background: -webkit-linear-gradient(0deg, #7482be, #226f9b);/*背景色にグラデーションを指定*/
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
    text-shadow:   2px 2px 4px #ffffff;
    text-align: center;

  }

.photo-top figure
{margin: 0;
}

.photo-top img
{width: 100%;
  height: auto;

}


/*photoページ*/
/*ライトボックス9262202*/





.p-new01,.p-01,.p-02,.p-03,.p-04
{max-width: 100%;
margin: 5px;
display: flex;
justify-content: center;
align-items: center;
}

.p-04
{padding-bottom:30px ;}

.p-new01 ul,
    .p-01 ul,.p-02 ul,
    .p-03 ul,.p-04 ul,
    .p-new01 ul{
      display: flex;
      align-items: center;
      margin: 0;
      padding: 0;

    }
    .p-new01 li,
    .p-01 li,.p-02 li,
    .p-03 li,.p-04 li,
    .p-new01 li{
      list-style: none;
 
    }

    .p-new01 img,
    .p-01 img,.p-02 img,
    .p-03 img,.p-04 img{
      max-width: 100%;
      height: auto;
    }






.ip-1,.ip-2
{
margin-right: 7px;}



/*youtube*//*広報掲載21/9/5*/
.youtube,.abikodayori{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.youtube:after,.abikodayori:after{
content: "";
display: block;
clear: both;
}


.youtube p{
  font-size: 13px;
  margin: 0;
  padding: 0;
  text-align: center;
}




/*広報掲載21/9/5 Youtubeより詳細*/

.keisai{
  margin-top: 50px;
  text-align: center;
}

.keisai h2{
  font-size: 1em;
}

.abikodayori img{
  width: 100%;
}



/*広報掲載21/9/5*/





/*フッター・コピーライト*/
.copyright p
{margin: 0;
color: #ffffff;
font-size: 14px}

/*BOX5をバーの形にする*/
.box5 {
padding-top: 15px;
padding-bottom: 15px;
background-color: #3f0f0f;
text-align: center;
}





/*各ページ設定ここまで*/

/* コンセプト　見出し　帯 6/2*/

.title-obi{
  display: flex;
margin-bottom: 30px;}

.title-obi-img,.title-obi-img1,
.title-obi-copy,.title-obi-copy1{
  flex: 0 0 50%;
}


.title-obi-img,.title-obi-img1{
 background-size: cover;
 height: 150px;
  color: #ffffff;
  margin: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  font-family: 'Merriweather', serif;
}



.title-obi-img{
  background-image: url(img/concept/title_obi_kosu1.jpg);
}

.title-obi-img1{
  background-image: url(img/concept/title_obi_sabaku.jpg);
}

.title-obi-img h1,
.title-obi-img1 h1{
  background-color: rgba(63, 15, 15, 0.2);
  padding: 1px 10px;
  filter: drop-shadow(-2px 2px 3px #5f9071);
  /*#242424*/box-shadow: 0 0 5px rgb(63, 15, 15,0.5);
  -webkit-filter: drop-shadow(-2px 2px 3px #5f9071);
}

/* .concept-top-img h1{ }*/


/* 
.concept-top-img{
 background-size: cover;
 width: 100%;
  color: #ffffff;
  margin: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  font-family: 'Merriweather', serif;

  background-image: url(img/teganuma.jpg);
  }
*/



.title-obi-img p,
.title-obi-img1 p{
  display: none;
}



.title-obi-copy,.title-obi-copy1{
  color: #3f0f0f;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  font-family: 'Merriweather', serif;
  text-align: center;
  line-height: 2.3em;
}
.title-obi-copy{
  background-color: #dac7c7;

}
.title-obi-copy1{
  background-color: #cdd7c6;

}


/* 求人案内1104 */
.work-text{
 display: flex;
 justify-content: center;
 align-items: center;
margin: 5px auto 100px auto;
color: #8d7e6e;
}

.work-text ul{
  display: table;
  /* border-spacing: 2px; */
  padding: 0;
   border: solid 2px #6d5e4f;
}

/* .work-text .caption{ 
  margin-bottom: 10px;
}*/

.work-text li{
  display: table-row;
  /* padding: 10px 20px ; */
  /* border: solid 1px #6d5e4f */
}


.work-text h3{
  display: table-cell;
  text-align: center;
  width: 20%;
  /* padding: 10px 20px ; */
  border: solid 1px #6d5e4f;
  font-weight: lighter;
  font-size: 1.0em;
  

}
.work-text p{
  display: table-cell;
  text-align: left;
  /* padding: 10px 20px ; */
  border: solid 1px #6d5e4f;
  font-size: 1.0em;
  padding-left: 10px;

}




/* 2022-8-20 */

.kakomi-1{
  display: inline-block;
  border: dotted 1px #6d5e4f;
  padding: 10px 30px;
  margin: 15px auto;
}







/*戻るボタン521*/

#topbutton {
  /* ▼ボタンの表示位置を画面の右下に固定 */
  position: fixed; /* ←表示場所を固定 */
  bottom: 18px;   /* ←下端からの距離 */
  right: 18px;    /* ←右端からの距離 */
  width: 7em;     /* ←横幅 */

  z-index: 50;

  /* ▼最初は非表示にしておく */
  display: none;

  /* ▼配色・配置・文字の装飾など */
  /*background-color: rgb(250, 200, 72); * ←背景色 */
  opacity: 0.75;        /* ←透明度 0.75*/
  border-radius: 50%;  /* ←角丸の半径　24px;  */
  text-align: center; /* ←文字の位置  */
  font-size: 1.5em;     /* ←文字サイズ 120%から変更*/
  font-weight: bold;   /* ←文字の太さ */
  margin: 0px;          /* ←外側の余白 */
  padding: 10px;       /* ←内側の余白 */
  width: 50px;/*65px*/
  height: 50px;/*65px*/
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 0.7em;/*0.9*/
}
#topbutton span{
  font-size: 0.7em;
  font-weight: lighter 
}
#topbutton a{
  /* ▼リンクの装飾 */
  color: #411c1ccc;          /* ←文字色 */
  text-decoration: none; /* ←下線なし */
}

#topbutton a:hover {
  /* ▼マウスが載ったときの装飾 */
  color: #a54903cc;              /* ←文字色 */
  /* text-decoration: underline; /* ←下線あり */
}



#topbutton img{
  width: 70px;
  height: auto;
}

/*戻るボタン920*/





/* スペース */
.space{
  margin: 100px;
}
.space150{
  margin: 150px;
}


/*全体設定*/

/*ボックスの左右*/
.boxA,.slick-box,.box7,.top-newtopi,
.attention-tpc,.attention-topic-1,
.saralist,.newspage-topic,
.box11,.fl-box-menu,
.shoptop,.select-title,
.flex-container2,.fle-con,.topnews-fl-cn,
.attention01,.shoptitle,.flex-container01,
.flex-container03,.fc-con-3shot,.diary-title,
.sns-share,.cal-ad,.topmenu,
.topmenu-fc,.osechi-news,.cris-news,
.setsumei,.con-cate,.bikou,.title-obi,
.diary-box,.diary-inner,.abikodayori,.work-text,

.menu_contents
,.top-newtopi-parts-one
{padding-left:  15px;
padding-right: 15px}

/*ボックスの上下*/
.boxA
{padding-top: 10px;
padding-bottom: 5px}


/**メニュー関連8から12*/


.box11{padding-top: 20px;}

.box11-1,.box11-2,.box11-3,.box11-4
{padding-bottom: 10px;}



/*レスポンシブ・改行*/
@media screen and (min-width: 768px){
.br-sp {display: none; }

}


/* ########### 330px以下 ###########*/
@media (max-width:300px){
.news li a,.newslist a
{
  font-size:  0.8em;/*1112*/
}

.nk-l figcaption,
.box7 .box7-2 .chushaku p/*カレンダー下・注釈*/
{
  font-size:  11px;
}




  .newslist.text {
  margin-left: 0px
  }

.titlebar-nk p,.titlebar-con p,
.titlebar p{
font-size:  0.8em;/* 12px*/
}

.con-bun{
  font-size:  0.9em;/* 13px*/
}
/*カレンダー下・注釈*/



}



/* ########### 599px以下 ###########*/
@media (max-width:599px){

/*ナビゲーション*/
.menu li a {padding: 10px 7px;
font-size:12px}

.slide {height: 170px;}

#menu ul li.access {
  display: none;
  }

/*トップロゴカラムの変形・767pょりさらに小さく*/

.t-fle-i-01,.t-fle-i-02
{float: left;
width: 50%;

}

.t-fle-i-01
{
flex-basis: 60%;
}
.t-fle-i-02
{
flex-basis: 40%;
}



.t-fle-i-01 figure{
  zoom:0.7;
  display: flex;
  justify-content: center;
  align-items: center;
}



.attention-tpc{
  padding: 5px 0;
}

.attention-topic-1 h2,.attention-tpc h2,/*1224に13pxから変更*/
.tnt-l h1{
  font-size: 15px;

}

.attention-tpc span,
.attention-topic-1 span{
  font-size: 13px;}


  .attention-topic-1 p,
  .attention-topic-1 li{
    font-size: 0.9em;/*12px*/
  }
  

  .attention-tpc img{
    width: 270px;
  }



  

/*店舗について*/

.shopname{font-size:15px}

.shoptop h3{font-size: 17px;}

.news1,.times1,.news1-nk,.times1-nk {
  font-size: 1em;/*14px*/
  text-align: center;
}


.con-bun1{
  font-size: 0.9em;
}
/*
.newscopy,.newscopy-nk,.con-bun,
.f-concept-i1 p,.cri-menu li,/*クリスマス項目含む
.con-bun1{
  font-size: 14px;
}
*/

/*カレンダー下・注釈*/
/* .box7 .chushaku p{ 
  font-size: 13px;
}*/

/*フェードインサブコピー*/

.box8-1{margin-top: 15px;}

.subcopy li h2{
line-height: 2.0;}

.subcopy li p{
margin-top: 0;}

/*シェアボタン*/

.box13{
  background-color: #3f0f0f;
  margin: 0px;
  padding: 15px 0 0 0;
  }
  
  .box5{
    padding: 0 0 15px 0;
  }
  



/*メニューページのタイトル脇　罫*/

.title-menu-kei{
  margin: 30px 0 35px 0;
}

.title-menu-kei-cake{
  margin: 30px 0 30px 0;
}
.title-menu-kei-cake p{
  line-height: 2;
}

.kei-ptn img,.kei-ptn-cake img{
  height: 20px;
  margin: 0 7px;
}

.cake-cate{/*コンセプトケーキ　.title-menu-kei-cake*/
    padding: 15px 15px;
    margin-bottom: 50px;
}

.kei-ptn-cake{
  font-size: 1.2em;
}

.cake_p{
  padding: 15px;
  margin: 0 0 0 0;

}


.top-newtopi {/*2022-8-10*/
    margin-bottom: 5px;
  }


/*セレクトメニュ−10131512*/

.t-newtpi-l h1{
font-size: 16px;
}
/*topトピックおせち仮*/
.t-newtpi-l h1{
padding: 5px;
  line-height: 1.5;
}
.t-newtpi-l h1 span{
  font-size: 13px;
}



.select-title h2,.f-concept-i1 h2{
font-size: 1em;/*14px*/
}



/*メニューボタン横並び→2段組みラップ変更*/
.box11{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
}

.box11-1,.box11-2,.box11-3,.box11-4
{padding: 5px;
  text-align:center}

  .lunchbtn h1,.dinnerbtn h1,.drinkbtn h1,
  .dessertbtn h1
  {padding: 7px 17px;}



  /*クリスマスイベントメニュー囲み*/

  .cri-menu{
    margin:0;
  }

  .cri-menu ul{
    line-height: 1.9;
  }
  
  .cri-menu li{
    line-height: 1.4;
  }

 

/*コンセプトページ　ケーキ罫線*/
  .center_kei{
   width: 50%;

  }

  .youtube iframe{
width: 300px;
height:auto;
  }

  .cp_hr06{
    width: 80%;
    }
  .rogosub h2{
    font-size: 11px;}
    
  .rogosub h1{
    font-size: 13px;}

.copyright p
{font-size: 11px;}

.con-shok1{/*暫定一回目畑日記*/

  font-size: 15px;
}

.bikou ul{
  padding-left: 0;
}


.title-obi-img,.title-obi-img1{
  font-size: 0.8em;
}

.title-obi-img h1,.title-obi-img1  h1{
  margin: 40px 0;
}

.title-obi-copy,.title-obi-copy1{
  font-size: 0.8em;
  line-height: 2em;
}
.title-obi-copy h3,.title-obi-copy1 h3{
  margin: 10px auto;
}

/* 足りない時に消したり出したり　2個の時*/
.diary-box::after{
  display: none;
}

.diary-box{

background-image: none
}

.f-concept-i2 figure{
  width: 80%;
  height: auto;

}

.R-photo{
  width: 100%;
  height: auto;
}

/* テスト7/23 */
.subcopy li h2{

  font-size: 1em;/*0.9*/

}


.topnews-i-02{
  margin-top: 50px;
}


/* おせち2021-10−1 */
.osechi-news{
  margin-bottom: 10px;
}

.bread{/*10-1*/
  margin-top: 70px;
  margin-bottom: 20px;
}
.space150{
  margin: 150px;
}


.work-text{
  
  margin-top: 0;
 margin-bottom: 50px;
 
 }
.work-text h3{
  display: table-cell;

  width: 25%;

  

}
.work-text p{
  display: table-cell;


}


/*4-7メニューボタン再構築*/
.menu_contents,
.menu_contents_top{
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}


.menu_contents{
  margin: 30px 0;
}

.menu_contents_top{
  margin: 60px 0 40px 0;
}




.menulist,
.menulist_top{
  flex: 0 0 45%;
  margin-right: 3%;

  margin-bottom: 3%;
}

.menulist:nth-child(2),
.menulist:nth-child(4),
.menulist_top:nth-child(2){
  margin-right: 0;
}



/* 2022-8-20 */
.flex-item1 figure{
  margin-bottom: 15px;
  }



  /*2023-9+27*/
  .margin-area-50{
    margin: 30px;
  }



}


/* ########### 767px以下 ###########*/

@media(max-width:767px){
/*22-6-11*/  
  .br-none{display: none;}

.br-none-tx-left{
  text-align: left;
}


/*22-6-11*/

/*トグルボタン*/

#menubtn {padding: 6px 12px;/*もと6と12*/
border: solid 1px #aaaaaa;
border-radius: 5px;
background-color: #ffffff;
position: absolute;
top: 20px;
right: 15px;
cursor: pointer;
z-index: 1;/**/
position: fixed;}/**/

#menubtn:hover {background-color: #f1f0f0;}
#menubtn:focus {outline: none;}
#menubtn i {color: #888888;
font-size: 18px;}

#menubtn span {display: inline-block;
  color:#6d5e4f;
  font-size: 15px;
  font-weight:500;}/*テキストインデント−9999px消す*/



/*ナビゲーションメニュー（縦並び）*/

#menu {display: none;
  top:  0;/**/
  left: 0;/**/

  z-index: 1;/*変更*/
  position: fixed;}/*変更*/

.menu ul 
{margin: 0;
padding: 30px;/*変更*/
list-style: none;

background: -moz-linear-gradient(left, #3f0f0f 30%, transparent);
background: -webkit-linear-gradient(left, #3f0f0f 30%, transparent);
background: linear-gradient(to right, #3f0f0f 50%, transparent);/*変更*/
}

.menu li a 
{display: block;
padding: 5px;
color: #ffffff;/*変更*/
font-size: 15px;
line-height: 2.3;/*1.7から変更*/
text-decoration: none;
font-family: 'Libre Baskerville', serif;
text-align: center;/*変更*/
}

.menu li a:hover {background-color: #a89292}


/*カラム横並び・トップロゴは解除*/
.flex-container2,
.flex-container01,
.flex-container03,.fc-con-3shot,
.saralist,
.topnews-topic1,.topnews-fl-cn,
.fl-box-menu,.fl-select-menu,
.topmenu-fc,.tpfc-calen,
.topmenu,.flcon-chef01,/*.top-newtopi,*/.news-koumoku,
.con-cate,.title-obi,.diary-box,.diary-inner,
.top-newtopi-parts-one/* 2023年7月19日 */
{
flex-direction: column;}

.column{
  column-count: 1;
}
/* 2023年7月19日 */


/*8月23日*/
.pc { display: none !important; }
.sp { display: block !important; }

  
.maru {
left: 0px;
top: -20px;
}
  /* 円の大きさ */
.size_normal{
width: 70px;
 height: 70px;
}
  /* 文字の大きさ */
.letter3 {
font-size: 18px;
}

.concpt-top h1,
.photo-top h1{
font-size: 17px;
}

.concpt-top h2{
  font-size: 1.1em;
  line-height: 1.7em;
  top: 20%;
  left: 50%;
  -ms-transform: translate(-50%,-20%);
  -webkit-transform: translate(-50%,-20%);
  transform: translate(-50%,-20%);
}


    
/*トップ・ロゴ・カラムの変形*/

    .t-fle-i-01,.t-fle-i-02
    {float: left;
    width: 50%;
    }

    .t-fle-i-01 figure{
      zoom:0.7;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .top-category h2{
      font-size: 12px;
      padding: 10px;
      line-height:2.2;
    }

    .attention-tpc{
    margin-right: 20px;}

    /*トップ・トピックス帯*/
    .t-newtpi-l,.t-newtpi-r {
      flex-basis: 50%;}
      /*.t-newtpi-l{
        margin-right:0;
      }
      */

    /*メニューページの戻るボタン*/
    .top-re a{
      font-size: 11px;}

      .tel li p{
        font-size: 17px;}

/*ニュースページ・旬の食材文字ブロック*/
.titlebar-nk,.newscopy-nk{
  margin-top: 11px;
}

 /*ニュースページ・おせち文字ブロック*/
.f-concept-i2 ,.flex-item2,.flex-item3{
margin:  0;
}

.con-cate1,.con-cate2{
  margin-bottom:10px;
}


.photoimg{
  margin: 2em 0 0 0;
}




/*ニュースページ・ニュースリスト*/


.sara figure{
text-align:center
}

.newslist a{
padding:0;
}

.newslist time{
width:70px;
}

.newslist.text {
margin-left: 5px
}

/*掲載9/5*/
.keisai{
  margin-top: 30px;
}
.keisai h2{
  font-size: 0.9em;
}
.abikodayori figure{
  margin: 0;
}

/*戻るボタン101*/

#topbutton {

  bottom: 20px;   /* ←下端からの距離 */
  right: 15px;    /* ←右端からの距離 */
  /*width: 7em;     /* ←横幅 */

  z-index: 50;

  /* ▼最初は非表示にしておく */
  display: none;

  /* ▼配色・配置・文字の装飾など */
  font-size: 1.2em;     /* ←文字サイズ 120%→1.5em変更*/

  /*width: 30px;/*65px*/
 /* height: 30px;/*65px*/

  line-height: 0.7em;/*0.9*/

  /*margin: 10px 0 30px 0;/*画像ボタン用*/
}
#topbutton span{
  font-size: 0.7em;
}

#topbutton img{
  width: 70px;}



/*戻るボタン101*/


.atten-p p{
  text-align: start;/*justify*/
  font-size: 0.9em;
  line-height: 1.7em;
}

.shoplayaout{

  margin: 2em auto;

}



}




/* ########### 768px以上 ###########*/
@media (min-width:768px){

/*トグルボタン*/
#menubtn {display: none;}

/*ナビゲーション*/

#menu {display: block;}/*important消す*/

.menu ul 
{margin: 0;
padding: 0;
list-style: none}

.menu li a 
{display: block;
padding: 10px 15px;
color: #3f0f0f;
font-size: 14px;
text-decoration: none;
font-family: 'Libre Baskerville', serif;}

.menu li a:hover {background-color: #eeeeee}

.menu ul:after 
{content:"";
display: block;
clear: both}

.menu li 
{float: left;
width: auto}

/*　BOX1とBOX2を横に並べる設定*/
.box1 
{float: left;
width: auto}
.box2 
{float: right;
width: auto}



/*横に並べる設定*/

.boxA:after,
.box7:after,.box11:after
{content:"";
display:block;
clear: both}


.slide {height: 300px;}




/*BOX7-1、BOX7-2、を横に並べる設定*/

.box7-2
{float: left;
width: 49%;
}

.box7-1
{float: left;
width: 49%;
margin-right: 2%;}

/*BOX11-1、BOX11-2、BOX11-3を横に並べる設定*/

.box11-1,.box11-2,.box11-3,.box11-4{
  float: left;
  width: 19%;
margin-right: 1%;}




}



/* ########### 1190px以上 ###########*/
@media (min-width:1190px){
    
    /*全体の横幅を固定*/
    .boxA-inner,.box5-inner,
    .slide,.attention-tpc,.slick-box,
    .t-fle-con,.topnews-fl-cn,.osechi-news,.cris-news,
    .bread,.box7,.box11,.top-newtopi,
    .flex-container01,.attention-topic-1,
    .newspage-topic,
    .topnews-topic1,.attention-tpc,
    .fl-box-menu,.select-title,
    .flex-container03,.fc-con-3shot,.diary-title,
    .concpt-top,.photo-top,.saralist,
    .setsumei,.con-cate,.bikou,.cake-cate,.title-obi,
    .diary-box,.work-text,
    .menu_contents,.menu_contents_top,.top-newtopi-parts-one

    {width: 1000px;
    margin-left: auto;
    margin-right: auto}
    
    .slick-box
    {padding-left:  0px;
    padding-right: 0px}

}