@charset "euc-jp";
* {
    margin: 0;
    padding: 0;
    line-height: 1;
}

/*------------------------------------------------*/
/*     �١���     */
/*------------------------------------------------*/
body{
    font-family: 'Noto Sans JP', sans-serif;
	font-size: 100%;
	width: 100%;
        height: 100%;
    font-weight: 300;
    text-align: center;}

    a{text-decoration: none;color: #000000;}

    img{backface-visibility: hidden;-webkit-backface-visibility: hidden;}
    /*a img:hover{opacity: 0.8;transition :  0.2s;}*/
    
    a img{border:none;}
    
    ul,li,dl,dt,dd,p,h1,h2,h3,h4{margin: 0px;padding: 0px;list-style: none;}

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');


/*------------------------------------------------*/
/*     ����ƥ�ĥ١���     */
/*------------------------------------------------*/
#kitchen2023{font-size: 14px;overflow: hidden;}


#kitchen2023 .main{
  box-sizing: border-box;
  color: #FFF;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%
}

section{
  position: relative;
  clear: both;
  display: block;}

  /*.material-symbols-outlined {
    font-size: 36px !important; 
  }

  .material-symbols-outlined:hover{color: #5f6472 !important;}
*/



/*------------------------------------------------*/
/*     �ե����    */
/*------------------------------------------------*/
#kitchen2023 h2,h2.txt_title{ font-size:5em; font-weight: 800;}
#kitchen2023 h2+p
{ font-size:1.5em;font-weight: 700;margin: 20px 0 50px 0;}

#kitchen2023 h2.txt_title{margin-top: 100px;}

#kitchen2023 h3{ margin: 1em 0;
  font-weight: 900;
  font-size: 1.5em; }
#kitchen2023 h3 span{color:#e6e9d5;margin: 0 0.5em;}


#kitchen2023 h5{
  font-size: 2em;
  font-weight: 600;
  position: relative;
  display: inline-block;
  padding-top:10px;
 }

 #kitchen2023 h5::after{   /*�ᥤ���ʥ����ȥ��ѥܡ�����*/
	content: '';
	display: block;
	position: absolute;
	/*left: 50%; /* ����Ĵ�� */
	/*transform: translate(-50%); /* ����Ĵ�� */
	bottom: -20px; /* �����ξ岼����Ĵ�� */
	width: 30px; /* �������� */
	height: 2px; /* ���������� */
	background-color: #fff; /* �����ο� */
}

#kitchen2023 h5+p{
  font-size:1.1em;
  margin: 2em 0;
  padding-bottom: 0.5em;
  line-height: 1.7;
}
#menu dt{    margin: 0.5em 0;}

#kitchen2023 h6{margin: 0.5em 0 1.5em;font-size: 1em; font-weight: 500;line-height: 1.5; color: 111;}
#kitchen2023 h6+h5{margin-bottom: 1em;}

/*------------------------------------------------*/
/*     �ѥ��å�������     */
/*------------------------------------------------*/

.cd_flixd{
  position: relative;
  min-height: 100%;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2;
}

/*�����ƥ����طʲ�����*/
.cd_flixd.bg01{
  background-image: url('https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/lp_kitchen2023/new_bg.jpg'); /*�˥塼�����ƥ��طʲ���*/

  text-align:center;
  margin: 0 auto;
  min-height: 100%;
}

.cd_flixd.bg02{
background-image: url('https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/lp_kitchen2023/pf_bg.jpg'); /*�顦�ե饤�ѥ��طʲ���*/
text-align:center;
margin: 0 auto;
min-height: 100%;
}

.cd_flixd.bg03{
  background-image: url('https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/lp_kitchen2023/wmt_bg.jpg'); /*�������ޥ�������֥顼�طʲ���*/
  text-align:center;
  margin: 0 auto;
  min-height: 100%;
}


.cd_flixd.bg04{
  background-image: url('https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/lp_kitchen2023/kt_bg.jpg'); /*���å���ġ����طʲ���*/
  text-align:center;
  margin: 0 auto;
  min-height: 100%;
}
  
.cd_flixd.bg05{
  background-image: url('https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/lp_kitchen2023/cmk_bg.jpg'); /*�����ҡ��᡼���������ȥ��طʲ���*/
  text-align:center;
  margin: 0 auto;
  min-height: 100%;
}

