@charset "UTF-8";

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
/*この上部を入れないとhanbargerのsp背景色の横幅が右切れる*/

*{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    box-sizing: border-box;
    color: #333;
}


ol, ul {
    list-style: none;
}
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}



a.navi{
	color: #cc0000;
	
	font-weight: lighter;
	
	text-decoration:underline;
	
	font-family:"Shippori Mincho" , serif;

}
a.navi:hover {
	color: #ccc;
	text-decoration: none;
	}



a.navi_a{
	color: #63382e;
	
	text-decoration:none;
	
	font-family:"Shippori Mincho" , serif;

}
a.navi_a:hover {
	color: #ccc;
	text-decoration: underline;
	}




a.navi_b{
	color: #63382e;
	
	text-decoration:underline;
	
	font-family:"Shippori Mincho" , serif;
	
	
}




a.navi_b:hover {
	color: #ccc;
	text-decoration: underline;
	}




a.navi_c{
	color:#cc3333;
	
	text-decoration:underline;
	
	font-family:"Shippori Mincho" , serif;
	
	
}




a.navi_c:hover {
	color: #63382e;
	text-decoration: underline;
	}




#anchor1{ /*アンカーリンクは数字始まりは使用不可*/
	display:block;

	/*余白を指定*/
	padding-top:80px;
	margin-top:-80px;	
}





#open {
    position: fixed;
    bottom: 75px;
    right: 0px;
    font-size: 80%;
	z-index:10000;
}
#open a {
	text-decoration: none;
	color: #666;
	width: 80px;
	padding:8px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
	background-color:rgba(246,240,211,0.7);/*黄色指定*/
}
#open a:hover {
	text-decoration: none;
	background-color: #fdf59a;
}


#open span {
	font-family:"Shippori Mincho" , serif;
	
	
	
	
	
	display:inline-block;
	
	font-color:black;
	
	line-height:140%;
}

#open img {
	
	width: 100%;
	max-width:78px;
	
	opacity: 1;
	filter: alpha(opacity=100);
	text-decoration: none;
	
}






.map{/* google map */
	width:90%;
	height:90%;
	margin:60px auto 60px auto;
	background:;
	
}



	
/*==========================================
 sp スタイル
===========================================*/

body {
  margin: 0px 0px 0px 0px;
 
  background: #fff;
}





/* メイン動画 */


#bg-video{
	
	position:fixed;
	right:0;
	top:0;
	min-width:100%;
	min-height:50%;
	width:auto;
	height:50%;
	z-index:-100;
	
	background-size:cover;
	
}


.fit{
	position:relative;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:6;
	
}

.fitsize{
	position:absolute;
	
	z-index:10;
	
	background:black;
}



.fit h1{/******** CACCIATORI 黒ロゴ **********/
width:100%;
max-width:150px;
	font-size:16px;
	color:white;
	font-family:"Shippori Mincho" , serif;
	font-famil: "Courier New", Courier, monospace;
	z-index:11;
	
	font-weight:bold;
	
	position:absolute;
	bottom:20px;
	left:20px;
	
	
	/* writing-mode:vertical-rl;縦書き 今使ってない*/
	
	align-items:center;/*中央揃え*/
    
	text-align:left;
	
	line-height:120%;

	
	}
	
	
	.fit h1 span{/******** 1970年代 **********/
	font-size:12px;
     text-align:center;
	
	line-height:120%;
	
	color:white;
letter-spacing:0.15em;

}

	





.fit h2{/******** 最初から表示の黒scroll **********/
	font-size:0.94em;/*元は1.06*/
	color:#1f1614;
	font-family:"Shippori Mincho" , serif;
	font-famil: "Courier New", Courier, monospace;
	z-index:11;
	
	font-weight:bold;
	
	position:absolute;
	bottom:20px;
	right:20px;
	
	
	
	
	align-items:center;/*中央揃え*/
    
	text-align:left;
	
	line-height:120%;

	
	}
	
	
.fit h3{/******** 賞 **********/
	width:100%;
	max-width:75px;
	
	position:absolute;
	bottom:45px;
	right:15px;
	
	
	align-items:center;/*中央揃え*/
    
	z-index:10;
	
	
	
	}
		
	



.again{/* 最終動画画面から再生ボタン 配置位置調整*/
	
	display:none;
	
	font-size:16px;
	color:yellow;
	
	
	cursor:pointer;
	
	padding:10px;
	
	
	position:absolute;
	bottom:35px; /* 位置はここで設定*/
	left:39px;
	
	z-index:12; /*************** これ入れていないと画面に出ない ***************/
	
}



