@charset "utf-8";
/*Google Fontsの読み込み
---------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/*キービジュアル
---------------------------------------------------------------------------*/
header .header-wrap div.h1 {
  margin: 10px 0 0 0;
}
header .header-wrap div.h1 img {
  height: 75px;
}
.lp_wrapper {}
.kv {
  height: 100vh;
  background-color: #f89902;
  background-image: url("img/body_bg.png");
  background-repeat: repeat;
  background-size: 11px 11px;
}
@media screen and (max-width: 980px) {
  .kv {
    height: 80vh;
  }
}
.kv .catch-copy {
  position: absolute;
  top: 25vh;
  right: 23%;
  width: 55%;
  z-index: 1;
}
@media screen and (max-width: 1255px) {
  .kv .catch-copy {
    top: 28vh;
  }
}
@media screen and (max-width: 1133px) {
  .kv .catch-copy {
    top: 29vh;
  }
}
@media screen and (max-width: 980px) {
  .kv .catch-copy {
    top: 28vh;
    width: 65%;
    right: 18vw;
  }
}
@media screen and (max-width: 750px) {
  .kv .catch-copy {
    top: 28vh;
    width: 79%;
    right: 13vw;
  }
}
@media screen and (max-width: 550px) {
  .kv .catch-copy {
    top: 30%;
    width: 95%;
    right: 5vw;
  }
}
.kv .catch-copy .catch-main {
  position: absolute;
  top: 25.7vh;
  right: 8vw;
  width: 75%;
  z-index: 2;
}
@media screen and (max-width: 1255px) {
  .kv .catch-copy .catch-main {
    top: 74%;
  }
}
@media screen and (max-width: 550px) {
  .kv .catch-copy .catch-main {
    top: 15vh;
    right: 12vw;
  }
}
@media screen and (max-width: 440px) {
  .kv .catch-copy .catch-main {
    top: 13.5vh;
    right: 12vw;
  }
}
.kv .catch-copy .catch-sub {
  position: absolute;
  top: 15vh;
  right: 1vw;
  width: 17%;
  z-index: 1;
}
@media screen and (max-width: 980px) {
  .kv .catch-copy .catch-sub {
    top: 11vh;
  }
}
.kv .catch-copy .catch-sub img {
  width: 100%;
}
/*videoの設定　（スマホとPCで別動画を読む※後でやる）
---------------------------------------------------------------------------*/
.video {
  width: 100%;
  height: 100vh;
  background: url(img/douga_kari.png) no-repeat center/cover;
  position: absolute;
  top: 0px;
  left: 0;
  overflow: hidden;
  z-index: 0;
}
@media screen and (max-width: 980px) {
  .video {
    height: 80vh;
  }
}
.video::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #fabc80;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .3;
}
.video video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -2;
}
/* ビデオの下の波線の処理　今回は普通に */
.video .contents_area_head {
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  height: 11vh;
  z-index: 3;
  background-image: url("img/wave_bg.png");
  background-repeat: repeat-x;
  background-size: 180px auto;
}
@media screen and (max-width: 980px) {
  .video .contents_area_head {
    bottom: 0;
  }
}
@media screen and (max-width: 750px) {
  .video .contents_area_head {
    height: 9vh;
    background-size: 145px auto;
  }
}
@media screen and (max-width: 450px) {
  .video .contents_area_head {
    height: 8vh;
    background-size: 135px auto;
  }
}
@media screen and (max-width: 375px) {
  .video .contents_area_head {
    background-size: 115px auto;
  }
}
/*contents_area
---------------------------------------------------------------------------*/
.contents_area {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #f89902;
  background-image: url("img/body_bg.png");
  background-repeat: repeat;
  background-size: 11px 11px;
  width: 100%;
  text-align: center;
}
.contents_inner {
  margin: 0 auto;
  max-width: 1500px;
  width: 100%;
  border: solid 1px #f89902;
}
.contents_inner h2.praise {
  padding: 0px;
  max-width: 1000px;
  text-align: center;
  margin: 0 auto;
}
.contents_inner h2.praise span {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
.contents_inner h2.praise span:nth-child(2) {
  width: 90%;
}
@media screen and (max-width: 980px) {
  .contents_inner h2.praise span:nth-child(2) {
    width: 80%;
  }
}
.contents_inner h2.praise span:nth-child(3) {
  width: 80%;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}
@media screen and (max-width: 980px) {
  .contents_inner h2.praise span {
    width: 90%;
  }
}
.contents_inner h2.praise span:first-child {
  width: 85%;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 750px) {
  .contents_inner h2.praise span:first-child {
    margin-bottom: 0.8rem;
  }
}
.contents_inner h2.praise span:last-child {
  margin-top: 1.8rem;
  margin-bottom: .7rem;
}
@media screen and (max-width: 750px) {
  .contents_inner h2.praise span:last-child {
    margin-top: .9rem;
    margin-bottom: .35rem;
  }
}
.child_free {
  width: 75%;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .child_free {
    width: 85%;
  }
}
@media screen and (max-width: 450px) {
  .child_free {
    width: 95%;
  }
}
/*タブの設定
---------------------------------------------------------------------------*/
/*タブに関する共通設定*/
#tab_wrapper_revised {
  text-align: center;
  padding: 2.5rem 0;
}
#tab_wrapper_revised .s_03 {
  max-width: 1200px;
  margin: 0 auto;
}
.s_03 .s_03_tabBox .tabArea {
  width: 100%;
  height: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.s_03 .s_03_tabBox .tabArea .s_03_one_tab {
  width: 32.5%;
  display: block;
  text-decoration: none;
  transition-duration: 0.3s;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.s_03 .s_03_tabBox .tabArea .s_03_one_tab .tab_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  transition-duration: 0.3s;
  padding: 1.5rem 1rem;
  border-radius: 30px 30px 0 0;
}
@media(max-width:750px) {
  .s_03 .s_03_tabBox .tabArea .s_03_one_tab .tab_inner {
    border-radius: 15px 15px 0 0;
    padding: .75rem 05rem;
  }
}
.s_03 .s_03_tabBox .tabArea .s_03_one_tab .tab_inner:hover {
  opacity: 1;
  text-decoration: none;
  overflow: hidden;
}
.s_03 .s_03_tabBox .tabArea .s_03_one_tab:first-child .tab_inner:hover {
  background-color: #ffeecb;
}
.s_03 .s_03_tabBox .tabArea .s_03_one_tab:nth-child(2) .tab_inner:hover {
  background-color: #ffddca;
}
.s_03 .s_03_tabBox .tabArea .s_03_one_tab:last-child .tab_inner:hover {
  background-color: #dcf2fa;
}
@media(max-width:810px) {
  .s_03 .s_03_tabBox .tabArea .s_03_one_tab .tab_inner {
    padding: .5rem .5rem;
  }
}
@media(max-width:450px) {
  .s_03 .s_03_tabBox .tabArea .s_03_one_tab .tab_inner {
    padding: .5rem .3rem;
  }
}
.s_03 .s_03_tabBox .tabArea.bottom .s_03_one_tab .tab_inner {
  border-radius: 0 0 30px 30px;
}
@media(max-width:750px) {
  .s_03 .s_03_tabBox .tabArea.bottom .s_03_one_tab .tab_inner {
    border-radius: 0 0 15px 15px;
  }
}
.s_03 .s_03_tabBox .tabArea .s_03_one_tab .tab_inner img {
  border: solid 0px red;
  width: 80%;
}
@media(max-width:450px) {
  .s_03 .s_03_tabBox .tabArea .s_03_one_tab .tab_inner img {
    width: 90%;
  }
}
.s_03 .s_03_tabBox .tabArea .s_03_one_tab .tab_inner img.pc {
  display: block;
}
.s_03 .s_03_tabBox .tabArea .s_03_one_tab .tab_inner img.sp {
  display: none;
}
@media(max-width:630px) {
  .s_03 .s_03_tabBox .tabArea .s_03_one_tab .tab_inner img.pc {
    display: none;
  }
  .s_03 .s_03_tabBox .tabArea .s_03_one_tab .tab_inner img.sp {
    display: block;
  }
}
.s_03 .s_03_tabBox .tabArea .s_03_one_tab:nth-child(1) .tab_inner {
  background-color: #fff;
}
.s_03 .s_03_tabBox .tabArea .s_03_one_tab:nth-child(2) .tab_inner {
  background-color: #fff;
}
.s_03 .s_03_tabBox .tabArea .s_03_one_tab:nth-child(3) .tab_inner {
  background-color: #fff;
}
.s_03 .s_03_tabBox .tabArea .s_03_one_tab.select .tab_inner {
  height: 100px;
}
.s_03 .s_03_tabBox .tabArea.bottom {
  align-items: flex-start;
}
.s_03 .s_03_contents .s_03_tab_main {
  display: none;
  padding: .5rem;
  text-align: center;
  min-height: 280px;
  background-color: #fff;
  transition-duration: 0.3s;
  margin-top: 1rem;
}
@media screen and (max-width: 750px) {
  .s_03 .s_03_contents .s_03_tab_main {
    padding: 0;
  }
}
.s_03 .s_03_tab_main.is_show {
  display: block;
}
.course_contents_inner h4 {
  border-radius: 100px;
  width: 100%;
  padding: .5em 0;
  color: #fff;
  font-weight: 800;
  text-align: center;
  font-size: 2rem;
  margin: 0 0 2rem;
}
@media screen and (max-width: 750px) {
  .course_contents_inner h4 {
    font-size: 1.5rem;
    width: 98%;
    margin: 0 auto 1.5rem;
  }
}
.course_contents_inner h4.light_green {
  background-color: #8eca4e;
}
.course_contents_inner h4.light_orange {
  background-color: #f69211;
}
.course_contents_inner h4.light_red {
  background-color: #e7141a;
}
.course_contents_inner h4.light_blue {
  background-color: #2661e7;
}
body#tabeho_lp .course_contents_inner .contents_inner-block {
  justify-content: flex-start;
  padding-left: .3rem;
}
body#tabeho_lp .course_contents_inner .contents_inner-block .menu-item {
  background-color: #fff;
  padding-bottom: 1rem;
  width: 31%;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  body#tabeho_lp .course_contents_inner .contents_inner-block .menu-item {
    width: 46%;
  }
}
@media screen and (max-width: 590px) {
  body#tabeho_lp .course_contents_inner .contents_inner-block .menu-item {
    margin: 0 auto .6rem;
  }
}
body#tabeho_lp .course_contents_inner .contents_inner-block .menu-item .menu-name {
  padding-top: 4% !important;
}
body#tabeho_lp .course_contents_inner .contents_inner-block .menu-item .menu-yen {
  display: none;
}
body#tabeho_lp .course_contents_inner .contents_inner-block .menu-photo img {
  transition-property: opacity;
  transition-duration: 0.5s;
}
body#tabeho_lp .course_contents_inner .contents_inner-block .menu-photo img:hover {
  opacity: .7;
}
.customer_make {
  border: solid 2px #000;
  padding: .5em;
  text-align: center;
  font-size: .7em;
  font-weight: 600;
  width: 80%;
  margin: 1rem auto 0 auto;
}
body#tabeho_lp .oko-contents-block::after, body#tabeho_lp .oko-contents-block::before {
  display: none !important;
}
/*タブに関する共通設定ここまで*/
/*お好み焼・おつまみコース*/
#tab_wrapper_revised div.course_41 {
  background-color: #fff;
  text-align: center;
  padding: 1.5rem;
  border-radius: 0 0 25px 25px;
}
@media screen and (max-width: 750px) {
  #tab_wrapper_revised div.course_41 {
    padding: .8rem;
  }
}
#tab_wrapper_revised div.course_41 .course_contents_inner {
  background-color: #ffeecb;
}
/*鉄板焼きコース*/
#tab_wrapper_revised div.course_51 {
  background-color: #fff;
  text-align: center;
  padding: 1.5rem;
  border-radius: 0 0 25px 25px;
}
@media screen and (max-width: 750px) {
  #tab_wrapper_revised div.course_51 {
    padding: .8rem;
  }
}
#tab_wrapper_revised div.course_51 .course_contents_inner {
  background-color: #ffddca;
}
/*ランチ食べ放題コース*/
#tab_wrapper_revised div.course_nomiho {
  background-color: #fff;
  text-align: center;
  padding: 1.5rem;
  border-radius: 0 0 25px 25px;
}
@media screen and (max-width: 750px) {
  #tab_wrapper_revised div.course_nomiho {
    padding: .8rem;
  }
}
#tab_wrapper_revised div.course_nomiho .course_contents_inner {
  background-color: #f3ffd8;
}
#tab_wrapper_revised div .course_contents_inner {
  width: 95%;
  padding: 1.3rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #tab_wrapper_revised div .course_contents_inner {
    width: 90%;
    padding: 1.3rem .8rem;
  }
}
#tab_wrapper_revised div .course_contents_inner h3 {
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 750px) {
  #tab_wrapper_revised div .course_contents_inner h3 {
    display: block;
  }
}
#tab_wrapper_revised div .course_contents_inner h3 span {
  display: block;
  width: 48%;
}
@media screen and (max-width: 750px) {
  #tab_wrapper_revised div .course_contents_inner h3 span {
    width: 90%;
    margin: 0 auto;
  }
  #tab_wrapper_revised div .course_contents_inner h3 span:first-child {
    padding-bottom: .8rem;
  }
}
@media screen and (max-width: 535px) {
  #tab_wrapper_revised div .course_contents_inner h3 span {
    width: 100%;
  }
}

