/*ここからsp_css（〜750px）*/
.pc { display: none !important; }
.sp { display: block !important; }	
body{margin: 0;
padding: 0;
font-family : "游ゴシック","Yu Gothic" ,"游ゴシック体","ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic Pro',"Meiryo UI","メイリオ","Meiryo","MS Pゴシック","MS PGothic",sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: inherit;
font-feature-settings: "palt";}
h2{font-family: Montserrat,"Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
letter-spacing: 0.1em;
text-align: center;
font-size: 8vw;
margin-bottom:10vw;}
h2 span {
  display: block;
  font-size: 2vw;
	text-align: enter;}
span.fuchi{
	font-size: 8vw;
	display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  text-shadow: -1px -1px 0 #000000, -1px 0 0 #000000, -1px 1px 0 #000000,
                  0 -1px 0 #000000,                  0 1px 0 #000000,
                1px -1px 0 #000000,  1px 0 0 #000000,  1px 1px 0 #000000;}
/*↓load*/
#loader-bg {
  background-color: #fff;
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 300;
}
#loader-bg img {
	width: 20vw;
  left: 50%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 301;
}
/*↑load*/
#main{
width: 89vw;
margin:auto;
position: relative;
 padding-bottom: 20vw;
}
#top {
    margin: 0vw;
    padding: 20vw 0vw 10vw 0vw;
}
/*ここからtop_img*/
#top_img{
 margin-right: 0;
 margin-left: auto;
  display: block;
width: 100vw;}
#top_img img{
float: right;
width: 85vw;}
/*ここまでtop_img*/
/*ここからdeco*/
#top_deco{
	position: absolute;
	width: 2.5vw;
	top:90vw;
	left: 6.5vw;}
/*ここまでdeco*/
 /* 矢印ここから */
#top .b-text-scroll p img{
    width: 2vw;
}
#top .b-text-scroll {
	position: absolute;
	top: 32vw;
    left: 6vw;
    width: 2%;
    margin: 0 auto;
    text-align: center;

	z-index: 101;
}

#top .b-text-scroll .arrow {
    position: absolute;
    width: 60%;
    /*bottom: -220%;*/
	bottom: calc(-500 / 1920 * 100vw);
    left: 2px;
    animation: sdb 1.5s infinite;
}
#top .b-text-scroll .arrow img{
    width: 100%;
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 15px);
    opacity: 0;
  }
}
 /* 矢印ここまで */
/*ここからtitle*/
#title{
	margin: 5vw auto 10vw;
	width:  89vw;}
#title img.title_txt{
	margin:15vw auto 5vw ;
	width:  70vw;}
#title img.gion_title{
	margin:15vw auto -10vw ;
	width:  70vw;}
p.info_t{font-size: 4vw;
	letter-spacing: 0.2em;
font-family:'Montserrat', sans-serif;}
.dl_table2{font-size: 2.7vw;
	letter-spacing: 0.1em;
	line-height: 2;}
.dl_table2 dt{
	float: left;
	width: 20vw;}
.dl_table2 dd{
	font-weight: 400;
	margin-left: 20vw}
/*ここまでtitle*/
/*ここからmenu*/
.menu_item{margin: 15vw auto 3vw;
width: 88vw;
display: flex;
  justify-content: space-between;
  flex-wrap: wrap;}
