@charset "UTF-8";
.showAry {
  display: block;
  clear: both;
  white-space: pre-wrap;
  word-wrap: break-word;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 30px;
  z-index: 10000;
  top: 0;
  left: 0;
  margin: 0;
}

pre {
  display: block;
  font-size: 11px;
  color: #13cb00;
  font-family: meiryo;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, caption, tr, th, td, dl, dt, dd, a, img, form, input, textarea, p, button, strong {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: normal;
}

header, nav, article, section, footer {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: normal;
}

table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

th, td, li {
  word-break: break-all;
}

legend {
  display: none;
}

li {
  list-style: none;
}

a, img {
  border: 0;
  text-decoration: none;
  outline: 0;
}

input[type=submit], button[type=submit], input[type=reset], button[type=reset] {
  cursor: pointer;
}

.cf:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: .1px;
  font-size: .1em;
  line-height: 0;
  clear: both;
}

.cf {
  clear: both;
  min-height: .1px;
}

* html .clearfix {
  zoom: 1;
  height: 1px;
}

*:first-child + html .clearfix {
  zoom: 1;
}

html {
  overflow-y: scroll;
}

/* font-awesome */
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome/fontawesome-webfont.eot?v=4.3.0");
  src: url("fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("fonts/fontawesome/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("fonts/fontawesome/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("fonts/fontawesome/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("fonts/fontawesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before, .fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before, .fa-users:before {
  content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before, .fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
  content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158";
}

.fa-won:before, .fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before, .fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-genderless:before, .fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before, .fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

/* flex slider custom */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  outline: 0;
}

.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider/flexslider-icon.eot");
  src: url("fonts/flexslider/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider/flexslider-icon.woff") format("woff"), url("fonts/flexslider/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.slides li img {
  width: 100%;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

.no-js .slides > li:first-child {
  display: block;
}

.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-prev {
  opacity: .7;
  left: 10px;
}

.flexslider:hover .flex-next {
  opacity: .7;
  right: 10px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  line-height: 1;
  display: inline-block;
  content: '\f001';
}

.flex-direction-nav a.flex-next:before {
  content: '\f002';
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: .8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

.relative {
  position: relative;
  width: 100%;
}

.absolute {
  position: absolute;
}

.errMsg {
  color: #C00;
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  padding: 10px;
  margin: 10px auto;
}

.super {
  vertical-align: super;
  font-size: 40%;
}

.sub {
  vertical-align: sub;
  font-size: 40%;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.red {
  color: #C00;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.imgover:hover {
  opacity: .7;
}

form {
  margin-bottom: 20px;
}

input {
  text-indent: .2em;
}

p.submit {
  text-align: center;
}

.submit input {
  font-size: 12px;
  padding: 3px 15px;
}

.submit input:hover {
  color: #000;
}

input.w1 {
  width: 10%;
}

input.w2 {
  width: 20%;
}

input.w3 {
  width: 30%;
}

input.w4 {
  width: 40%;
}

input.w5 {
  width: 50%;
}

input.w6 {
  width: 60%;
}

input.w7 {
  width: 70%;
}

input.w8 {
  width: 80%;
}

input.w9 {
  width: 90%;
}

input.w10 {
  width: 100%;
}

input.wn4 {
  width: 4em;
}

input.wn2 {
  width: 3em;
}

textarea {
  width: 80%;
  height: 100px;
}

* {
  font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 13px;
  line-height: 2em;
}

a {
  color: #5FB5D2;
}

@media (max-width: 768px) {
  img {
    max-width: 100%;
    height: auto;
  }
}

/* header */
.area-header {
  width: 100%;
}

/* PC */
@media (min-width: 769px) {
  .area-header {
    height: 90px;
    position: relative;
  }
  .block-menu-consumer {
    background: url(/yakitatei/img/common/bg_01.jpg);
    height: 60px;
  }
  .block-menu-business {
    height: 30px;
    background-color: #fff;
  }
  .block-menu-bottom,
  .block-header-bottom,
  .block-menu-icon {
    display: none;
  }
  .module-menu {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
  }
  .block-menu-consumer ul {
    padding-left: 130px;
  }
  .block-menu-business ul {
    text-align: right;
  }
  .module-menu .elm-menu {
    display: inline-block;
    margin-right: 10px;
  }
  .module-menu .elm-menu a {
    display: block;
    font-size: 13px;
  }
  .block-menu-consumer .elm-menu a {
    height: 60px;
    line-height: 60px;
    color: #fff;
  }
  .block-menu-business .elm-menu a {
    height: 30px;
    line-height: 30px;
    color: #333;
  }
  .module-menu .elm-menu a:hover {
    text-decoration: underline;
  }
  .block-header-logo {
    position: absolute;
    top: -40px;
    left: 0;
    z-index: 1000;
    width: 100%;
  }
  .module-header-logo {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
  }
  .elm-header-logo {
    position: absolute;
    width: 130px;
    height: 130px;
    background: url(/yakitatei/img/common/bg_01.jpg);
    border-radius: 50%;
  }
  .elm-header-logo a,
  .elm-header-logo img {
    display: block;
  }
  .elm-header-logo img {
    padding-top: 42px;
    height: 80px;
    width: auto;
    margin: 0 auto;
  }
  .block-menu-bnr {
    position: absolute;
    width: 100%;
    top: 10px;
    right: 0;
  }
  .module-menu-bnr {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
  }
  .module-menu-bnr ul {
    position: absolute;
    right: 0;
  }
  .elm-menu-bnr {
    display: inline-block;
    float: left;
    background-color: #fff;
    border-radius: 5px;
  }
  .elm-menu-bnr.bnr-01 {
    margin-right: 10px;
  }
  .elm-menu-bnr a {
    display: block;
  }
  .elm-menu-bnr.bnr-01 a {
    width: 150px;
    height: 40px;
    background-image: url(/yakitatei/img/ec/spr_btnto_reserve_01.png);
    background-repeat: no-repeat;
    background-size: 150px 80px;
    text-indent: -9999px;
  }
  .elm-menu-bnr a:hover {
    opacity: 0.8;
  }
  .elm-menu-bnr.bnr-02 a {
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #ff8f00;
    color: #fff;
    border-radius: 5px;
  }
  .elm-menu-bnr.bnr-02 a .fa {
    font-size: 130%;
  }
  .for-sp {
    display: none !important;
  }
}

/* SP */
@media (max-width: 768px) {
  #wrapper {
    position: relative;
  }
  .area-header {
    position: absolute;
    z-index: 1000;
    width: 100%;
    background-color: #b1a8a8;
    top: -9999px;
  }
  .elm-menu {
    border-bottom: 2px solid #beadad;
    padding: 8px 10px;
    background-image: url(/yakitatei/img/common/bg_06.jpg);
  }
  .elm-menu a {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 140%;
    line-height: 1;
  }
  /*
  .block-menu-bottom {
    margin-bottom: 10px;
  }
  */
  .block-header-bottom {
    padding-top: 50px;
  }
  .module-toSNS {
    text-align: right;
    margin-bottom: 5px;
    margin-right: 5px;
  }
  .elm-toSNS {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
  }
  .elm-copyright {
    font-size: 11px;
    text-align: center;
    color: #fff;
  }
  .elm-menu-bnr a {
    margin: 0 auto 10px;
    display: block;
    width: 300px;
  }
  .elm-menu-bnr.bnr-01 a {
    background-image: url(/yakitatei/img/ec/spr_btnto_reserve_01.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    height: 80px;
  }
  .elm-menu-bnr.bnr-02 a {
    background-color: #ff8f00;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 140%;
    border-radius: 10px;
  }
  .block-header-logo {
    position: absolute;
    bottom: 36px;
    left: 15px;
  }
  .elm-header-logo {
    display: block;
    width: 80px;
    height: auto;
  }
  .block-menu-icon {
    background-image: url(/yakitatei/img/common/bg_01.jpg);
    height: 40px;
    text-align: center;
  }
  .elm-menu-icon {
    display: inline-block;
    background-image: url(/yakitatei/img/common/bg_01.jpg);
    width: 60px;
    height: 60px;
    border-radius: 0 0 50% 50%;
    text-align: center;
    color: #fff;
    font-size: 240%;
    line-height: 2;
  }
  .for-pc {
    display: none !important;
  }
}

/* *********************************************** */
/* footer */
#footer {
  width: 100%;
  padding: 0;
  height: 60px;
  background: url(/yakitatei/img/common/bg_01.jpg);
}

#footer, #footer a {
  color: #FFF;
  font-family: "Century Gothic","Lucida Grande", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 13px;
  display: block;
}

.footerNavi a:first-child {
  margin-right: 13px;
}

.cpr {
  display: inline-block;
  padding-left: 10px;
  float: left;
  height: 60px;
  line-height: 60px;
  font-size: 12px;
}

.footerNavi,
.toSNS {
  display: inline-block;
  float: right;
}

.toSNS {
  margin-left: 20px;
  padding-right: 10px;
}

.toSNS .toSnsAnchor {
  display: inline-block;
  padding-top: 15px;
  height: 30px;
  float: left;
  margin-right: 15px;
  width: 30px;
}

.toSNS .toSnsAnchor img {
  max-width: 100%;
  height: auto;
}

.toSNS .toSnsAnchor:last-child {
  margin-right: 0;
}

.footerNavi a {
  height: 60px;
  line-height: 60px;
  float: left;
}

.footerNavi a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  #footer {
    height: inherit;
  }
  #footer .toSNS, #footer .footerNavi {
    display: none;
  }
  #footer .cpr {
    float: none;
    clear: both;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    height: inherit;
    line-height: 1;
  }
}

/* *********************************************** */
/* common */
.toFaxBox {
  background-image: url(/yakitatei/img/common/MN_bg_01.jpg);
}

.toFaxBox .txt {
  left: 0;
  width: 100%;
  position: absolute;
}

.toFaxBox .link {
  padding: 5px;
  border-radius: 5px;
  background-image: url(/yakitatei/img/common/MN_bg_02.png);
  background-size: 5px 5px;
  background-repeat: repeat;
}

.toFaxBox .link a {
  display: block;
  text-align: center;
  font-size: 20px;
  color: #FFF;
  border: 2px solid #FFF;
  border-radius: 5px;
  font-weight: bold;
}

.toFaxBox .shadow {
  text-align: center;
  color: #FFF;
  text-shadow: 2px 3px 3px #000;
}

@media (max-width: 768px) {
  .toFaxBox {
    position: relative;
  }
  .toFaxBox .txt {
    position: relative;
    padding-top: 7px;
  }
  .toFaxBox .link {
    max-width: 430px;
    margin: 0px auto 2px;
    width: 80%;
  }
  .toFaxBox .link a {
    padding: 0px 0;
    height: 30px;
    line-height: 30px;
  }
  .toFaxBox .link a:hover {
    background-color: rgba(0, 0, 0, 0.35);
  }
  .toFaxBox .shadow {
    font-size: 14px;
    line-height: 21px;
  }
}

#keyVisual {
  width: 100%;
  height: 340px;
  background-position: center center;
  background-size: cover;
}

#contentsWrap {
  background-image: url(/yakitatei/img/common/bg_04.jpg);
  background-size: 10px 10px;
  background-repeat: repeat;
  padding-bottom: 50px;
}

.EL-priceWrap {
  margin-bottom: 20px;
}

.EL-price {
  display: inline-block;
  border-radius: 8px;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background-image: url(/yakitatei/img/common/bg_02.jpg);
  padding: 2px 6px;
  float: right;
  margin-right: 20px;
}

.EL-price span {
  font-size: 10px;
  font-weight: normal;
}

.mainTitle {
  padding-top: 50px;
  margin: 0px auto 30px;
  text-align: center;
}

.mainTitle img {
  display: block;
  margin: 0 auto;
  padding: 0 30px 5px;
  border-bottom: 1px solid #FFF;
}

.linkDoc:after {
  content: "【PDF】";
}

@media (max-width: 768px) {
  #keyVisual {
    height: 115px;
  }
  .mainTitle {
    padding-top: 30px;
    text-align: right;
    font-size: 12px;
    line-height: 1.4em;
  }
}

/* ********************************************************************************************************* */
.bgBlack {
  background-image: url(/yakitatei/img/common/bg_04.jpg);
  background-size: 10px 10px;
  background-repeat: repeat;
  padding-bottom: 50px;
}

.bgWhite {
  background-image: url(/yakitatei/img/common/bg_05.png);
  background-repeat: repeat;
  padding-bottom: 50px;
}

.lastChild {
  margin-bottom: 0 !important;
}

.sp_btn_home {
  position: relative;
  top: -7px;
}

.sp_txt_menu {
  display: block;
  font-size: 8pt;
  position: relative;
  top: -28px;
}

.module-news--title {
  margin-bottom: 3px;
  line-height: 1;
}

.module-news--title span,
.module-news--title em {
  display: inline-block;
  color: #333;
  line-height: 1;
}

.module-news--title span {
  width: 25%;
  font-size: 130%;
  font-weight: bold;
}

.module-news--title em {
  width: 74%;
  padding-left: 1%;
  font-family: Georgia, 'Times New Roman', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", Times, serif;
  font-style: normal;
}

.module-title--bar {
  width: 100%;
  height: 3px;
  margin-bottom: 10px;
}

.elm-title--bar {
  display: block;
  float: left;
  height: 3px;
}

.elm-title--bar--orange {
  width: 25%;
  background-color: #ff8f00;
}

.elm-title--bar--gray {
  width: 75%;
  background-color: #ededed;
}

.block-news__box {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 10px;
}

.module-news {
  margin-bottom: 20px;
}

.elm-news {
  line-height: 1.6;
}

.elm-news--text a:hover {
  text-decoration: underline;
}

.block-news__more {
  text-align: right;
}

.block-news__more a {
  display: inline-block;
  line-height: 1;
  padding: 8px;
  color: #fff;
  background-color: #424242;
}

.block-news__more a:hover {
  text-decoration: underline;
}

/* スマホ */
@media screen and (max-width: 768px) {
  .elm-news--date {
    color: #ff8f00;
    font-size: 90%;
    font-weight: bold;
  }
}