/*追加部分*/
.parts-tabeho_lunch_option_box {
	
}
.gennteioption {
	max-width: 100%;
	text-align: center;
	vertical-align:top;
}
.nomiotoku {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 50px;
	background-image: url("img/n_nomiho_box_bg2.png");
	background-repeat: repeat-y;
	background-size: contain;
	/*background: 色　画像　繰り返すかどうか＆横(x)縦(y)方向　ポジション(x% y%) / サイズ*/
}
.midori {
	background: #0e6d38;
	width: 45%;
	margin: 0 1% 20px;
}
.tyairo {
	background: #431c0d;
	width: 45%;
	margin: 0 1% 20px;
}
.nomiotoku dl dd {
	margin: 25px;
}
.nomiotoku dl dd ul li {
	font-family: "Kosugi Maru", sans-serif;
	color: white;
	font-size: 25px;
	line-height: 150%;
	text-align: left;
}
.nomiotoku dl dd ul li span {
	display: inline-block;
	font-size: 20px;
}
.nomiotoku p {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	margin: 0;
}
.nomiotoku p small{
	font-size: .5em;
	padding-bottom: 20px;
	padding-left: 40px;
}

@media (max-width: 750px) {
	.nomiotoku .tyairo ,
	.nomiotoku .midori {
		width: 70%;
		margin: 0 0 20px;
	}
	.nomiotoku dl dd {
		margin: 10px 30px;
	}
	.nomiotoku dl dd ul li span{
	font-size: .6em;
	}
	
	.nomiotoku dl dd ul.namabiru,
	.nomiotoku dl dd ul.haiboru{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.nomiotoku dl dd ul.namabiru li,
	.nomiotoku dl dd ul.haiboru li{
		font-size: 1em;
        line-height: 120%;
	}
	.nomiotoku dl dd ul.namabiru li::before,
	.nomiotoku dl dd ul.haiboru li::before{
		content: "・";
		padding-left: 0em;
	}
}
@media screen and (max-width: 500px) {
	.nomiotoku dl dd {
        margin: 10px 15px;
    }
}
@media screen and (max-width: 450px) {
	.nomitoku {
		margin-bottom: 20px;
	}
	.nomiotoku .tyairo ,
	.nomiotoku .midori {
		width: 80%;
		margin: 0 0 20px;
	}
	.nomiotoku dl dd {
		margin: 0px 15px 15px;
	}
	.nomiotoku dl dd ul.namabiru li,
	.nomiotoku dl dd ul.haiboru li{
		font-size: .8em;
        line-height: 120%;
	}
	.nomiotoku dl dd ul li span {
		font-size: .6em;
	}
}

/*モーダルウィンドウの処理（lightboxがきいてないみたいだったので、改めて書き直し）
---------------------------------------------------------------------------*/
.dondontei-menubox-image:hover {
  cursor: pointer;
}
.modal-block {
  display: none;
  position: fixed;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}
.modal-block .img-section {
  width: 60vw;
  height: 45vh;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .modal-block .img-section {
    width: 80vw;
    height: 45vh;
  }
}
@media screen and (max-width: 450px) {
  .modal-block .img-section {
    width: 100vw;
    height: 45vh;
  }
}
.modal-block .img-section span {
  position: absolute;
  transform: translate(50%, -50%);
  top: 0;
  right: 5vh;
  cursor: pointer;
}
@media screen and (max-width: 1150px) {
  .modal-block .img-section span {
    top: 0;
    right: 4.5vh;
  }
}
@media screen and (max-width: 750px) {
  .modal-block .img-section span {
    top: 4.5vh;
    right: 2.5vh;
  }
}
.modal-block .img-section span::before {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  background-image: url(img/cross_close.png);
  background-color: #ef7a00;
  background-repeat: no-repeat;
  background-size: 70% auto;
  background-position: 38% 50%
}
.modal-block .img-section img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modal-block .caption {
  font-size: 20px;
  letter-spacing: .09em;
  color: #fff;
  margin-top: 10px;
  text-align: center;
}
/*デザートの注意書き部分（おひとり様一品限り）
---------------------------------------------------------------------------*/
.desert_attention {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #ffe4b0;
  color: saddlebrown;
  font-weight: 800;
  text-align: center;
  font-size: 1.5rem;
  border-radius: 5px;
  padding: .8rem;
  border: solid 2px saddlebrown;
  width: 95%;
  margin: 0 auto 1.8rem;
  position: relative;
}
@media screen and (max-width: 810px) {
  .desert_attention {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 450px) {
  .desert_attention {
    font-size: .9rem;
    width: 85%;
  }
}
.desert_attention::after {
  content: " ";
  width: 150px;
  height: 150px;
  background-image: url("img/mix_milk_soft.png");
  position: absolute;
  right: 2vw;
  top: -89px;
  background-position: 0px 16px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 810px) {
  .desert_attention::after {
    right: 0vw;
    top: -44px;
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 645px) {
  .desert_attention::after {
    top: -16px;
    width: 120px;
    height: 132px;
  }
}
@media screen and (max-width: 450px) {
  .desert_attention::after {
    top: -13px;
    width: 90px;
    height: 102px;
  }
}
.desert_attention span {
  display: inline-block;
}
@media screen and (max-width: 645px) {
  .desert_attention span {
    display: block;
  }
}
.desert_attention span.red {
  color: red;
}
/*ご利用にあたっての注意事項
---------------------------------------------------------------------------*/
.tabeho_caution_box {
  background: #000;
  text-align: center;
  padding: 1rem;
}
.tabeho_caution_box.nomiho {
  background: #2661e7;
}
@media screen and (max-width: 450px) {
  .tabeho_caution_box {
    padding: .8rem;
  }
}
#tab_wrapper_revised .course_contents_inner .tabeho_caution_box h4 {
  color: #fff;
  margin: 0;
}
@media screen and (max-width: 450px) {
  #tab_wrapper_revised .course_contents_inner .tabeho_caution_box h4 {
    font-size: .9rem;
  }
}
.caution_wrapper {
  background-color: #fff;
  background-image: url("img/chui_bg_mix.png");
  background-repeat: no-repeat;
  background-size: 120px 170px;
  background-position: 95% 100%;
}
@media screen and (max-width: 890px) {
  .caution_wrapper {
    background-size: 0px 0px;
    background-position: 0 0;
  }
}
.caution_topx {
  display: flex;
  justify-content: space-around;
  padding: 2rem 0;
  margin: 0;
}
@media screen and (max-width: 450px) {
  .caution_topx {
    padding: .8rem;
  }
}
.caution_topx li {
  width: 28%;
}
.caution_other {
  list-style: none;
  padding: 0 2rem 2rem;
  margin: 0;
}

#tab_wrapper_revised .tabeho_caution_box.nomiho .caution_wrapper .caution_other {
	  padding-top: 1.5rem !important;
}