.again::before{/*円 最後からの再生ボタン分 使っている*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 40px;
	height: 40px;
	border:0px solid #E6C612;
	display: block;
	border-radius: 50%;
	content: "";
	
	background-image: url(../img/again.jpg);/*ここに背景画像で 再生三角ボタン 入れる*/
	background-color: white;
	background-size: 15px 15px;/*横 縦*/
	background-repeat: no-repeat;
	background-position: center center;
	
	
}




.scroll_white{/* 最終動画画面から再生ボタン 配置位置調整*/
	
	display:none;

	font-size:0.94em;
	color:white;
	font-weight:bold;
   
	
	font-family:"Shippori Mincho" , serif;
	position:absolute;
	bottom:20px; /* 位置はここで設定*/
	right:20px;
	
	z-index:15; /*************** これ入れていないと画面に出ない ***************/
	
	align-items:center;/*中央揃え*/
    
	text-align:left;
	
	line-height:120%;	
	
	
	
	
}




.croll_white::before{/*白のscroll*/
	position: absolute;

	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 55px;
	height: 40px;
	border:0px solid #E6C612;
	display: block;
	border-radius: 50%;
	content: "";
	
	background-image: url(../img/2023/scroll_white.png);/*ここに背景画像で 再生三角ボタン 入れる*/
	background-color:black ;
	background-size: 53px 16px;/*横 縦*/
	background-repeat: no-repeat;
	background-position: center center;
	
	
}




#video-btn{  /* 音声ボタン 配置位置調整*/
	z-index:10;
	cursor:pointer;
	font-size:16px;
	padding:10px;
	
	
	position:absolute;
	bottom:82px;/*ここで下部から位置指定*/
	left:39px;
	
	
}



#video-btn::before{/*円 使っている*/
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:40px;/*円のon off 固定共通サイズ*/
	height:40px;
	border:0px solid #224885;/*円枠ブルー*/
	display:block;
    border-radius:50%;

	content:"";
	background-color: white;

}


#video-btn::after{/*voice on 使っている*/
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	
	width:30px;
	height:30px;
	display:block;
	 border-radius:50%;
	 
	 content:"";


	background-image: url(../img/2023/voice_on.jpg);/*ここに背景画像で voice on 入れる*/
	background-color: white;
	background-size: 22px 21px;/*横 縦*/
	background-repeat: no-repeat;
	background-position: center center;
	
	z-index:5;
	
}


#video{
	
}
	

.current{/*使っている*/
	background-repeat: no-repeat;
	
	background-color:;
	color: ;
	font-size:;
	
}




.current::before{/*円 voice off分 使っている*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 30px;
	height: 30px;
	border:3px solid #E6C612;
	display: block;
	border-radius: 50%;
	content: "";
	
	background-image: url(../img/2023/voice_off.jpg);/*ここに背景画像で voice off 入れる*/
	background-color: white;
	background-size: 19px 21px;/*横 縦*/
	background-repeat: no-repeat;
	background-position: center center;
	
	
	z-index: 6;
}





/* CONTENTS news*/

section#news {/*お知らせ*/
width:100%;
max-width:100%;
margin:80px auto 100px auto;
text-align:center;


	
}	

section#news article {
	text-align: center;
	width: 100%;
	max-width: 85%;
	margin: 0 auto;
	
	border-bottom:1px solid #333;
	
	padding-bottom:80px;


}





section#news article h1{/*お知らせ*/

font-family:"Shippori Mincho" , serif;
	font-size: 1.19em;
	line-height: 160%;
	font-weight: normal;
	color:black;
	margin:20px auto 0 auto ;
	
	text-align:left;
	
	letter-spacing:0.1em;
	
	
}


section#news article h2{/*ピエモンテ料理の*/

font-family:"Shippori Mincho" , serif;
	font-size: 1.19em;
	line-height: 160%;
	font-weight: normal;
	color:black;
	margin:10px auto 0 auto ;
	
	text-align:left;
	
	letter-spacing:0em;
	
	font-feature-settings:"palt";
	
}






section#news article p{

font-family:"Shippori Mincho" , serif;
	font-size: 1.13em;
	line-height: 160%;
	font-weight: normal;
	color:black;
	margin:20px auto 0 auto ;
	
	text-align:left;
	
	letter-spacing:0.1em;
	
	font-feature-settings:"palt";
	
	
}