.cd_flixd.bg06{
  background-image: url('https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/lp_kitchen2023/ka_bg.jpg'); /*�����ҡ��᡼���������ȥ��طʲ���*/
  text-align:center;
  margin: 0 auto;
  min-height: 100%;
}

.cd_flixd.bg07{
  background-image: url('https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/lp_kitchen2023/ot_bg.jpg'); /*�����ҡ��᡼���������ȥ��طʲ���*/
  text-align:center;
  margin: 0 auto;
  min-height: 100%;
}

/*------------------------------------------------*/
/*     �饤�ȥʥ�     */
/*------------------------------------------------*/

.sp_nav {
  position: fixed;
  top: 3vw;
  right: 3vw;
  display: flex;
  border-radius: 100%;
  /*height: 6vw;
  width:  16vw;*/
  justify-content: center;
  align-items: center;
  z-index: 90;
  /*background-color: #856854;*/
  opacity: 0.9;
}
.sidemenu {
  height: 100vh;
  position: fixed;
  right: -50%; /*��˥塼��*/
  transition: all 0.6s;
  top: 0;
  width: 23%; /*��˥塼��*/
  z-index: 2;
  background-color: #1b1d24;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: scroll;

  scrollbar-width: none; /*Firefox�б��Υ���������С���ɽ��������*/  
  -ms-overflow-style: none;/*Internet Explore�б��Υ���������С���ɽ��������*/ 
}


.sidemenu::-webkit-scrollbar {  
  display: none; /*Google Chrome��Safari��Microsoft Edge�б��Υ���������С���ɽ��������*/
}


.sidemenu nav ul li {
  border-bottom: 1px solid #fff;
  padding: 5px 0;
}
.sidemenu nav ul li a{
  display: block;
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  margin-top: 20px;
  padding: 5px 15px 5px 0;
}

a.anchor:hover h4{
  color:#b7cde5 ; transition: 0.1s ease-in-out;
}


.sidemenu nav ul li span{
  display: block;
  font-size: 3.5vw;
}

/*.hamburger {
  color:#fff;
  cursor: pointer;
  z-index: 3;
  line-height: 1.1em;
}*/



#js_hamburger{
  display: inline-block;
  width: 70px;
  height: 66px;
  cursor: pointer;
  padding: 0 5% 0 7%;
  /*background: #c7b397;*/
}

.hamburger span,
  .hamburger span:before,
  .hamburger span:after {
    content: '';
      display: block;
      height: 2px;
      width: 60px;
      border-radius: 2px;
      background-color: #fff; 
      position: absolute;
      transition: all 0.5s ease-in-out 0s;
      box-shadow: 0px 0px 10px -1px #777777;
      top: 14px;
  }
  
  .hamburger span::before {
    bottom: 12px;
  }
  
  .hamburger span::after {
    top: 28px;
  }


/*��˥塼����å������� ��*/
.nav_open .sidemenu {
  right: 0;
}
.nav_open .overlay {
  opacity: 0.8;
  visibility: visible;
}
/*��˥塼����å����˥塼�����ط� ��*/
.overlay {
  background-color: transparent;
  cursor: pointer;
  height: 100vh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: all 0.6s;
  visibility: hidden;
  width: 100vw;
  z-index: 1;
}


/*------------------------------------------------*/
/*     �ݥ���ȴԸ�    */
/*------------------------------------------------*/

/*-----�����Ģ�-----*/
.catch_txt{
  font-size: 1.6em;
  font-weight: 600;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 9%;
  left: 58%;
  padding: 1% 1.2% 1.5%;
  background-color: #af0b29;
  line-height: 1.7em;
}

.catch_day{
  font-size: 0.7em;
}



/*-----���������ѥ�������-----*/


/*����*/
.item_box, .item_main_txtarea{
  position: relative;
}


.p_icon01, .p_icon02{
  padding: 3.55% !important;
  background-color: #af0b29;
  font-weight: 500;
  color: #fff;
  text-align: center;
  letter-spacing:0.2em;
}


/*������*/
.p_icon01{
  position: absolute;
  width: 93%;
}

/*�ƥ��ƥ���ᥤ��*/
.p_icon02{
  width: 93%;
  position: absolute;
  right: -0.1%;
  top: -14%;
}


/*------------------------------------------------*/
/*     ����     */
/*------------------------------------------------*/
.kanban{
    /*background-color: #9398a5;*/
    background-color: #5f6472;
    overflow: hidden;
    width: 100%;
    height: 100%;
}


