@charset "utf-8";
html {
  font-size: 62.5%; /* -> 10px; */
}
br {
  font-size: 0px;
}
body {
  overflow-x: hidden;
  position: relative;
  font-size: 1.4em;
}
* {
  margin: 0;
  padding: 0;
}
ol, ul {
  list-style-type: none;
}
a {
  outline: none;
}
tr, th, td, div, span, a, p, i {
  color: inherit;
}
a:link, a:visited {
  text-decoration: none;
}
article p {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
/* フェード設定 */
.fadein {
  opacity: 0;
  transform: translate(0, 5rem);
  transition: all 0.9s;
}
@keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 画面100%表示用↓ここから */
.mainContentMT {
  width: 100vw;
}
/*　パンくずの表示くずれ防止　*/
.rootMT ul {
  overflow: hidden;
  width: 940px;
  margin: 0 auto;
}
/* 画面100%表示用↑ここまで */
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
.freeArea-direct {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  position: relative;
}
#men_all {
  text-align: center;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  color: #1a1a1a;
  letter-spacing: 0.1rem;
  position: relative;
}
#men_head .title {
  width: 100vw;
  background: url(../img/back01.jpg) no-repeat;
  background-size: contain;
  background-position: center;
  padding-top: 60px;
  padding-bottom: 50px;
  margin-bottom: 100px;
}
#men_head .title img {
  margin-left: auto;
  margin-right: auto;
}
.btn_area {
  display: flex;
  justify-content: space-around;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
.btn_area .btn01 a {
  display: flex;
  flex-direction: row;
}
h2 img {
  margin-top: 60px;
  margin-bottom: 70px;
}
.men_menu01 {
  font-size: 2.3em;
  text-align: left;
  padding-left: 0.5em;
}
.men_menu02 {
  font-size: 2em;
  text-align: left;
  padding-left: 0.5em;
}
.men_menu_copy {
  font-size: 0.6em;
}
.btn_area a:hover p {
  color: #cc0000;
  transition: color 0.5s;
}
#content_all {
  background-color: #efead3;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
.men-r_01 {
  background: url(../img/back02-r.jpg) no-repeat;
  background-position: top;
  position: relative;
  max-width: 940px;
  height: auto;
  min-height: 250px;
  margin-bottom: 5em;
  margin-left: auto;
  margin-right: auto;
}
.men-l_01 {
  background: url(../img/back02-l.jpg) no-repeat;
  background-position: top;
  position: relative;
  max-width: 940px;
  height: auto;
  min-height: 250px;
  margin-bottom: 5em;
  margin-left: auto;
  margin-right: auto;
}
.men-r_01:hover, .men-r_01:active {
  background: url("../img/back02-r_hover.jpg") no-repeat;
  transition: background 0.5s;
}
.men-l_01:hover, .men-l_01:active  {
  background: url("../img/back02-l_hover.jpg") no-repeat;
  transition: background 0.5s;
}
.men_imgBox-r {
  position: absolute;
  top: -2em;
  left: calc(58%);
}
.men_imgBox-l {
  position: absolute;
  top: -2em;
  right: calc(56%);
}
/*各メニューの高さ調整 start*/
#contents02 .men_imgBox-r {
  top: -2.6em;
}
#contents02 .men_imgBox-l {
  top: -2.6em;
}
#men01 {
  height: 38vh;
}
#men06, #men07, #men08, #men09, #men10 {
  height: 38vh;
}
#men11 {
  height: 44vh;
}
#men15 {
  height: 38vh;
}
#men12 {
  height: 40vh;
}
/*各メニューの高さ調整 end*/
.men-r_01 .menu_details {
  width: 45vw;
  max-width: 50%;
  text-align: left;
  padding-top: 1.3em;
  padding-left: calc(5%);
}
.men-l_01 .menu_details {
  width: 45vw;
  max-width: 50%;
  text-align: left;
  padding-top: 1.3em;
  padding-left: calc(45%);
}
.menu_details h3 {
  font-size: 2.3em;
  line-height: 110%;
  margin-bottom: 0.5em;
}
.menu_details .location {
  font-size: 0.6em;
}
.menu_details .menu_comment01 {
  font-size: 1.3em;
  margin-bottom: 1.3em;
}
.menu_details .men_tokuten01 {
  font-size: 1.8em;
  color: #cc0000;
}
#men05 .menu_details .men_tokuten01, #men12 .menu_details .men_tokuten01 {
  font-size: 1.5em;
}
.menu_details .menu_comment02 {
  background-color: #fff8df;
  padding: 0.8em 1em;
  margin-top: 1em;
}
.men_imgBox-r .men_caption01 {
  text-align: right;
  padding-right: 1em;
}
.men_imgBox-l .men_caption01 {
  text-align: left;
  padding-right: 1em;
}
/* aリンク拡張*/
#contents01 article a, #contents02 article a, #contents03 article a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width:481px) and (max-width:840px) {
  .men_menu01 {
    font-size: 3.3vw;
    line-height: 1em;
  }
  .men_menu02 {
    font-size: 3vw;
    line-height: 1em;
  }
  h2 img {
    width: 80vw;
  }
  .menu_details h3 {
    font-size: 3.5vw;
  }
  .menu_details .menu_comment01 {
    font-size: 2vw;
  }
  .menu_details .men_tokuten01 {
    font-size: 2.8vw;
  }
  #men05 .menu_details .men_tokuten01, #men12 .menu_details .men_tokuten01 {
    font-size: 2.8vw;
  }
}
@media screen and (min-width:1025px) and (max-width:1200px) {}
@media screen and (min-width:941px) and (max-width:1024px) {}
@media screen and (max-width:480px) {
  #fftop_recomDetail section {
    padding: 0;
  }
  html {
    font-size: calc(1000vw / 480);
  }
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  /*.sp img {
    width: 100%;
  }*/
  #men_all img {
    vertical-align: top;
  }
  #men_head .title {
    margin-bottom: 2em;
  }
  #men_head .title img {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .btn_area {
    display: inherit;
    max-width: inherit;
    margin-left: inherit;
    margin-right: inherit;
  }
  .btn_area .btn01 a {
    display: flex;
    justify-content: flex-start;
    width: 57%;
    margin-left: auto;
    margin-right: auto;
  }
  .btn_area .btn01 {
    margin-bottom: 1em;
  }
  .men_menu01 {
    font-size: 2em;
  }
  .men_menu02 {
    font-size: 1.5em;
  }
  img.kazari01, img.kazari02, img.kazari03 {
    width: 100%;
  }
  h2 {
    background: inherit;
    padding: inherit;
    font-size: inherit;
    color: inherit;
  }
  h2 img {
    width: 90%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  h3 {
    margin-bottom: inherit;
    padding: inherit;
    height: inherit;
    line-height: inherit;
    background: inherit;
    font-size: inherit;
    color: inherit;
  }

  .men-r_01, .men-l_01 {
    /* position: inherit;*/
    max-width: inherit;
    min-height: 80vh;
    padding: 1em;
  }
	  /*各メニューの高さ調整 start*/
  #men01,#men14 {
    height: inherit;
	  min-height: 60vh;
  }
	#men02{
    height: inherit;
	  min-height: 55vh;
  }
	#men03,#men04 {
    height: inherit;
	  min-height: 55vh;
  }