section#news article span br{/*改行*/

display:inline-block;
	
}



/* お知らせ下部 */

section#news_2 {/*news*/
width:100%;
max-width:100%;
margin:0px auto 0 auto;
text-align:center;


	
}	

section#news_2 article {
text-align:center;
width:100%;
max-width:100%;
margin:0 auto;
padding:15px;

}







section#news_2 article p{

font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	line-height: 160%;
	font-weight: normal;
	color:black;
	margin:20px auto 0 auto ;
	
	text-align:center;
	
	letter-spacing:0.1em;
	
}




/* CONTENTS 1*/

section#contents {/*オープン時間*/
width:100%;
max-width:100%;
margin:0px auto 0 auto;
text-align:center;


	
}	

section#contents article {
text-align:center;
width:100%;
max-width:100%;
display:block;
margin:0 auto;
position:relative;/*これを入れて文字を上に載せれる*/

  background-color:rgba(255,255,255,0.4);/*白指定*/
  
  padding:15px;

}




section#contents article img {/*デザート写真*/
position:relative;
width:100%;
max-width:100%;

vertical-align:top;/*下部に出来る余白を埋めるタグ*/

}


	



section#contents article p{/*営業時間*/

font-family:"Shippori Mincho" , serif;
	font-size: 1.06em;
	line-height: 160%;
	font-weight: normal;
	color:black;
	margin:20px auto 0 auto ;
	
	text-align:center;
	
	letter-spacing:0.1em;
	
}



section#contents article span#holiday{

font-family:"Shippori Mincho" , serif;
	font-size: 0.88em;
	font-feature-settings:"palt";	
	
	
}



/* CONTENTS 2 RESERVATION*/

section#contents1_2 {
width:100%;
max-width:100%;
margin:100px auto 100px auto;
text-align:center;
	
}	



section#contents1_2  h1{/*イタリア研修のため*/

font-family:"Shippori Mincho" , serif;
	font-size: 1.13em;
	line-height: 140%;
	font-weight: normal;
	color:black;
	margin:40px;
	
	text-align:center;
	
	letter-spacing:0em;
	font-feature-settings:"palt";
	
	
	
}



section#contents1_2 article {
text-align:center;
width:100%;
max-width:100%;
display:block;
margin:0 auto;
position:relative;/*これを入れて文字を上に載せれる*/

  background-color:rgba(246,240,211,0.4);/*黄色指定*/
  
  
  padding:25px;

}




section#contents1_2 article img {
position:relative;
width:100%;
max-width:70%;

vertical-align:top;/*下部に出来る余白を埋めるタグ*/

}


	

section#contents1_2 article p{/*RESERVATION CALL*/

font-family:"Shippori Mincho" , serif;
	font-size: 1.19em;
	line-height: 180%;
	font-weight: normal;
	color:black;
	margin:0px;
	
	text-align:center;
	
	letter-spacing:0.1em;
	font-feature-settings:"palt";
	
	
}


/************************ネット予約はこちらから***********************/


section#contents1_2 article span.net{/*RESERVATION WEB*/

display:block;
font-size: 1em;
width:100%;
max-width:70%;
font-family:"Shippori Mincho" , serif;
	
	line-height: 180%;
	font-weight: normal;
	color:black;
	
	text-align:center;
	
	letter-spacing:0em;
	font-feature-settings:"palt";
	
	
	
	border-radius:35px;
padding:3%;


margin:10px auto;  

 border:1px solid #333;
	
	
	
	
}





section#contents1_2 article p.betsu{/*別ウィンドウに移ります*/

font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	line-height: 3;
	font-weight: normal;
	color:black;
	margin:0px;
	
	text-align:center;
	
	letter-spacing:0.1em;
	font-feature-settings:"palt";
	
	
}


section#contents1_2 article p.holiday{/*ホリデースペシャル*/

font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	line-height:1.5;
	font-weight:bold;
	color:#cc3333;
	margin-top:20px;
	
	text-align:center;
	
	letter-spacing:0.05em;
	font-feature-settings:"palt";
	
	
}





/* CONTENTS 3 地図*/

section#contents1_3 {
width:100%;
max-width:100%;
margin:150px auto 0px auto;
text-align:center;


	
}	