h1{
    font-size:4.5em;
    font-weight: 900;
    color: #fff;
    text-align: left;
    position:absolute;
    top: 23%;
    left:58%;
}


.obj{
    width:62%;
    display: block;
    margin: 6.5% auto;
  }



/*------------------------------------------------*/
/*     ������     */
/*------------------------------------------------*/

.n_item {
  box-sizing: border-box;
  color: #FFF;
  font-size: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 5%;
}

/*--�������ʥԥå����åע�--*/
ul.new_item_list{display: flex;}
ul.new_item_list li{/*width: calc((100% -60px )/4);*/margin-left: 20.5px;}
ul.new_item_list li.item_box{background-color: #fff; width: 270px; height: 395px;}
ul.new_item_list li img{width: 65%; padding-top: 38px;}
ul.new_item_list li:first-of-type{margin-left: 0;}
/* ul.new_item_list div.pickupimg{position: relative;} */

/*--��Ϣ�֢�--*/
.item_number{
  display: block;
  font-size: 2.5em;
  font-weight: bold;
  margin-top: 21px;
  margin-left: 195px;
  color: #a6a6a6;
}

/*--���ԥå����å��ѥ�󥯥ܥ���--*/
.new_item_btn {
  display: inline-block;
  padding: 0.9em 1.7em 0.6em !important;
  border: 0.1em solid #111;
  margin: 0 0.3em 0.3em 0;
  border-radius: 0.12em;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #111;
  text-align: center;
  transition: all 0.2s;
}

.new_item_btn:hover {
  color: #fff;
  background-color: #000;
}


/*-----���롼�ץ��饤�������ꢧ-----*/

#loopslider {
	margin: 0 auto;
	width: 100%;
	height: 395px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

#loopslider ul {
	height: 395px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	width: 270px;
	height: 395px;
	float: left;
	display: inline;
	overflow: hidden;
}

#loopslider #loopleft {
	top: 0;
	left: 0;
	width: 50px;
	height: 395px;
	line-height: 400px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: #555;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	z-index: 99;
  font-size: 2.5em;
}
#loopslider #loopright {
	top: 0;
	right: 0;
	width: 50px;
	height: 395px;
	line-height: 400px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: #555;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	z-index: 99;
  font-size: 2.5em;
}

/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}

/*-----���롼�ץ��饤�������ꤳ���ޤǢ�-----*/




/*------------------------------------------------*/
/*     ���ƥ��궦��     */
/*------------------------------------------------*/

/*--�����饹�⡼�ե��������ꢧ--*/
.pickup_item{
  width: 100%;
  max-width: 1100px;
  padding: 80px 30px;
  margin-bottom: 80px;
  background-color: rgba(255, 255, 255, 0.1); /* �طʿ� */
  border: 1px solid rgba(255, 255, 255, 0.4); /* �ܡ����� */
  border-right-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  -webkit-backdrop-filter: blur(10px); /* �ܤ������ե����� */
  backdrop-filter: blur(10px);
  box-shadow: 0 5px 20px rgba(39, 38, 37, 0.5); /* ������ */
}

/*--���ᥤ���ʢ�--*/
.pickup_item_main{position: relative;}
.pickup_item_main dl{display: flex;}

img.item_main{
  width:750px !important;
  position: relative;
}

.item_main_txtarea{
  width: 340px;
  height: 260px;
  text-align: left;
  padding: 13px 20px;
  background-color: #c7b397;
  position: absolute;
  left: 721px;
  bottom: 382px;
}

.item_set, .item_set02{
  font-size: 1.1em;
  line-height: 1.5;
}

.item_set_02{
  position: absolute;
}

.item_set_s{
  font-size: 0.8em;
}



/*--���ᥤ���ѥܥ����󥯢�--*/
.item_link_btn a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  left: 115px;
  bottom: 37px;
  /*margin: 0 auto;*/
  padding: 0.8em 1.5em;
  width: 130px;
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
  border: solid 1px;
  /*background-color: #cccccc;*/
  transition: 0.3s;
}

.item_link_btn a::before {
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: -2em;
  transform: translateY(calc(-50% - 2px)) rotate(30deg);
  width: 12px;
  height: 2px;
  background-color: #fff;
  transition: 0.3s;
}