/* TAB・PC */
@media screen and (min-width: 769px) {
  .module-news--title span {
    width: 15%;
  }
  .module-news--title em {
    width: 84%;
    padding-left: 1%;
  }
  .elm-news {
    float: left;
  }
  .elm-news--date {
    width: 16%;
  }
  .elm-news--text {
    width: 84%;
  }
  .elm-title--bar--orange {
    width: 15%;
  }
  .elm-title--bar--gray {
    width: 85%;
  }
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* HM */
body.page-top {
  /* スマホ */
  /* TAB・PC */
  /* TAB */
  /* PC small */
  /* PC large */
  /* TAB・PC */
  /* TAB縦 */
  /* スマホ横 */
  /* スマホ縦 */
}

body.page-top .elm-hotnews {
  position: relative;
  margin-bottom: 10px;
}

body.page-top .elm-hotnews__body {
  display: block;
  background-color: #fff;
}

body.page-top .elm-hotnews__hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.page-top .elm-hotnews__body:hover .elm-hotnews__hover {
  display: block;
}

body.page-top .elm-hotnews__hover__table {
  display: table;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

body.page-top .elm-hotnews__hover__cell {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  padding: 0px 60px;
}

body.page-top .elm-hotnews__hover__title {
  display: block;
  font-size: 140%;
  font-style: normal;
  margin: 30px 0;
}

body.page-top .elm-hotnews__hover__textlink {
  display: block;
  text-decoration: underline;
  font-weight: normal;
  text-align: right;
  font-size: 120%;
}

body.page-top .elm-hotnews img {
  display: block;
  background-color: #fff;
  width: 100%;
  height: auto;
}

body.page-top .block-youtube {
  margin-bottom: 10px;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

body.page-top .block-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.page-top .block-reserve {
  padding: 30px 0;
}

body.page-top .module-reserve {
  display: block;
}

body.page-top .module-reserve img {
  display: block;
  width: 100%;
}

body.page-top .module-insta--title {
  margin-bottom: 5px;
}

body.page-top .module-insta--title__image {
  display: block;
}

body.page-top .module-insta {
  margin-bottom: 3px;
}

body.page-top .elm-insta {
  float: left;
  width: 20%;
}

body.page-top .elm-insta a {
  display: block;
  margin: 5px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.7);
  background-color: #fff;
  padding: 2px;
  border-radius: 3px;
}

body.page-top .elm-insta a img {
  display: block;
  width: 100%;
  height: auto;
}

body.page-top .block-insta__more {
  text-align: right;
}

body.page-top .block-insta__more a {
  display: inline-block;
  width: 30%;
}

body.page-top .block-insta__more a img {
  display: block;
  width: 100%;
  height: auto;
}

body.page-top .elm-hotnews:hover,
body.page-top .elm-lunchbox:hover,
body.page-top .module-reserve:hover,
body.page-top .elm-insta a:hover {
  opacity: 0.7;
}

body.page-top .block-banner {
  margin-bottom: 20px;
}

body.page-top .block-banner a {
  display: block;
}

body.page-top .block-banner a img {
  display: block;
  width: 100%;
  height: auto;
}

body.page-top .block-banner a:hover {
  opacity: 0.7;
}

body.page-top .block-lunchbox {
  width: 225px;
  margin: 0 auto 20px;
}

body.page-top .elm-lunchbox {
  display: block;
  width: 100%;
  text-align: center;
}

body.page-top .elm-lunchbox__photo {
  margin-bottom: 10px;
}

body.page-top .elm-lunchbox__text {
  margin-bottom: 5px;
}

body.page-top .elm-lunchbox img {
  display: block;
  width: 100%;
}

body.page-top .block-facebook {
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 736px) {
  body.page-top #main {
    background: url(/yakitatei/img/top/bg_i.jpg) top center no-repeat;
    background-size: 100% auto;
    padding-top: 70px;
  }
  body.page-top .box {
    margin: 10px;
  }
  body.page-top .module-hotnews__body {
    border: 1px solid #fff;
  }
  body.page-top .elm-hotnews__body {
    border: 2px solid #e0e0e0;
    padding: 1px;
  }
  body.page-top .module-topslide {
    display: none;
  }
  body.page-top .area-maincontent__aside {
    padding-top: 10px;
  }
}

@media screen and (min-width: 737px) {
  body.page-top .box {
    width: 100%;
    margin: 0 auto 30px;
  }
  body.page-top .homearea {
    margin-bottom: 10px;
  }
  body.page-top .homearea01,
  body.page-top .homearea02 {
    float: left;
  }
  body.page-top .block-lunchbox {
    width: 100%;
  }
  body.page-top img.elm-lunchbox__text,
  body.page-top img.elm-lunchbox__icon {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 737px) and (max-width: 959px) {
  body.page-top .box {
    max-width: 717px;
  }
  body.page-top .homearea01 {
    width: 406px;
    margin-right: 14px;
  }
  body.page-top .homearea02 {
    width: 297px;
  }
  body.page-top .elm-hotnews,
  body.page-top .block-youtube {
    margin-bottom: 14px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
  body.page-top .box {
    max-width: 960px;
  }
  body.page-top .homearea01 {
    width: 544px;
    margin-right: 18px;
  }
  body.page-top .homearea02 {
    width: 398px;
  }
  body.page-top .elm-hotnews,
  body.page-top .block-youtube {
    margin-bottom: 18px;
  }
}

@media screen and (min-width: 1280px) {
  body.page-top .box {
    max-width: 1200px;
  }
  body.page-top .homearea01 {
    width: 680px;
    margin-right: 22px;
  }
  body.page-top .homearea02 {
    width: 498px;
  }
  body.page-top .elm-hotnews,
  body.page-top .block-youtube {
    margin-bottom: 22px;
  }
  body.page-top .module-news--title span, body.page-top .module-news--title em {
    font-size: 120%;
  }
  body.page-top .elm-news {
    font-size: 120%;
  }
}

@media screen and (min-width: 737px) {
  body.page-top .module-topslide {
    /*max-height: 280px;*/
    max-height: 582px;
    overflow: hidden;
  }
  body.page-top .module-topslide__body li img {
    display: block;
    width: 100%;
    height: auto;
  }
  body.page-top .elm-insta a {
    margin: 0 10px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
    padding: 5px;
    border-radius: 5px;
  }
  body.page-top .module-insta--title {
    margin-bottom: 10px;
  }
  body.page-top .module-insta {
    margin-bottom: 15px;
  }
  body.page-top .block-insta__more a {
    display: inline-block;
    width: 18%;
    margin-right: 10px;
  }
  body.page-top .area-maincontent__box {
    margin-right: 320px;
    width: calc( 100% - 320px );
    float: left;
  }
  body.page-top .area-maincontent__aside {
    margin-left: -300px;
    width: 300px;
    float: right;
  }
}

@media screen and (min-width: 737px) and (max-width: 959px) {
  body.page-top #main {
    padding: 60px 5px 0;
  }
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* HN */
body.page-hotnews {
  /* スマホ */
  /* TAB・PC */
}

body.page-hotnews .bgWhite {
  padding-bottom: 0;
}

body.page-hotnews .area-hotnews {
  padding-top: 30px;
}

body.page-hotnews .block-hotnews {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

body.page-hotnews .elm-hotnews {
  padding-bottom: 20px;
}

body.page-hotnews .elm-hotnews--img img {
  max-width: 100%;
  height: auto;
}

body.page-hotnews .elm-hotnews--title {
  font-size: 140%;
  font-weight: bold;
}

body.page-hotnews .elm-hotnews--date {
  text-align: right;
  text-decoration: underline;
}

body.page-hotnews .elm-hotnews--body img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  body.page-hotnews #main {
    padding-top: 70px;
  }
  body.page-hotnews .box {
    margin: 10px;
  }
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* NS */
body.page-news {
  /* スマホ */
  /* TAB・PC */
}

body.page-news .bgWhite {
  padding-bottom: 0;
}

body.page-news .area-news {
  padding-top: 30px;
}

body.page-news .block-news {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  body.page-news #main {
    padding-top: 70px;
  }
  body.page-news .box {
    margin: 10px;
  }
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* AB */
body.page-about .aboutBox * {
  color: #FFF;
  font-size: 12px;
  line-height: 26px;
}

body.page-about .aboutBox {
  width: 100%;
}

body.page-about .bgImg {
  background-size: 1920px 900px;
  background-position: center center;
  background-repeat: no-repeat;
}

body.page-about .bgBlack {
  background-image: url(/yakitatei/img/common/bg_04.jpg);
  background-size: 10px 10px;
  background-repeat: repeat;
  background-position: inherit;
}

body.page-about .ja {
  padding: 10px;
  border-radius: 5px;
  background-color: #FFF;
  color: #333;
}

body.page-about .ja p {
  color: #333;
}

body.page-about #aboutBox00 {
  height: 900px;
  background-image: url(/yakitatei/img/common/AB_bg_01.jpg);
  position: relative;
}

body.page-about .pv_movie {
  width: 600px;
  height: 355px;
  background: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  left: 3%;
  top: 3%;
}

body.page-about .pv_movie iframe {
  padding: 20px;
  width: 560px;
  height: 315px;
}

body.page-about .cm_recruit {
  width: 590px;
  margin: 5px auto;
  padding: 5px;
  background: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
}

body.page-about .cm_recruit a {
  color: #333;
  text-decoration: underline;
}

body.page-about .cm_recruit a:hover {
  color: orange;
}

@media screen and (max-width: 768px) {
  body.page-about .pv_movie {
    width: 282px;
    height: 178px;
    background: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    left: 6%;
    top: 20%;
  }
  body.page-about .pv_movie iframe {
    padding: 16px;
    width: 250px;
    height: 141px;
  }
  body.page-about .cm_recruit {
    width: 272px;
    margin: 5px auto;
    padding: 5px;
    background: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
  }
}

body.page-about #aboutBox01 {
  height: 900px;
  background-image: url(/yakitatei/img/common/AB_bg_02.jpg);
}

body.page-about #aboutBox02 {
  height: 900px;
  background-image: url(/yakitatei/img/common/AB_bg_03.jpg);
}

body.page-about #aboutBox03 {
  height: 620px;
}

body.page-about #aboutBox04 {
  height: 900px;
  background-image: url(/yakitatei/img/common/AB_bg_04.jpg);
}

body.page-about #aboutBox05 {
  padding-bottom: 20px;
}

body.page-about #aboutBox06 {
  height: 700px;
  background-image: url(/yakitatei/img/common/AB_bg_05.jpg);
}

body.page-about .contType02 {
  width: 324px;
  height: 640px;
}

body.page-about .contType02 .cate01 {
  margin-bottom: 8px;
}

body.page-about .contType02 .cate02 {
  height: 150px;
  margin-bottom: 10px;
  position: relative;
}

body.page-about .contType02 .cate02 .whiteBorder {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  width: 100%;
}

body.page-about .contType02 .cate02 .whiteBorder::after {
  content: " ";
  border: 10px solid rgba(255, 255, 255, 0.3);
  display: block;
  height: 130px;
}

body.page-about .contType02 .cate03 {
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.7);
}

body.page-about .contType02 .en {
  padding-bottom: 15px;
  border-bottom: 1px dotted #FFF;
  margin-bottom: 15px;
}

body.page-about #aboutCont03, body.page-about #aboutCont05 {
  margin: 0 auto;
  max-width: 930px;
  width: 100%;
}

body.page-about #aboutCont01 {
  width: 324px;
  margin: 0 auto;
  height: 100%;
  padding: 0 88px;
}

body.page-about #aboutCont01 .cate01 {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #FFF;
  margin-bottom: 25px;
}

body.page-about #aboutCont01 .cate02 {
  padding-bottom: 18px;
  border-bottom: 1px solid #FFF;
  margin-bottom: 30px;
}

body.page-about #aboutCont01 .cate03 {
  margin-bottom: 15px;
}

body.page-about #aboutCont02 {
  padding: 60px 0 0 60px;
}

body.page-about #aboutCont03 {
  width: 100%;
  margin: 0 auto;
}

body.page-about #aboutCont03 p {
  width: 100%;
  height: 230px;
  transform: skewY(5deg);
  -webkit-transform: skewY(5deg);
  overflow: hidden;
}

body.page-about #aboutCont03 p i {
  display: block;
  width: 100%;
  height: 262px;
  background-position: center center;
  background-size: 280px 262px;
  background-repeat: no-repeat;
  transform: skewY(-5deg);
  -webkit-transform: skewY(-5deg);
  margin-top: -20px;
  max-width: 280px;
}

body.page-about #aboutCont03 .cate01 i {
  background-image: url(/yakitatei/img/common/AB_0301.jpg);
}

body.page-about #aboutCont03 .cate02 i {
  background-image: url(/yakitatei/img/common/AB_0302.jpg);
}

body.page-about #aboutCont03 .cate03 i {
  background-image: url(/yakitatei/img/common/AB_0303.jpg);
}

body.page-about #aboutCont03 .cate04 i {
  background-image: url(/yakitatei/img/common/AB_0304.jpg);
}

body.page-about #aboutCont03 .cate05 i {
  background-image: url(/yakitatei/img/common/AB_0305.jpg);
}

body.page-about #aboutCont03 .cate06 i {
  background-image: url(/yakitatei/img/common/AB_0306.jpg);
}

body.page-about #aboutCont03 .cate03,
body.page-about #aboutCont03 .cate06 {
  margin-right: 0;
}

body.page-about .skewBox03 {
  width: 29%;
  max-width: 280px;
  padding: 30px 15px;
  float: left;
}

body.page-about #aboutCont04 {
  float: right;
  padding-right: 60px;
  padding-top: 260px;
}

body.page-about #aboutCont05 {
  width: 100%;
  margin: 0 auto;
}

body.page-about #aboutCont05 {
  padding: 20px 0 0;
}

body.page-about #aboutCont05 section {
  width: 29%;
  float: left;
  margin-right: 0;
  max-width: 280px;
  padding: 0 15px;
}

body.page-about #aboutCont05 .sec03 {
  margin-right: 0;
}

body.page-about #aboutCont05 .skew {
  width: 92%;
  height: 160px;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  overflow: hidden;
  margin-bottom: 15px;
  margin-left: 15px;
  max-width: 258px;
}

body.page-about #aboutCont05 .skew i {
  display: block;
  width: 111%;
  height: 160px;
  background-position: center center;
  background-size: 280px 160px;
  background-repeat: no-repeat;
  transform: skewX(8deg);
  -webkit-transform: skewX(8deg);
  margin-left: -10px;
  max-width: 280px;
}

body.page-about #aboutCont05 .cate01 i {
  background-image: url(/yakitatei/img/common/AB_0501.jpg);
}

body.page-about #aboutCont05 .cate03 i {
  background-image: url(/yakitatei/img/common/AB_0503.jpg);
}

body.page-about #aboutCont05 .cate05 i {
  background-image: url(/yakitatei/img/common/AB_0505.jpg);
}

body.page-about #aboutCont05 .txt {
  margin-bottom: 10px;
  overflow: hidden;
  border-bottom: 1px solid #FFF;
}

body.page-about #aboutCont05 .contents {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 15px 5px 5px;
}

body.page-about #aboutCont05 .en {
  padding-bottom: 15px;
  border-bottom: 1px dotted #FFF;
  margin-bottom: 15px;
}

body.page-about #aboutCont05 .ja {
  margin: 0 5px 10px;
}

body.page-about #aboutCont05 .jaChild {
  margin-bottom: 1em;
}

body.page-about #aboutCont05 .ja th,
body.page-about #aboutCont05 .ja td {
  color: #333;
}

body.page-about #aboutCont05 table {
  width: 100%;
  max-height: 180px;
}

body.page-about #aboutCont05 th, body.page-about #aboutCont05 td {
  border: none;
  text-align: left;
  padding: 4px 5px;
  line-height: 1em;
}