section#contents1_3 article {
text-align:center;
width:100%;
max-width:100%;
display:block;
margin:0 auto;
position:relative;/*これを入れて文字を上に載せれる*/

  background-color:rgba(255,255,255,0.4);/*ピンク指定*/
  
  
  padding:15px;

}




section#contents1_3 article img {
position:relative;
width:100%;
max-width:90%;

margin:30px auto 20px auto;

vertical-align:top;/*下部に出来る余白を埋めるタグ*/

}


	
section#contents1_3 article h1	 {/*ACCESS*/
font-family:"Shippori Mincho" , serif;

	font-size: 1.19em;
	line-height: 130%;
	font-weight: bold;
	color:black;
	margin:0 0 10px 0;
	text-align:center;
    letter-spacing:0.1em;
	
	line-height:120%;
	
}



section#contents1_3 article p{/*京都市東山区*/

font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	line-height: 160%;
	font-weight: normal;
	color:black;
	margin:20px auto 0 auto ;
	
	text-align:center;
	
	font-feature-settings:"palt";
	
	letter-spacing:0.06em;
	
	
	
	
}



section#contents1_3 article span br{/*改行*/

display:inline-block;

	
	
}





section#blog {
	
	width:100%;
max-width:100%;
margin:70px auto 100px auto;


		
	
}


section#blog article {
text-align:center;
width:100%;
max-width:100%;

  
  
  padding:15px;

}


section#blog article img {

width:100%;
max-width:55%;

margin:0 auto;




}






footer {
	
	width:100%;
max-width:100%;
margin:0 auto 40px auto;

text-align:center;

	background-color:;
		
	
}

footer img {
position:relative;
width:100%;
max-width:70%;

margin:0 auto;


vertical-align:top;/*下部に出来る余白を埋めるタグ*/


}

footer  p{

font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	line-height: 160%;
	font-weight: normal;
	color:black;
	margin:0px 30px 120px auto ;
	
	text-align:center;
	
	letter-spacing:0.2em;
	
	
}









nav ul {
  margin-bottom: 15px;
}






a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	text-decoration: none;
}



.copyright {
	
	text-align:center;
    
	margin:120px 0 50px 0; 
	
	width: 100%;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.69em;
	letter-spacing:0.05em;
	
	color:black;
	
	line-height:170%;
	
	
	
	
}


p{
	margin-top:5px;
}





@media only screen and (min-width: 500px) {	
	
	
	

	section#contents1_2 article p{/*RESERVATION CALL*/

font-family:"Shippori Mincho" , serif;
	font-size: 1.13em;
	line-height: 180%;
	font-weight: normal;
	color:black;
	margin:0px;
	
	text-align:center;
	
	letter-spacing:0.1em;
	
	
	
}


	
	
.map{/* google map */
	width:100%;
	max-width:100%;
	height:400px;
	margin:130px auto 200px auto;
	background:;
	
	z-index:1;
	
}
	


section#contents article p{/*L 12:00:*/

  font-size: 0.81em;

}

section#contents article img {

width:100%;
max-width:55%;/****************** デザート写真のサイズここで決定 ******************/
}





section#contents1_2 article img {

width:100%;
max-width:260px;
}




/******************blog******************/

section#blog article img {

width:100%;
max-width:200px;

margin:0 auto;




}



/*アクセス*/


/* CONTENTS 3 地図*/

section#contents1_3 {
width:100%;
max-width:100%;
margin:100px auto 0px auto;
text-align:center;


	
}	


section#contents1_3 article h1{/*access*/

	font-size:1.25em;
   

}


section#contents1_3 article img {/*地図*/

width:100%;
max-width:440px;
}



section#contents1_3 article p{/*京都市東山区*/

font-size: 0.81em;

	
	
}


section#contents1_3 article span br{/*改行*/

display:none;

	
	
}





footer img {
position:relative;
width:100%;
max-width:50%;

margin:0 auto;


vertical-align:top;/*下部に出来る余白を埋めるタグ*/

}



}





@media only screen and (min-width: 730px) {	
	
	/*お知らせ*/	
	section#news article {
text-align:center;
width:100%;
max-width:77%;

margin:0 auto;


}



section#news article h2{/*6.3から11まで*/
    font-size: 1.25em;
	
	letter-spacing:0em;/*google fontsで0にした*/
	
	
	
}


/***********************ネット予約はこちらから***********************/

section#contents1_2 article span.net{/*RESERVATION WEB*/
font-size:17px;
display:block;

