@charset "utf-8";

/* common------------------------*/
body{ background:#FFF; }
#wrapper{ width: 100%; position: relative; overflow: hidden; }
.inner{ max-width: 1100px; margin: 0 auto; }
.gf-bad { font-family: 'Bad Script', cursive; }
.gf-limelight { font-family: 'Limelight', cursive; }
.gf-roboto { font-family: 'Roboto Condensed', sans-serif; }
.gf-yellow{ font-family: 'Yellowtail', cursive; }
#main{ position:relative; }
.sec_box{ margin-bottom:3em; }

::selection {	background:#ffcca6; }
::-moz-selection { background:#ffcca6; }

.tel a{ text-decoration:none; color:#193f8b; }
.star_stripe{ margin-bottom:50px; padding-bottom: 10px; text-align:center; font-size:2.2em; font-weight:500; 
	color:#694015; letter-spacing:0.15em;
	background:url(../img/stripe_brown.svg) center bottom no-repeat; }
.star_stripe .inb{ position:relative; display:inline-block; padding:0 20px; }
.star_stripe .small{ display:block; font-size:0.6em; font-weight:700; }
.star_stripe .inb::before{ position:absolute; content:""; width:99px; height:96px; top:20px; left:-120px;
	background:url(../img/star2.png) no-repeat 0 0 / contain; }
.star_stripe .inb::after{ position:absolute; content:""; width:110px; height:85px; top:20px; right:-120px;
	background:url(../img/star1.png) no-repeat 0 0 / contain; }
.t_col{ font-size:1.3em; font-weight:500; line-height:1.2; color:#f37e26; }
.t_col .gf-limelight{ display:block; font-size:2.5em; font-weight:normal; letter-spacing:-0.02em; }
.c_pic img{ border-radius:50%; }
.c_stripe{ padding:50px 0 0 40px; background:url(../img/c_stripe.svg) no-repeat; border-radius:50%; }
.marker{ background: linear-gradient(transparent 40%, #ffc45e 40%); }
.fuki{ padding:50px 20px 20px 50px; color:#ba682a; background:url(../img/fuki.svg) no-repeat 0 0 /contain; }
.fuki.fuki_left{ background-image:url(../img/fuki_left.svg); }
.fuki p{ margin:0; transform:rotate(-8deg); }
.sub{ font-size:1.5em; }
.a_round{ display:inline-block; margin-top:5px; padding:0.2em 1.5em 0.5em; text-decoration:none; font-size:1.05em;
		border-radius:30px; color:#FFF; background:#804a11; }
.a_round.i_arrow_w{ padding-right:3.5em; }
.i_arrow_w{ position:relative; }
.i_arrow_w::before{ position:absolute; content:""; top:-2px; right:1.2em; width:20px; height:100%;
	background:url(../img/i_arrow_w.svg) no-repeat 0 center / contain; }
.i_arrow_w:hover{ color:#FFF; background:#f37e26; }
.i_arrow_b{ position:relative; display:inline-block; padding:0.1em 2.5em 0.2em 1em; 
	text-decoration:none; color:#694015; background:rgba(243,126,38,0.3); }
.i_arrow_b::before{ position:absolute; content:""; top:-2px; right:0.6em; width:20px; height:100%;
	background:url(../img/i_arrow_b.svg) no-repeat 0 center / contain; }
.i_arrow_b:hover{ color:#694015; background:rgba(243,126,38,1.0); }
.i_flyer{ position:relative; background:#ea6752; }
.i_flyer::before{ position:absolute; content:""; top:0; right:25px; width:28px; height:100%;
	background:url(../img/i_flyer.svg) no-repeat 0 center / contain; }
.i_flyer:hover{ color:#FFF; background:#f37e26; }
.bg_w{ background:#FFF; }
.b_title{ padding:38px 0 15px; text-align:center; font-size:1.8em; font-weight:500; line-height:1.4;
	letter-spacing:0.08em; color:#FFF; background:url(../img/stripe_y.svg) no-repeat center 120% #804a11; }
.b_title .gf-bad{ display:block; font-size:0.8em; font-weight:normal; color:#ffe79c; }
.bnr_cooking{ margin:3em auto; text-align:center; }
#g_showroom .bnr_cooking{ margin:3em auto 5em; }

/* Header */
header{ position:fixed; width:100%; height:90px; z-index:100; background:#FFF; }
.wrap_logo{ position:relative; z-index: 100; }
header .logo{ width: 85%; }
header .logo.logo_w{ display:none; }
header .logo img{ width:100%; }
#headerbox.scroll .wrap_logo{ width:17%; min-height:auto; float:left; text-align:center; }
#headerbox.scroll .logo{ opacity: 1; position:static; width:70%; margin:0 auto; padding:10px 0 4px; }

/* TOP Header */
#top .wrap_logo{ width:100%; min-height:800px; }
#top header{ position: relative; height:auto; background:none; }
#top header .logo{ position:absolute; width:340px; left:50%; top:350px; margin:0 0 0 -170px; }
#top #headerbox.scroll { height: 90px; top:0; left:0; right:0;
	background:#FFF; z-index:999; transition:all .5s; }

/* Gnav */
#gmenu{ display:none; }
#gnav{ position:relative; z-index:90;
	font-family:
    "游明朝体", "Yu Mincho", YuMincho,
    "ヒラギノ明朝 ProN W6", "HiraMinProN-W6",
    "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
#top #gnav{
	font-family:
    "Noto Sans Japanese", "游ゴシック", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "メイリオ", "Meiryo", Osaka, sans-serif; }
#headerbox.scroll #gnav.inner{ width:83%; max-width:83%; float:right; margin:0; padding:0 1%; }
#gnav > ul > li{ position:relative; text-align:center; }
#gnav .g_home{ display:none; }
#headerbox.scroll #gnav > ul > li{ width:14%; }
#headerbox.scroll #gnav li .gf-bad{ display:none; }
#gnav > ul > li a{ display:block; position:relative; height:90px; font-size:1em;
	text-decoration:none; font-weight:500; color:#000; }
/* dropmenu */
#gnav > ul > li ul{ display: none; position: absolute; z-index:100; top: 88px; left: 0; 
  width:280px; text-align:left; overflow: hidden; background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.08); }
#gnav > ul > li.g_contact ul{ left:-100px; }
#gnav > ul > li ul a{ display:block; position:relative; height:auto; padding: 18px 15px 18px 30px; 
	font-size:0.95em; border-bottom:1px solid #eab696; }
#gnav > ul > li ul li:last-child a{ border:0; }
#gnav > ul > li ul a::before{ position:absolute; content:"";
	width: 0; height: 0; top:45%; left:14px;
	border-style: solid; border-width:4px 0 4px 5px;
	border-color: transparent transparent transparent #ee7529; }
#gnav > ul > li ul a:hover{ background:rgba(255,231,156,0.4); }

/* TOP Gnav */
#top #gnav{ margin-bottom:-90px; background:none; }
#top #gnav > ul > li{ width:135px; }
#top #gnav > ul > li:nth-child(even){ margin-top:30px; }
#top #gnav > ul > li .gf-bad{ display:block; margin-top:35px; text-align:right; font-size:1.2em; 
	color:#ffe79c; transform:rotate(-40deg); }
#top #gnav > ul > li > a{ height:135px; padding:54px 0 0; color:#FFF; background:#b9723c; border-radius:50%; }
#top #gnav > ul > li > a::before{ position:absolute; content:""; top:20px; left:50%; 
	width:36px; height:36px; margin-left:-18px; 
	background:url(../img/i_reform.svg) no-repeat 0 0 / contain; }
#top #gnav > ul > li > a:hover{ background:#ee7529; }
#top #gnav > ul > li.g_gas > a::before{ background-image:url(../img/i_gas.svg); }
#top #gnav > ul > li.g_corporate > a::before{ background-image:url(../img/i_corporation.svg); }
#top #gnav > ul > li.g_showroom > a::before{ background-image:url(../img/i_cooking.svg); }
#top #gnav > ul > li.g_recruit > a::before{ background-image:url(../img/i_recruit.svg); }
#top #gnav > ul > li.g_company > a::before{ background-image:url(../img/i_company.svg); }
#top #gnav > ul > li.g_contact > a::before{ background-image:url(../img/i_contact.svg); }
#top #gnav > ul > li ul{ top:100px; }

#top #headerbox.scroll{ position:fixed; }
#top #headerbox.scroll #gnav{ margin-bottom:0; background:#b9723c; }
#top #headerbox.scroll #gnav > ul > li:nth-child(even){ margin-top:0; }
#top #headerbox.scroll #gnav > ul > li > a{ height:90px; border-radius:0; }
#top #headerbox.scroll #gnav > ul > li > a::before{ width:28px; height:28px; margin-left:-14px; }
#top #headerbox.scroll #gnav > ul > li ul{ top:88px; }

.info_keigu { text-align: right; width: 90%; }

/* 下層ページ Gnav */
#headerbox.h_lower #gnav > ul > li > a { padding:35px 0 0; }
#headerbox.h_lower #gnav > ul > li > a:hover, #headerbox.h_lower #gnav > ul > li.current > a { background:#efe8cb; }

/* Footer------------------------ */
footer{ padding:30px 0 20px; }
footer h2{ margin-bottom:40px; text-align:center; font-size:1.2em; color:#804a11; line-height:1.2; }
footer h2 .gf-limelight{ display:block; font-size:2.8em; letter-spacing:-0.02em; font-weight:normal; }
footer .shop_list li{ width:30%; }
footer .shop_list h3{ margin-bottom:20px; padding:10px 0; text-align:center; font-size:1.05em; 
	color:#724a1f; background:#ffe79c; border-radius:30px; }
footer .shop_list dl{ overflow:hidden; }
footer .shop_list dt{ width:25%; float:left; margin-bottom:5px; }
footer .shop_list dd{ width:75%; float:left; margin-bottom:5px; }
footer .a_round{ display:block; width:300px; margin: 50px auto 30px; text-align:center; }
.copyright{ margin:0; padding:50px 0 20px; text-align:center;	background:#fff }
.copyright a{ color:#222; }

/* 電話番号リンク　PCで無効 */
@media screen and (min-width: 959px) {
  a[href^='tel:'] { cursor:default; pointer-events:none; }
}

/*1199px 以下  960px-1199px */
@media screen and (max-width:1199px) {

  .inner{ padding:0 20px; }

  /* header */
  #headerbox.scroll .wrap_logo{ width:20%; }
  #headerbox.scroll #gnav.inner{ width:80%; max-width:80%; }
  #headerbox.scroll #gnav{ padding-left:0; }
  #top #headerbox.scroll #gnav li a{ font-size:0.9em; }
  #headerbox.h_lower #gnav li a{ font-size:0.95em; }

}

/*959px 以下  760px-959px */
@media screen and (max-width:959px) {

	body{ font-size:0.95em; background-size:256px; }

	/* header */
	header{ position:static; }
	#top #headerbox.scroll{ position:static; }
	#headerbox.scroll .wrap_logo{ width: 30%; }
	#headerbox.scroll #gnav.inner{ max-width: 100%; float:none; padding:0; }
	#headerbox.h_lower #gnav > ul > li > a{ padding:10px 0; }

	 /* gnav */
  #gmenu{ display:block; }
  .c_menu{ width:70px; height:70px; position:fixed; top:15px; right:15px; padding:15px 0; font-size:1.05em; border-radius:50%;
    text-align:center; text-decoration:none; font-weight:700; color:#FFF; letter-spacing:0.07em; background:#ea6b34;
    cursor: pointer; z-index: 600; transition:all .3s; }
  .c_menu::before{ position:absolute; content:""; width:6px; height:6px; top:45px; left:50%; margin-left:-4px;
    border-top: 4px solid #fff; border-right: 4px solid #fff;
    -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  .c_menu span{ display:block; }
  .c_menu span:after{ content: attr(data-txt-menu); }
  .c_menu:hover{ background:#e61a21; }
  .open .c_menu span:after { content: attr(data-txt-close); }
  /* 開閉用ボタンがクリックされた時のスタイル */
  .open .g_nav { cursor: url(../img/close.svg),auto; -webkit-transition: all .5s; transition: all .5s;
      visibility: visible; opacity: 1; }
  .open .c_menu::before{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* g_nav　モーダルメニュー　 */
  .g_nav { display: flex; flex-direction: column; justify-content: center; align-items: center;
      position: fixed !important; top: 0; left: 0; width: 100% !important; height: 100% !important;
      background:rgba(185,114,60,0.95); -webkit-transition: all .5s; transition: all .5s;
      visibility: hidden; opacity: 0; z-index:500; }
  #gnav{ width:100% !important; }
  #gnav > ul{ width:90%; }
  #gnav > ul > li{ width:100% !important; border-bottom:2px solid #804a11; }
  #gnav .g_home{ display:block; }
  #gnav > ul > li:last-child{ border:0; }
	#gnav > ul > li a{ height: auto; padding: 40px 0 10px; border-radius: 0; }
	#headerbox.scroll #gnav > ul > li a::before{ top: 10px; }

	/* header */
	#top header{ height:500px; }
	#top #headerbox.scroll{ height:auto; background:none; }
	#top #headerbox.scroll #gnav li a{ height: auto; }

	/* gnav */
	#top #gnav > ul > li a{ height: auto; padding: 40px 0 10px; border-radius: 0; }
	#top #gnav > ul > li a::before{ content:none; }
	#top #headerbox.scroll #gnav > ul > li a::before{ top: 10px; }

  /* footer */
	footer .shop_list li{ width:31%; }
	footer .shop_list dt, footer .shop_list dd{ width:100%; float:none; }
	footer .shop_list dt{ padding:4px 10px; font-size:0.9em; background: #f3ece6; }
	footer .shop_list dd{ margin-bottom:15px; }

}

/*759px 以下  600px-759px */
@media screen and (max-width:759px) {
	.sub{ font-size:1.2em; }
	/* Header */
	header{ height:auto; }
	#headerbox.scroll .logo{ margin: 8px auto; }

	/* Footer */
	footer .shop_list li{ width:100%; }

	.star_stripe{ margin-bottom: 30px; font-size: 1.6em; }
	.star_stripe .inb::before{ width:78px; height:75px; left: -80px; }
	.star_stripe .inb::after{ width:90px; height:70px; right: -80px; }

}

/*599px 以下*/
@media screen and (max-width:599px){

  .star_stripe{ font-size: 1.3em; line-height: 1.5; letter-spacing: 0.08em; background-position:center 120%; }
	.star_stripe .inb{ padding: 0; }
	.star_stripe .inb::before{ left: -50px; top: 40px; }
	.star_stripe .inb::after{ right: -70px; top: 40px; }
  .inner{ padding:0 15px; }
  .t_col{ font-size: 1.0em; }
	.fuki{ padding: 40px 20px 20px 30px; font-size: 0.9em; line-height:1.4; }
	.c_stripe{ padding: 35px 0 0 35px; }
	.c_menu{ width:50px; height:50px; padding: 10px 0 0; font-size: 0.9em; }
	.c_menu::before{ width: 4px; height: 4px; top: 33px; margin-left: -3px; border-width: 2px; }

	/* header */
	#headerbox.scroll .wrap_logo{ width: 40%; }
	#top header{ height: 300px; }

	/* gnav */
	#gnav li a{ height:auto !important; padding: 10px 0 10px !important; font-size: 0.9em !important; }
	#gnav li a::before{ width: 22px !important; height: 22px !important; top: 10px !important; margin-left: -11px !important; }

	/* Footer */
	footer h2{ margin-bottom: 20px; font-size: 1.1em; }
	footer h2 .gf-limelight{ font-size: 2.3em; }
	footer .shop_list h3{ padding: 6px 0; }
	footer .shop_list dl{ font-size:0.9em; }
	footer .a_round{ margin:20px auto 0; }
	.copyright{ padding:20px; font-size:0.9em; }

}