body.page-about #aboutCont06 {
  padding-top: 110px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  body.page-about .aboutBox * {
    font-size: 11px;
    line-height: 18px;
  }
  body.page-about .aboutBox {
    width: 100%;
  }
  body.page-about .bgImg {
    background-size: cover;
  }
  body.page-about #aboutBox00 {
    height: 400px;
  }
  body.page-about #aboutBox01 {
    height: auto;
  }
  body.page-about #aboutBox02 {
    height: auto;
  }
  body.page-about #aboutBox03 {
    height: 240px;
  }
  body.page-about #aboutBox04 {
    height: auto;
  }
  body.page-about #aboutBox05 {
    height: auto;
  }
  body.page-about #aboutBox06 {
    height: auto;
  }
  body.page-about .contType02 {
    width: auto;
    height: auto;
    padding: 20px;
    margin: 0 20px;
  }
  body.page-about .contType02 .cate01 {
    margin-bottom: 8px;
    padding-top: 20px;
  }
  body.page-about .contType02 .cate01 img {
    width: 100%;
    height: auto;
  }
  body.page-about .contType02 .cate02 {
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
    height: 80px;
  }
  body.page-about .contType02 .cate02 .whiteBorder::after {
    height: 60px;
  }
  body.page-about .contType02 .cate02 img {
    width: 100%;
    height: auto;
  }
  body.page-about .contType02 .cate03 {
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.7);
  }
  body.page-about .contType02 .en {
    padding-bottom: 15px;
    border-bottom: 1px dotted #FFF;
    margin-bottom: 15px;
  }
  body.page-about #aboutCont03, body.page-about #aboutCont05 {
    margin: 0 auto;
    max-width: inherit;
    width: 100%;
  }
  body.page-about #aboutCont01 {
    margin: 0 auto;
    height: 100%;
    padding: 0px 40px 20px;
    width: auto;
  }
  body.page-about #aboutCont01 .cate01,
  body.page-about #aboutCont01 .cate02 {
    margin: 0 auto 15px;
    border-bottom: 1px solid #FFF;
  }
  body.page-about #aboutCont01 .cate01 {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 15px;
  }
  body.page-about #aboutCont01 .cate01 img {
    width: 100%;
    height: auto;
  }
  body.page-about #aboutCont01 .cate02 {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-align: center;
  }
  body.page-about #aboutCont01 .cate02 img {
    width: 66%;
    height: auto;
  }
  body.page-about #aboutCont01 .cate03 {
    margin-bottom: 15px;
  }
  body.page-about #aboutCont02 {
    padding: 0 0 20px;
  }
  body.page-about #aboutCont03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
  }
  body.page-about #aboutCont03 p {
    width: 100%;
    height: 90px;
    transform: skewY(5deg);
    -webkit-transform: skewY(5deg);
    overflow: hidden;
  }
  body.page-about #aboutCont03 p i {
    background-position: center center;
    background-repeat: no-repeat;
    transform: skewY(-5deg);
    -webkit-transform: skewY(-5deg);
    background-size: auto 100%;
    margin-top: -20px;
    max-width: 280px;
    display: block;
    width: 100%;
    height: 0;
    padding: 66% 0;
  }
  body.page-about #aboutCont03 .cate01 i {
    background-image: url(/yakitatei/img/common/AB_0301.jpg);
  }
  body.page-about #aboutCont03 .cate02 i {
    background-image: url(/yakitatei/img/common/AB_0302.jpg);
  }
  body.page-about #aboutCont03 .cate03 i {
    background-image: url(/yakitatei/img/common/AB_0303.jpg);
  }
  body.page-about #aboutCont03 .cate04 i {
    background-image: url(/yakitatei/img/common/AB_0304.jpg);
  }
  body.page-about #aboutCont03 .cate05 i {
    background-image: url(/yakitatei/img/common/AB_0305.jpg);
  }
  body.page-about #aboutCont03 .cate06 i {
    background-image: url(/yakitatei/img/common/AB_0306.jpg);
  }
  body.page-about #aboutCont03 .cate03,
  body.page-about #aboutCont03 .cate06 {
    margin-right: 0;
  }
  body.page-about .skewBox03 {
    width: 31%;
    max-width: 280px;
    padding: 10px 1%;
    float: left;
  }
  body.page-about #aboutCont04 {
    float: none;
    padding: 0 0 20px;
  }
  body.page-about #aboutCont05 {
    width: 100%;
    margin: 0 auto;
  }
  body.page-about #aboutCont05 {
    padding: 20px 0 0;
  }
  body.page-about #aboutCont05 section {
    width: auto;
    float: none;
    margin-right: 0;
    max-width: inherit;
    padding: 0 15px 30px;
  }
  body.page-about #aboutCont05 .sec03 {
    margin-right: 0;
  }
  body.page-about #aboutCont05 .skew {
    width: 92%;
    height: 80px;
    transform: skewX(-8deg);
    -webkit-transform: skewX(-8deg);
    overflow: hidden;
    margin-bottom: 20px;
    margin-left: 15px;
    max-width: inherit;
  }
  body.page-about #aboutCont05 .skew i {
    display: block;
    width: 111%;
    height: 160px;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transform: skewX(8deg);
    -webkit-transform: skewX(8deg);
    margin-left: -10px;
    max-width: inherit;
  }
  body.page-about #aboutCont05 .txt {
    margin-bottom: 15px;
  }
  body.page-about #aboutCont05 .txt img {
    height: auto;
    width: 80%;
  }
  body.page-about #aboutCont05 .contents {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px;
  }
  body.page-about #aboutCont05 .en {
    height: auto;
    margin-bottom: 10px;
    border-bottom: 1px dotted #FFF;
    padding-bottom: 10px;
  }
  body.page-about #aboutCont05 .ja {
    height: auto;
    margin-bottom: 15px;
  }
  body.page-about #aboutCont05 table {
    width: 100%;
    max-height: 180px;
  }
  body.page-about #aboutCont05 th, body.page-about #aboutCont05 td {
    border: none;
    text-align: left;
    padding: 4px 5px;
    line-height: 1em;
  }
  body.page-about #aboutCont06 {
    padding-top: 0;
    margin: 0 auto;
    padding-bottom: 150px;
  }
}

@media (max-width: 479px) {
  body.page-about #aboutCont03, body.page-about #aboutCont05 {
    margin: 0 auto;
    width: 100%;
  }
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ec */
body.page-menu-ec {
  /* *********************************************** */
  /* /menu/index.php */
  /* PC */
  /* SP */
  /* PC */
  /* SP */
  /* *********************************************** */
  /* /menu/detail/index.php */
  /* *********************************************** */
  /* /menu/ec/lib/*** */
  /* ************************************************************************************* */
  /* /menu/ec/lib/index.php */
  /* SP */
  /* PC */
  /* SP */
  /* PC */
  /* *********************************************** */
  /* /menu/ec/lib/order.php */
  /* SP */
  /* PC */
  /* *********************************************** */
  /* /menu/ec/lib/order.php --error */
  /* SP */
  /* PC */
  /* *********************************************** */
  /* /menu/ec/lib/confirm.php */
  /* SP */
  /* PC */
  /* *********************************************** */
  /* /menu/ec/lib/complete.php */
  /* SP */
  /* PC */
  /* *********************************************** */
  /* /menu/howto/ */
  /* SP */
  /* PC */
}

body.page-menu-ec #uploading {
  position: fixed;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
}

body.page-menu-ec #uploading .area-uploading {
  display: table-cell;
  vertical-align: middle;
}

body.page-menu-ec #uploading p {
  text-align: center;
  font-size: 60px;
  color: #999;
  font-weight: bold;
}

body.page-menu-ec .area-pan-nav.new-1510 {
  max-width: 960px;
  margin: 0 auto 20px;
}

body.page-menu-ec .area-pan-nav.new-1510:last-child {
  margin-bottom: 0;
  padding-bottom: 20px;
}

body.page-menu-ec .elm-intro img,
body.page-menu-ec .elm-outro img {
  display: block;
  width: 100%;
  height: auto;
}

body.page-menu-ec .block-anchor {
  padding: 10px;
}

body.page-menu-ec .elm-pannav-anchor {
  display: block;
  float: left;
}

body.page-menu-ec .elm-pannav-anchor a {
  color: #333;
  display: block;
  position: relative;
  padding-left: 1.2em;
}

body.page-menu-ec .elm-pannav-anchor a::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f101";
  color: #f00;
  font-family: "FontAwesome";
}

body.page-menu-ec .block-pan-nav {
  background-color: #fff;
  padding: 10px;
  margin: 0 10px 30px;
}

body.page-menu-ec .ttl-bread-cate {
  margin-left: -17px;
  margin-top: -14px;
}

body.page-menu-ec .ttl-bread-cate img {
  display: block;
}

body.page-menu-ec .option-bread-cate {
  color: #cf9342;
}

@media screen and (min-width: 769px) {
  body.page-menu-ec .elm-pannav-anchor {
    width: 20%;
  }
  body.page-menu-ec .elm-pannav-anchor a:hover {
    text-decoration: underline;
  }
  body.page-menu-ec .ttl-bread-cate {
    width: 35%;
    float: left;
    background-size: 200% auto;
  }
  body.page-menu-ec .ttl-bread-cate img {
    width: 100%;
    height: auto;
  }
  body.page-menu-ec .option-bread-cate {
    width: 65%;
    float: left;
  }
  body.page-menu-ec .block-bread-cate-08 .ttl-bread-cate {
    width: 45%;
  }
  body.page-menu-ec .block-bread-cate-08 .option-bread-cate {
    width: 55%;
  }
  body.page-menu-ec .option-bread-cate,
  body.page-menu-ec .option-bread-cate span {
    line-height: 2.4;
  }
}

@media screen and (max-width: 768px) {
  body.page-menu-ec #main {
    padding: 60px 10px 0;
  }
  body.page-menu-ec .elm-intro img {
    display: none;
  }
  body.page-menu-ec .elm-intro a {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 40%;
    background-image: url(/yakitatei/img/ec/img_list_01_i.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
  body.page-menu-ec .elm-pannav-anchor {
    width: 50%;
  }
  body.page-menu-ec .ttl-bread-cate {
    width: 79%;
    margin-bottom: 10px;
  }
  body.page-menu-ec .ttl-bread-cate#block-cate-08 {
    width: 100%;
  }
  body.page-menu-ec .option-bread-cate,
  body.page-menu-ec .option-bread-cate span {
    line-height: 1.6;
  }
}

body.page-menu-ec .module-wrap-bread {
  display: block;
  float: left;
  margin-bottom: 10px;
}

body.page-menu-ec .module-bread {
  margin: 5px 10px;
  display: table;
}

body.page-menu-ec .elm-bread {
  display: table-cell;
}

body.page-menu-ec .elm-bread.elm-thumbnail {
  width: 20%;
}

body.page-menu-ec .elm-bread.elm-thumbnail i {
  display: block;
  border: 2px solid #ff8f00;
  border-radius: 50%;
}

body.page-menu-ec .elm-bread.elm-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 50%;
}

body.page-menu-ec .elm-bread.elm-text {
  vertical-align: middle;
  padding-left: 5%;
}

body.page-menu-ec .elm-bread.elm-text p {
  line-height: 1;
  color: #333;
}

body.page-menu-ec .elm-bread.elm-text .elm-ranking {
  color: #fff;
  display: inline-block;
  background: #e00;
  padding: 4px 5px 2px 5px;
  font-weight: bold;
}

body.page-menu-ec .elm-bread.elm-text .elm-name {
  padding: 3px 0;
}

@media screen and (min-width: 769px) {
  body.page-menu-ec .module-wrap-bread {
    width: 33.3%;
  }
  body.page-menu-ec .module-wrap-bread:hover p {
    text-decoration: underline;
  }
}

@media screen and (max-width: 768px) {
  body.page-menu-ec .module-wrap-bread {
    width: 50%;
    min-height: 70px;
  }
  body.page-menu-ec .elm-bread.elm-thumbnail {
    width: 30%;
    margin-right: 5%;
  }
  body.page-menu-ec .option-bread-cate {
    padding-bottom: 15px;
  }
}

body.page-menu-ec #main {
  background-repeat: repeat;
  background-image: url(/yakitatei/img/common/bg_05.png);
  padding: 50px 10px 0;
}

body.page-menu-ec .block-intro {
  width: 100%;
  max-width: 630px;
  margin: 0 auto 30px;
}

body.page-menu-ec .block-intro img {
  display: block;
  width: 100%;
  height: auto;
}

body.page-menu-ec .area-cart {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
}

body.page-menu-ec .block-error {
  padding: 20px 0;
  border: 5px solid #f99;
  margin: 30px;
  background: #fff;
}

body.page-menu-ec .block-error p {
  text-align: center;
  color: #c00;
  font-size: 150%;
}

body.page-menu-ec .block-cart {
  margin-bottom: 10px;
}

body.page-menu-ec .block-cart table {
  width: 100%;
}

body.page-menu-ec .block-cart table th,
body.page-menu-ec .block-cart table td {
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
  padding: 10px 0;
}

body.page-menu-ec .block-cart table th,
body.page-menu-ec .block-cart table td,
body.page-menu-ec .block-cart table br {
  line-height: 1.2;
}

body.page-menu-ec .block-cart table th {
  background: #bbb;
  color: #fff;
}

body.page-menu-ec .block-cart table .cel-thumbnail {
  border-right: none;
  width: 16%;
  padding: 1%;
}

body.page-menu-ec .block-cart table .cel-thumbnail .elm-thumbnail {
  display: block;
  border: 2px solid #ff8f00;
  border-radius: 50%;
  overflow: hidden;
}

body.page-menu-ec .block-cart table .cel-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 50%;
}

body.page-menu-ec .block-cart table .cel-name {
  border-left: none;
  text-align: left;
}

body.page-menu-ec .block-cart table .cel-count input {
  display: inline-block;
  max-width: 25px;
}

body.page-menu-ec .block-cart table .cel-edit form {
  margin: 0;
}

body.page-menu-ec.page-ec .module-flow {
  width: 100%;
  height: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

body.page-menu-ec.page-ec-order .module-flow {
  background-position: 0 25%;
}

body.page-menu-ec.page-ec-confirm .module-flow {
  background-position: 0 50%;
}

body.page-menu-ec.page-ec-complete .module-flow {
  background-position: 0 75%;
}

body.page-menu-ec .elm-ttl-ec-page {
  font-size: 220%;
  font-weight: bold;
  text-align: center;
  color: #666;
  padding: 20px 0;
}

body.page-menu-ec.page-ec .module-removed-lunchbox {
  text-align: center;
  color: #c00;
  font-size: 117%;
  line-height: 1;
  font-weight: bold;
  padding: 15px 0;
  background-color: #fff;
  border: 1px solid #c00;
  margin-bottom: 15px;
}

@media (max-width: 768px) {
  body.page-menu-ec .block-cart table th.cel-item {
    width: 50%;
  }
  body.page-menu-ec .block-cart table .cel-edit input {
    padding: 5px 0;
  }
  body.page-menu-ec .block-intro {
    margin-bottom: 15px;
    display: none;
  }
  body.page-menu-ec .block-flow {
    padding-top: 30px;
  }
  body.page-menu-ec.page-ec-cart .block-flow {
    margin-bottom: 15px;
  }
  body.page-menu-ec.page-ec .module-flow {
    padding-top: 15%;
    background-image: url(/yakitatei/img/ec/spr_ec_step_i.png);
  }
}

@media (min-width: 769px) {
  body.page-menu-ec .block-cart table .cel-thumbnail {
    width: 8%;
    padding: 1%;
  }
  body.page-menu-ec .block-cart table .cel-edit input {
    padding: 5px 30px;
  }
  body.page-menu-ec .block-cart table .cel-count input {
    max-width: 80px;
    margin-right: 5px;
  }
  body.page-menu-ec.page-ec-cart .block-flow {
    max-width: 840px;
    margin: 0 auto;
  }
  body.page-menu-ec.page-ec .module-flow {
    padding-top: 5%;
    background-image: url(/yakitatei/img/ec/spr_ec_step.png);
  }
}

body.page-menu-ec .block-sum {
  padding-left: 15%;
  padding-bottom: 20px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
}

body.page-menu-ec .module-sum {
  border: 2px solid #bbb;
}

body.page-menu-ec .elm-sum {
  display: block;
  float: left;
  padding: 5px 0;
}

body.page-menu-ec .elm-sum-tit {
  background: #999;
  color: #fff;
  text-align: center;
}

body.page-menu-ec .elm-sum-cont {
  background: #fff;
  text-align: right;
}

body.page-menu-ec .elm-sum-cont p {
  padding-right: 8px;
}

body.page-menu-ec .module-edit {
  display: block;
}

body.page-menu-ec .module-edit.edit-continue {
  width: 55%;
  float: left;
}

body.page-menu-ec .module-edit.edit-del {
  width: 45%;
  float: left;
}

body.page-menu-ec .module-edit form {
  margin-bottom: 0;
  padding: 5px;
}

body.page-menu-ec .module-edit.edit-del form {
  margin-top: 6px;
}

body.page-menu-ec .elm-edit {
  color: #fff;
  border: none;
  display: block;
  width: 100%;
  line-height: 1;
  padding: 10px 0 14px;
  border-radius: 5px;
}

body.page-menu-ec.page-ec-confirm .edit-submit {
  padding: 20px 0 24px;
}

body.page-menu-ec .elm-edit span,
body.page-menu-ec .elm-edit .fa {
  font-size: inherit;
  line-height: inherit;
}

body.page-menu-ec .elm-edit .fa {
  font-size: 140%;
}

body.page-menu-ec .elm-edit.edit-continue {
  background: #7baa2d;
  font-size: 120%;
}

body.page-menu-ec .elm-edit.edit-del {
  background: #999;
  font-size: 90%;
}

body.page-menu-ec .elm-edit.edit-next {
  background: #ff8f00;
  font-size: 150%;
  font-weight: bold;
}

body.page-menu-ec .elm-edit.edit-submit {
  font-size: 180%;
}

body.page-menu-ec .elm-edit.edit-continue .fa,
body.page-menu-ec .elm-edit.edit-del .fa {
  padding-right: 5px;
}

body.page-menu-ec.page-ec-cart .elm-edit.edit-next .fa {
  padding-left: 5px;
}

body.page-menu-ec.page-ec-order .elm-edit.edit-next .fa {
  padding-right: 5px;
}

@media (max-width: 768px) {
  body.page-menu-ec .elm-sum-tit {
    width: 35%;
  }
  body.page-menu-ec .elm-sum-cont {
    width: 65%;
  }
  body.page-menu-ec .elm-sum-count {
    border-bottom: 1px solid #bbb;
  }
}

@media (min-width: 769px) {
  body.page-menu-ec .elm-sum {
    width: 25%;
  }
  body.page-menu-ec .block-form {
    padding-left: 37%;
  }
  body.page-menu-ec .elm-edit:hover {
    background-image: url(/yakitatei/img/common/bg_10.png);
  }
}

body.page-menu-ec.page-ec-order #main article {
  max-width: 840px;
  margin: 0 auto;
}