.item_link_btn a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -2em;
  transform: translateY(-50%);
  width: 70px;
  height: 2px;
  background-color: #fff;
  transition: 0.3s;
}

.item_link_btn a:hover {
  text-decoration: none;
  /*background-color: #bbbbbb;*/
}

.item_link_btn a:hover::before,
.item_link_btn a:hover::after {
  right: -2.5em;
}
/*--���ᥤ���ѥܥ����󥯢�--*/


/*--���ԥå����å׾��ʢ�--*/
ul.pickup_item_other{display: flex; margin-top: 20px;}
ul.pickup_item_other li{    width: calc((100% -60px )/4);margin-left: 20px;}
ul.pickup_item_other li.item_box{background-color: #fff; width: 260px; height: 340px;}
ul.pickup_item_other li img{width: 65%; padding-top: 30px;}
ul.pickup_item_other li:first-of-type{margin-left: 0;}
ul.pickup_item_other div.pickupimg{position: relative;}

/*--���ԥå����å��ѥ�󥯥ܥ���--*/
.item_other_btn {
  display: inline-block;
  padding: 0.9em 1.7em 0.6em;
  border: 0.1em solid #111;
  margin: 0 0.3em 0.3em 0;
  border-radius: 0.12em;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #111;
  text-align: center;
  transition: all 0.2s;
}

.item_other_btn:hover {
  color: #fff;
  background-color: #000;
}




/*------------------------------------------------*/
/*    ����åץڡ�����󥯥ܥ���     */
/*------------------------------------------------*/
.shoptop{
  position: fixed;
  bottom: 3%;
  left: 2%;
  z-index: 99;
  text-align: center;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  align-items: center;
  /*border: solid 3px #c0c0c0;*/
  background-color: #FFF;
  box-shadow: 0px 0px 15px -9px #777777;
  overflow: hidden;

}
.shoptop_icon{
  width: 60%;
  padding: 18px;
}

.link_txt{
  font-size: 1.2em;
  text-align: center;
  padding-top: 25px;
  color: #FFF;
  font-weight: 600;
  line-height: 1.2;
}

.mask{
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0; /*�ޥ�����ɽ�����ʤ�*/
  /*background: #357800;*/
  background: #636770; /*�ޥ����ο�*/
  border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

a.shop_link:hover .mask{
  opacity: 1; /*�ޥ�����ɽ������*/
}


/*------------------------------------------------*/
/*    ���˥᡼�����    */
/*------------------------------------------------*/

  /*========= �������������������CSS ===============*/

/*====== 9-1-1 ������ư���ƥ����������¥�� =======*/

/*������������������Τξ��*/
.scrolldown1{
  /*������֢����֤�Ŭ��Ĵ�����Ƥ�������*/
position:absolute;
left:50%;
bottom: -28px;
  /*���Τι⤵*/
height:115px;
}

/*Scroll�ƥ����Ȥ�����*/
.scrolldown1 span{
  /*�������*/
position: absolute;
left:-18px;
top: -16px;
  /*�ƥ����Ȥη���*/
color: #fff;
/*font-size: 0.7rem;*/
letter-spacing: 0.05em;
}

/* �������� */
.scrolldown1::after{
content: "";
  /*�������*/
position: absolute;
top: 0;
  /*�����*/
width: 1px;
height: 30px;
background: #fff;
  /*����ư��1.4�ä�����ư�����ʱ�˥롼��*/
animation: pathmove 1.4s ease-in-out infinite;
opacity:0;
}

/*�⤵�����֡�Ʃ�᤬�Ѳ����������夫�鲼��ư��*/
@keyframes pathmove{
0%{
  height:0;
  top:0;
  opacity: 0;
}
30%{
  height:30px;
  opacity: 1;
}
100%{
  height:0;
  top:50px;
  opacity: 0;
}
}

  /*========= ���饤���� ===============*/
  

  .swiper-container {
    width: 100%;
    max-width: 1080px;
    margin:20px;
    height: 100%;
    /*overflow: hidden;*/
    
  }
.swiper-button-prev,
.swiper-button-next {
  fill: #fff;
  stroke: none;
  stroke-width: 0;
  z-index: 10000;
  width: 20px;
  margin-top: -18px;
  background-image: none;
}
.swiper-pagination{--swiper-theme-color:black;}
.roomslider {height: fit-content;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px;
}


.swiper-button-next:after,.swiper-button-prev:after{color: #000000;}