@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* CSS Document */

body{ font-size: 18px; font-family: 'Open Sans', Helvetica Neue, Sans-serif; max-width: 1620px; margin: 0 auto;color:rgb(51,51,51) !important; }
img{ border: 0; max-width: 100%; height: auto; }
a{ text-decoration: none; }
a:hover{text-decoration: none !important;opacity: 0.85;transition: opacity 0.4s ease-in;}
strong{font-weight:bold;}
p{color:rgb(51,51,51);}
.br1050{display:none;}

/*グローバルナビゲーション*/
.drawer-navbar .drawer-menu-item{ line-height: 60px; padding: 0;}
.drawer-navbar{ max-width: 1620px !important; height: 60px; }
.drawer-navbar-header{width:17.543%;}
.drawer-nav{ font-weight: bold; line-height: 60px;}
.drawer-menu a{ text-decoration: none; color: #FFFFFF;  display: block; }
.drawer-menu a:hover{ opacity: 0.7; color: #fff;}
.drawer-brand{ padding-right: 0; padding-left: 0; }
.drawer-navbar,.drawer-nav{ background-color: #654001;}
.drawer-menu li {padding:0;}
.drawer-menu li span{/*border-left: solid 1px #fff; */padding:0 20px;}
.drawer-menu li span:last-child{/*border-left: solid 1px #fff;*/ padding-left: 20px; padding-right: 20px;/* border-right: solid 1px #fff;*/}
.logo{width:100%;min-width: 120px;max-width:200px;z-index: 1;}
.carousel{z-index:0;}
.drawer-toggle drawer-hamburger{z-index: 99999}
.sub-menu{display: none;}

@media screen and (max-width:1023px){
  .drawer--navbarTopGutter{padding-top:0;}
  .drawer-navbar{height:0;}
	.drawer-navbar-header{ width:100%; text-align: left; padding-left: 0;height:0; }
	.drawer-navbar-header img{ width: 100px; height: auto;}
	/*.drawer-navbar .drawer-navbar-header{ background-color:#654001;}*/
	.drawer-hamburger{background-color: #fff; margin-right: 13px;}
  .drawer-menu li span{border-left:0;border-right:0;border-bottom:0;display: block; padding:0 20px;}
  .drawer-menu li span:last-child{border-left:0;border-right:0; padding-left: 20px; padding-right: 20px;}
  .drawer-menu .sub-menu li{height:auto;padding:1rem 0;}
  .drawer-menu .sub-menu li span{border-bottom:0;line-height: 1.5em;}
  .sub-menu{display: block;}
}

/*共通　レスポンシブ画像表示切り替え*/
.pc_disp{display: block;}
.sp_disp{display: none;}

@media screen and (max-width:720px){
  .pc_disp{display: none;}
  .sp_disp{display: block;position: relative;}
}
  
/*グローバルナビゲーション採用情報ページ*/
#saiyou1 .drawer-navbar,#saiyou1 .drawer-nav,#saiyou2 .drawer-navbar,#saiyou2 .drawer-nav{ background-color:#F5ECDB; }
#saiyou1 .drawer-menu a,#saiyou2 .drawer-menu a{ text-decoration: none; color: #000000;  }
#saiyou1 .navleft,#saiyou2 .navleft{border-left: solid 1px #000; padding-left: 20px; padding-right: 20px;}
#saiyou1 .navright,#saiyou2 .navright{ border-right: solid 1px #000; }

/*グローバルナビゲーションハレパンページ*/
#harepan-kashima .drawer-navbar,#harepan-kashima .drawer-nav,#harepan-kashima .drawer-navbar .drawer-navbar-header{ background-color: #002449; }
#harepan-kashima .drawer-menu a{ text-decoration: none; color: #FFFFFF;  }
#harepan-kashima .navleft{border-left: solid 1px #FFFFFF; padding-left: 20px; padding-right: 20px;}
#harepan-kashima .navright{ border-right: solid 1px #FFFFFF; }

/*グローバルナビゲーション焼肉の牛子ページ*/
#gyuko .drawer-navbar,#gyuko .drawer-nav,#gyuko .drawer-navbar .drawer-navbar-header{ background-color: #BD000C; }
#gyuko .drawer-menu a{ text-decoration: none; color: #FFFFFF;  }
#gyuko .navleft{border-left: solid 1px #FFFFFF; padding-left: 20px; padding-right: 20px;}
#gyuko .navright{ border-right: solid 1px #FFFFFF; }

/*グローバルナビゲーションらーめん源之丞ページ*/
#gennojo .drawer-navbar,#gennojo .drawer-nav,#gennojo .drawer-navbar .drawer-navbar-header{ background-color: #742A0C; }
#gennojo .drawer-menu a{ text-decoration: none; color: #FFFFFF;  }
#gennojo .navleft{border-left: solid 1px #FFFFFF; padding-left: 20px; padding-right: 20px;}
#gennojo .navright{ border-right: solid 1px #FFFFFF; }

/*グローバルナビゲーション唐揚げ専門源まる商店ページ*/
#genmaru .drawer-navbar,#genmaru .drawer-nav,#genmaru .drawer-navbar .drawer-navbar-header{ background-color: #FFDB00; }
#genmaru .drawer-menu a{ text-decoration: none; color: #000;  }
#genmaru .drawer-menu li span{/*border-left: solid 1px #000;*/ padding:0 20px;}
#genmaru .drawer-menu li span:last-child{/*border-left: solid 1px #000;*/ padding-left: 20px; padding-right: 20px; /*border-right: solid 1px #000;*/ }
#genmaru .navleft{border-left: solid 1px #000; padding-left: 20px; padding-right: 20px;}
#genmaru .navright{ border-right: solid 1px #000; }


@media (min-width: 75em){
.drawer-container { max-width: 1140px; }
}

@media (min-width: 64em){
	.drawer-container { max-width: 1140px; }
	.drawer-navbar{ border-bottom:0; }
}

/*スライダー*/
.bx-wrapper { margin: 0 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; background: none !important; }
.bxslider img{ max-width: 1620px; width: 100% !important; height: auto !important; }
.bxslider-wrap{ position: relative; width: 100%; height: auto; display: block; }
.bxslider-wrap li{ position: absolute; top: 0; }

/*共通*/
.container{ max-width: 1620px; width:100%;padding:0;}
.container-bg{ max-width: 1620px; background-color: #F5ECDB;}
.wrap1{ max-width: 1140px; width: 100%;  margin: 0 auto; }
.wrap2{ max-width: 1380px; margin: 0 auto;}
.section1,.section,.section2{ margin: 0 auto; padding-top: 60px; padding-bottom: 60px; }
.mb{ margin-bottom: 60px; }
.topimg1{ height: 480px; text-align: center; line-height: 480px; width:1140px; margin: 0 auto; font-size: 48px; font-weight: bold; }
.article h2{ font-size: 24px; font-weight: bold; }
.article{ max-width: 1140px; width: 80%; margin: 0 auto; line-height: 40px; }
h3{font-size: 24px; font-weight: bold;}
.bt{text-align: center !important; margin-top:3.334em;}

/*SVGに適用*/
.title_bt180{width:180px;}
.title_bt240{width:240px;}
.title_bt280{width:280px;}

@media screen and (max-width:1140px){
	.container{ width: 100% !important; padding:0;}
	.container-bg{ max-width: 100%;}
	.wrap1{ max-width: 100%;}
	.wrap2{ max-width: 100%;}
	.section1{ padding-top: 40px; padding-bottom: 40px; }
	.section2{ padding-top: 60px; padding-bottom: 40px;}
  .wrap1 .article{width:90%;}
  .carousel-indicators{display: none;}
}



/*TOP-最新情報*/
.saishin-top-container{ background-color: #654001; }
.saishin-top{position: relative;}
.saishin-top h2{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);font-size:2.334em;font-weight: 300;}
.section1 h2,.section h2,.section2 h2{ text-align: center; margin-bottom: 60px; }
.saishin-date{ border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 0 10%; color: #fff; margin-bottom: 60px;}
.saishin-date dt{font-size: 0.9em}
.saishin-date dd a{color:#fff;font-size:1.334em;}
.saishin-date dd a:hover{color:#fff;text-decoration: none !important;opacity: 0.85;transition: opacity 0.4s ease-in;}
.saishin-date dl:first-child{ padding-bottom: 40px; }

@media screen and (max-width:1140px){
  .saishin-date {padding:0 10%}
  .saishin-date dl:first-child{padding-bottom:1em}
  .saishin-date dd a {font-size:1em;text-decoration: underline;}
}

@media screen and (max-width:720px){
  .saishin-top h2{font-size:1.5em;font-weight:bold;}
}

/*TOP-店舗情報*/
.tenpo-top-container{ background: linear-gradient(180deg,#fff 0%,#fff 400px,#B88F4D 100px,#B88F4D 100%); }
.tenpo-item img{ max-width:449px; height: auto; }
.tenpo-flex{ display: flex; flex-direction: row; justify-content:center;margin: 0 auto;}
.tenpo-item1{ margin-right: 50px; }
.tenpo-item3{ margin-left: 50px; }
.second {max-width: 30%;}

@media screen and  (max-width:1200px){
	.tenpo-flex{max-width: 90%;}
}

/*TOP-思いとビジョン*/
.vision {position: relative;}
.vision img{height: auto;margin-bottom:60px;}
.vision p.bt{position: absolute; bottom: 0;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}

@media screen and (max-width:720px){
  .sp_disp .vision{margin-bottom:0;}
  .sp_disp .vision img{margin-bottom:0;}
  .sp_disp .vision p.bt{bottom:2%;} 
  .sp_disp .section1 h2,.section h2,.section2 h2{margin-bottom:30px}
}

/*TOP-採用情報*/
.saiyou-top-container{ background-color: #F5ECDB; }
.saiyou{width: 100%; }
.pc{display: block;}
.sp{display: none;}

/*TOP-会社概要*/
.gaiyou-top-container table{ width: 100%;max-width:900px; margin: 0 auto; border: 2px solid #333; font-size: 21px; }
.gaiyou-top-container table th,.gaiyou-top-container table td{ border: 1px solid #333; padding: 10px 10px 10px 20px; text-align: justify; }
.gaiyou-top-container table th{ width: 30%; }
.gaiyou-top-container table td{ width: 70%; }
.map{ margin-bottom: 60px; margin-top: 60px; }
.map iframe{ width: 100%; height: 523px; }
.info-logo{width:35%;margin:5%;}

/*TOP-お問合せ*/
.otoiawase-top-container form{ width: 90%; margin: 0 auto; font-size: 21px; }
.otoiawase-top-container table th{ width: 30%; text-align:justify; vertical-align: middle;}
.otoiawase-top-container table{ margin-bottom: 60px; }
input[type="text"],input[type="tel"],input[type="email"],input[type="email"]{ width: 100%; border: solid 1px #333; height: 60px; margin-bottom: 0; box-sizing: border-box; }
textarea{ width: 820px; border: solid 1px #333; height: 440px; box-sizing: border-box; }

@media screen and (max-width:1140px){
  .otoiawase-top-container form{ width: 90%; margin: 0 auto; font-size: 21px; }
}
@media screen and (max-width:720px){
	/*TOP-最新情報*/
	.section1 h2{ margin-bottom: 40px; }
	.saishin-date{ border-left:none; border-right: none; padding-left: 0; padding-right: 0; margin-bottom: 40px; }
	/*TOP-店舗情報*/
	.tenpo-top-container{ background: #B88F4D}
	.tenpo-item img{ max-width:449px; height: auto; }
	.tenpo-flex{ display: flex; flex-direction: row; justify-content:center;max-width: 100%;}
	.tenpo-item1{ margin-right: 0; }
	.tenpo-item3{margin-left: 0;}
	.tenpo-item1,.tenpo-item2, .tenpo-item3{margin-bottom: 60px; text-align: center;padding:3%;}
	.mb{ margin-bottom: 0; }
	.second {max-width: 33%;}
	
	/*TOP-思いとビジョン*/
	.vision{ margin-bottom: 60px; background-image:none;  color: #fff; font-size: 36px; height: auto;}
	.vision-text{ width: 418px; padding-top: 0; margin: 0 auto; }
	.vision-container{background-image: url(../images/s_b_omoi_2.jpg); background-repeat: no-repeat; height: 660px;}
	
	/*TOP-採用情報*/
	.saiyou{ margin-bottom: 0; width: 100%; }
	.pc{display: none;}
	.sp{display: block;}
  
	
	/*TOP-会社概要*/

  /*TOP-お問合せ*/
  .otoiawase-top-container form{ width: 90%; margin: 0 auto; font-size: 21px; }
  .otoiawase-top-container table th{ width: 8.888%; text-align:justify; vertical-align: top;}
  .otoiawase-top-container table{ margin-bottom: 60px; }
  input[type="text"],input[type="tel"],input[type="email"],input[type="email"]{ width: 100%; border: solid 1px #333; height: 40px; margin: 2% 0; box-sizing: border-box; }
  textarea{ width: 100%; border: solid 1px #333; height: 440px; box-sizing: border-box; }

}

/*page-思いとビジョン*/
.page-container{ background-color: #654001; }
#gyuko .page-container{ background-color: #ffffff; }
#gennojo .page-container{ background-color: #ffffff; }
#genmaru .page-container{ background-color: #ffffff; }
#harepan-kashima .page-container{ background-color: #ffffff; }

.page-container .wrap1{ background-color: #fff; }
.shomei{ text-align: right; margin-top: 60px;}
.relative{ position:relative;}
.vision-top{ background: url(../images/b_omoi.png); color: #fff; }
.shugo{text-align: center; padding-top: 45px; padding-bottom: 60px; }
.v-box{width:100%;margin-left:0;display: inline-block;}
/*.page-shachou-img{display: inline-block;width:29%;text-align: center;}*/
.page-shachou-img img{width:70%;}

/*page-最新情報*/
.saishinjyoho_top{ background: url(../images/b_saishin.jpg); color: #000; }
.data{ color: #654001; line-height: 27px; font-weight: bold; margin-bottom: 20px; }
h2.title{ text-align: left; margin-bottom: 20px; }
.text{ border-top: solid 1px #707070; padding-top: 36px; margin-bottom:3.334em; }

@media screen and (max-width: 1050px){
	.br1050{display:block;}
	.nenmatsu2024_child {
		display: flex!important;
		flex-direction: column!important;
		align-items: center;
	}
	.nenmatsu2024_child .block{
		width: 100%!important;
	}
	.tenponame, .business-hours {display: none!important;}
	.tenponame02 {background: #e8e8e8;}
}


/*page-採用情報１*/
.saishin-top{text-align: center;}
.saiyou-container{ background-color: #fff; margin: 0 auto; }
.b-box{ width:100%; border: 1px solid #000; padding: 30px; box-sizing: border-box; display: flex; flex-direction: row; margin-bottom: 60px; background-color: #fff;}
.saiyou-title{ font-size: 28px; line-height: 1.6em; font-weight: bold; }
.saiyou-img img{min-width:270px;max-width:270px;width:100%;}
.saiyou-text{ font-size: 21px; border: 1px solid #000; padding: 30px; line-height: 32px; display: flex; flex-direction: row; flex-wrap:wrap;}
.saiyou-text p{ padding-left: 30px;}
.box{ margin-left: 26px; width: 736px;}
/*page-採用情報 スタッフの声*/
.staff-wrap{ margin: 0 auto; width: 1180px;}
.staff{ display: flex; flex-direction: row; flex-wrap: wrap; }
.box2{ width: 570px; height: auto; background-color: #fff; text-align: center; padding-top: 29px; margin-bottom: 40px;}
.box2 p{ width: 508px; margin-left: 31px;}
.box2:first-child{ margin-right: 40px;}
.staff-title{ font-size: 36px; padding-top: 27px; padding-bottom: 30px;}
.staff-name{ background-color: #DD5000; border: solid 1px #707070; font-size: 36px; margin-bottom: 37px; color: #fff; padding-top:16px; padding-bottom: 14px; }
.kinmu{ font-size: 21px;}

/*page-採用情報２*/
.b-box2{ width:1140px; padding: 30px; margin-bottom: 60px; border: 1px solid #000; box-sizing: border-box;}
.saiyou2-box{ border: solid 1px #000;}
.saiyou-flex{ display: flex;}
.kyuujin-text{ width: 820px;}
.kyuujin-text h3{ font-size: 24px;padding-bottom: 30px; font-weight: bold;}
.kyuujin-text article{ padding-top: 30px; border-top: 1px solid #000; padding-bottom: 60px; }
.go-top{ text-align: center;}

.int p{padding:1em;}


@media screen and (max-width:720px){
  /*思いとビジョン*/
  .section1, .section, .section2{padding:30px 0}
  .v-box,.sp_disp section article p{width:100%;margin-left:0;font-size:1em;line-height: 1.85em;}
  .page-shachou-img{position: static;text-align: center;}
  .page-shachou-img img{width:40%;}
  /*採用コンテンツ*/
  .b-box{width:90%;margin:0 auto;padding:20px;display: block;}
  .b-box h3.saiyou-title{font-size:1em;line-height: 1.2em;margin-bottom:3%;}
  .box{margin-left:0;width:100%;}
  .box .saiyou-img{text-align: center;}
  .box .saiyou-img img{width:100%}
  .box .saiyou-text{font-size:1em;line-height:1.2em;padding:1em 0;border:0;}
  .box .saiyou-text p{padding:0}
  /*会社概要*/
  .gaiyou-top-container table{width:90%;font-size:1em;border: 1px;}
  .gaiyou-top-container table th, .gaiyou-top-container table td{padding:2%;text-align:left;}
}

/*page-ハレパン*/
.harepan-box{text-align: center; padding-top: 60px; padding-bottom: 60px;}
.h-box{text-align: center}
.harepan-wrap{max-width: 740px;width:100%; margin: 0 auto;}
.harepan-img{ text-align: center; margin-bottom: 60px;}
.harepan-wrap h3{ text-align: center; margin-bottom: 60px; margin-top: 60px;}
.harepan-wrap article,.harepan-wrap figcaption{line-height: 40px;}
.harepan-flex{display: flex; margin-bottom: 30px; }
.harepan-flex figcaption{width: 370px;}
.harepan-flex figure{ padding-left: 99px;}

/*page-焼肉の牛子・らーめん源之丞*/
.gyuko-box{text-align: center; padding-top: 60px; padding-bottom: 60px;}
.gyuko-wrap{max-width: 740px;width:100%; margin: 0 auto;}
section.gyuko h3{text-align: center;margin-bottom:60px;line-height:1.5em;}
section.gyuko p{text-align:left;margin-bottom:60px;line-height:1.85em;}
.gyuko-img{width:100%;max-width:1140px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.gyuko-img img{max-width:550px;width:100%;max-height:440px;margin:0 auto;}

/*page源まる商店*/
.fullwidth {max-width: 1140px;width:100%; margin: 0 auto;}

/*店舗紹介*/
#tenpo_info{display:flex;flex-wrap:wrap;width:90%;margin:0 auto;justify-content: center;background-color: #fcfcfc;}
#tenpo_info dt{display:table-cell; width:30%;padding:2%;margin:0;border: 1px solid #E8E7E7;border-collapse: collapse;}
#tenpo_info dd{display:table-cell; width:68%;padding:2%;margin:0;border: 1px solid #E8E7E7;border-collapse: collapse;line-height:1.6em;}
#tenpo_info a{text-decoration: underline;color:#0000ff;word-break: break-all;}

@media screen and (max-width:720px){
  #tenpo_info{width:95%;}
  section.gyuko article{width:90%;}
  section.gyuko article h3{font-size:1.1em}
  section.gyuko p{font-size:1em;}
  .gyuko-img img{width:50%;height:50%;}
  
  .harepan img{width:50%;height:50%;}
  .harepan-wrap {width:90%;}
  .harepan-wrap p,.harepan-wrap ul li{font-size:1em;color:rgb(51,51,51);}
  
  .harepan-flex{display: block;margin-bottom: 0;}
  .harepan-flex figcaption{width:100%;}
  .harepan-flex figure{padding:0;}
  .harepan-flex img{width:100%;margin:5% 0;}
  .harepan-wrap article,.harepan-wrap figcaption{line-height: 1.5em;font-size:1em;}
  .harepan-wrap h3{font-size:1.1em;text-align: center}
}
@media screen and (max-width: 480px) {
  section.gyuko p{font-size:1rem;}
	section.gyuko article h3{font-size:1rem;}
  
  .int p{padding:1em 0;}
  .sp_disp .section1 h2, .section h2, .section2 h2{
    font-size:1.2rem;
  }
}

/*フッター*/
.footer-container{ padding-top: 60px; padding-bottom: 60px; background-color: #654001; color: #fff; text-align: center;}
.footer-container ul{ margin: 0 auto; font-weight: bold; display: flex; flex-direction: row; justify-content:center; }
.footer-container li{ border-left: solid 2px #fff; line-height: 24px; margin: 0; padding-left: 15px; padding-right: 15px;}
.footer-container li:last-child{ border-right: 2px solid #fff; }
.footer-container ul li a{text-decoration: none; color: #fff; display: block;}
.footer-container a:hover{ opacity: 0.7; }
.copy p{ text-align: center; margin-top: 40px; color: #fff; line-height: 1.2em; }

/*フッター採用情報ページ*/
.footer-saiyou{ background-color: #F5ECDB; color: #000;}
.footer-saiyou ul li a{text-decoration: none; color: #000; display: block;}
.footer-saiyou li{ border-left: solid 2px #000; line-height: 24px; margin: 0; padding-left: 15px; padding-right: 15px;}
.footer-saiyou li:last-child{ border-right: 2px solid #000; }

/*フッターハレパンページ*/
.footer-harepan{ background-color: #002449; color: #FFFFFF;}
.footer-harepan ul li a{text-decoration: none; color: #FFFFFF; display: block;}
.footer-harepan li{ border-left: solid 2px #FFFFFF; line-height: 24px; margin: 0; padding-left: 15px; padding-right: 15px;}
.footer-harepan li:last-child{ border-right: 2px solid #FFFFFF; }

/*フッター焼肉の牛子ページ*/
.footer-gyuko{ background-color: #BD000C; color: #FFFFFF;}
.footer-gyuko ul li a{text-decoration: none; color: #FFFFFF; display: block;}
.footer-gyuko li{ border-left: solid 2px #FFFFFF; line-height: 24px; margin: 0; padding-left: 15px; padding-right: 15px;}
.footer-gyuko li:last-child{ border-right: 2px solid #FFFFFF; }

/*フッターらーめん源之丞ページ*/
.footer-gennojo{ background-color: #742A0C; color: #FFFFFF;}
.footer-gennojo ul li a{text-decoration: none; color: #FFFFFF; display: block;}
.footer-gennojo li{ border-left: solid 2px #FFFFFF; line-height: 24px; margin: 0; padding-left: 15px; padding-right: 15px;}
.footer-gennojo li:last-child{ border-right: 2px solid #FFFFFF; }

/*フッター源まる商店ページ*/
.footer-genmaru{ background-color: #FFDB00; color: #000;}
.footer-genmaru ul li a{text-decoration: none; color: #FFFFFF; display: block;}
.footer-genmaru li{ border-left: solid 2px #000; line-height: 24px; margin: 0; padding-left: 15px; padding-right: 15px;}
.footer-genmaru li:last-child{ border-right: 2px solid #000; }
.footer-genmaru .copy p{ text-align: center; margin-top: 40px; color: #000; }

@media screen and (max-width:720px){
  .footer-container {padding-top:0}
  .footer-container .menu-menu-container{display: none;}
}

/*form周り*/
input[type="submit"] {width:180px;}