body.page-menu-ec.page-ec-order #main .area-order {
  padding-bottom: 50px;
}

body.page-menu-ec.page-ec-order .block-order {
  margin-bottom: 30px;
}

body.page-menu-ec.page-ec-order .block-order dl {
  border: 1px solid #bbb;
}

body.page-menu-ec.page-ec-order .block-order dt {
  padding: 2px 5px;
  background: #bbb;
  color: #fff;
}

body.page-menu-ec.page-ec-order .block-order dd {
  padding: 8px 5px;
  background: #fff;
}

body.page-menu-ec.page-ec-order .block-order .module-order-option {
  padding-left: 2%;
}

body.page-menu-ec.page-ec-order .elm-order-option-price {
  font-size: 88%;
  color: #f66;
}

body.page-menu-ec.page-ec-order .block-order dd input[type=text],
body.page-menu-ec.page-ec-order .block-order dd textarea {
  width: 98%;
  border: 1px solid #ddd;
}

body.page-menu-ec.page-ec-order .block-order dd input[type=text] {
  height: 30px;
}

body.page-menu-ec.page-ec-order .block-order dd textarea {
  height: 150px;
}

body.page-menu-ec.page-ec-order .block-order dt.add-must {
  position: relative;
}

body.page-menu-ec.page-ec-order .block-order dt.add-must::after {
  display: block;
  content: "必須";
  position: absolute;
  top: 50%;
  right: 10px;
  color: #fff;
  background: #f66;
  height: 18px;
  line-height: 18px;
  padding: 0 10px;
  margin-top: -9px;
}

body.page-menu-ec.page-ec-order .block-order .module-delivery-date input[type=text] {
  width: 80%;
  display: inline-block;
  margin-right: 10px;
}

body.page-menu-ec .module-delivery-date .fa {
  color: #09f;
  font-size: 180%;
  position: relative;
}

body.page-menu-ec .module-delivery-date .fa::before {
  position: absolute;
  top: -17px;
}

body.page-menu-ec .module-select {
  margin-bottom: 10px;
}

body.page-menu-ec .module-delivery-time select {
  width: 90px;
}

body.page-menu-ec .block-shop-info {
  position: relative;
  width: 100%;
}

body.page-menu-ec .module-shop-info-default {
  background: #fff3e3;
  height: 160px;
  width: 100%;
  display: table;
}

body.page-menu-ec .module-shop-info-default label {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

body.page-menu-ec .module-shop-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  background: #fff3e3;
}

body.page-menu-ec .module-shop-info a {
  display: inline-block;
  margin-left: 2px;
  background: #09f;
  color: #fff;
  padding: 3px;
  font-size: 90%;
  line-height: 1;
}

body.page-menu-ec li.elm-order {
  display: block;
  float: left;
}

body.page-menu-ec li.elm-order.cate01 {
  width: 25%;
  padding-left: 5%;
}

body.page-menu-ec li.elm-order.cate02 {
  width: 65%;
}

body.page-menu-ec li.elm-order.cate01 p {
  padding: 5px 0 5px 10px;
}

body.page-menu-ec.page-ec-order .block-order dd input.elm-input-number {
  width: 50px;
  display: inline-block;
  margin: 0 5px;
}

body.page-menu-ec.page-ec-order .block-order dd input.elm-input-receipt {
  width: 70%;
  display: inline-block;
  margin: 0 5px;
}

body.page-menu-ec.page-ec-order .block-order-bread {
  padding-bottom: 30px;
  border-bottom: 1px dotted #999;
  margin-bottom: 15px;
}

body.page-menu-ec .view_input_delivery_date {
  display: inline-block;
  padding: 2px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-right: 5px;
  min-width: 200px;
}

body.page-menu-ec .view_input_delivery_date.firstRead {
  color: #999;
}

@media (max-width: 768px) {
  body.page-menu-ec.page-ec-order .module-edit.module-caution {
    padding: 0 15px 15px;
  }
  body.page-menu-ec.page-ec-order .module-edit.module-caution p {
    line-height: 1.2;
  }
  body.page-menu-ec li.elm-order.cate03 {
    float: none;
  }
  body.page-menu-ec .module-delivery-time select,
  body.page-menu-ec .module-delivery-shop select {
    -webkit-appearance: none;
    height: 34px;
    border-color: #ccc;
    border-radius: 3px;
  }
}

@media (min-width: 769px) {
  body.page-menu-ec.page-ec-order .block-order {
    display: table;
    width: 100%;
  }
  body.page-menu-ec.page-ec-order .block-order dl {
    display: table-row;
  }
  body.page-menu-ec.page-ec-order .block-order dt,
  body.page-menu-ec.page-ec-order .block-order dd {
    display: table-cell;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
  }
  body.page-menu-ec.page-ec-order .block-order dt {
    width: 35%;
  }
  body.page-menu-ec.page-ec-order .module-edit {
    width: 50%;
    float: left;
  }
  body.page-menu-ec li.elm-order.cate02 {
    padding-top: 20px;
  }
  body.page-menu-ec li.elm-order.cate03 {
    width: 50%;
  }
  body.page-menu-ec.page-ec-order .block-form {
    padding-left: 0;
  }
  body.page-menu-ec .view-form-calender {
    cursor: pointer;
  }
}

body.page-menu-ec .elm-error-message {
  display: none;
  color: #c00;
  font-weight: bold;
}

body.page-menu-ec .elm-error-message .fa {
  padding-right: 3px;
}

body.page-menu-ec .module-delivery-date .elm-error-message .fa {
  color: #c00;
  font-size: inherit;
  position: static;
}

body.page-menu-ec .module-delivery-date .elm-error-message .fa::before {
  position: static;
}

body.page-menu-ec.page-ec-order .block-order dd.module-error {
  background: #fff0f0;
}

@media (min-width: 769px) {
  body.page-menu-ec .elm-error-message {
    padding-left: 10px;
  }
}

body.page-menu-ec.page-ec-confirm .module-sum {
  margin-bottom: 10px;
}

body.page-menu-ec.page-ec-order&.page-ec-confirm .module-edit.edit-continue {
  float: right;
}

body.page-menu-ec.page-ec-confirm .block-order .module-order {
  padding-left: 20px;
}

body.page-menu-ec.page-ec-confirm .block-order .module-bikou p {
  min-height: 30px;
}

body.page-menu-ec.page-ec-confirm .elm-edit.edit-next .fa {
  padding-left: 5px;
  padding-right: 0;
}

body.page-menu-ec.page-ec-confirm .block-sum {
  padding-left: 15%;
  padding-bottom: 0;
  border-bottom: none;
}

body.page-menu-ec.page-ec-confirm .block-order-bread {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 10px;
}

body.page-menu-ec.page-ec-confirm .block-form {
  padding-bottom: 20px;
  border-bottom: 1px dotted #999;
  margin-bottom: 20px;
}

body.page-menu-ec .block-privacy {
  border: 5px solid #ccc;
  background: #fff;
  padding: 10px;
  width: 76%;
  margin: 0 auto 50px;
}

body.page-menu-ec .elm-privacy-intro {
  font-size: 84%;
}

body.page-menu-ec .module-privacy {
  border: 1px solid #666;
  padding: 10px;
  height: 100px;
  overflow: auto;
  margin-bottom: 10px;
  background: #fff;
}

body.page-menu-ec .elm-privacy-title {
  font-size: 120%;
  text-align: center;
  font-weight: bold;
  color: #666;
}

body.page-menu-ec .elm-privacy-body p {
  font-size: 88%;
}

body.page-menu-ec .elm-privacy-body p,
body.page-menu-ec .elm-privacy-body br {
  line-height: 1.3;
}

body.page-menu-ec .elm-check-privacy {
  text-align: center;
}

@media (max-width: 768px) {
  body.page-menu-ec.page-ec-order.page-ec-confirm .module-edit.edit-continue {
    width: 240px;
  }
}

@media (min-width: 769px) {
  body.page-menu-ec.page-ec-order.page-ec-confirm .module-edit.edit-continue {
    width: 300px;
  }
  body.page-menu-ec.page-ec-confirm .module-edit {
    width: 100%;
    float: none;
  }
}

body.page-menu-ec .block-message {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #666;
  margin-bottom: 20px;
}

body.page-menu-ec .elm-message {
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
}

body.page-menu-ec .elm-message-title {
  display: inline-block;
  color: #fff;
  padding: 10px 20px 6px;
  background: #f66;
}

body.page-menu-ec .elm-message-header {
  text-align: center;
  color: #333;
}

body.page-menu-ec .elm-message-body {
  padding-top: 10px;
  font-size: 150%;
  margin-bottom: 20px;
}

body.page-menu-ec .elm-message-body .elm-att {
  font-size: inherit;
  color: #f66;
  font-weight: bold;
}

body.page-menu-ec .block-delivery {
  background: url(/yakitatei/img/ec/bgimg_complete_01.png) no-repeat;
}

body.page-menu-ec .module-delivery {
  text-align: center;
}

body.page-menu-ec .module-delivery .elm-bold {
  font-weight: bold;
}

body.page-menu-ec.page-ec-complete .block-form {
  padding-bottom: 20px;
  text-align: center;
}

body.page-menu-ec .elm-message-caution {
  font-size: 90%;
  line-height: 1.5;
  text-align: left;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 70%;
  margin: 0 auto 10px;
}

body.page-menu-ec .elm-message-caution br {
  line-height: inherit;
}

@media (max-width: 768px) {
  body.page-menu-ec .elm-message {
    font-size: 140%;
  }
  body.page-menu-ec .elm-message-body {
    padding-top: 10px;
    font-size: 110%;
  }
  body.page-menu-ec .block-delivery {
    width: 100%;
    height: 0;
    padding-top: 33%;
    background-size: contain;
    padding-bottom: 10px;
    position: relative;
  }
  body.page-menu-ec .module-delivery {
    position: absolute;
    width: 70%;
    left: 25%;
    top: 4%;
  }
  body.page-menu-ec .module-delivery p {
    font-size: 100%;
    line-height: 1.6;
  }
}

@media (min-width: 769px) {
  body.page-menu-ec .elm-message {
    font-size: 180%;
  }
  body.page-menu-ec .elm-message-body {
    padding-top: 10px;
    font-size: 150%;
  }
  body.page-menu-ec .block-delivery {
    width: 620px;
    height: 200px;
    margin: 0 auto 20px;
  }
  body.page-menu-ec .module-delivery {
    width: 380px;
    height: 170px;
    padding-left: 185px;
    padding-top: 20px;
  }
  body.page-menu-ec .module-delivery p {
    font-size: 180%;
    line-height: 1.6;
  }
  body.page-menu-ec.page-ec-complete .block-form {
    max-width: 620px;
    margin: 0 auto;
  }
}

body.page-menu-ec.page-ec-howto .elm-page-title {
  font-size: 160%;
  text-align: center;
  color: #666;
  font-weight: bold;
}

body.page-menu-ec.page-ec-howto .elm-title,
body.page-menu-ec.page-ec-howto .elm-flow-title {
  font-size: 140%;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 15px;
}

body.page-menu-ec.page-ec-howto .elm-title {
  color: #333;
  border-bottom: 3px solid #cf9342;
}

body.page-menu-ec.page-ec-howto .elm-flow-title {
  color: #cf9342;
}

body.page-menu-ec.page-ec-howto .block-flow {
  padding-bottom: 15px;
  border-bottom: 1px dotted #999;
  margin-bottom: 15px;
}

body.page-menu-ec.page-ec-howto .block-flow.last-child {
  border-bottom: 3px solid #cf9342;
}

body.page-menu-ec.page-ec-howto .add-numeric {
  position: relative;
  padding-left: 1.3em;
}

body.page-menu-ec.page-ec-howto .add-numeric::before {
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  font-size: 16px;
  border: 1px solid #cf9342;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 20px;
}

body.page-menu-ec.page-ec-howto .add-numeric.add-1::before {
  content: "1";
}

body.page-menu-ec.page-ec-howto .add-numeric.add-2::before {
  content: "2";
}

body.page-menu-ec.page-ec-howto .add-numeric.add-3::before {
  content: "3";
}

body.page-menu-ec.page-ec-howto .add-numeric.add-4::before {
  content: "4";
}

body.page-menu-ec.page-ec-howto .add-numeric.add-5::before {
  content: "5";
}

body.page-menu-ec.page-ec-howto .elm-flow {
  line-height: 1.3;
}

body.page-menu-ec.page-ec-howto .block-to-top {
  text-align: right;
  padding-bottom: 30px;
}

body.page-menu-ec.page-ec-howto .block-to-top a {
  color: #333;
}

body.page-menu-ec.page-ec-howto .module-faq {
  padding-bottom: 15px;
  border-bottom: 1px dotted #999;
  margin-bottom: 15px;
}

body.page-menu-ec.page-ec-howto .module-faq:last-child {
  border-bottom: none;
}

body.page-menu-ec.page-ec-howto .elm-faq {
  position: relative;
  padding-left: 80px;
  min-height: 60px;
  margin-bottom: 20px;
  line-height: 1.4;
}

body.page-menu-ec.page-ec-howto .elm-faq::before {
  position: absolute;
  left: 0;
  content: "";
  width: 60px;
  height: 60px;
  overflow: hidden;
  background: url(/yakitatei/img/ec/spr_icon_faq.png) no-repeat;
  background-size: 60px 120px;
}

body.page-menu-ec.page-ec-howto .elm-faq.faq-a::before {
  background-position: 0 100%;
}

body.page-menu-ec.page-ec-howto .elm-faq.faq-q {
  color: #ff8f00;
  font-size: 120%;
  font-weight: bold;
}

@media (max-width: 768px) {
  body.page-menu-ec.page-ec-howto .elm-bar {
    display: none;
  }
  body.page-menu-ec.page-ec-howto .module-flow-img .module-flow-wrap {
    margin-bottom: 10px;
  }
  body.page-menu-ec.page-ec-howto .elm-faq {
    padding-left: 40px;
    min-height: 30px;
    margin-bottom: 10px;
  }
  body.page-menu-ec.page-ec-howto .elm-faq::before {
    width: 30px;
    height: 30px;
    background-size: 30px 60px;
  }
  body.page-menu-ec.page-ec-howto .block-to-top a {
    text-decoration: underline;
  }
}