.fellow{margin: -7vw auto 3vw;}
.item{width: 43vw;
text-align: center;
margin-bottom: 5vw;
position: relative;}
.s_category{
	width: 20vw;
position: absolute;
top:-4.5vw;
left:-4.5vw;}
.item .item_im{width: 40vw;}
.item_name{font-size: 2.5vw;}
.item_price{
margin-top: 0vw;
	font-size: 3.5vw;
 letter-spacing: 0.1em;
font-family:'Montserrat', sans-serif; }
						/*ここからPOPUP*/
						.works_modal_wrapper {
							position: fixed;
							display: flex;
							align-items: center;
							width: 100vw;
							height: 100vh;
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;
							margin: auto;
							border: none;
							opacity: 0;
							z-index: -1;
						}
						.works_modal_window {
							width: 80vw;
							max-width: 1000px;
							height: auto;
							margin: auto;
							padding: 8vw;
							background: #fff;
							z-index: 1;
							overflow-y: hidden;
							border-radius: 5vw;
							
						}
						.works_modal_content {
							margin: 0 auto;
							width: 100%;
							height: 100%;
						}
						.works_modal_mask {
							position: absolute;
							top: 0;
							left: 0;
							bottom: 0;
							right: 0;
							width: 100%;
							height: 100%;
							background: rgba(0, 0, 0, 0.7);
						}
						.works_modal_close {
							z-index: 300;
							position: absolute;
							top: 2vw;
							right: 3vw;
							color: #808080;
							font-size: 5vw;;
							cursor: pointer;
						}
						.works_modal_close:hover {
							color: #000;
							transition: all .5s;
						}
						html.is_open, body.is_open {
							overflow: hidden;
						}
						.works_modal_wrapper.is_open {
							animation: works_modal_wrapper_open .5s ease forwards;
						}
						.works_modal_wrapper.is_open .works_modal_window {
							animation: works_modal_window_open .5s ease forwards;
						}
						.works_modal_wrapper.is_close {
							animation: works_modal_wrapper_close .5s ease forwards;
						}
						.works_modal_wrapper.is_close .works_modal_window {
							animation: works_modal_window_close .5s ease forwards;
						}

						@keyframes works_modal_wrapper_open {
							0% {
							  opacity: 0;
							}
							100% {
							  opacity: 1;
							  z-index: 300;
							}
						  }
						  @keyframes works_modal_window_open {
							0% {
							  opacity: 0;
							  transform: translateY(-30px);
							}
							100% {
							  opacity: 1;
							  transform: translateY(0);
							}
						  }
						  @keyframes works_modal_wrapper_close {
							0% {
							  z-index: 300;
							  opacity: 1;
							}
							100% {
							  opacity: 0;
							}
						  }
						  @keyframes works_modal_window_close {
							0% {
							  opacity: 1;
							  transform: translateY(0);
							}
							100% {
							  transform: translateY(-30px);
							  opacity: 0;
							}
						  }
.detail{margin: auto;
width: 80vw;}
.detail img{width: 80vw;
text-align: center;
position: relative;}
.detail .item_name{
width: 60vw;
text-align: left;
font-size: 4vw;
margin-bottom: 0;}
.detail .item_price{
	text-align: right;
	font-size: 4vw;
font-family:'Montserrat', sans-serif;
float: right;
	position: absolute;
	right: 7vw;
	top:70.5vw;}
.detail .item_price_espresso{
	text-align: right;
	font-size: 4vw;
font-family:'Montserrat', sans-serif;
float: right;
	position: absolute;
	right: 7vw;
	top:66.7vw;}
.comment{text-align: left;
font-size: 2.5vw;
font-weight: 400;}
.item .annotation_main{
text-align: right;
align-items:stretch;}
.item .annotation_main p{
right: 0;
position:absolute;
	bottom: 0;}
.annotation p{
	text-align: right;
	font-size: 2vw;}
						/*ここまでPOPUP*/
/*ここからテキストメニュー*/
.flame_txtarea{
position: relative;
width: 88vw;
background-color: #F9F9F9;
padding: 5vw;}
.flame_txtarea .s_category{
	position: absolute;
	top: -6.5vw;
	left: -4.6vw;}
dl.txtarea{
  width:100%;
  font-size: 1rem;
  }
dl.txtarea div{
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 7px 0;
  padding: 5px 0;
  }
dl.txtarea div::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 100%;
  border-bottom: dotted 2px #C3C4C4;
  }
dl.txtarea dt{
	font-size:2.5vw;;
  margin:0;
  padding: 0 5px 0 0;
  background-color: #F9F9F9;
  z-index: 2;
  text-align: left;
  }
dl.txtarea dd{
  margin:0;
  padding: 0 0 0 5px;
	font-size: 3.5vw;
 letter-spacing: 0.1em;
font-family:'Montserrat', sans-serif;
  background-color: #F9F9F9;
  z-index: 2;
  text-align: right;
  }
/*ここまでテキストメニュー*/
.annotation_main{margin-right: 0;
  margin-left: auto;}
.annotation_main p {
    text-align: right;
    font-size: 2vw;
}
/*ここまでmenu*/
/*ここからgmap*/
.gmap {
width: 100vw;
height: auto;
position: relative;
}
.gmap img{
width: 100vw;
height: auto;
}
.gmap img.gmap_bt{
width: 20vw;
position: absolute;
top: 60vw;
right: 0vw;
bottom: 0;
left: 75vw;
z-index: 2;
}
/*ここまでgmap*/
/*ここまでsp_css（〜750px）*/
/*ここから（751〜1300px）*/
@media screen and (min-width:751px){
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
h2{letter-spacing: 0.1em;
font-size: 3.3vw;
margin-top: 0;
margin-bottom:2vw;}
h2 span {
  display: block;
  font-size: 1.1vw;}
span.fuchi{
	font-size: 3.3vw;}
/*↓load*/
#loader-bg img {
	width: 10vw;
	max-width: 200px
}
/*↑load*/
#main{
width: 84.6vw;
margin:auto;
 padding-bottom: 15vw;
}
#top {
    margin: 0vw;
    padding: 9vw 0vw 3vw 0vw;
}
/*ここからtop_img*/
#top_img{
 margin-right: 0;
 margin-left: auto;
  display: block;
