@charset "utf-8";
/* CSS Document */

/* 全共通　  start------------------------------------------------------------------------------   */
body{background: rgba(0,0,0,1.00);}
/*ボタン関連*/
.line_reservation_btn{/*LINE予約*/
	font-size: 1.6rem; 
	width: 100%;  
	border-radius: 2rem;
}



/*レフトナビ　　start*******************************************************/
.left_nav_div1{width:100%!important;}
#nav_menu li {width: calc(100% / 2)!important;padding: 5px 0!important;}
.nav_menu_li_top,.nav_menu_li_btm{padding-left: 10%!important;}
/*レフトナビ　　end*******************************************************/

.footer_div1_1{width: 100%; height: auto; display: block;}
.footer_div1_1_1{width: 100%;}
.footer_div1_1_2{width: 100%!important; display:flex;}
.footer_div2{width:100%!important; display:block!important;}
.footer_div2_1{width: 100%!important;}
.footer_div2_2{width: 100%!important; text-align: center!important; }


/*タイトルなど start********************/

.section_title{width: 100%!important;}
.section_title_div1{width: 100%!important;height: 48px;!important}
.section_title_div1 div:nth-of-type(1) img{width: 100%!important; height: 25px!important;}
.section_title_div1 div:nth-of-type(1){top:1.4rem!important;}	
.section_title_div1 div:nth-of-type(2){font-size:3rem!important; }
.section_title_div1 div:nth-of-type(3){ bottom: 2.3rem!important; font-size: 1.8rem!important; }

.section_subtitle{width: 92%; font-size: 1.6rem; background: rgba(59,55,102,1.00); padding: 0.5% 4% 0.5% 4% ; color: rgba(255,255,255,1.00);}

/*タイトルなど end********************/
/*フォントサイズ*/
.font13-12{font-size: 1.1rem!important;}
.font16-15{font-size: 1.5rem;}
/* 全共通　  end------------------------------------------------------------------------------   */



/*index   start*******************************************************/
#area-4{padding: 50px 0 100px 0!important;}
.index_area1{width: 100%!important; overflow: hidden;}

.h2_p{font-size: 1.5rem!important; }
#news{width: 98% !important ;  height: auto; padding: 0 1% !important ; }
#twitter{width: 98% !important ;  height: auto; padding: 0 1% !important ; padding-top: 50px!important; }

#staff_btn,#shift_btn{width:50%!important;}
#stafflist_main,#shiftlist_main,.staff_shift_tab{width: 100%!important; padding-bottom:1px!important;}
.shiftlist_div{width: 100%!important;padding: 0!important;}
.stafflist li{width: calc(97% / 3)!important;}
.stafflist{padding: 0 0 0 1%!important;}
.shiftlist_main{width:100%!important; height: 70%vh;}
.stafflist_main_block{
    display: block;
    animation: rightslide_shift 1s ease;
  }

  @keyframes rightslide_shift {
  0%	{opacity: 0; transform: translateX(-25%); width: 100%!important;}
  100%	{opacity: 1; transform: translateX(0);}
  }		
.yoko-scroll {width: 100%!important;height:65vh!important; }
/*index   end*******************************************************/
/*profile   start*******************************************************/
.swiper-container{width: 300px; height: 400px;}/*縦横大きさ3:4*/

#profile{width:100%!important;}
.staff_profile_img,.swiper-container_div{width:100%!important;}
.profile{  width: 99%; padding: 0!important; }
.profile dl{padding: 2% 0.5%!important;}
.profile dd{ width: 55%;  border-radius: 5px; padding: 0.5% 2% ; text-align: center;font-size: 2.3rem;}
.profile dd div{  background: rgba(59,55,102,1.00); border-radius: 5px; padding: 0.5% 1% 0.5% 2% ; }
.profile dt{ width: 92%; padding: 0.5% 4%;}