@media (min-width: 769px) {
  body.page-menu-ec.page-ec-howto .elm-page-title {
    font-size: 230%;
  }
  body.page-menu-ec.page-ec-howto .elm-title,
  body.page-menu-ec.page-ec-howto .elm-flow-title {
    font-size: 170%;
  }
  body.page-menu-ec.page-ec-howto .module-flow {
    float: left;
  }
  body.page-menu-ec.page-ec-howto .module-flow-img {
    width: 40%;
    margin-right: 2%;
  }
  body.page-menu-ec.page-ec-howto .module-flow-text {
    width: 58%;
  }
  body.page-menu-ec.page-ec-howto .module-flow-img img {
    display: block;
    width: 100%;
    height: auto;
  }
  body.page-menu-ec.page-ec-howto .elm-flow,
  body.page-menu-ec.page-ec-howto .elm-flow br {
    line-height: 1.5;
  }
  body.page-menu-ec.page-ec-howto .elm-faq {
    padding-top: 10px;
  }
  body.page-menu-ec.page-ec-howto .elm-faq::before {
    top: 0;
  }
  body.page-menu-ec.page-ec-howto .elm-faq.faq-q {
    font-size: 160%;
  }
  body.page-menu-ec.page-ec-howto .elm-faq.faq-a {
    font-size: 110%;
  }
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* MN01 */
body.page-menu-detail {
  /* 2016.03.01 追記 ここから */
  /* 2016.03.01 追記 ここまで */
  /* 2015.10月 追記ここから */
  /* PC */
  /* SP */
  /* 2015.10月 追記ここまで */
  /* 2016.04.01 追記ここから */
  /* 2016.04.01 追記ここまで */
}

body.page-menu-detail #main {
  padding: 30px 0 0;
}

body.page-menu-detail .breadCateTitle {
  padding-top: 30px;
  text-align: center;
  font-size: 16px;
  color: #333;
  line-height: inherit;
  height: 110px;
  margin-bottom: 0;
}

body.page-menu-detail .breadCateTitle img {
  display: block;
  padding: 0;
  border-bottom: none;
  margin: 0 auto;
}

body.page-menu-detail #breadListArea {
  width: 100%;
  padding: 10px 0;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}

body.page-menu-detail #breadScrollArea {
  position: absolute;
  top: 190px;
  left: 0;
  width: 100%;
  z-index: 190;
}

body.page-menu-detail #breadScrollBox {
  width: 670px;
  margin: 0 auto;
  position: relative;
}

body.page-menu-detail .breadScroll {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid #FFF;
  border-radius: 100%;
  top: 0;
  line-height: 82px;
  text-align: center;
  cursor: pointer;
}

body.page-menu-detail .breadScroll img {
  width: 50%;
  height: auto;
}

body.page-menu-detail .breadScroll:hover {
  background-color: rgba(210, 87, 87, 0.8);
}

body.page-menu-detail #breadScrollPrev {
  left: -40px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  display: none;
}

body.page-menu-detail #breadScrollNext {
  right: -40px;
}

body.page-menu-detail .breadBoxWrap {
  width: 670px;
  float: left;
  padding: 0 130px;
}

body.page-menu-detail #breadList {
  position: absolute;
  top: 5px;
}

body.page-menu-detail .breadBox {
  width: 670px;
  min-height: 400px;
  box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #FFF;
  position: relative;
}

body.page-menu-detail .breadImg {
  width: 100%;
  max-width: 250px;
  padding: 90px 50px 0;
  float: left;
  text-align: center;
}

body.page-menu-detail .breadImg img {
  width: 100%;
  height: auto;
}

body.page-menu-detail .breadInfo {
  width: 100%;
  max-width: 320px;
  float: left;
  padding-top: 40px;
}

body.page-menu-detail .breadRanking {
  position: absolute;
  top: -3px;
  left: 20px;
  width: 90px;
  height: 66px;
  background-image: url(/yakitatei/img/common/MN_bg_03.png);
  background-size: 90px 120px;
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  text-align: center;
  padding-top: 54px;
}

body.page-menu-detail .breadInfomation {
  height: 175px;
  overflow: hidden;
}

body.page-menu-detail .flag-lunchbox .breadInfomation {
  height: auto;
  overflow: auto;
}

body.page-menu-detail .flag-lunchbox .breadMate,
body.page-menu-detail .flag-lunchbox .breadMateIcon {
  display: none;
}

body.page-menu-detail .breadName {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 5px;
}

body.page-menu-detail .breadBorder {
  height: 8px;
  background-image: url(/yakitatei/img/common/bg_03.png);
}

body.page-menu-detail .breadTxt {
  font-size: 14px;
  padding: 15px 30px 15px 0;
  color: #333;
  line-height: 1.6em;
}

body.page-menu-detail .breadMate {
  font-size: 11px;
  display: inline-block;
  background: #333;
  height: 18px;
  line-height: 19px;
  border-radius: 9px;
  text-align: center;
  color: #FFF;
  margin-bottom: 16px;
  padding: 0 10px;
}

body.page-menu-detail .breadMateIcon {
  margin-bottom: 10px;
}

body.page-menu-detail #breadThumList {
  display: block;
  margin: 0 auto 30px;
  text-align: center;
}

body.page-menu-detail .breadThumnail {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 7px;
  margin-bottom: 7px;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  border: 3px solid #FFF;
}

body.page-menu-detail .breadThumnailCur,
body.page-menu-detail .breadThumnail:hover {
  border-color: #FF8F00;
}

body.page-menu-detail .breadThumnail img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

body.page-menu-detail .cateBox {
  display: block;
  width: 25%;
  float: left;
  height: 70px;
  cursor: pointer;
  position: relative;
}

body.page-menu-detail .cateBox .bgImg {
  position: absolute;
  width: 100%;
  height: 70px;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

body.page-menu-detail .cateBox .bgImg {
  opacity: 0.4;
}

body.page-menu-detail .cateBox:hover .bgImg {
  opacity: 0.8;
}

body.page-menu-detail .cateBox .breadCateName {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70px;
  line-height: 70px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #333;
  overflow: hidden;
  opacity: 0.8;
}

body.page-menu-detail .cateBox:hover .breadCateName {
  opacity: 1;
}

body.page-menu-detail .toFaxBox {
  display: none;
}

body.page-menu-detail .catenum12 .breadPrice {
  position: absolute;
  bottom: 20px;
  right: 0;
}

@media screen and (orientation: landscape) and (min-width: 480px) and (max-width: 768px) {
  body.page-menu-detail .breadRanking {
    top: -3px;
    left: 10px;
    width: 60px;
    height: 48px;
    background-size: 60px 80px;
    font-size: 15px;
    padding-top: 32px;
  }
  body.page-menu-detail #breadScrollArea {
    top: 150px;
  }
  body.page-menu-detail #breadScrollBox {
    width: 80%;
  }
  body.page-menu-detail .breadScroll {
    width: 40px;
    height: 40px;
    line-height: 54px;
  }
  body.page-menu-detail .breadBoxWrap {
    width: 480px;
    float: left;
    padding: 0 20px;
  }
  body.page-menu-detail .breadBox {
    width: 480px;
    min-height: inherit;
    box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background-color: #FFF;
    position: relative;
  }
  body.page-menu-detail .breadImg {
    width: 100%;
    max-width: 190px;
    padding: 60px 30px 0;
    float: left;
    text-align: center;
  }
  body.page-menu-detail .breadImg img {
    width: 100%;
    height: auto;
  }
  body.page-menu-detail .breadInfo {
    width: 100%;
    max-width: 230px;
    float: left;
    padding-top: 30px;
  }
  body.page-menu-detail .breadInfomation {
    height: inherit;
  }
  body.page-menu-detail body.cate12 .breadInfomation {
    padding-bottom: 60px;
  }
  body.page-menu-detail .breadMateIcon img {
    max-width: 40px;
    height: auto;
  }
}

@media screen and (orientation: portrait) {
  body.page-menu-detail #breadListArea {
    margin-bottom: 20px;
  }
  body.page-menu-detail #breadScrollArea {
    top: 330px;
  }
  body.page-menu-detail #breadScrollBox {
    width: 500px;
  }
  body.page-menu-detail .breadBoxWrap {
    width: 500px;
  }
  body.page-menu-detail .breadBox {
    width: 500px;
    min-height: inherit;
  }
  body.page-menu-detail .breadImg {
    padding: 30px 0;
    float: none;
    max-width: inherit;
  }
  body.page-menu-detail .breadImg img {
    max-width: 250px;
  }
  body.page-menu-detail .breadInfo {
    float: none;
    padding-top: 0;
    margin: 0 auto;
  }
  body.page-menu-detail .breadInfomation {
    height: inherit;
    overflow: visible;
    margin-bottom: 20px;
  }
  body.page-menu-detail .EL-price {
    margin-right: 0;
  }
}

@media screen and (orientation: portrait) and (min-width: 769px) and (max-width: 979px) {
  body.page-menu-detail .cateBox {
    width: 33%;
  }
  body.page-menu-detail #breadListArea {
    margin-bottom: 20px;
  }
  body.page-menu-detail #breadScrollArea {
    top: 330px;
  }
  body.page-menu-detail #breadScrollBox {
    width: 600px;
  }
  body.page-menu-detail .breadBoxWrap {
    width: 600px;
  }
  body.page-menu-detail .breadBox {
    width: 600px;
    min-height: inherit;
  }
  body.page-menu-detail .breadImg {
    padding: 30px 0;
    float: none;
    max-width: inherit;
  }
  body.page-menu-detail .breadImg img {
    max-width: 300px;
  }
  body.page-menu-detail .breadInfo {
    max-width: 500px;
  }
  body.page-menu-detail .EL-price {
    margin-right: 0;
    font-size: 24px;
    padding: 2px 10px;
  }
  body.page-menu-detail .breadName {
    font-size: 27px;
  }
  body.page-menu-detail .breadTxt {
    font-size: 21px;
  }
  body.page-menu-detail .breadMate {
    font-size: 18px;
    padding: 4px 16px;
    border-radius: 15px;
    margin-bottom: 20px;
  }
  body.page-menu-detail .breadMateIcon img {
    width: 68px;
    height: auto;
  }
  body.page-menu-detail .breadRanking {
    width: 114px;
    height: 86px;
    background-size: 114px 152px;
    font-size: 24px;
    padding-top: 66px;
  }
  body.page-menu-detail .breadCateTitle {
    height: inherit;
    margin-bottom: 30px;
  }
  body.page-menu-detail .breadCateTitle .txt {
    font-size: 24px;
  }
  body.page-menu-detail .breadCateTitle img {
    display: block;
    width: 625px;
    height: 82px;
  }
  body.page-menu-detail #breadThumList {
    max-width: 60%;
  }
  body.page-menu-detail .breadThumnail {
    width: 75px;
    height: 75px;
    border-radius: 100%;
    margin-right: 7px;
    margin-bottom: 7px;
    overflow: hidden;
    display: inline-block;
  }
  body.page-menu-detail .cateBox .breadCateName {
    font-size: 18px;
    opacity: 1;
  }
}

@media screen and (max-width: 479px) {
  body.page-menu-detail #breadListArea {
    margin-bottom: 20px;
  }
  body.page-menu-detail #breadScrollArea {
    top: 215px;
  }
  body.page-menu-detail #breadScrollBox {
    width: 230px;
  }
  body.page-menu-detail .breadScroll {
    width: 40px;
    height: 40px;
    line-height: 52px;
  }
  body.page-menu-detail .breadBoxWrap {
    width: 290px;
  }
  body.page-menu-detail .breadBox {
    width: 290px;
    min-height: inherit;
  }
  body.page-menu-detail .breadImg {
    padding: 40px 0 15px;
    float: none;
    max-width: inherit;
  }
  body.page-menu-detail .breadImg img {
    max-width: 200px;
  }
  body.page-menu-detail .breadInfo {
    max-width: 260px;
  }
  body.page-menu-detail .EL-price {
    margin-right: 10px;
    font-size: 18px;
    padding: 0px 10px;
  }
  body.page-menu-detail .breadName {
    font-size: 18px;
  }
  body.page-menu-detail .breadTxt {
    font-size: 14px;
    padding: 15px 5px;
  }
  body.page-menu-detail .breadMate {
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 15px;
    margin-bottom: 20px;
  }
  body.page-menu-detail .breadMateIcon img {
    width: 50px;
    height: auto;
  }
  body.page-menu-detail .breadRanking {
    width: 60px;
    height: 48px;
    background-size: 60px 80px;
    font-size: 16px;
    padding-top: 32px;
    left: 10px;
  }
  body.page-menu-detail .breadCateTitle {
    height: inherit;
    margin-bottom: 30px;
  }
  body.page-menu-detail .breadCateTitle .txt {
    font-size: 16px;
  }
  body.page-menu-detail .breadCateTitle {
    width: 100%;
  }
  body.page-menu-detail .breadCateTitle .img img {
    display: block;
    width: 100%;
    height: auto;
  }
  body.page-menu-detail #breadThumList {
    max-width: 100%;
  }
  body.page-menu-detail .breadThumnail {
    width: 75px;
    height: 75px;
    border-radius: 100%;
    margin-right: 7px;
    margin-bottom: 7px;
    overflow: hidden;
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  body.page-menu-detail .cateBox {
    width: 100%;
    float: none;
    clear: both;
    height: 50px;
  }
  body.page-menu-detail .cateBox .bgImg {
    height: 50px;
  }
  body.page-menu-detail .cateBox .bgImg {
    opacity: 0.7;
  }
  body.page-menu-detail .cateBox .breadCateName {
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    opacity: 0.8;
    overflow: hidden;
  }
  body.page-menu-detail #cateList:after,
  body.page-menu-detail #cateList .cf:after {
    display: none;
  }
  body.page-menu-detail .toFaxBox {
    display: block;
    background-size: cover;
    height: 100px;
  }
}

body.page-menu-detail .module-ec.ec-count .elm-ec {
  font-weight: bold;
}

body.page-menu-detail .module-ec.ec-submit input {
  border-radius: 8px;
  display: block;
  width: 100%;
  height: auto;
  max-width: 140px;
  background: url(/yakitatei/img/common/bg_08.jpg);
  padding: 10px 20px;
}

body.page-menu-detail .module-ec.ec-submit input:hover {
  background: url(/yakitatei/img/common/bg_09.jpg);
}

body.page-menu-detail .module-ec.ec-price .elm-ec p {
  border-radius: 8px;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background-image: url(/yakitatei/img/common/bg_02.jpg);
  padding: 2px 6px;
}

body.page-menu-detail .module-ec.ec-price span {
  font-size: 10px;
  font-weight: normal;
}

body.page-menu-detail .module-ec.ec-count input {
  border: 3px solid #ccc;
  max-width: 80px;
  height: 36px;
}

@media (min-width: 769px) {
  body.page-menu-detail .block-ec {
    display: flex;
    justify-content: flex-end;
  }
  body.page-menu-detail .elm-ec {
    padding: 0 10%;
  }
  body.page-menu-detail .module-ec.ec-count {
    width: 26%;
  }
  body.page-menu-detail .module-ec.ec-submit {
    width: 44%;
  }
  body.page-menu-detail .module-ec.ec-price {
    width: 30%;
  }
}

@media (max-width: 768px) {
  body.page-menu-detail .module-ec {
    text-align: right;
    padding-right: 15px;
  }
  body.page-menu-detail .elm-ec {
    display: inline-block;
  }
  body.page-menu-detail .module-ec.ec-count {
    margin-bottom: 10px;
  }
  body.page-menu-detail .module-ec.ec-submit {
    margin-bottom: 30px;
  }
}

