@charset "utf-8";
.info { position: relative; background: url(../images/common/green_bg.jpg) left repeat; }
.profile { position: relative; background: url(../images/common/orange_bg.jpg) left repeat; }
.section_ttl { width: 100%; max-width: 1000px; }
.info_dl { width: 100%; max-width: 1000px; overflow: hidden; margin: 0 auto; font-size: 1.5rem; }
.info_dl dt { width: 80px; float: left; padding: 10px 0px 0px 0px; font-weight: bold; }
.info_dl dd { padding: 10px 0px 0px 90px; }
.info_btnlt { width: 100%; overflow: hidden; margin: 0 auto; }
.info_btnlt a { display: block; padding: 16px 10px; color: #fff; font-weight: bold; font-size: 1.8rem; text-align: center; transition: 0.3s all ease-in-out; }
.tel_btn a { background: #217701; }
.ggl_btn a { background: #333; }
.info_btnlt a:hover { background: #217701; }
.tel_btn a:hover { background: #333; }
.ggl_btn a:hover { background: #217701; }

#product, #video_show { background: url(../images/common/orange_bg.jpg) left repeat; }

.product_bnnr { position: relative; overflow: hidden; margin-bottom: 20px; }
.product_bnnr img { position: absolute; left: 50%; top: 50%; height: auto; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.product_intro { margin-bottom: 20px; font-size: 1.5rem; text-align: center; }
.tabnav { margin-bottom: 40px; text-align: center; }
.tabnav li { display: inline-block; margin: 0px 17px; }
.tabnav li a { display: block; padding: 4px 11px; font-size: 1.6rem; }
.tabnav li a.current, .tabnav li a:hover { padding: 3px 10px; border: 1px solid #000; color: #000; background: #fff; }
.list-wrap { height: auto !important; transition: 0.5s all ease-in-out; }
.hide { position: absolute; top: -9999px; left: -9999px; }
.menu_ttl { position: relative; margin-bottom: 12px; padding-left: 30px; font-weight: bold; font-size: 2rem; }
.menu_ttl:before { display: inline-block; content: ''; width: 20px; height: 22px; background-image: url(../images/home/title_rec.png); background-size: 100% auto; background-repeat: no-repeat; position: absolute; left: 0px; top: 6px; vertical-align: middle; }
.menuwrap { overflow: hidden; }
.menu_ttlsub { display: table; position: relative; width: 100%; margin-bottom: 5px; padding-left: 30px; font-weight: bold; font-size: 1.8rem; }
.menu_ttlsub:before { display: inline-block; content: '■'; position: absolute; left: 0px; top: 4px; line-height: 1; color: #b18300; font-size: 2rem; vertical-align: middle; }
.menu_ttlsub .txt { display: table-cell; width: 1%; white-space: nowrap; padding-right: 10px; vertical-align: middle; }
.menu_ttlsub .line { display: table-cell; width: 99%; background: url(../images/home/brown_line.png) left repeat-x; }
.menu_lt li { display: table; width: 100%; margin-bottom: 3px; font-size: 1.6rem; overflow: hidden; }
.menu_lt li .txt { display: table-cell; width: 1%; white-space: nowrap; padding-right: 7px; vertical-align: middle; }
.menu_lt li .txt span { display: block; font-size: 1.4rem; }
.menu_lt li .price { display: table-cell; width: 1%; min-width: 50px; white-space: nowrap; padding-left: 7px; text-align: right; vertical-align: middle; }
.menu_lt li .line { display: table-cell; width: 98%; background: url(../images/home/dotted_line.png) left repeat-x; }
.fullmenu_lt { overflow: hidden; }
.greeting_txt { line-height: 1.8; margin-bottom: 5px; color: #000; font-size: 1.5rem; }
.greeting_sig { padding-right: 20px; font-size: 1.8rem; text-align: right; }
.greeting_sig span { display: block; font-weight: bold; padding-bottom: 5px; }
.greeting_sig span img { height: 38px; width: auto; }
.profile_group { padding: 20px 0 0 0; }
.prof_ttl { position: relative; margin-bottom: 12px; padding: 0 0 8px 30px; border-bottom: 2px solid #B18300; font-weight: bold; font-size: 2rem; }
.prof_ttl:before { display: inline-block; content: ''; width: 20px; height: 22px; background-image: url(../images/home/title_rec.png); background-size: 100% auto; background-repeat: no-repeat; position: absolute; left: 0px; top: 6px; vertical-align: middle; }
.prof_lst { margin-bottom: 45px; padding: 0 0 8px; border-bottom: 2px solid #B18300; }
.prof_lst li { position: relative; padding: 0 0 3px 22px; font-size: 1.6rem; }
.prof_lst li .fa { position: absolute; top: 7px; left: 2px; color: #B18300; font-size: 11px }
 @media only screen and (max-width: 749px) {
.pc { display: none; }
#product, #video_show { overflow: hidden; padding: 30px 0px; }
#info { overflow: hidden; padding: 0px 0px 30px; }
.section_ttl { margin: 0 auto 20px; text-align: center; }
.info_dl { margin-bottom: 10px; }
.info_btnlt { max-width: 700px; margin: 0 auto; }
.info_btnlt li { margin-top: 10px; padding: 0px 3px; }
.section_ttl img { height: 48px; }
.info_img { position: absolute; top: -5%; right: 0; width: 100%; height: 252px; overflow: hidden; -ms-transform: skewY(5deg); -webkit-transform: skewY15deg); transform: skewY(5deg); z-index: 9; }
.info_img img { position: absolute; top: 10px; right: 0; min-height: 110%; max-width: none; width: 120%; min-width: 400px; -ms-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); transform: skewY(-5deg); vertical-align: bottom; }
.profile_img { position: absolute; top: -5%; right: 0; width: 100%; height: 280px; overflow: hidden; -ms-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); transform: skewY(-5deg); z-index: 9; }
.profile_img img { position: absolute; top: 10px; right: -16%; min-height: 110%; max-width: none; width: 120%; min-width: 400px; -ms-transform: skewY(5deg); -webkit-transform: skewY(5deg); transform: skewY(5deg); vertical-align: bottom; }
.product_bnnr { height: 200px; }
.tabnav li { margin: 5px 10px; }
.menuwrap .menubox { margin-bottom: 20px; }
#greeting { overflow: hidden; }
#profile { overflow: hidden; }
#greeting .info_img img { top: 8% !important; right: 0px !important; }
#profile .info_img img { top: 0 !important; right: 0px !important; }
.infoin { padding: 280px 0px 40px; }
.profile { padding: 280px 0px 40px; }
.greeting_sig { }
.greeting_signimg { display: block; padding: 0 20px 20px 0; text-align: right; }
.greeting_signimg img { height: 40px; width: auto; }
.flex-control-nav { -ms-transform: skewX(-3deg); -webkit-transform: skewX(-3deg); transform: skewX(-3deg) !important; }
.flex-control-nav li:first-child a { position: absolute; top: 2px; right: 1px; }
.flex-control-nav li:last-child a { position: absolute; top: -2px; }
.flex-direction-nav {display: none;}


.reserved_ad {position:fixed; bottom:0; right:0;z-index:9;width:100%;min-width:320px; background:url(../images/common/caro_bg.png) repeat;}
.reserved_ad li {position:relative; width:50%;float:left; padding:8px 13px;}
.reserved_ad li.bytel:after {content:""; height:30px; width:1px; position:absolute; top:13px; right:0;background:rgba(225,225,225,0.5);}
.reserved_ad li a {display:flex; align-items:center; justify-content:center; width:100%;height:40px; line-height:1.2; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.45); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.45); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.45); padding:5px;color:#ffffff; text-align:center; font-weight:bold; font-size:1.2rem;  vertical-align:middle; transition:0.3s all ease-in-out;}
.reserved_ad li a:before {content:""; display:inline-block; margin-right:5px; vertical-align:middle;} 
.reserved_ad li.bytel a {background:#A6956F;}
.reserved_ad li.bytel a:before {width:18px; height:18px; background:url(../images/common/tel_icon.png) no-repeat; background-size:100% auto;}
.reserved_ad li.byweb a {background:#217701;}
.reserved_ad li.byweb a:before { width:20px; height:24px; background:url(../images/common/calendar_icon.png) no-repeat; background-size:100% auto;}
.reserved_ad li a:hover {background:#333333;}

.video_iframe iframe {
  height: 200px;
}

}
 @media only screen and (min-width: 750px) {
.mobile { display: none; }
#info { padding: 70px 0px; }
.info_dl { margin-bottom: 40px; }
.section_ttl { margin: 0 auto 20px; }
#product .section_ttl, #video_show .section_ttl { text-align: center; }
.section_ttl.left { text-align: left !important; }
.section_ttl img { height: 50px; }
.info_btnlt { max-width: 300px; }
.tel_btn { display: none; }
.ggl_btn { width: 100%; }
.info_img { position: absolute; top: 0; left: 55%; width: 55%; min-height: 100%; overflow: hidden; -ms-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); transform: skewX(-15deg); z-index: 9; }
.info_img img { position: absolute; top: 0; left: -30%; max-width: none; min-width: 130%; min-height: 100%; -ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg); }
.profile_img { position: absolute; top: 0; right: 50%; width: 55%; min-height: 100%; overflow: hidden; -ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg); z-index: 9; }
.profile_img img { position: absolute; top: -15%; left: 00%; max-width: none; min-width: 130%; min-height: 100%; -ms-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); transform: skewX(-15deg); }
.profile_group { max-width: 350px; }
#product, #video_show { padding: 70px 0px 20px; }
.product_bnnr { height: 300px; }
.tabnav li { margin: 0px 17px; }
.menuwrap .menubox { margin-bottom: 30px; }
.infoin { padding: 70px 52% 70px 0px; }
.profile { padding: 70px 0 70px 57%; }
#greeting .info_img img { top: -15% !important; left: -40% !important; }
.greeting_signimg { display: none; }
.flex-control-nav { -ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg) !important; }


.reserved_ad {position:fixed; bottom:-10px; right:20px;z-index:9; transition:0.3s all ease-in-out;}
.reserved_ad img {width:280px; height:auto;}
.reserved_ad:hover {position:fixed; bottom:0; right:20px;z-index:9;}

.video_iframe {
  padding-bottom: 32px;
}
}
 @media only screen and (min-width: 820px) {
.hm_dorinku_lt { overflow: hidden; float: left; width: 68% }
.hm_dorinku_lt .menubox { width: 47%; float: left; margin-left: 3%; }
.hm_dorinku_rt { float: right; width: 32% }
.hm_dorinku_rt .menubox { margin-left: 2%; }
.hm_dorinku_lt .menubox:nth-child(2n+1) { margin-left: 0; }
}
@media only screen and (min-width: 960px) {
.fullmenu_lt li { width: 32%; float: left; margin-left: 2%; }
.fullmenu_lt li:nth-child(3n+1) { margin-left: 0; }
}
.flex-control-nav { bottom: 10px; position: absolute; right: 0px; text-align: center; width: 100%; z-index: 9999; }
.flex-control-nav li { position: relative; display: inline-block; margin: 0 6px; }
.flex-control-paging li a.flex-active { background: #217701; cursor: default; transform: none; }
.flex-control-paging li a { background: #fff; border-radius: 20px; display: block; height: 11px; width: 11px; font-size: 0px; transform: none; }


.video_iframe {
  text-align: center;
}
.video_iframe iframe {
  max-width: 800px;
  width: 100%;
}



/* 20200407 追加　start */
.takeout { background: url(../images/common/orange_bg.jpg) left repeat; }
.takeout .section_ttl {text-align: center;}
.takeout_lst {font-size:1.6rem; margin-bottom:20px;}
.takeout_tel {align-items: center; display:flex; flex-wrap:wrap;}
.takeout_tel dd {font-size: 2.4rem;padding-left: 10px;}

 @media only screen and (max-width: 749px) {
	 .takeout {padding:30px 0px 50px }
	 .takeout_info {margin-top:25px;}
	 .takeout_lst .takeout_info:first-child{margin-top: 0;}
	 
}

 @media only screen and (min-width: 750px) {
	 .pchidden {display:none !important;}
	 .takeout {padding:40px 0px 70px }
	 .takeout .menu_lt li {width:80%; margin: 0 !important;}
	 
	 .takeout_lst {display: flex; justify-content: space-between;flex-wrap:wrap;}
	 .takeout_info {margin-top:25px; padding-right: 10px; width:50%;}
	 .takeout_lst .takeout_info:nth-child(-n + 2){margin-top: 0;}
	 .takeout_tel dd a {pointer-events: none;}
	 
}
 @media only screen and (min-width: 960px) {
	 .takeout .product_bnnr {height: 400px;}
}

/* 20200407 追加　end */


.att_box {
  background: url(../images/common/orange_bg.jpg) left bottom repeat;
  padding: 50px 15px 0;
}
.att_box_txt {
  border: 1px solid #bf0e11;
  color: #bf0e11;
  font-size: 2rem;
  padding: 20px;
  text-align: center;
}
@media only screen and (max-width: 749px) {
  .att_box {
    padding-top: 30px;
  }
  .att_box_txt {
    font-size: 1.5rem;
  }
}