@charset "UTF-8";
/* ===================================================================
CSS information
 file name  : food.css author     : Ability Consultant style info : お料理
=================================================================== */
.con_moutain:after, .con_moutain .box_txt:after { content: ""; display: table; clear: both; }

@-webkit-keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@-moz-keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@-ms-keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@keyframes animationScrollDown { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } }
@keyframes animHomeHeaderLine { 0% { background-position: 0 -5em; }
  50% { background-position: 0 0; }
  100% { background-position: 0 5em; } }
html.lower #contents .page_title { background: url(../food/images/img_main.jpg) no-repeat center/cover; }

.con_intro { padding: 40px 0 90px; border-bottom: none; }
@media only screen and (max-width: 767px) { .con_intro { padding: 2em 0 4em; } }

.con_moutain { background: #f5f2ee; position: relative; }
@media only screen and (min-width: 768px) { .con_moutain { display: -webkit-flex; display: flex; } }
@media print { .con_moutain { display: -webkit-flex; display: flex; } }
.ie8 .con_moutain { display: -webkit-flex; display: flex; }
.con_moutain .box_slider { position: relative; margin-bottom: 2em; }
@media only screen and (min-width: 768px) { .con_moutain .box_slider { width: 50%; margin-bottom: 0; } }
@media print { .con_moutain .box_slider { width: 50%; margin-bottom: 0; } }
.ie8 .con_moutain .box_slider { width: 50%; margin-bottom: 0; }
@media only screen and (min-width: 768px) { .con_moutain .box_slider .slider { width: 100%; }
  .con_moutain .box_slider .slider .slick-list { width: 100%; height: 100%; }
  .con_moutain .box_slider .slider .slick-list .slick-track { height: 100%; position: static; } }
@media print { .con_moutain .box_slider .slider { width: 100%; }
  .con_moutain .box_slider .slider .slick-list { width: 100%; height: 100%; }
  .con_moutain .box_slider .slider .slick-list .slick-track { height: 100%; position: static; } }
.ie8 .con_moutain .box_slider .slider { width: 100%; }
.ie8 .con_moutain .box_slider .slider .slick-list { width: 100%; height: 100%; }
.ie8 .con_moutain .box_slider .slider .slick-list .slick-track { height: 100%; position: static; }
@media only screen and (min-width: 768px) { .con_moutain .box_slider .slider .slide { position: absolute; top: 0; left: 0; height: 100%; min-height: 545px; background-repeat: no-repeat; background-position: center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
  .con_moutain .box_slider .slider .slide.img01 { background-image: url(../food/images/img_moutain01.jpg); }
  .con_moutain .box_slider .slider .slide.img02 { background-image: url(../food/images/img_moutain02.jpg); }
  .con_moutain .box_slider .slider .slide.img03 { background-image: url(../food/images/img_moutain03.jpg); }
  .con_moutain .box_slider .slider .slide.img04 { background-image: url(../food/images/img_moutain04.jpg); }
  .con_moutain .box_slider .slider .slide.img05 { background-image: url(../food/images/img_moutain05.jpg); } }
@media print { .con_moutain .box_slider .slider .slide { position: absolute; top: 0; left: 0; height: 100%; min-height: 545px; background-repeat: no-repeat; background-position: center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
  .con_moutain .box_slider .slider .slide.img01 { background-image: url(../food/images/img_moutain01.jpg); }
  .con_moutain .box_slider .slider .slide.img02 { background-image: url(../food/images/img_moutain02.jpg); }
  .con_moutain .box_slider .slider .slide.img03 { background-image: url(../food/images/img_moutain03.jpg); }
  .con_moutain .box_slider .slider .slide.img04 { background-image: url(../food/images/img_moutain04.jpg); }
  .con_moutain .box_slider .slider .slide.img05 { background-image: url(../food/images/img_moutain05.jpg); } }
.ie8 .con_moutain .box_slider .slider .slide { position: absolute; top: 0; left: 0; height: 100%; min-height: 545px; background-repeat: no-repeat; background-position: center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
.ie8 .con_moutain .box_slider .slider .slide.img01 { background-image: url(../food/images/img_moutain01.jpg); }
.ie8 .con_moutain .box_slider .slider .slide.img02 { background-image: url(../food/images/img_moutain02.jpg); }
.ie8 .con_moutain .box_slider .slider .slide.img03 { background-image: url(../food/images/img_moutain03.jpg); }
.ie8 .con_moutain .box_slider .slider .slide.img04 { background-image: url(../food/images/img_moutain04.jpg); }
.ie8 .con_moutain .box_slider .slider .slide.img05 { background-image: url(../food/images/img_moutain05.jpg); }
.con_moutain .box_slider .js-dots { position: absolute; bottom: 2em; left: 0; right: 0; margin: auto; display: flex; align-items: center; justify-content: center; }
@media only screen and (max-width: 767px) { .con_moutain .box_slider .js-dots { bottom: -2.5em; } }
.con_moutain .box_slider .js-dots .prev, .con_moutain .box_slider .js-dots .next { text-align: center; cursor: pointer; }
@media only screen and (max-width: 767px) { .con_moutain .box_slider .js-dots .prev, .con_moutain .box_slider .js-dots .next { margin-top: .2em; } }
.con_moutain .box_slider .js-dots .prev:before, .con_moutain .box_slider .js-dots .next:before { margin: 0 !important; color: #cbcbcb; font-size: 142%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_moutain .box_slider .js-dots .prev:before, .con_moutain .box_slider .js-dots .next:before { font-size: 134%; } }
@media only screen and (max-width: 767px) { .con_moutain .box_slider .js-dots .prev:before, .con_moutain .box_slider .js-dots .next:before { font-size: 126%; } }
@media only screen and (max-width: 767px) { .con_moutain .box_slider .js-dots .prev:before, .con_moutain .box_slider .js-dots .next:before { color: #403c38; } }
.con_moutain .box_slider .js-dots .prev { order: 0; margin-right: 2.5em; }
.con_moutain .box_slider .js-dots .prev:before, .con_moutain .box_slider .js-dots .prev:after { font-family: FontAwesome; }
.con_moutain .box_slider .js-dots .prev > * { vertical-align: middle; }
.con_moutain .box_slider .js-dots .prev:before { content: ""; margin-right: .5em; }
.con_moutain .box_slider .js-dots .next { order: 2; margin-left: 2.5em; }
.con_moutain .box_slider .js-dots .next:before, .con_moutain .box_slider .js-dots .next:after { font-family: FontAwesome; }
.con_moutain .box_slider .js-dots .next > * { vertical-align: middle; }
.con_moutain .box_slider .js-dots .next:before { content: ""; margin-right: .5em; }
.con_moutain .box_slider .js-dots ul { text-align: right; bottom: -2.5em; z-index: 1; width: auto; position: absolute; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); position: static; transform: translate(0); width: auto !important; }
@media only screen and (max-width: 767px) { .con_moutain .box_slider .js-dots ul { bottom: .5em; width: 100%; text-align: center; } }
.con_moutain .box_slider .js-dots ul li { position: relative; width: 4px; height: 0; padding-top: 4px; margin: 0; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: background 300ms; -o-transition: background 300ms; -webkit-transition: background 300ms; transition: background 300ms; background: #cbcbcb; }
.con_moutain .box_slider .js-dots ul li:not(.slick-active) button { cursor: pointer; }
.mouse .con_moutain .box_slider .js-dots ul li:not(.slick-active):hover, .touch .con_moutain .box_slider .js-dots ul li:not(.slick-active).touchstart { background: #868482; }
.touch .con_moutain .box_slider .js-dots ul li:not(.slick-active) { -webkit-tap-highlight-color: transparent; }
.touch .con_moutain .box_slider .js-dots ul li:not(.slick-active).touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.con_moutain .box_slider .js-dots ul li:not(:first-child) { margin-left: 1.5em; }
@media only screen and (max-width: 767px) { .con_moutain .box_slider .js-dots ul li:not(:first-child) { margin-left: 1em; } }
.con_moutain .box_slider .js-dots ul li.slick-active { background-color: #403c38; }
@media only screen and (max-width: 767px) { .con_moutain .box_slider .js-dots ul li { width: 1em; padding-top: 1em; } }
.con_moutain .box_slider .js-dots ul li button { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; }
.con_moutain .box_slider .js-dots ul li { vertical-align: middle; }
.con_moutain .box_slider .js-dots ul li.slick-active { width: 10px; padding-top: 10px; }
@media only screen and (max-width: 767px) { .con_moutain .box_slider .js-dots ul li { width: .5em; padding-top: .5em; }
  .con_moutain .box_slider .js-dots ul li.slick-active { width: 1em; padding-top: 1em; } }
.con_moutain .box_txt { padding: 2.5em 2% 4em; }
@media only screen and (min-width: 768px) { .con_moutain .box_txt { width: 50%; padding: 2.5em 0 4em; } }
@media print { .con_moutain .box_txt { width: 50%; padding: 2.5em 0 4em; } }
.ie8 .con_moutain .box_txt { width: 50%; padding: 2.5em 0 4em; }
.con_moutain .box_txt .inner_txt { width: 525px; margin-left: 6.25%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_moutain .box_txt .inner_txt { width: 90%; } }
@media only screen and (max-width: 767px) { .con_moutain .box_txt .inner_txt { width: 100%; } }
@media only screen and (max-width: 767px) { .con_moutain .box_txt .inner_txt { margin-left: 0; } }
.con_moutain .box_txt .inner_txt h4 { font-weight: normal; font-size: 150%; padding-bottom: 1.5em; letter-spacing: .15em; }
.con_moutain .box_txt .inner_txt .txt { padding-bottom: 1em; }
@media only screen and (min-width: 768px) and (max-width: 983px) { .con_moutain .box_txt .inner_txt .txt { line-height: 1.5 !important; } }
.con_moutain .box_txt .inner_txt h5 { font-weight: normal; font-size: 109%; }
.con_moutain .box_txt .inner_txt .launch { padding-bottom: 1.5em; }
.con_moutain .box_txt .inner_txt .tbl_basic { margin-bottom: 2em; margin-top: 0; }
@media only screen and (max-width: 767px) { .con_moutain .box_txt .inner_txt .tbl_basic { margin-bottom: 1em; } }

.con_dinner, .con_break { padding: 70px 0 0; border-bottom: 1px solid #ebebeb; }
@media only screen and (max-width: 767px) { .con_dinner, .con_break { padding: 3em 0 2em; } }
.con_dinner .st_tmp01, .con_break .st_tmp01 { font-weight: normal; }
.con_dinner .st_tmp01 span, .con_break .st_tmp01 span { display: block; }
.con_dinner .st_tmp01 span.eng, .con_break .st_tmp01 span.eng { font-size: 84%; padding-bottom: 1.5em; }
.con_dinner .st_tmp01 span.jp, .con_break .st_tmp01 span.jp { font-size: 134%; }
.con_dinner .container [class^="slide_dinner"] .slick-slide span, .con_break .container [class^="slide_dinner"] .slick-slide span { display: block; position: relative; overflow: hidden; }
@media only screen and (min-width: 768px) { .con_dinner .container [class^="slide_dinner"] .slick-slide span, .con_break .container [class^="slide_dinner"] .slick-slide span { height: 0; padding-bottom: 40%; }
  .con_dinner .container [class^="slide_dinner"] .slick-slide span img, .con_break .container [class^="slide_dinner"] .slick-slide span img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; } }
@media print { .con_dinner .container [class^="slide_dinner"] .slick-slide span, .con_break .container [class^="slide_dinner"] .slick-slide span { height: 0; padding-bottom: 40%; }
  .con_dinner .container [class^="slide_dinner"] .slick-slide span img, .con_break .container [class^="slide_dinner"] .slick-slide span img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; } }
.ie8 .con_dinner .container [class^="slide_dinner"] .slick-slide span, .ie8 .con_break .container [class^="slide_dinner"] .slick-slide span { height: 0; padding-bottom: 40%; }
.ie8 .con_dinner .container [class^="slide_dinner"] .slick-slide span img, .ie8 .con_break .container [class^="slide_dinner"] .slick-slide span img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
@media only screen and (max-width: 767px) { .con_dinner .container [class^="slide_dinner"] .slick-slide span, .con_break .container [class^="slide_dinner"] .slick-slide span { overflow: hidden; }
  .con_dinner .container [class^="slide_dinner"] .slick-slide span img, .con_break .container [class^="slide_dinner"] .slick-slide span img { position: relative; width: 129%; max-width: none; margin-left: -14.5%; } }
.con_dinner .container [class^="js-dots"], .con_break .container [class^="js-dots"] { display: flex; align-items: center; justify-content: center; margin-top: 15px; }
@media only screen and (max-width: 767px) { .con_dinner .container [class^="js-dots"], .con_break .container [class^="js-dots"] { margin-top: 1em; } }
.con_dinner .container [class^="js-dots"] .prev, .con_dinner .container [class^="js-dots"] .next, .con_break .container [class^="js-dots"] .prev, .con_break .container [class^="js-dots"] .next { text-align: center; cursor: pointer; }
@media only screen and (max-width: 767px) { .con_dinner .container [class^="js-dots"] .prev, .con_dinner .container [class^="js-dots"] .next, .con_break .container [class^="js-dots"] .prev, .con_break .container [class^="js-dots"] .next { margin-top: .2em; } }
.con_dinner .container [class^="js-dots"] .prev:before, .con_dinner .container [class^="js-dots"] .next:before, .con_break .container [class^="js-dots"] .prev:before, .con_break .container [class^="js-dots"] .next:before { margin: 0 !important; color: #403c38; font-size: 142%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_dinner .container [class^="js-dots"] .prev:before, .con_dinner .container [class^="js-dots"] .next:before, .con_break .container [class^="js-dots"] .prev:before, .con_break .container [class^="js-dots"] .next:before { font-size: 134%; } }
@media only screen and (max-width: 767px) { .con_dinner .container [class^="js-dots"] .prev:before, .con_dinner .container [class^="js-dots"] .next:before, .con_break .container [class^="js-dots"] .prev:before, .con_break .container [class^="js-dots"] .next:before { font-size: 126%; } }
.con_dinner .container [class^="js-dots"] .prev, .con_break .container [class^="js-dots"] .prev { order: 0; margin-right: 2.5em; }
.con_dinner .container [class^="js-dots"] .prev:before, .con_dinner .container [class^="js-dots"] .prev:after, .con_break .container [class^="js-dots"] .prev:before, .con_break .container [class^="js-dots"] .prev:after { font-family: FontAwesome; }
.con_dinner .container [class^="js-dots"] .prev > *, .con_break .container [class^="js-dots"] .prev > * { vertical-align: middle; }
.con_dinner .container [class^="js-dots"] .prev:before, .con_break .container [class^="js-dots"] .prev:before { content: ""; margin-right: .5em; }
.con_dinner .container [class^="js-dots"] .next, .con_break .container [class^="js-dots"] .next { order: 2; margin-left: 2.5em; }
.con_dinner .container [class^="js-dots"] .next:before, .con_dinner .container [class^="js-dots"] .next:after, .con_break .container [class^="js-dots"] .next:before, .con_break .container [class^="js-dots"] .next:after { font-family: FontAwesome; }
.con_dinner .container [class^="js-dots"] .next > *, .con_break .container [class^="js-dots"] .next > * { vertical-align: middle; }
.con_dinner .container [class^="js-dots"] .next:before, .con_break .container [class^="js-dots"] .next:before { content: ""; margin-right: .5em; }
.con_dinner .container [class^="js-dots"] ul, .con_break .container [class^="js-dots"] ul { text-align: right; bottom: -2.5em; z-index: 1; width: auto; position: absolute; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); position: static; transform: translate(0); width: auto !important; }
@media only screen and (max-width: 767px) { .con_dinner .container [class^="js-dots"] ul, .con_break .container [class^="js-dots"] ul { bottom: .5em; width: 100%; text-align: center; } }
.con_dinner .container [class^="js-dots"] ul li, .con_break .container [class^="js-dots"] ul li { position: relative; width: 4px; height: 0; padding-top: 4px; margin: 0; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: background 300ms; -o-transition: background 300ms; -webkit-transition: background 300ms; transition: background 300ms; background: #cbcbcb; }
.con_dinner .container [class^="js-dots"] ul li:not(.slick-active) button, .con_break .container [class^="js-dots"] ul li:not(.slick-active) button { cursor: pointer; }
.mouse .con_dinner .container [class^="js-dots"] ul li:not(.slick-active):hover, .touch .con_dinner .container [class^="js-dots"] ul li:not(.slick-active).touchstart, .mouse .con_break .container [class^="js-dots"] ul li:not(.slick-active):hover, .touch .con_break .container [class^="js-dots"] ul li:not(.slick-active).touchstart { background: #868482; }
.touch .con_dinner .container [class^="js-dots"] ul li:not(.slick-active), .touch .con_break .container [class^="js-dots"] ul li:not(.slick-active) { -webkit-tap-highlight-color: transparent; }
.touch .con_dinner .container [class^="js-dots"] ul li:not(.slick-active).touchend, .touch .con_break .container [class^="js-dots"] ul li:not(.slick-active).touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.con_dinner .container [class^="js-dots"] ul li:not(:first-child), .con_break .container [class^="js-dots"] ul li:not(:first-child) { margin-left: 1.5em; }
@media only screen and (max-width: 767px) { .con_dinner .container [class^="js-dots"] ul li:not(:first-child), .con_break .container [class^="js-dots"] ul li:not(:first-child) { margin-left: 1em; } }
.con_dinner .container [class^="js-dots"] ul li.slick-active, .con_break .container [class^="js-dots"] ul li.slick-active { background-color: #403c38; }
@media only screen and (max-width: 767px) { .con_dinner .container [class^="js-dots"] ul li, .con_break .container [class^="js-dots"] ul li { width: 1em; padding-top: 1em; } }
.con_dinner .container [class^="js-dots"] ul li button, .con_break .container [class^="js-dots"] ul li button { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; }
.con_dinner .container [class^="js-dots"] ul li, .con_break .container [class^="js-dots"] ul li { vertical-align: middle; }
.con_dinner .container [class^="js-dots"] ul li.slick-active, .con_break .container [class^="js-dots"] ul li.slick-active { width: 10px; padding-top: 10px; }
@media only screen and (max-width: 767px) { .con_dinner .container [class^="js-dots"] ul li, .con_break .container [class^="js-dots"] ul li { width: .5em; padding-top: .5em; }
  .con_dinner .container [class^="js-dots"] ul li.slick-active, .con_break .container [class^="js-dots"] ul li.slick-active { width: 1em; padding-top: 1em; } }
.con_dinner .txt, .con_break .txt { text-align: center; padding: 60px 0 50px; }
@media only screen and (max-width: 767px) { .con_dinner .txt, .con_break .txt { text-align: left; padding: 3em 0 2em; } }

@media only screen and (max-width: 767px) { .con_break .container .txt { padding-top: 3em; } }

.con_cafe { text-align: center; margin: 4em 0; }
.con_cafe img { transition: .4s; }
.con_cafe img:hover { transition: .4s; opacity: .7; }