body.page-menu-detail .cate-14 .ec-count,
body.page-menu-detail .cate-14 .ec-submit {
  visibility: hidden;
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* CF */
body.page-cafe {
  /* MN01.css CUSTOM */
}

body.page-cafe .attArea {
  width: 600px;
  padding: 10px 2%;
  border-radius: 10px;
  margin: 10px auto 0;
  background: url(/yakitatei/img/common/bg_04.jpg) repeat;
  text-align: center;
}
/*メニュー非表示*/
body.page-cafe .attArea.attArea--menu-hidden {
  width: min(800px, 80%);
  padding: 20px 2%;
}
body.page-cafe .attArea p {
  color: #FFF;
  font-size: 14px;
}
/*メニュー非表示*/
body.page-cafe .attArea p.attArea--menu-hidden {
    font-size: clamp(14px, 2.6vw,20px);
  min-height: 0;
}

body.page-cafe .toDrink {
  width: 594px;
  background: #fff;
  border: 3px solid #ccc;
  margin-top: 30px;
  padding: 7px 2%;
}

body.page-cafe .toDrink a {
  display: block;
}

body.page-cafe .toDrink a:hover {
  text-decoration: underline;
}

body.page-cafe #main {
  padding-bottom: 30px;
}

body.page-cafe .EL-priceWrap {
  position: absolute;
  margin-bottom: 0;
  bottom: 10px;
  right: 10px;
}

body.page-cafe .EL-price {
  margin-right: 0;
}

body.page-cafe .cafeServiceTime {
  position: absolute;
  bottom: 10px;
  display: inline-block;
  border-radius: 8px;
  text-align: center;
  background-image: url(/yakitatei/img/common/bg_07.jpg);
  padding: 2px 15px;
}

body.page-cafe .cafeServiceTime p {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

@media screen and (max-width: 768px) {
  body.page-cafe .toDrink,
  body.page-cafe .attArea {
    width: 90%;
  }
  body.page-cafe .cafeServiceTime {
    padding: 0 10px;
  }
}

body.page-cafe .breadInfomation {
  height: auto;
  overflow: visible;
}

body.page-cafe .breadTxt {
  padding-bottom: 60px;
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* SH */
body.page-shop-list #keyVisual {
  background-image: url(/yakitatei/img/common/SH_key_01.jpg);
}

body.page-shop-list .mainTitle {
  text-align: right;
  color: #FFF;
  font-size: 12px;
}

body.page-shop-list .mainTitle img {
  padding: 0 0 5px;
  border-bottom: none;
}

body.page-shop-list .mainTitle .txt {
  width: 170px;
  margin: 0 auto;
}

body.page-shop-list #shopList {
  width: 100%;
  margin: 0 auto;
  max-width: 960px;
}

body.page-shop-list .list {
  display: block;
  position: relative;
  float: left;
  background-color: #FFF;
  margin: 0 2% 40px;
  width: 46%;
  min-height: 700px;
}

body.page-shop-list .list img {
  display: block;
}

body.page-shop-list .list .img img {
  width: 100%;
  height: auto;
}

body.page-shop-list .list .img {
  margin-bottom: 20px;
}

body.page-shop-list .list .shopName {
  margin: 0 20px 10px;
  border-bottom: 1px dotted #999;
  height: 28px;
  background-color: #000;
  padding: 5px 0 5px 10px;
}

body.page-shop-list .list .shopName img {
  max-width: 100%;
}

body.page-shop-list .list .info {
  margin-left: 30px;
  margin-bottom: 30px;
  margin-right: 30px;
}

body.page-shop-list .list .info li {
  //*height: 30px;*/
  line-height: 30px;
  font-size: 12px;
  color: #333;
  padding: 5px;
  display: inline-block;
  float: left;
}

body.page-shop-list .list .info li a {
  line-height: 1.3em;
}

body.page-shop-list .list .toDetail {
  display: block;
  width: 90px;
  height: 30px;
  position: absolute;
  bottom: -15px;
  right: 20px;
  background-color: #999;
  text-align: center;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
}

body.page-shop-list .list .toDetail i {
  display: block;
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  line-height: 30px;
  -webkit-transform: skew(15deg);
  transform: skew(15deg);
}

body.page-shop-list .toDetail:hover {
  background-color: #cf9342;
}

@media screen and (min-width: 769px) {
  body.page-shop-list .info .cate04 br {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  body.page-shop-list #main {
    padding-top: 30px;
  }
  body.page-shop-list .list {
    float: none;
    width: 86%;
    margin: 0 auto 40px;
    padding-bottom: 15px;
  }
  body.page-shop-list .list .shopName {
    margin: 5px;
    border-bottom: 1px dotted #999;
    height: inherit;
    padding: 8px 10px;
  }
  body.page-shop-list .list .shopName img {
    height: auto;
  }
  body.page-shop-list .list .info {
    margin-left: 7px;
    margin-bottom: 30px;
    padding-top: 5px;
    margin-right: 7px;
  }
  body.page-shop-list .list .info li {
    position: relative;
    font-size: 14px;
    color: #333;
    height: auto;
  }
  body.page-shop-list .list .info li.cate04,
  body.page-shop-list .list .info li.cate05 {
    max-width: 200px;
  }

}
  /*
  */
@media screen and (min-width: 769px) {
  body.page-shop-list .list .info li.cate04 {
    width: calc(100% - 50px);
  }
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* SH01 */
body.page-shop-detail {
  /* infobox.css CUSTOM */
}

body.page-shop-detail #keyVisual {
  text-indent: -9999px;
  margin-bottom: 30px;
}

body.page-shop-detail #contentsWrap {
  background: #FFF;
}

body.page-shop-detail .contentsBox {
  width: 620px;
  margin: 0 auto;
}

body.page-shop-detail .shopName {
  margin: 0 20px 25px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
}

body.page-shop-detail #shopImg {
  margin-bottom: 20px;
  padding-left: 23px;
}

body.page-shop-detail #shopImg p {
  width: 272px;
  height: 180px;
  float: left;
  -webkit-transform: skew(-7deg);
  transform: skew(-7deg);
  overflow: hidden;
}

body.page-shop-detail #shopImg p i {
  display: block;
  width: 300px;
  height: 180px;
  margin-left: -16px;
  background-size: 300px 180px;
  transform: skew(7deg);
  -webkit-transform: skew(7deg);
}

body.page-shop-detail #shopImg .cate01 {
  margin-right: 25px;
}

body.page-shop-detail #shopTxt {
  padding: 15px 20px;
  font-size: 12px;
  color: #333;
  line-height: 2em;
  margin-bottom: 10px;
}

body.page-shop-detail #shopInfoWrap,
body.page-shop-detail #shopMap {
  margin: 0 auto 30px;
  width: 572px;
  border: 4px solid #CCC;
  background: #fff;
}

body.page-shop-detail #shopMap {
  height: 392px;
  margin-bottom: 0;
}

body.page-shop-detail #toGMap {
  margin: 0 auto 50px;
  width: 572px;
}

body.page-shop-detail #shopInfoWrap .img {
  padding: 15px;
  width: 115px;
  float: left;
}

body.page-shop-detail #shopInfoWrap .img img {
  display: block;
}

body.page-shop-detail #shopInfoWrap .txt {
  width: 420px;
  float: left;
  padding: 11px 0;
}

body.page-shop-detail #shopInfoWrap .info {
  margin-bottom: 10px;
}

body.page-shop-detail #shopInfoWrap .info li {
  display: inline-block;
  float: left;
  padding: 0 5px;
  line-height: 30px;
  font-size: 12px;
  color: #333;
}

body.page-shop-detail #shopInfoWrap .cate02,
body.page-shop-detail #shopInfoWrap .cate03 {
  float: left;
}

body.page-shop-detail #shopInfoWrap li.cate02 {
  padding-right: 35px;
}

@media screen and (min-width: 769px) {
  body.page-shop-detail #shopInfoWrap ul li.cate04 br {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  body.page-shop-detail #main {
    padding-top: 30px;
  }
  body.page-shop-detail #contentsWrap {
    width: 90%;
    margin: 0 auto;
  }
  body.page-shop-detail .contentsBox {
    width: auto;
  }
  body.page-shop-detail .shopName {
    margin: 0 20px 25px;
    border-bottom: 1px dotted #999;
    padding-bottom: 0px;
  }
  body.page-shop-detail .shopName img {
    height: auto;
  }
  body.page-shop-detail #shopImg {
    margin-bottom: 5px;
    padding-left: 3%;
    padding-right: 3%;
  }
  body.page-shop-detail .skewBox {
    width: 46%;
    padding: 0px 2%;
    float: left;
    /*height: 95px;*/
    overflow: hidden;
  }
  body.page-shop-detail #shopImg p {
    width: 100%;
    height: 100px;
    float: none;
    -webkit-transform: skew(-7deg);
    transform: skew(-7deg);
    overflow: hidden;
  }
  body.page-shop-detail #shopImg p i {
    display: block;
    width: 300px;
    /*height: 95px;*/
    margin-left: -16px;
    background-size: cover;
    background-position: 250px 150px;
    transform: skew(7deg);
    -webkit-transform: skew(7deg);
  }
  body.page-shop-detail #shopImg .cate01 {
    margin-right: 0;
  }
  body.page-shop-detail #shopTxt {
    padding: 15px 20px;
    font-size: 14px;
    color: #333;
    line-height: 1.8em;
    margin-bottom: 10px;
  }
  body.page-shop-detail #shopInfoWrap,
  body.page-shop-detail #shopMap {
    margin: 0 auto 30px;
    width: 88%;
    border: 2px solid #CCC;
  }
  body.page-shop-detail #shopInfoWrap {
    padding: 2%;
  }
  body.page-shop-detail #shopMap {
    height: 250px;
    margin-bottom: 0;
    overflow: hidden;
  }
  body.page-shop-detail #toGMap {
    margin-left: 6%;
    margin-bottom: 50px;
    width: inherit;
  }
  body.page-shop-detail #shopInfoWrap .img {
    padding: 0px;
    width: auto;
    float: none;
    height: 24px;
  }
  body.page-shop-detail #shopInfoWrap .img img {
    display: block;
    height: 100%;
    width: auto;
  }
  body.page-shop-detail #shopInfoWrap .txt {
    width: auto;
    float: none;
    padding: 15px 0 0 5px;
  }
  body.page-shop-detail #shopInfoWrap .info li {
    display: block;
    position: relative;
    height: auto;
    line-height: 1.2em;
    font-size: 14px;
    color: #333;
    padding: 5px;
    margin-bottom: 5px;
  }
  body.page-shop-detail #shopInfoWrap .info .infoCont {
    padding-top: 13px;
  }
  body.page-shop-detail #shopInfoWrap .info li br {
    line-height: 1.6em;
  }
  body.page-shop-detail #shopInfoWrap .info li a {
    line-height: 1;
    font-size: 14px;
  }
  body.page-shop-detail #shopInfoWrap .info li:before {
    position: absolute;
    top: -5px;
    left: 0;
    -webkit-transform: scale(0.7);
  }
  body.page-shop-detail #shopInfoWrap li.cate02,
  body.page-shop-detail #shopInfoWrap li.cate03 {
    float: none;
  }
  body.page-shop-detail #shopInfoWrap li.cate02 {
    padding-right: 0;
  }
}

body.page-shop-detail .infoBox {
  width: 240px;
  padding: 0;
  border: 1px solid #999;
  border-radius: 10px;
  background: #FFF;
}

body.page-shop-detail .infoCont {
  padding: 10px;
}

body.page-shop-detail .infoCont p {
  text-align: center;
}

body.page-shop-detail .infoCont p a {
  font-size: 11px;
  color: #5FB5D2;
}

body.page-shop-detail .infoCont .gMapTit a {
  font-size: 14px;
  font-weight: bold;
}

body.page-shop-detail .infoCont p a:hover {
  text-decoration: underline;
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* RC */
body.page-recruitment #keyVisual {
  background-image: url(/yakitatei/img/common/RC_key_01.jpg);
}

body.page-recruitment #contentsWrap {
  padding-bottom: 0;
}

body.page-recruitment .mainTitle {
  text-align: right;
  color: #FFF;
  font-size: 12px;
}

body.page-recruitment .mainTitle img {
  padding: 0 0 5px;
  border-bottom: none;
}

body.page-recruitment .mainTitle .txt {
  width: 360px;
  margin: 0 auto;
}

body.page-recruitment .title2 .txt {
  width: 334px;
}

body.page-recruitment .pageTopTxt {
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.8em;
}

body.page-recruitment article.cate01 p,
body.page-recruitment article.cate01 li {
  color: #FFF;
}

body.page-recruitment article.cate02 {
  background-image: url(/yakitatei/img/common/bg_05.png);
  background-repeat: repeat;
}

body.page-recruitment article.cate02 p {
  color: #333;
}

body.page-recruitment section {
  margin: 0 auto;
  max-width: 960px;
}

body.page-recruitment section .imgWrap {
  width: 50%;
  float: left;
  margin-right: 2%;
  padding-left: 0;
}

body.page-recruitment section .txtWrap {
  width: 48%;
  float: right;
}

body.page-recruitment section .imgWrap .skewBox {
  width: 46%;
  float: right;
  padding: 0 2%;
  margin-bottom: 40px;
}

body.page-recruitment section .imgWrap p {
  width: 100%;
  height: 140px;
  float: left;
  margin-right: 0;
  overflow: hidden;
  -webkit-transform: skew(-7deg);
  transform: skew(-7deg);
}

body.page-recruitment section .imgWrap p i {
  display: block;
  width: 111%;
  height: 140px;
  background-size: 240px 140px;
  -webkit-transform: skew(7deg);
  transform: skew(7deg);
  margin-left: -8px;
}

body.page-recruitment section .imgWrap p i.cate01 {
  background-image: url(/yakitatei/img/common/RC_img_01.jpg);
}

body.page-recruitment section .imgWrap p i.cate02 {
  background-image: url(/yakitatei/img/common/RC_img_02.jpg);
}

body.page-recruitment section .imgWrap p i.cate03 {
  background-image: url(/yakitatei/img/common/RC_img_03.jpg);
}

body.page-recruitment section .imgWrap p i.cate04 {
  background-image: url(/yakitatei/img/common/RC_img_04.jpg);
}

body.page-recruitment section .txtWrap h3 {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 15px 2px;
  margin-right: 30px;
  margin-bottom: 20px;
}

body.page-recruitment section .txtWrap ul {
  margin: 0 40px 20px 20px;
}

body.page-recruitment section .txtWrap li {
  padding: 10px 0;
}

body.page-recruitment section .txtWrap li.cate01 {
  border-bottom: 1px dotted #FFF;
}

body.page-recruitment section .txtWrap li.cate02 {
  padding-left: 20px;
}

body.page-recruitment #contentsWrap section .txtWrap .right {
  text-align: right;
  margin-right: 40px;
}

body.page-recruitment article.cate02 {
  padding-bottom: 50px;
}

body.page-recruitment article.cate02 .mainTitle {
  color: #333;
}

body.page-recruitment article.cate02 .mainTitle img {
  border-bottom-color: #666;
}

body.page-recruitment article.cate02 p.cate01,
body.page-recruitment article.cate02 p.cate02 {
  text-align: center;
}

body.page-recruitment article.cate02 p.cate01 {
  font-size: 18px;
  margin-bottom: 10px;
}

body.page-recruitment article.cate02 p.cate02 {
  margin-bottom: 30px;
}

body.page-recruitment .cate02Img {
  margin-bottom: 20px;
}

body.page-recruitment .cate02Img img {
  background-color: #FFF;
}

body.page-recruitment #passed {
  width: 640px;
  margin: 0 auto 30px;
}

body.page-recruitment #passed p {
  float: left;
}