width:100%;
max-width:220px;
font-family:"Shippori Mincho" , serif;
	
	line-height: 180%;
	font-weight: normal;
	color:black;
	
	text-align:center;
	
	letter-spacing:0em;
	font-feature-settings:"palt";
	
	

	border-radius:35px;
padding:15px;


margin:20px auto;  

 border:1px solid #333;
	
	
	
	
}



section#contents1_2 article p.betsu{/*別ウィンドウに移ります*/

font-family:"Shippori Mincho" , serif;	font-size: 1em;
	line-height: 1.5;
	font-weight: normal;
	color:black;
	margin:0px;
	
	text-align:center;
	
	letter-spacing:0.1em;
	
	
	
}
	


section#contents1_3 article img {

width:100%;
max-width:450px;



}

	
}



/*==========================================
 タブレット 縦 スタイル
===========================================*/

@media only screen and (min-width: 751px) {
	
	
#open {
	
	display:none;
    position:relative;
    bottom: 0px;
    right: 0px;
    font-size: 0%;
	z-index:0;
}

	
	

	
/*お知らせ*/	
	section#news article {
text-align:center;
width:100%;
max-width:60%;

margin:0 auto;


}

	
	section#contents1_2 article p{/*RESERVATION CALL*/

font-family:"Shippori Mincho" , serif;
	font-size: 1.13em;
	line-height: 180%;
	font-weight: normal;
	color:black;
	margin:0px;
	
	text-align:center;
	
	letter-spacing:0.1em;
	
	
}




/***********************ネット予約はこちらから***********************/

section#contents1_2 article span.net{/*RESERVATION WEB*/
font-size:17px;
display:block;



font-family:"Shippori Mincho" , serif;
	
	line-height: 180%;
	font-weight: normal;
	color:black;
	
	text-align:center;
	
	letter-spacing:0em;
	font-feature-settings:"palt";
	
	

	border-radius:35px;
padding:15px;


margin:20px auto;  

 border:1px solid #333;
	
	
	
	
}



section#contents1_2 article p.betsu{/*別ウィンドウに移ります*/

font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	line-height: 1;
	font-weight: normal;
	color:black;
	margin:0px;
	
	text-align:center;
	
	letter-spacing:0.1em;
	
	
	
}
	
	
.map{/* google map */
	width:100%;
	max-width:100%;
	height:400px;
	margin:130px auto 200px auto;
	background:;
	
	z-index:1;
	
}
	


section#contents article p{/*L 12:00:*/


	font-size: 0.94em;

	
	
}

section#contents article img {

width:100%;
max-width:460px;/****************** デザート写真のサイズここで決定 ******************/
}





section#contents1_2 article img {

width:100%;
max-width:260px;
}





/*アクセス*/

section#contents1_3 article h1{/*access*/

	font-size:1.13em;
   

}




section#contents1_3 article p{/*京都市東山区*/

font-size: 0.94em;

	
	
}


/****** blog *******/

section#blog {
	
	width:100%;
max-width:100%;
margin:100px auto 200px auto;

}





footer img {
position:relative;
width:100%;
max-width:380px;

margin:0 auto;

text-align:center;
vertical-align:top;/*下部に出来る余白を埋めるタグ*/

}



.copyright {
	
	text-align:center;
	width: 100%;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	letter-spacing:0em;
	
	
	margin:120px 0 50px 0
}


}






/*==========================================
 タブレット 横 スタイル
===========================================*/


@media only screen and (min-width: 1020px) {/*ipad 横1024*/

/*お知らせ*/	
	section#news article {
text-align:center;
width:100%;
max-width:88%;

margin:0 auto;


}

section#news article span br {/*改行*/
display:inline-block;


}



section#contents article p{/*L 12:00:*/


	font-size: 1.19em;

	
	
}






section#contents1_2 article p{/*RESERVATION CALL*/


	font-size: 1.19em;

	
	
	
}


section#contents article img {

width:100%;
max-width:560px;/****************** デザート写真のサイズここで決定 ******************/
}

	
	
	section#contents1_3 article p{/*京都市東山区*/

font-size: 1.13em;

	
	
}
	
}



/*==========================================
 PC スタイル
===========================================*/

@media only screen and (min-width: 1490px) {
	
	
	.map{/* google map */
	width:100%;
	max-width:100%;
	height:400px;
	margin:130px auto 200px auto;
	background:;
	
	z-index:1;
	
}




	
}







  
/* Flexible Image */
img {
  max-width: 100%; 
  height:auto;
}