#profile_premier{width:100%!important;}
.staff_profile_img,.swiper-container_div{width:100%!important;}
.profile_premier{width: 99%; padding: 0!important; }
.profile_premier dl{padding: 2% 0.5%!important;}
.profile_premier dd{ width: 55%;  border-radius: 5px; padding: 0.5% 2% ; text-align: center;font-size: 2.3rem;}
.profile_premier dd div{  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dba857+0,fde1a0+21,fceecf+44,fceecf+44,eac074+79 */
background: linear-gradient(135deg,  #dba857 0%,#fde1a0 21%,#fceecf 44%,#fceecf 44%,#eac074 79%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border-radius: 5px; padding: 0.5% 1% 0.5% 2% ; }
.profile_premier dt{ width: 92%; padding: 0.5% 4%;}

/*profile   end*******************************************************/
/*wanted   start*******************************************************/
.wanted_title_font{font-size: 1.5rem!important;}

#wanted{width: 100%; padding: 2% 0 4% 0;}
.wanted_dd1{width: 45%;  border-radius: 5px; padding: 2% 0% 2% 0% ; text-align: center;font-size: 2.3rem;}
.wanted_dd2{width: 60%;  border-radius: 5px; padding: 1% 0% 3% 0% ; text-align: center;font-size: 2.3rem;}
.wanted_dd1 div,.wanted_dd2 div{background: rgba(255,255,255,1.00); color: rgba(0,0,0,1.00); border-radius: 5px; padding: 1% 1% 1% 2% ;}

.wanted_div2_1{width:auto; margin: 0; color:rgba(255,255,255,0.9); padding: 1% 4%; }


#wanted_form dl{display: block;}
#wanted_form dd{display: flex;}
#wanted_form dt{display: flex;}

#wanted_form{width: 100%; height: auto;  list-style-type: none; display: block; margin-left: auto;margin-right: auto; }
.wanted_form_div1{width:100%; margin: 0; border-radius: 5px; padding:0px; color: white;}
.wanted_form_div2{width:100%; background: rgba(227,227,227,1.00);  padding:0; color: white;}
.wanted_form_div2 dl:nth-of-type(2n){background: rgba(240,240,240,1.00)!important;}
/*要素名:nth-of-type(odd) or (2n + 1)偶数*/
/*要素名:nth-of-type(even) or (2n)奇数*/
.wanted_form_div2 dl{height: auto;}
.wanted_form_div2 dd{width: 96%; padding: 2%; }
.wanted_form_div2 dd div{color: rgba(0,0,0,1.00); font-size: 1.6rem;}
.wanted_form_div2 dt {width: 96%; padding: 2%; }
.focus_text1{width: 100%; height: 40px;}
.focus_text2{width: 70%; height: 40px;}
.focus_select{width: 100%; height: 40px;}
.wanted_div_daytime div:nth-of-type(1),.wanted_div_daytime div:nth-of-type(2){width: 50%; }
.focus_day,.focus_time{ width: 100%; height: 40px;}
.focus{color: rgba(0,0,0,1.00);}

/*wanted   end*******************************************************/
/*wanted_completion   start*******************************************************/
#wanted_completion{width: 100%; height: 100vh; padding: auto; margin: auto;}
.wanted_completion_div2{width: 100%;}
/*wanted_completion   end*******************************************************/
/*access   start*******************************************************/

.access_iframe{
	width: 100%;
	height: 70vh!important;
	border-radius: 0.5rem;
}

/*access   end*******************************************************/
/*reservation   start*******************************************************/
.tab-002 {width: 100%;}

.tab-002 > label {font-size: 1.5rem!important;}
#reservation2_form{width: 100%; }

.reservation2_title_font{font-size: 2rem!important;}

#reservation2{width: 100%; padding: 2% 0 4% 0;}
.reservation2_dd1{width: 45%;  border-radius: 5px; padding: 2% 0% 2% 0% ; text-align: center;font-size: 2.3rem;}
.reservation2_dd2{width: 60%;  border-radius: 5px; padding: 1% 0% 3% 0% ; text-align: center;font-size: 2.3rem;}
.reservation2_dd1 div,.reservation2_dd2 div{background: rgba(255,255,255,1.00); color: rgba(0,0,0,1.00); border-radius: 5px; padding: 1% 1% 1% 2% ;}

.reservation2_div2_1{width:auto; margin: 0; color:rgba(255,255,255,0.9); padding: 1% 4%; }


#reservation2_form dl{display: block;}
#reservation2_form dd{display: flex;}
#reservation2_form dt{display: flex;}

#reservation2_form{width: 100%; height: auto;  list-style-type: none; display: block; margin-left: auto;margin-right: auto; }
.reservation2_form_div1{width:100%; margin: 0; border-radius: 5px; padding:0px; color: white;}
.reservation2_form_div2{width:100%; background: rgba(227,227,227,1.00);  padding:0; color: white;}
.reservation2_form_div2 dl:nth-of-type(2n){background: rgba(240,240,240,1.00)!important;}
/*要素名:nth-of-type(odd) or (2n + 1)偶数*/
/*要素名:nth-of-type(even) or (2n)奇数*/
.reservation2_form_div2 dl{height: auto; padding-bottom: 5%;}
.reservation2_form_div2 dd{width: 96%; padding: 2%; }
.reservation2_form_div2 dd div{color: rgba(0,0,0,1.00); font-size: 1.6rem;}
.reservation2_form_div2 dt {width: 96%; padding: 2%; }
.reservation2_focus_text1{width: 100%; height: 40px;}
.reservation2_focus_text2{width: 70%; height: 40px;}
.focus_select{width: 100%; height: 40px;}
.reservation2_div_daytime div:nth-of-type(1),.reservation2_div_daytime div:nth-of-type(2){width: 50%; }
.focus_day,.focus_time{ width: 100%; height: 40px;}
.focus{color: rgba(0,0,0,1.00);}

.submit_div{padding: 8% 0;}

/*reservation   end*******************************************************/
/*termsofservice   start*******************************************************/
/*prohibited matters = 禁止事項*/
.prohibited dl {font-size: 1.3rem;}
.prohibited dd {font-size: 1.3rem;}
/*termsofservice   end*******************************************************/

/*service   start*******************************************************/
.price_div_option{width: 100%; height: auto; padding: 5% 0 10% 0!important;}	
.price_table_height table td{font-size: 1.5rem!important; padding: 0.7rem 0;}

.price_table_time{font-size: 1.3rem; }
.price_table_time::after{content: " ";}

.price_table_price{	font-size: 1.6rem;}

.option_table_div div:nth-of-type(1){width: 15%!important;font-size:}	
.option_table_div div:nth-of-type(2){width: 56%!important;}	
.option_table_div div:nth-of-type(3){width: 25%!important;font-size: 1.5rem;}	
/*service   end*******************************************************/