body.page-recruitment #passed .cate01 {
  width: 110px;
  font-size: 20px;
  text-align: center;
  padding: 0px 5px;
  background-color: #BBB;
  color: #FFF;
  margin-right: 20px;
}

body.page-recruitment #passed .cate02 {
  width: 500px;
  margin-bottom: 0;
  text-align: left;
  padding-top: 0px;
  line-height: 1.7em;
}

body.page-recruitment #toContact {
  width: 472px;
  border: 4px solid #CCC;
  margin: 0 auto;
  padding: 20px 30px;
  background-color: #FFF;
}

body.page-recruitment #toContact p {
  font-size: 12px;
  text-align: left;
  margin-bottom: 0;
}

body.page-recruitment #toContact p.cate01 {
  margin-bottom: 30px;
  border-bottom: 1px solid #CCC;
}

body.page-recruitment #toContact .cate02 {
  float: left;
  padding-left: 10px;
  width: 160px;
}

body.page-recruitment #toContact .cate03 {
  float: left;
  width: 300px;
}

body.page-recruitment #toContact .cate06 {
  margin-bottom: 30px;
}

body.page-recruitment .toContactAdd {
  width: 550px;
  margin: 0 auto;
  text-align: right;
}

@media screen and (max-width: 768px) {
  body.page-recruitment #main {
    padding-top: 30px;
  }
  body.page-recruitment .mainTitle {
    width: 96%;
    color: #FFF;
  }
  body.page-recruitment article.cate01 .mainTitle p,
  body.page-recruitment article.cate02 .mainTitle p {
    text-align: right;
    padding: 0;
    margin-bottom: 0;
    font-size: 12px;
    width: 100%;
  }
  body.page-recruitment .mainTitle img {
    padding: 0px 10px 5px;
    width: 94%;
    height: auto;
  }
  body.page-recruitment .pageTopTxt {
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.8em;
  }
  body.page-recruitment article.cate01 p,
  body.page-recruitment article.cate01 li {
    color: #FFF;
    padding: 20px;
    text-align: left;
    font-size: 14px;
    margin-bottom: 5px;
  }
  body.page-recruitment article.cate02 {
    background-image: url(/yakitatei/img/common/bg_05.png);
    background-repeat: repeat;
  }
  body.page-recruitment article.cate02 p {
    color: #333;
    text-align: center;
  }
  body.page-recruitment section {
    margin: 0 auto;
    max-width: 960px;
    padding: 15px;
  }
  body.page-recruitment section .imgWrap {
    width: auto;
    float: none;
    margin-right: 0;
    padding-left: 0;
  }
  body.page-recruitment section .txtWrap {
    width: auto;
    float: none;
  }
  body.page-recruitment section .imgWrap .skewBox {
    width: 46%;
    float: left;
    padding: 0 2%;
    margin-bottom: 10px;
  }
  body.page-recruitment section .imgWrap p {
    width: 100%;
    height: 85px;
    float: left;
    margin-right: 0;
    overflow: hidden;
    -webkit-transform: skew(-7deg);
    transform: skew(-7deg);
    padding: 0;
  }
  body.page-recruitment section .imgWrap p i {
    display: block;
    width: 111%;
    height: 85px;
    background-size: 100% auto;
    -webkit-transform: skew(7deg);
    transform: skew(7deg);
    margin-left: -8px;
  }
  body.page-recruitment section .imgWrap p i.cate01 {
    background-image: url(/yakitatei/img/common/RC_img_01.jpg);
  }
  body.page-recruitment section .imgWrap p i.cate02 {
    background-image: url(/yakitatei/img/common/RC_img_02.jpg);
  }
  body.page-recruitment section .imgWrap p i.cate03 {
    background-image: url(/yakitatei/img/common/RC_img_03.jpg);
  }
  body.page-recruitment section .imgWrap p i.cate04 {
    background-image: url(/yakitatei/img/common/RC_img_04.jpg);
  }
  body.page-recruitment section .txtWrap h3 {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px 10px 0px;
    margin-right: 0;
    margin-bottom: 20px;
  }
  body.page-recruitment section .txtWrap h3 img {
    width: 40%;
    height: auto;
  }
  body.page-recruitment section .txtWrap ul {
    margin: 0 0 10px 0;
  }
  body.page-recruitment section .txtWrap li {
    padding: 5px 0;
  }
  body.page-recruitment section .txtWrap li.cate01 {
    border-bottom: 1px dotted #FFF;
    font-weight: bold;
  }
  body.page-recruitment section .txtWrap li.cate02 {
    padding-left: 15px;
  }
  body.page-recruitment #contentsWrap section .txtWrap .right {
    text-align: right;
    margin-right: 0;
    font-size: 11px;
    padding: 0;
    margin-bottom: 20px;
  }
  body.page-recruitment article.cate02 {
    padding-bottom: 50px;
  }
  body.page-recruitment article.cate02 .mainTitle {
    width: 96%;
    color: #333;
  }
  body.page-recruitment article.cate02 .mainTitle img {
    border-bottom-color: #666;
    width: 94%;
  }
  body.page-recruitment article.cate02 p.cate01,
  body.page-recruitment article.cate02 p.cate02 {
    text-align: center;
    padding: 0 15px;
    font-size: 14px;
  }
  body.page-recruitment article.cate02 p.cate01 {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.4em;
    font-weight: bold;
  }
  body.page-recruitment article.cate02 p.cate02 {
    margin-bottom: 15px;
    padding: 0 30px;
    text-align: left;
    line-height: 1.4em;
  }
  body.page-recruitment .cate02Img {
    margin: 0 20px 20px;
  }
  body.page-recruitment .cate02Img img {
    background-color: #FFF;
    width: 100%;
  }
  body.page-recruitment #passed {
    width: auto;
    margin: 0px 30px 30px;
  }
  body.page-recruitment #passed p {
    float: left;
  }
  body.page-recruitment #passed .cate01 {
    width: 26%;
    font-size: 14px;
    text-align: center;
    padding: 2px 5px;
    background-color: #BBB;
    color: #FFF;
    margin-right: 0;
    font-weight: normal;
  }
  body.page-recruitment #passed .cate02 {
    width: auto;
    margin-bottom: 0;
    text-align: left;
    padding-top: 0px;
    line-height: 1.7em;
    padding: 0;
  }
  body.page-recruitment #toContact {
    width: auto;
    border: 4px solid #CCC;
    margin: 0 20px;
    padding: 15px;
    background-color: #FFF;
  }
  body.page-recruitment #toContact p {
    font-size: 12px;
    text-align: left;
    margin-bottom: 0;
  }
  body.page-recruitment #toContact p.cate01 {
    margin-bottom: 30px;
    border-bottom: 1px solid #CCC;
    padding: 0;
  }
  body.page-recruitment #toContact .cate02 {
    float: left;
    width: 30%;
    padding: 0;
  }
  body.page-recruitment #toContact .cate02 img {
    width: 76%;
  }
  body.page-recruitment #toContact .cate03 {
    float: left;
    width: 70%;
  }
  body.page-recruitment #toContact .cate06 {
    margin-bottom: 30px;
  }
  body.page-recruitment #toContact .cate07 img {
    width: 100%;
  }
  body.page-recruitment article.cate02 p.toContactAdd {
    width: auto;
    margin: 0 auto;
    text-align: left;
    font-size: 10px;
    padding: 5px 25px 0;
    line-height: 1.4em;
  }
  body.page-recruitment #contentsWrap {
    padding-bottom: 0;
  }
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* CP */
body.page-company #keyVisual {
  background-image: url(/yakitatei/img/common/CP_key_01.jpg);
}

body.page-company .mainTitle {
  text-align: right;
  color: #FFF;
  font-size: 12px;
}

body.page-company .mainTitle img {
  padding: 0 0 5px;
  border-bottom: none;
}

body.page-company #contentsWrap {
  background: none;
  padding-bottom: 0;
}

body.page-company #contentsWrap .mainTitle p.txt {
  width: 244px;
  margin: 0 auto;
}

body.page-company #contentsWrap .title2 p.txt {
  width: 160px;
}

body.page-company #contentsWrap .title3 p.txt {
  width: 350px;
}

body.page-company #contentsWrap .title4 p.txt {
  width: 288px;
}

body.page-company #contentsWrap .title5 p.txt {
  width: 134px;
}

body.page-company #contentsWrap .title6 p.txt {
  width: 358px;
}

body.page-company .bgBlack .mainTitle img {
  border-bottom-color: #FFF;
}

body.page-company .bgBlack p {
  color: #FFF;
}

body.page-company .bgWhite .mainTitle img {
  border-bottom-color: #666;
}

body.page-company .bgWhite p {
  color: #333;
}

body.page-company #contentsWrap p {
  text-align: center;
  margin-bottom: 40px;
  font-size: 12px;
}

body.page-company #contentsWrap .mainTitle p {
  text-align: right;
  margin: 0;
}

body.page-company #contentsWrap table {
  width: 100%;
  max-width: 619px;
  margin: 0 auto;
}

body.page-company #contentsWrap table th, body.page-company #contentsWrap table td {
  color: #FFF;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px dotted #FFF;
}

body.page-company #contentsWrap table th {
  width: 114px;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.5);
}

body.page-company #contentsWrap table tr:last-child th, body.page-company #contentsWrap table tr:last-child td {
  border-bottom: none;
}

body.page-company #contentsWrap table.tbl-history td {
  padding: 6px;
}

body.page-company #contentsWrap table.tbl-history td span {
  padding: 4px 8px;
  background-color: rgba(255, 255, 255, 0.4);
}

body.page-company #contentsWrap .bgWhite th {
  background-color: #000;
}

body.page-company #contentsWrap .bgWhite td {
  color: #333;
  border-bottom: 1px dotted #000;
}

body.page-company #contentsWrap .msgTop {
  font-size: 34px;
  margin-bottom: 15px;
}

body.page-company #contentsWrap .msgBox .txt p {
  text-align: left;
  margin-bottom: 30px;
  line-height: 1.8em;
}

body.page-company #contentsWrap .msgBox .txt p:last-child {
  margin-bottom: 0;
}

body.page-company #contentsWrap .hideImg {
  margin-bottom: 0;
  width: 100%;
  overflow: hidden;
  text-align: center;
}

body.page-company #contentsWrap .recTxt {
  width: 640px;
  margin: 0 auto;
}

body.page-company #contentsWrap .recTxt p {
  text-align: left;
}

body.page-company #contentsWrap .recTxt p a:hover {
  text-decoration: underline;
}

body.page-company .msgBox {
  padding: 25px;
  max-width: 590px;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0 auto;
}

body.page-company .msgBox .img {
  width: 21%;
  margin-right: 4%;
  float: left;
}

body.page-company .msgBox .txt {
  width: 75%;
  float: left;
}

@media screen and (min-width: 769px) {
  body.page-company td br {
    display: none;
  }
  body.page-company #contentsWrap .hideImg img {
    width: 100%;
    max-width: 1000px;
  }
}

@media screen and (max-width: 768px) {
  body.page-company #main {
    padding-top: 30px;
  }
  body.page-company #contentsWrap p {
    margin: 0 15px 40px;
    text-align: left;
  }
  body.page-company #contentsWrap table {
    width: 84%;
    margin: 0 auto;
  }
  body.page-company #contentsWrap table th {
    width: 38%;
    padding: 10px 5px;
  }
  body.page-company #contentsWrap .hideImg {
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0;
  }
  body.page-company #contentsWrap .hideImg img {
    width: 156%;
    margin-left: -28.125%;
    max-width: inherit;
  }
  body.page-company #contentsWrap .mainTitle {
    max-width: 90%;
  }
  body.page-company #contentsWrap .mainTitle img {
    max-width: 100%;
    margin: 0;
    padding: 0 0 5px;
  }
  body.page-company #contentsWrap .mainTitle .txt {
    max-width: 100%;
  }
  body.page-company #contentsWrap .msgBox .img {
    text-align: center;
    width: 100%;
    margin: 0 0 25px;
    float: none;
    padding-top: 20px;
  }
  body.page-company #contentsWrap .msgBox .txt {
    width: 100%;
    float: none;
    margin: 0;
    padding-bottom: 20px;
  }
  body.page-company #contentsWrap .msgBox .txt p {
    margin-bottom: 30px;
    line-height: 1.8em;
    margin: 0 15px 25px;
  }
  body.page-company #contentsWrap .msgTop {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  body.page-company #contentsWrap .recTxt {
    width: inherit;
    margin: 0 auto;
  }
  body.page-company .msgBox {
    padding: 1%;
    max-width: 96%;
    margin: 0 auto;
  }
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* CT */
body.page-contact #keyVisual {
  background-image: url(/yakitatei/img/common/CT_key_01.jpg);
}

body.page-contact .mainTitle {
  text-align: right;
  color: #FFF;
  font-size: 12px;
}

body.page-contact .mainTitle img {
  padding: 0 0 5px;
  border-bottom: none;
}

body.page-contact .mainTitle .txt {
  width: 140px;
  margin: 0 auto;
}

body.page-contact #contactWrap {
  width: 480px;
  margin: 0 auto;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.5);
}

body.page-contact #contactWrap p {
  text-align: center;
  color: #FFF;
  margin-bottom: 40px;
  font-size: 12px;
}

body.page-contact #contactWrap .contact {
  width: 100%;
  margin-bottom: 30px;
}

body.page-contact #contactWrap ul {
  margin-bottom: 5px;
}

body.page-contact #contactWrap li {
  color: #FFF;
  font-size: 12px;
  float: left;
  display: block;
}

body.page-contact #contactWrap li.cate01 {
  text-align: right;
  font-weight: bold;
  vertical-align: top;
  width: 28%;
  margin-right: 2%;
}

body.page-contact #contactWrap li.cate02 {
  width: 70%;
}

body.page-contact #contactWrap textarea,
body.page-contact #contactWrap select {
  width: 100%;
}

body.page-contact button.submit {
  display: block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  text-align: center;
  margin: 0 auto;
  background-image: url(/yakitatei/img/common/button_01.png);
  background-repeat: no-repeat;
  background-size: 100px 30px;
  border: none;
  background-color: inherit;
}

body.page-contact #contactWrap p.submit {
  text-align: center;
}

body.page-contact #contactWrap p.submit input {
  display: inline-block;
  width: 90px;
  height: 21px;
  line-height: 21px;
  font-size: 10px;
  text-align: center;
  background-image: url(/yakitatei/img/common/button_01.png);
  background-repeat: no-repeat;
  background-size: 90px 21px;
  border: none;
  background-color: inherit;
}

body.page-contact #contactWrap input,
body.page-contact #contactWrap select,
body.page-contact #contactWrap textarea {
  background-color: #FFF;
}

@media screen and (max-width: 768px) {
  body.page-contact #main {
    padding-top: 30px;
  }
  body.page-contact #contactWrap {
    width: auto;
    margin: 0 15px;
    padding: 20px;
  }
  body.page-contact #contactWrap p {
    text-align: left;
    color: #FFF;
    margin-bottom: 20px;
    font-size: 12px;
  }
  body.page-contact #contactWrap .contact {
    width: 100%;
    margin-bottom: 30px;
  }
  body.page-contact #contactWrap ul {
    margin-bottom: 20px;
  }
  body.page-contact #contactWrap li {
    color: #FFF;
    font-size: 12px;
    float: none;
  }
  body.page-contact #contactWrap li.cate01 {
    text-align: left;
    font-weight: bold;
    vertical-align: top;
    width: auto;
  }
  body.page-contact #contactWrap li.cate02 {
    width: auto;
  }
}

body.page-contact #privacyPolicyArea {
  width: 90%;
  margin: 20px auto;
  height: 80px;
  border: 1px solid #CCC;
  padding: 10px;
  overflow: auto;
  font-size: 12px;
}

body.page-contact .errMsgBox {
  clear: both;
  font-size: 11px;
  color: #F00;
  font-weight: bold;
  opacity: 0;
  display: none;
}