width: 100vw;}
#top_img img{
float: right;
width: 55vw;}
/*ここまでtop_img*/
/*ここからdeco*/
#top_deco{
	position: absolute;
	width: 5vw;
	top:37vw;
	left: 8vw;}
/*ここまでdeco*/
 /* 矢印ここから */
#top .b-text-scroll p img{
    width: 1vw;
}

#top .b-text-scroll {
	position: absolute;
	top: 30vw;
    left: 2.8vw;
    width: 1%;
    margin: 0 auto;
    text-align: center;

	z-index: 101;
}

#top .b-text-scroll .arrow {
    position: absolute;
    width: 60%;
    /*bottom: -220%;*/
	bottom: calc(-250 / 1920 * 100vw);
    left: 2px;
    animation: sdb 1.5s infinite;
}
#top .b-text-scroll .arrow img{
    width: 100%;
}
/*ここからtitle*/
#title{
	margin: 0vw 0vw 10vw 8vw;
	width:  35vw;
	height:51vw;
	position:relative;}
#title img.title_txt{
	margin:9vw auto 0vw auto;
	width: 33vw;}
#information{position:absolute;bottom:0;}
p.info_t{font-size: 1.2vw;
	letter-spacing: 0.2em;
font-family:'Montserrat', sans-serif;}
.dl_table2 {font-size: clamp(2px, 0.8vw, 25px);
	letter-spacing: 0.05em;
	line-height: 1.6;}
.dl_table2 dt{
	font-size: 1vw;
	float: left;
	width: 6vw;}
.dl_table2 dd{
	font-size: 1vw;
	font-weight: 400;
	margin-left: 6vw}
/*ここまでtitle*/
/*ここからmenu*/
.menu_item{margin: 5vw auto 2vw;
width: 84.6vw;
display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: flex-start;}
.fellow{margin: -3vw auto 2vw;}
.item{width: 18vw;
text-align: center;
margin-bottom: 5vw;}
.menu_item:after {
  content: "";
  width:  18vw;
  height: 0;
}
.menu_item:before{
  content: "";
  width:  18vw;
  height: 0;
  order: 1;
}
.s_category{
	width: 8vw;
top:-1.8vw;
left:-1.8vw;}
.works_modal_open{margin: 0;
	padding: 0;
	width: 18vw;
	height: 18vw;
	}
.works_modal_open:hover{
	margin: 0;
	padding: 0;
	width: 18vw;
	height: 18vw;
	border-radius: 9vw;
	background-color:#E8410B;
	cursor: pointer;
cursor: hand;
	}
.works_modal_open.not_hover:hover{background-color: rgba(0,0,0,0);
	cursor: auto;}
.item .item_im{
	width: 18vw;}
.item .item_im:hover{
	opacity: 0.5;}
.item .works_modal_open.not_hover .item_im:hover{
	opacity: 1;}
.item_name{font-size: clamp(7px, 1.2vw, 25px);
	 margin-bottom: 0.5vw;}
.item_price{
margin-top: 0vw;
	font-size: 1.3vw;
 letter-spacing: 0.1em;
font-family:'Montserrat', sans-serif; }
	/*ここからPOPUP*/
						.works_modal_wrapper {}
						.works_modal_window {
							width: 50vw;
							max-width: 750px;
							padding: 4vw;
							border-radius: 2vw;
							
						}
						.works_modal_content {
							width: 100%;
							height: auto;
						}
						.works_modal_mask {
						}
						.works_modal_close {
							z-index: 300;
							position: absolute;
							top: 0.5vw;
							right: 1vw;
							color: #808080;
							font-size: 3vw;;
							cursor: pointer;
						}
.detail{margin: auto;
width: 50vw;}
.detail img{width: 50vw;
text-align: center;}
.detail .item_name{text-align: left;
font-size: 1.53vw;
margin-bottom: 0;
width: 40vw;}
.detail .item_price{
	float: right;
	position: absolute;
	right: 5vw;
	top:41.5vw;
	text-align: right;
	font-size: 2vw;
	width: 7vw;}
.detail .item_price_espresso{
	float: right;
	position: absolute;
	right: 5vw;
	top:40.2vw;
	text-align: right;
	font-size: 2vw;
	width: 17vw;
	}
.comment{text-align: left;
font-size: 1vw;
font-weight: 400;}
.annotation p{
	text-align: right;
	font-size: 0.7vw;}
						/*ここまでPOPUP*/

