@charset "UTF-8";
/* CSS Document */
@font-face {
 font-family: 'icomoon';
 src: url('/common/css/fonts/icomoon.eot?ckt634');
 src: url('/common/css/fonts/icomoon.eot?ckt634#iefix') format('embedded-opentype'), url('/common/css/fonts/icomoon.ttf?ckt634') format('truetype'), url('/common/css/fonts/icomoon.woff?ckt634') format('woff'), url('/common/css/fonts/icomoon.svg?ckt634#icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}
/*店舗タイトル*/
.tenpoheader {
 color: #fff;
 text-align: center;
 padding: 24px 10px 50px;
 background-position: center top;
 background-repeat: repeat;
 background-image: url(/common/img/tenpo/tenponame_bg.jpg);
 background-color: #370f0c;
}
.tenpoheader h2 {
 font-style: normal;
 font-size: 1.8em;
 border-bottom: 1px solid #fff;
 color: #fff;
 display: inline-block;
 padding: 0 0 10px;
 margin-bottom: 15px;
}
.tenpoheader h2 span {
 font-size: 0.8em;
}
.tenpoheader h2 span span {
 font-size: 0.6em;
}
.tenpoheader p {
 font-size: 1.06em;
 color: #fff;
}
.tenpoheader p.tel {
 font-size: 1.7em;
}
.tenpoheader p.tel a {
 color: #fff;
 padding: 3px 6px;
}
.tenpoheader p.tel a:after {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 content: "\e909";
 margin-left: 3px;
 vertical-align: middle;
}
.tenpoframe {
 background-color: #ede5de;
 background-position: center top;
 background-repeat: repeat;
 background-image: url(/common/img/tenpo/bg.jpg);
 padding-bottom: 40px;
}
.tenpowide {
 width: 100%;
 max-width: 960px;
 margin: -35px auto 0;
}
@media screen and (min-width : 768px) {
 .tenpoheader h2 {
  font-size: 2.5em;
  padding: 0 40px 10px;
 }
 .tenpoheader p.tel a:after {
  display: none;
 }
}
/*店舗ナビ*/
.tenponav {
 overflow: hidden;
 margin: 0 10px 20px;
 padding-bottom: 5px;
}
.tenponav .nav1 {
 width: 100%;
 display: table;
}
.tenponav .nav1 li {
 width: 33%;
 display: table-cell;
 box-shadow: 1px 1px 2px #cfcdc8;
 vertical-align: middle;
 height: 60px;
 background-color: #fff;
 border-right: 1px solid #cfcdc8;
}
.tenponav .nav1 li a {
 line-height: 20px;
 text-align: center;
 font-size: 14px;
 display: block;
}
.tenponav .nav1 li a:hover {
 color: #999;
}
/*.tenponav .nav1 li a{line-height:70px;
	text-align: center;font-size:17px;padding:0 20px;
	display: block;
	text-decoration: none;background-color:#fff;}
.tenponav .nav1 li a:hover{background-color: #ae473a;}*/
.tenponav .nav2 {
 width: 100%;
 margin-top: 2px;
 display: table;
}
.tenponav .nav2 li {
 width: 50%;
 background-color: #fff;
 display: table-cell;
 box-shadow: 1px 1px 2px #cfcdc8;
 border-right: 1px solid #cfcdc8;
 text-align: center;
}
.tenponav .nav2 li img {
 width: auto;
 height: 60px;
}
.tenponav .nav2 li a:hover img {
 opacity: 0.7;
 filter: alpha(opacity=70);
}
@media screen and (min-width : 768px) {
 .tenponav {}
 .tenponav .nav1 {
  float: left;
  width: 60%;
  display: block;
 }
 .tenponav .nav1 li {
  width: auto;
  display: inline-block;
  margin-right: 1px;
  border-right: none;
 }
 .tenponav .nav1 li a {
  line-height: 60px;
  padding: 0 20px;
  font-size: 17px;
 }
 .tenponav .nav2 {
  float: right;
  width: 40%;
  margin-top: 0;
  display: block;
 }
 .tenponav .nav2 li {
  width: 49%;
  margin-right: 1px;
  display: inline-block;
 }
}
@media screen and (min-width: 960px) {
 .tenponav {
  margin: 0 0 20px;
 }
 .tenponav .nav1 {
  float: left;
  width: auto;
 }
 .tenponav .nav1 li a {
  line-height: 70px;
 }
 .tenponav .nav1 li {
  width: 200px;
  height: 70px;
 }
 .tenponav .nav2 {
  float: right;
  width: auto;
 }
 .tenponav .nav2 li {
  width: 170px;
 }
 .tenponav .nav2 li img {
  width: 170px;
  height: 70px;
 }
}
/*イメージ*/
.imgarea {
 width: 100%;
 max-width: 960px;
 margin-bottom: 70px;
 background-position: center top;
 background-repeat: repeat;
 background-image: url(/common/img/tenpo/tenponame_bg.jpg);
 background-color: #370f0c;
}
/*店長ご挨拶*/
.fromManager {
 margin-bottom: 70px;
 background-color: #fff;
 border-bottom: 1px solid #e4d3ca;
 border-right: 1px solid #e4d3ca;
}
.fromManager ul.nav3 {
 float: right;
 margin: 0 0 0 0;
 background-color: #fff;
}
.fromManager ul.nav3 li {
 display: inline-block;
 width: 159px;
}
.fromManager ul.nav3 li a {
 text-align: center;
 color: #000;
 display: block;
 text-decoration: none;
 line-height: 54px;
}
.fromManager ul.nav3 li a:hover {
 background-color: #fdfaf1;
}
.fromManager ul.nav3 li a:before {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 content: "\e902";
 margin-right: 10px;
}
.fromManager h2 {
 display: block;
 color: #fff;
 font-size: 18px;
 font-weight: normal;
 padding: 0 45px;
 text-align: left;
 line-height: 50px;
 background-image: url(/common/img/tenpo/midashibg.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 background-color: #541012;
 margin: -32px 0 0 -23px;
}
.tencho {
 padding: 30px 20px;
}
.tencho dl {}
.tencho dl dt {
 display: block;
 text-align: center;
 padding: 20px 0;
}
.tencho dl dt img {
 width: 100%;
 height: auto;
}
.tencho dl dd {
 display: block;
}
.tenchoname {
 text-align: right;
 margin-top: 10px;
 font-size: 13px;
}
.tenchoname span {
 font-size: 18px;
}
a.bloglink {
 background-color: #e7e6e6;
 text-align: center;
 color: #000;
 display: block;
 text-decoration: none;
 line-height: 50px;
}
a:hover.bloglink {
 background-color: #eee;
}
a.bloglink:before {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 content: "\e902";
 margin-right: 10px;
}
@media screen and (min-width : 768px) {
 .fromManager h2 {
  display: inline-block;
  padding: 0 70px;
  line-height: 70px;
  font-size: 22px;
 }
 .fromManager ul.nav3 {
  float: right;
  margin: -25px 40px 0 0;
  background-color: #fff;
  box-shadow: 1px 1px 2px #cfcdc8;
 }
 .tencho {
  padding: 40px;
 }
 .tencho dl {
  display: table;
 }
 .tencho dl dt {
  display: table-cell;
  width: 270px;
  vertical-align: top;
  padding: 0 10px;
 }
 .tencho dl dd {
  display: table-cell;
  padding-left: 40px;
  vertical-align: top;
 }
}
/*お店より*/
.fromtenpo {
 margin-bottom: 70px;
 background-color: #fff;
 border-bottom: 1px solid #e4d3ca;
 border-right: 1px solid #e4d3ca;
}
.fromtenpo ul.nav3 {
 margin: 0 0 0 0;
 background-color: #fff;
 display: block;
}
.fromtenpo ul.nav3 li {
 display: inline-block;
 width: auto;
 float: left;
 padding: 0 10px;
}
.fromtenpo ul.nav3 li:last-child {
 border-right: none
}
.fromtenpo ul.nav3 li a {
 text-align: center;
 color: #000;
 display: block;
 text-decoration: none;
 line-height: 50px;
}
.fromtenpo ul.nav3 li a:hover {
 background-color: #fdfaf1;
}
.fromtenpo ul.nav3 li a:before {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 content: "\e902";
 margin-right: 5px;
}
.fromtenpo h2 {
 display: block;
 color: #fff;
 font-size: 18px;
 font-weight: normal;
 padding: 0 45px;
 line-height: 50px;
 background-image: url(/common/img/tenpo/midashibg.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 background-color: #541012;
 margin: -32px 0 0 -23px;
}
.fromtenpo ul.osusume {
 clear: both;
}
.fromtenpo ul.osusume li {
 border-bottom: 4px double #e0e0e0;
 padding: 30px 20px 40px;
 overflow: hidden;
}
.fromtenpo ul.osusume li:last-child {
 border-bottom: none
}
.fromtenpo ul.osusume li img {
 margin-bottom: 20px;
 width: 100%;
 height: auto;
}
.fromtenpo ul.osusume li .fromcatch {
 color: #cc3300;
 font-size: 18px;
 margin-bottom: 15px;
}
.fromtenpo ul.osusume li a.cfs-hyperlink {
 display: inline-block;
 padding: 5px 15px;
 margin-top: 10px;
 font-size: 14px;
 border: 1px solid #cfcdc8;
}
.fromtenpo ul.osusume li a.cfs-hyperlink:hover {
 color: #999;
}
.fromtenpo ul.osusume li a.cfs-hyperlink:before {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 content: "\e902";
 margin-right: 5px;
}
@media screen and (min-width : 768px) {
 .fromtenpo h2 {
  display: inline-block;
  background-position: left top;
  padding: 0 50px 0 70px;
  line-height: 70px;
  font-size: 22px;
 }
 .fromtenpo ul.nav3 {
  float: right;
  margin: -25px 40px 0 0;
  background-color: #fff;
  box-shadow: 1px 1px 2px #cfcdc8;
  width: auto;
 }
 .fromtenpo ul.nav3 li {
  display: inline-block;
  border-right: 1px solid #d6d3ce;
  width: auto;
 }
 .fromtenpo ul.nav3 li a {
  padding: 0 20px;
 }
 .fromtenpo ul.nav3 li a:before {
  margin-right: 5px;
 }
 .fromtenpo ul.osusume li {
  padding: 40px;
 }
 .fromtenpo ul.osusume li img {
  float: right;
  margin-left: 30px;
  margin-bottom: 0;
  width: 320px;
  height: 240px;
  padding: 10px;
  border: 1px solid #e0e0c2;
  background-color: #fff;
 }
 .fromtenpo ul.osusume li .fromcatch {
  color: #cc3300;
  font-size: 22px;
  margin-bottom: 25px;
 }
}
@media screen and (min-width: 960px) {
 .fromtenpo ul.nav3 li {}
 .fromtenpo ul.nav3 li a:before {
  margin-right: 10px;
 }
}
/*店舗情報*/
.tenpoinfo {
 background-color: #fff;
 margin-bottom: 50px;
 border-bottom: 1px solid #e4d3ca;
 border-right: 1px solid #e4d3ca;
}
.tenpoinfo h2 {
 display: block;
 color: #fff;
 font-size: 18px;
 font-weight: normal;
 padding: 0 45px;
 line-height: 50px;
 background-image: url(/common/img/tenpo/midashibg.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 background-color: #541012;
 margin: -32px 0 0 -23px;
}
.tenpoinfo .tenpodata {
 padding: 20px 20px 30px 20px;
 position: relative;
}
.tenpoinfo .tenpodata .sps {}
.tenpoinfo .tenpodata .infoname {
 color: #690607;
 font-size: 22px;
}
.tenpoinfo .tenpodata .infotel {
 color: #222222;
 font-size: 24px;
 font-weight: 300;
}
.tenpoinfo .tenpodata table {
 margin-top: 15px;
 border: none;
}
.tenpoinfo .tenpodata table th {
 display: block;
 border: none;
 text-align: center;
}
.tenpoinfo .tenpodata table td {
 display: block;
 border: none;
}
.nav4 {
 margin: 44px auto 0;
 overflow: hidden;
 width: 98%;
 max-width: 270px;
}
.nav4 li {
 display: block;
 margin-bottom: 10px;
}
.nav4 li a {
 font-size: 17px;
 line-height: 60px;
 background-color: #690607;
 text-align: center;
 color: #fff;
 display: block;
 text-decoration: none;
}
.nav4 li a:hover {
 background-color: #db521b;
}
.nav4 li a.coupon:before {
 font-family: 'icomoon';
 speak: none;
 font-size: 36px;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 content: "\e904";
 margin-right: 10px;
 vertical-align: middle;
}
.nav4 li a.reserve:before {
 font-family: 'icomoon';
 speak: none;
 font-size: 36px;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 content: "\e903";
 margin-right: 10px;
 vertical-align: middle;
}
.nav4 li a.gmap:before {
 font-family: 'icomoon';
 speak: none;
 font-size: 36px;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 content: "\e901";
 margin-right: 10px;
 vertical-align: middle;
}
#map {
 width: 100%;
 height: 200px;
}
@media screen and (min-width : 768px) {
 .tenpoinfo h2 {
  display: inline-block;
  padding: 0 70px;
  line-height: 70px;
  font-size: 22px;
 }
 .tenpoinfo .tenpodata {
  padding: 20px 40px 30px 40px;
  position: relative;
 }
 .tenpoinfo .tenpodata .infotel {
  color: #222222;
  font-size: 36px;
  font-weight: 300;
  position: absolute;
  right: 40px;
  top: 30px;
 }
 .tenpoinfo .tenpodata table th {
  display: table-cell;
  border: solid 1px #ddd;
  text-align: left;
		  width: 20%;
  white-space: nowrap;
 }
 .tenpoinfo .tenpodata table td {
  display: table-cell;
  border: solid 1px #ddd;
  background-color: #fff;
		 width: 30%;
 }
 .nav4 {
  width: 100%;
  max-width: 100%;
 }
 .nav4 li {
  width: 32%;
  margin-right: 1%;
  margin-bottom: 0;
  display: block;
  float: left;
 }
 .nav4 li:last-child {
  margin-right: 0;
 }
 #map {
  width: 100%;
  height: 400px;
 }
}
@media screen and (min-width: 960px) {
 .nav4 {
  width: auto;
 }
 .nav4 li {
  width: 270px;
  margin-right: 34px;
 }
}
/*求人情報*/
.helpwanted {
 background-color: #fff;
 border-top: 2px solid #511612;
 border-bottom: 1px solid #e4d3ca;
 border-right: 1px solid #e4d3ca;
}
.helpwanted h2 {
 border-top: 4px double #511612;
 color: #690607;
 font-size: 30px;
 text-align: center;
 padding-top: 25px;
}
.helpwanted h2 span {
 display: block;
 color: #a4a4a4;
 font-size: 12px;
}
.helpwanted .kyujinarea {
 padding: 30px 10px;
 overflow: hidden;
}
.helpwanted .kyujinarea .box1 {
 width: 100%;
 margin-bottom: 14px;
}
.helpwanted .kyujinarea .box1 img {
 margin-bottom: 14px;
 width: 100%;
 height: auto;
}
.helpwanted .kyujinarea .box2 {
 width: 100%;
}
.helpwanted .kyujinarea .box2 table {
 margin-top: 10px;
 margin-bottom: 20px;
}
.helpwanted .kyujinarea .box2 caption {
 color: #490000;
 font-size: 18px;
 border-top: 4px double #e0e0e0;
 line-height: 50px;
 background-color: undefined;
}
.helpwanted .kyujinarea .box2 caption a {
 background-color: #db521b;
 color: #fff;
 padding: 5px 20px;
 float: right;
 display: inline-block;
 line-height: 20px;
 font-size: 12px;
 margin-top: 10px;
}
.helpwanted .kyujinarea .box2 caption a:after {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 content: "\e902";
 margin-left: 10px;
}
.helpwanted .kyujinarea .box2 caption a:hover {
 background-color: #db521b;
}
.kyujincatch {
 color: #222222;
 font-size: 18px;
 margin-bottom: 20px;
}
a.kyujinentry {
 background-color: #690607;
 text-align: center;
 color: #fff;
 display: block;
 text-decoration: none;
 line-height: 50px;
 margin-top: 28px;
}
a:hover.kyujinentry {
 background-color: #db521b;
}
a.kyujinentry:before {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 content: "\e902";
 margin-right: 10px;
}
.saiyobtn {
 text-align: center;
 padding: 10px;
}
.saiyobtn a {
 background-color: #690607;
 color: #fff;
 padding: 5px 20px;
}
.saiyobtn a:after {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 content: "\e902";
 margin-left: 10px;
}
.saiyobtn a:hover {
 background-color: #db521b;
}
@media screen and (min-width : 768px) {
 .helpwanted .kyujinarea {
  padding: 35px 40px 45px 40px;
  overflow: hidden;
 }
 .helpwanted .kyujinarea .box1 {
  width: 420px;
  margin: 10px auto;
 }
 .helpwanted .kyujinarea .box2 {
  width: 420px;
  margin: 10px auto;
 }
 .kyujincatch {
  color: #222222;
  font-size: 24px;
  margin-bottom: 20px;
 }
}
@media screen and (min-width: 960px) {
 .helpwanted .kyujinarea .box1 {
  float: left;
 }
 .helpwanted .kyujinarea .box1 img {
  margin-bottom: 14px;
 }
 .helpwanted .kyujinarea .box2 {
  width: 420px;
  float: right;
 }
}
/*店舗一覧*/
.tenpoindex {
 margin: 30px 10px 0;
 overflow: hidden;
}
.tenpoindex h2 {
 text-align: center;
 padding: 5px;
 font-size: 16px;
}
.tenpoindex li {
 font-size: 18px;
 display: block;
}
.tenpoindex li a {
 display: block;
 margin: 2px;
 padding: 5px 10px;
 background-color: #fff;
}
.tenpoindex li.current a {
 background-color: #690607;
 color: #fff; /*border: 1px solid #460000;*/
}
.tenpoindex li a:after {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 content: "\e902";
 float: right;
}
.tenpoindex li a:hover {
 background-color: #db521b;
}
@media screen and (min-width : 768px) {
 .tenpoindex h2 {
  font-size: 24px;
  color: #690607;
 }
 .tenpoindex li {
  float: left;
  width: 33.3%;
 }
}
@media screen and (min-width: 960px) {
 .tenpoindex {
  width: 100%;
  max-width: 960px;
  margin: 30px auto 0;
  overflow: hidden;
 }
 .tenpoindex li {
  width: 25%;
 }
}