body.page-contact .mustElem span {
  font-size: 10px;
  padding: 1px 3px;
  background: #FF9595;
  border-radius: 5px;
  color: #FFF;
}

body.page-contact #errMsgBox_accept {
  text-align: center;
}

body.page-contact p.submit input {
  font-size: 10px;
  padding: 0px 3px;
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* SM */
body.page-sitemap #keyVisual {
  background-image: url(/yakitatei/img/common/SM_key_01.jpg);
}

body.page-sitemap .mainTitle {
  text-align: right;
  color: #FFF;
  font-size: 12px;
}

body.page-sitemap .mainTitle img {
  padding: 0 0 5px;
  border-bottom: none;
}

body.page-sitemap .mainTitle .txt {
  width: 146px;
  margin: 0 auto;
}

body.page-sitemap .intro {
  color: #FFF;
  text-align: center;
  margin-bottom: 30px;
}

body.page-sitemap #pageList {
  max-width: 705px;
  margin: 0 auto;
  padding: 20px 30px;
  background-color: rgba(0, 0, 0, 0.5);
}

body.page-sitemap .pageBox {
  margin-bottom: 30px;
}

body.page-sitemap .pageName a,
body.page-sitemap .pageDesc,
body.page-sitemap .pageDesc a {
  color: #FFF;
  font-size: 12px;
}

body.page-sitemap .pageName {
  margin-bottom: 10px;
}

body.page-sitemap .pageDesc {
  padding: 5px 0 5px 15px;
}

body.page-sitemap .pageBox a {
  text-decoration: underline;
}

body.page-sitemap .pageBox a:hover {
  color: #cf9342;
}

body.page-sitemap .pageName a {
  font-size: 14px;
  font-weight: bold;
}

body.page-sitemap .pageDesc a {
  line-height: 3em;
  padding-right: 10px;
  display: inline-block;
}

body.page-sitemap .toDetail {
  padding-left: 30px;
}

@media screen and (max-width: 768px) {
  body.page-sitemap .intro {
    padding: 0 20px;
    text-align: left;
  }
  body.page-sitemap #main {
    padding-top: 30px;
  }
  body.page-sitemap #pageList {
    margin: 0 20px;
    padding: 20px;
  }
  body.page-sitemap .pageName {
    margin-bottom: 5px;
  }
  body.page-sitemap .pageDesc {
    padding: 0;
    margin-bottom: 5px;
  }
  body.page-sitemap .pageDesc a {
    display: block;
    line-height: inherit;
    padding-right: 0;
  }
  body.page-sitemap .toDetail {
    padding-left: 0;
  }
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* PP */
body.page-privacypolicy #keyVisual {
  background-image: url(/yakitatei/img/common/PP_key_01.jpg);
}

body.page-privacypolicy .mainTitle {
  text-align: right;
  color: #FFF;
  font-size: 12px;
}

body.page-privacypolicy .mainTitle img {
  padding: 0 0 5px;
  border-bottom: none;
}

body.page-privacypolicy .mainTitle .txt {
  width: 260px;
  margin: 0 auto;
}

body.page-privacypolicy .intro {
  color: #FFF;
  text-align: left;
  max-width: 730px;
  margin: 0 auto 30px;
}

body.page-privacypolicy .count {
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
  padding-left: 2em;
  text-indent: -1.3em;
}

body.page-privacypolicy .count:before {
  display: marker;
  content: counter(cnt) ". ";
}

body.page-privacypolicy #ppList {
  max-width: 705px;
  margin: 0 auto;
  padding: 20px 30px;
  background-color: rgba(0, 0, 0, 0.5);
}

body.page-privacypolicy .ppWrap {
  margin: 0 0 35px 30px;
}

body.page-privacypolicy .ppName {
  margin-bottom: 10px;
  color: #cf9342;
  font-size: 14px;
  font-weight: bold;
}

body.page-privacypolicy .pp,
body.page-privacypolicy .pp a {
  color: #FFF;
  font-size: 12px;
  line-height: 2.5em;
}

body.page-privacypolicy .pp {
  margin-bottom: 10px;
}

body.page-privacypolicy .pp a {
  text-decoration: underline;
  padding-left: 15px;
}

body.page-privacypolicy .pp a:hover {
  color: #cf9342;
}

@media screen and (min-width: 769px) and (max-width: 979px) {
  body.page-privacypolicy #ppList {
    margin: 0 20px;
  }
}

@media screen and (max-width: 768px) {
  body.page-privacypolicy .intro {
    padding: 0 20px;
    text-align: left;
  }
  body.page-privacypolicy #main {
    padding-top: 30px;
  }
  body.page-privacypolicy #ppList {
    margin: 0 20px;
    padding: 20px;
  }
  body.page-privacypolicy .ppName {
    margin-bottom: 15px;
  }
  body.page-privacypolicy .ppWrap {
    margin: 0 0 20px;
  }
  body.page-privacypolicy .pp {
    line-height: 2em;
  }
  body.page-privacypolicy .pp a {
    display: block;
    line-height: inherit;
    padding-right: 0;
  }
}

/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* EX */
body.page-404 #contentsWrap {
  padding-bottom: 0;
}

body.page-404 .contentsArea {
  width: 640px;
  margin: 0 auto;
}

body.page-404 .mainTitle img {
  padding: 0 0 5px;
  border-bottom: none;
}

body.page-404 #contentsWrap .mainTitle p.txt {
  width: 335px;
  margin: 0 auto;
  text-align: right;
}

body.page-404 #main a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  body.page-404 #main {
    padding-top: 30px;
  }
  body.page-404 .contentsArea {
    width: 96%;
  }
  body.page-404 img {
    max-width: 100%;
  }
  body.page-404 #contentsWrap .mainTitle p.txt {
    width: 96%;
  }
  body.page-404 .bgWhite {
    padding-bottom: 0;
  }
  body.page-404 #main a {
    text-decoration: underline;
  }
}

body.page-company #contentsWrap .title--section {
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
}

body.page-company #contentsWrap .title--section__text {
  color: #fff;
  font-size: 200%;
  line-height: 1;
  padding: 15px 5px 3px;
  border-bottom: 1px solid #fff;
  display: inline-block;
}

body.page-company #contentsWrap .block--rinen__img {
  text-align: center;
}

body.page-company #contentsWrap .block--rinen__img img {
  width: 75%;
}

body.page-company #contentsWrap .elm--vector {
  margin-bottom: 20px;
}

body.page-company #contentsWrap .elm--vector__icon {
  text-align: center;
}

body.page-company #contentsWrap .elm--vector__icon img {
  width: 50%;
}

body.page-company #contentsWrap .elm--vector__header {
  font-size: 160%;
  font-weight: bold;
  margin-bottom: 5px;
}

body.page-company #contentsWrap .elm--vector__body {
  font-size: 108%;
  line-height: 1.4;
}

body.page-company #contentsWrap .block--motto {
  padding: 0 30px;
  text-align: center;
}

body.page-company #contentsWrap .block--message__text {
  text-indent: 1em;
  text-align: left;
}

/* TABのワンポイント */
@media (max-width: 768px) {
  body.page-company #contentsWrap .mainTitle img {
    margin: 0 auto;
  }
}

/* SP */
@media (min-width: 768px) and (max-width: 959px) {
  body.page-company #contentsWrap .box-body {
    padding: 10px;
  }
}

/* PC */
@media (min-width: 960px) {
  body.page-company #contentsWrap .box-body {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* PC */
@media (min-width: 768px) {
  body.page-company #contentsWrap .title--section {
    margin-bottom: 50px;
  }
  body.page-company #contentsWrap .block--rinen {
    margin-bottom: 50px;
  }
  body.page-company #contentsWrap .block--rinen__img {
    width: 50%;
    float: left;
  }
  body.page-company #contentsWrap .block--rinen__photo img {
    width: 100%;
  }
  body.page-company #contentsWrap .block--rinen__emblem img {
    width: 70%;
  }
  body.page-company #contentsWrap .elm--vector {
    float: left;
    width: 50%;
  }
  body.page-company #contentsWrap .elm--vector__icon {
    float: left;
    width: 20%;
  }
  body.page-company #contentsWrap .elm--vector__icon img {
    width: 100%;
  }
  body.page-company #contentsWrap .elm--vector__text {
    float: left;
    width: 80%;
  }
  body.page-company #contentsWrap .elm--vector__text p {
    margin-right: 30px;
    margin-left: 15px;
    text-align: left;
  }
  body.page-company #contentsWrap .elm--vector__header {
    line-height: 1;
    margin-bottom: 10px;
  }
  body.page-company #contentsWrap .elm--vector__body {
    font-size: 90%;
  }
  body.page-company #contentsWrap .block--motto {
    margin-bottom: 20px;
  }
  body.page-company #contentsWrap .block--motto img {
    width: 358px;
  }
}

/* SP */
@media (max-width: 767px) {
  .no-sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  body.page-menu-ec .module-bread {
    display: block;
    margin-bottom: 10px;
  }
  body.page-menu-ec .elm-bread.elm-thumbnail {
    width: 100%;
    margin-bottom: 8px;
    margin-right: 0;
    display: block;
  }
  body.page-menu-ec .elm-bread.elm-text {
    padding-left: 0;
    text-align: center;
    display: block;
  }
  body.page-menu-ec .elm-bread.elm-text .elm-name {
    font-size: 88%;
    line-height: 1.3;
    height: 33px;
    overflow: hidden;
  }
  body.page-menu-ec .elm-bread.elm-text .elm-text-wrap {
    position: relative;
  }
  body.page-menu-ec .elm-bread.elm-text .elm-text-wrap .elm-ranking {
    position: absolute;
    top: -20px;
    left: 0;
  }
}




/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* TOPページ add20170324 */
.backnumber {
}
.backnumber a {
  color: #fff;
  display: block;
  background: #ff8f00;
  padding: 5px 0;
  text-align: center;
  margin-bottom: 20px;
}
.backnumber a:hover {
  background: #ffa533;
}


/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* REC add20170323 */
body.page-recruit #keyVisual {
  background-image: url(/yakitatei/img/common/CP_key_01.jpg);
}

body.page-recruit .mainTitle {
  text-align: right;
  color: #FFF;
  font-size: 12px;
}

body.page-recruit .mainTitle img {
  padding: 0 0 5px;
  border-bottom: none;
}

body.page-recruit #contentsWrap {
  background: none;
  padding-bottom: 0;
}

body.page-recruit #contentsWrap .mainTitle p.txt {
  width: 244px;
  margin: 0 auto;
}

body.page-recruit #contentsWrap .title p.txt {
  width: 134px;
}

body.page-recruit .bgBlack .mainTitle img {
  border-bottom-color: #FFF;
}

body.page-recruit .bgBlack p {
  color: #FFF;
}

body.page-recruit #contentsWrap p {
  text-align: center;
  margin-bottom: 40px;
  font-size: 12px;
}

body.page-recruit #contentsWrap .mainTitle p {
  text-align: right;
  margin: 0;
}

body.page-recruit #contentsWrap .msgTop {
  font-size: 34px;
  margin-bottom: 15px;
}

body.page-recruit #contentsWrap .msgBox .txt p {
  text-align: left;
  margin-bottom: 30px;
  line-height: 1.8em;
}

body.page-recruit #contentsWrap .msgBox .txt p:last-child {
  margin-bottom: 0;
}

body.page-recruit #contentsWrap .recTxt {
  width: 640px;
  margin: 0 auto;
}

body.page-recruit #contentsWrap .recTxt p {
  text-align: left;
}

body.page-recruit #contentsWrap .recTxt p a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 769px) {
}

@media screen and (max-width: 768px) {
  body.page-recruit #main {
    padding-top: 30px;
  }
  body.page-recruit #contentsWrap p {
    margin: 0 15px 40px;
  }
  body.page-recruit #contentsWrap .mainTitle {
    max-width: 90%;
  }
  body.page-recruit #contentsWrap .mainTitle img {
    max-width: 100%;
    margin: 0;
    padding: 0 0 5px;
  }
  body.page-recruit #contentsWrap .mainTitle .txt {
    max-width: 100%;
  }

  body.page-recruit #contentsWrap .msgTop {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  body.page-recruit #contentsWrap .recTxt {
    width: inherit;
    margin: 0 auto;
  }
}




/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* NL add20170324 */
@media screen and (max-width: 768px) {
  body.page-newslist #main {
    padding: 60px 10px 0;
  }
}

body.page-newslist #main {
  background-repeat: repeat;
  background-image: url(/yakitatei/img/common/bg_05.png);
  padding: 50px 10px 0;
}

body.page-newslist .newslist {
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 20px;
}

body.page-newslist .newslist .newslist__box {
  background-color: #fff;
  padding: 20px 10px;
}



/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* RC add20170324 */
/* PC */
@media (min-width: 769px) {
  body.page-recruitment article.cate01 .cate01Banner {
    margin-bottom: 40px;
  }
  body.page-recruitment article.cate01 .cate01Banner a:hover {
    opacity: 0.7;
  }
  body.page-recruitment #toContact .cate08 a:hover {
    text-decoration: underline;
  }
}


/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* SH add20170410 */
body.page-shop-list #keyVisual {
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #1c1c1c;
}




/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* add20180106 */

.component-table {
  border-bottom: 1px solid #565656;
  clear: both;
}

.component-table__title {
  float: left;
}

.component-table__title__head {
  background-color: #d2d2d2;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
}

.component-table__title__piece {
}

.component-table__lists {
  float: right;
}

.component-table__lists__strong {
  font-weight: bold;
}


/* SP・TAB */
@media (max-width: 959px) {
  .component-table {
    margin: 0 15px 15px 15px;
  }

  .component-table__title {
    width: 30%;
  }

  .component-table__title__head {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .component-table__lists {
    width: 70%;
  }

  .component-table br {
    display: none;
  }
}

/* PC */
@media (min-width: 960px) {
  .component-table {
    margin: 0 35px 25px 35px;
  }

  .component-table__title {
    width: 90px;
  }

  .component-table__title__head {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .component-table__lists {
    width: 410px;
  }
}



/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* add20180109 */

body.page-menu-detail .module-ec.ec-no-price {
  margin-bottom: 20px;
  float: right;
}



/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* add20180314 */
body.page-company #contentsWrap p.chairman {
  width: 70%;
  margin: 0 auto 40px auto;
}

.chairman img {
  max-width: 100%;
}


/* add20180830ここから */
.bread-menu {
  background-image: url(/yakitatei/img/ec/menu.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  background-position: center;
  position: relative;
}

.bread-menu__button {
  height: 30px;
  line-height: 1;
  margin: auto;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: center;
}

.bread-menu__button__link {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #fff;
  font-weight: bold;
  line-height: 30px;
  color: #4d4b4c;
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.bread-menu__button__link:hover {
  background-color: #4d4d4d;
  color: #fff;
}

/* SP・TAB */
@media (max-width: 959px) {
  .bread-menu {
    height: 375px;
  }

  .bread-menu__button {
    max-width: 275px;
    top: 125px;
  }

  .bread-menu__button__link {
    font-size: 16px;
  }
}

/* PC */
@media (min-width: 960px) {
  .bread-menu {
    height: 672px;
  }

  .bread-menu__button {
    max-width: 350px;
    top: 200px;
  }

  .bread-menu__button__link {
    font-size: 18px;
  }
}

/* add20180830ここまで */

/* add20250602 各店舗の詳細ページ */
.shop-detail__block {
  width: 88%;
  display: flex;
  justify-content: center;
  margin: 0 auto 15px;
}
.shop-detail__box {
  clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
}
@media (max-width: 767px) {
  .shop-detail__block {
    width: 100%;
    margin: 0 auto 10px;
  }
  .shop-detail__box {
    clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
  }
}

/* add20250602 各店舗の詳細ページ ここまで */