/*ここからテキストメニュー*/
.flame_txtarea{
width: 84.6vw;
padding:2vw 5vw;}
.txtarea{
  display: flex;
  flex-flow: column wrap;
	height: 12.3vw;
}
.flame_txtarea .s_category{
	top: -2vw;
	left: -2vw;}
.txtarea_4dan{
	height: 16.2vw;}
dl.txtarea div{
  position: relative;
  display: flex;
  margin: 0vw 0;
  padding: 1vw 0 0.5vw 0;
	width: 47%;
  }
dl.txtarea div::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 100%;
  border-bottom: dotted 2px #C3C4C4;
  }
dl.txtarea dt{
	font-size: clamp(7px, 1.2vw, 25px);
  margin:0;
  padding: 0 5px 0 0;
  background-color: #F9F9F9;
  z-index: 2;
  text-align: left;
  }
dl.txtarea dd{
  margin:0px;
  padding: 0 0 0.4vw 0.4vw;
	font-size: 1.3vw;
 letter-spacing: 0.1em;
font-family:'Montserrat', sans-serif;
  background-color: #F9F9F9;
  z-index: 2;
  text-align: right;
  }
.annotation_main{margin-right: 0;
  margin-left: auto;}
.annotation_main p {
    text-align: right;
    font-size: 1vw;
}
/*ここまでmenu*/
/*ここからgmap*/
.gmap img.gmap_bt{
width: 10vw;
position: absolute;
top: 22vw;
right: 0vw;
bottom: 0;
left: 75vw;
z-index: 2;
}
/*ここまでgmap*/
}
/*ここまでpc_css（751〜1300px）*/

/*ここからpc_css（1301px以上）*/
@media screen and (min-width:1301px) {
h2{
font-size: 43px;
margin-bottom:26px;}
h2 span {
  font-size: 15px;}	
span.fuchi{
font-size: 43px;}
#main{
width: 1100px;
margin:auto;
padding-bottom: 195px;
}
#top {
    padding: 117px 0px 150px 0px;
    width: 100%;
    overflow: hidden;
}
#title{
	margin-bottom: 13px;}
/*ここからmenu*/
.menu_item{margin: 65px auto 60px;
width: 1100px;}
.fellow{margin: -91px auto 26px;}
.item{width: 234px;
margin-bottom: 65px;}
.menu_item:after {
  content: "";
  width:  234px;
  height: 0;
}
.menu_item:before{
  content: "";
  width:  234px;
  height: 0;
  order: 1;
}
.s_category{
	width: 104px;
top:-24px;
left:-24px;}
.works_modal_open{margin: 0;
	padding: 0;
	width: 234px;
	height: 234px;}
.works_modal_open:hover{
	margin: 0;
	padding: 0;
	width: 234px;
	height: 234px;
	border-radius: 117px;
	background-color:#E8410B;
	}
.item .item_im{width: 234px;}
.item_name{font-size: 16px;
	 margin-bottom: 6px;}
.item_price{
	font-size: 17px; }
	/*ここからPOPUP*/
						.works_modal_wrapper {}
						.works_modal_window {
							width: 650px;
							padding: 52px;
							border-radius: 26px;
							
						}
						.works_modal_content {
						}
						.works_modal_mask {
						}
						.works_modal_close {
							top: 6px;
							right: 13px;
							font-size: 39px;
						}
.detail{
width: 650px;}
.detail img{width: 650px;}
.detail .item_name{
font-size: 20px;
width: 520px;}
.detail .item_price{
	right: 65px;
	top:540px;
	font-size: 26px;
	width: 91px;}
.detail .item_price_espresso{
	right: 65px;
	top:522px;
	font-size: 26px;
	width: 221px;
	}
.comment{text-align: left;
font-size: 14px;}
.annotation p{
	font-size: 10px;}
						/*ここまでPOPUP*/

/*ここからテキストメニュー*/
.flame_txtarea{width:1100px;
padding:23px 65px;}
.flame_txtarea .s_category{
	top: -26px;
	left: -26px;}
.txtarea{height: 145px;}
.txtarea_4dan{height: 192px;}
dl.txtarea div{
	  margin: 2px 0;
  padding: 9px 0 2px 0;
  }
dl.txtarea div::after{
  }
dl.txtarea dt{
	font-size: 16px;
  padding: 0 5px 0 0;
  }
dl.txtarea dd{
  padding: 0 0 5px 5px;
	font-size: 16px;
  }
.annotation_main{}
.annotation_main p {
    font-size: 13px;
}
/*ここまでmenu*/
}
/*ここまでpc_css（1301px以上）*/