@media screen and (max-width: 450px) {
  .caution_other {
    padding: 0 .8rem .8rem;
  }
}
.caution_other li {
  font-size: 1.5rem;
  text-align: left;
  padding-bottom: .2rem;
  text-indent: -2.0rem;
  margin-left: 2.0rem;
}
@media screen and (max-width: 450px) {
  .caution_other li {
    font-size: .8rem;
    padding-bottom: .1rem;
    text-indent: -1.0rem;
    margin-left: 1.0rem;
  }
}
.caution_other li strong {
  color: red;
}
.course_41 .caution_other li.caution_none, 
.course_51 .caution_other li.caution_none {
	display: none;
}
/*店舗検索ボタン
---------------------------------------------------------------------------*/
.shop_search_wrapper {
  width: 100%;
  margin: 5rem auto 3rem;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1360px) {
  .shop_search_wrapper {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 630px) {
  .shop_search_wrapper {
    margin: 0rem auto 1rem;
  }
}
.shop_search_wrapper::before {
  content: "　　";
  background-image: url("img/search_btn_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 196px;
  width: 100%;
  background-size: 50% auto;
  z-index: 0;
  display: block;
  border: solid 0px #000;
}
@media screen and (max-width: 1360px) {
  .shop_search_wrapper::before {
    background-size: 53% auto;
    height: 120px;
  }
}
@media screen and (max-width: 800px) {
  .shop_search_wrapper::before {
    background-size: 80% auto;
    height: 140px;
  }
}
@media screen and (max-width: 590px) {
  .shop_search_wrapper::before {
    background-size: 95% auto;
    height: 90px;
  }
}
.shop_search_wrapper a {
  width: 1000px;
  font-size: 2rem;
  padding: 1.5rem;
  background-color: #000;
  color: #fff;
  font-weight: 800;
  letter-spacing: .25rem;
  display: inline-block;
  box-shadow: 16px 16px 0px -5px #925a01;
  border-radius: 0px;
  transition: .2s;
  margin-top: 3px;
  line-height: 2.3rem;
}
@media screen and (max-width: 1360px) {
  .shop_search_wrapper a {
    width: 70%;
  }
}
@media screen and (max-width: 590px) {
  .shop_search_wrapper a {
    font-size: 1.5rem;
    padding: .8rem;
    width: 85%;
  }
}
.shop_search_wrapper a:hover {
  box-shadow: unset;
  transform: translateY(3px);
}
.shop_search_wrapper a span {
  display: inline-block;
}
/*追従するボタン
---------------------------------------------------------------------------*/
.flow-navi__wrapper {
  display: block;
}
.flow-navi {
  position: fixed;
  bottom: 1rem;
  left: 0;
  z-index: 3;
  width: 130px;
  height: 163px;
  background-image: url("img/pc_fix_search.png");
  background-repeat: no-repeat;
  background-size: cover;
  transition: .2s;
}
.flow-navi:hover {
  cursor: pointer;
  opacity: .8;
}
.flow-navi a {
  display: block;
  width: 100%;
  height: 100%;
  border: solid 0px red;
}
.flow-navi span {
  display: none;
}
@media(max-width:1205px) {
  .flow-navi {
    width: 80px;
    height: 108px;
    background-image: url("img/sp_fix_search.png");
  }
}
@media(max-width:450px) {
  .flow-navi {
    width: 60px;
    height: 88px;
    background-size: 100% auto;
  }
}