#men05{
    height: inherit;
	  min-height: 55vh;
  }
	
#men06 {
    height: inherit;
	  min-height: 68vh;
  }
#men07{
		height: inherit;
	  min-height: 68vh;
  }
#men08, #men09, #men10 {
    height: inherit;
	  min-height: 66vh;
  }

  #men11 {
    height: inherit;
	  min-height:65vh;
  }
	#men12 {
    height: inherit;
	  min-height: 60vh;
  }
  #men13 {
    height: inherit;
	  min-height: 52vh;
  }
	#men15 {
    height: inherit;
	  min-height: 62vh;
}
	#men16 {
    height: inherit;
	  min-height: 55vh;
  }
  
	
  /*各メニューの高さ調整 end*/
  .men-r_01 .menu_details, .men-l_01 .menu_details {
    width: 90vw;
    max-width: inherit;
  }
  .menu_details h3 {
    font-size: 2em;
    font-weight: normal;
  }
  .menu_details .menu_comment01 {
    font-size: 1.3em;
    font-bottom: 1em;
  }
  .men_imgBox-r {
    /*position: inherit;*/
    top: inherit;
    left: inherit;
  }
  .men_imgBox-l {
    /*position: inherit;*/
    top: inherit;
    right: inherit;
  }
  .menu_details .menu_comment02 {
    width: 80vw;
    font-size: 1.1em;
  }
  .menu_details .men_tokuten01 {
    font-size: 1.5em;
  }
  #contents02 .men_imgBox-r, #contents02 .men_imgBox-l {
    top: inherit;
  }
}
@media screen and (max-width: 413px) {}
@media screen and (max-width: 375px) {}
@media all and (-ms-high-contrast: none) {}