@charset "UTF-8";

/* ===================================================================

	Setting

=================================================================== */
html { color:#4B332D; background:#FFF; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:13px; font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, sans-serif; overflow-x:hidden; }
img { max-width:100%; height:auto; }


.main_wrapper { overflow:hidden; padding-top: 85px; }
.container { width: 1300px; margin: 0 auto; }

.pc { display: block; }
.sp { display: none; }
.tb { display: none; }
.sp_only { display: none; }


@media screen and (max-width:1400px){
  .container { width: 90%; margin: 0 auto; }
}
  .container { width: 58%; margin: 0 auto; }
@media screen and (max-width:1200px){
  .main_wrapper { padding-top: 80px; }
  .container { width: 90%; margin: 0 auto; }
}



}

@media screen and (max-width:768px){
	.pc { display: none; }
  .sp { display: block; }
  .tb { display: block; }

}


@media screen and (max-width:479px){
  .main_wrapper { padding-top: 55px; }

	.tb { display: none; }
  .sp_only { display: block; }
}




　　/* link set
	------------------------------------------------------------------- */
	a { color:#5B463F; text-decoration:none; transition:0.3s ease-in-out; }
	a img { transition:0.3s ease-in-out; }
	a:hover { color:#47676F; }

	/* float対策：背景色表示用
	------------------------------------------------------------------- */
	/*.clearfix:after { display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: "."; }
	.clearfix {	display: block; /* for IE8 */ /*}
	.both { clear:both ;}
	.hidden { display: none; }*/

	/* 	imgホバーアクション
	------------------------------------------------------------------- */
	.imgWrap { overflow: hidden; width: 100%;　height: auto; cursor: pointer; background-color: #ffffff; }
	.imgWrap img { display: block; transition-duration: 0.3s; margin-top: -1px; }
	.imgWrap img:hover  {opacity: 0.6; transition: all .3s; }

	/* 	背景画像＆テキスト使用時
	------------------------------------------------------------------- */
	.bg { display: block; text-indent: -9999px; background-repeat: no-repeat; background-position: left top; }
　　/* 	テキスト指定
	------------------------------------------------------------------- */
　　.min { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif, sans-serif; }


/* flex
----------------------------------------------- */
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
}
.flex img {
  align-self:flex-start;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex_just-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex_just-b {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex_just-a {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flex_align-c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center ;
}
.flex_align-b {
  -webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}
.flex_direction-row-r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}



/* pagetop
----------------------------------------------- */
.pagetop {
  display: block;
  width: 47px;
  height: 49px;
  position: fixed;
  right: 5%;
  bottom: 10%;
  z-index: 9999;
  display: none;
}

.pagetop img {
  opacity: 0.3;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.pagetop:hover img {
  opacity: 1;
}

/* 共通
----------------------------------------------- */
h2 { font-size: 2rem; margin-bottom: 30px; line-height: 40px; font-weight: bold; letter-spacing: 3px; }
h2.yoshi_title { color: #791517; position: relative; text-align: center; }
h2.yoshi_title::before {
  content: "";
  width: 120px;
  height: 67px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-image: url(../images/yoshi_icon.png);
}
p { font-size: 1.8rem; line-height: 45px; }
.vertical { -ms-writing-mode: tb-rl;	writing-mode: vertical-rl; }
.mincyo { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
.right { text-align: right; }
.sec_p { width: 90%; margin: 40px auto; letter-spacing: 1px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; text-align: center; }

.link_btn { margin: 30px 0; }
.link_btn a { display: block; position: relative; color:#F18F2A; padding: 20px; border: 1px solid #F18F2A; width: 350px; text-align: center; font-size: 1.4rem; letter-spacing: 0.5px; }
.link_btn a i { margin-left: 20px; }

#shop { margin-top: -230px; padding-top: 230px; }
#buy { margin-top: -130px; padding-top: 130px; }

@media screen and (max-width:1400px){
  p { font-size: 1.6rem; line-height: 40px; }
}

@media screen and (max-width:1200px){
  p { font-size: 1.4rem; line-height: 30px; }
  .sec_p { margin: 20px auto; }

  #shop { margin-top: -180px; padding-top: 180px; }

}

@media screen and (max-width:768px){
  h2 { font-size: 1.8rem; line-height: 30px; margin-bottom: 30px; }
  p { font-size: 1.2rem; line-height: 25px; }
  .sec_p { margin: 15px auto 10px; width: 100%; }
  .link_btn a { padding: 15px; width: 300px; font-size: 1.2rem; }
}


@media screen and (max-width:479px){
  h2 { font-size: 1.4rem; margin-bottom: 10px; }
  h2.h2_title { margin-bottom: 40px; }
  h2.yoshi_title::before {
    width: 90px;
    height: 55px;
  }
  .sec_p { width: 95%; margin: 5px auto; }
  .link_btn { margin: 30px 0 10px; }

  #shop { margin-top: -135px; padding-top: 135px; }
  #buy { margin-top: -55px; padding-top: 55px; }
}



/* ===================================================================

	Header

=================================================================== */
body > header { width:100%; height:130px; margin:0 auto; z-index:9999; position: fixed; }
body > header * { transition:0.3s ease-in-out; }
body > header .header_inner { height: 90px; background:#221814; }
body > header .h_logo { margin-left: 5%; }
body > header .h_nav { margin:0 auto;}
body > header .h_nav nav { width: 100%; }
body > header .h_nav nav ul.ddmenu { width:100%; height:auto; position:relative; }
body > header .h_nav nav ul.ddmenu li { min-width: 140px; text-align: center; }
body > header .h_nav nav ul.ddmenu li a { display: inline-block; text-align:center; font-size:1.4rem; color:#221815; position:relative; letter-spacing:1px; text-decoration:none;	margin: 0 7px; padding: 15px 20px 25px; }
body > header .h_nav nav ul.ddmenu li a:after {
	position: absolute;
  left: 50%;
  bottom: 3px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  color: #EF8800;
  font-weight: 900;
}
body > header .h_online { width: 180px; text-align: center; }
body > header .h_online a { display: block; background-color: #F18F2A; color: #fff; position: relative; padding: 25px 0; }
body > header .h_online a i { font-size: 2rem; margin-bottom: 15px; }

			@media screen and (max-width:1200px){
        body > header { height: 80px; }
        body > header .h_logo { width: 350px; }
        body > header .h_nav nav ul.ddmenu li { min-width: 100px; }
        body > header .h_nav nav ul.ddmenu li a { margin: 0 5px; padding: 15px 10px 25px; }
        body > header .h_online { width: 160px; }
        body > header .h_online a { padding: 17px 0; }

			}

			@media screen and (max-width:768px){


			}


			@media screen and (max-width:479px){
        body > header { height: 55px; }
        body > header .h_logo { width: 220px; }
        body > header .header_inner { height: 70px; }



			}



/* ===================================================================
	/
	/	smh_menu　トグルメニュー
	/
	=================================================================== */
		#smh_menu { display: block; position: relative;	z-index: 9999; }
    .yoshi .drawer-hamburger { border-radius: 50%; top: 2% !important; right: 2% !important; background-color: #fff !important; }
    .yoshi .drawer-hamburger-icon,
    .yoshi .drawer-hamburger-icon:after,
    .yoshi .drawer-hamburger-icon:before { background-color: #7D1D1E !important; }
    .yoshi.drawer-open .drawer-hamburger-icon { background-color: transparent !important; }

    .yoshi #smh_menu .unei { margin-top: 100px; width: 100%; }
    .yoshi #smh_menu .unei li { padding: 0.5rem 2rem; color: #fff; font-size: 1.6rem; letter-spacing: 2px; font-weight: 600; }
    .yoshi #smh_menu .unei li a img { width: 100%; }


	@media screen and (max-width:1200px){
    .yoshi .drawer-hamburger { top: 1.3% !important; }
    .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-nav, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
      right: 2% !important;
    }
    .drawer--right.drawer-open .drawer-hamburger {
      right: 2% !important;
    }
    .drawer--right.drawer-open .drawer-nav {
      right: 0 !important;
    }
	}

	@media screen and (max-width:768px){

		.drawer-nav ul li { margin-right: 0px; float: none; font-size: 1.1rem; display: block; text-decoration: none;	color: #222; }
    .yoshi #smh_menu .unei li { font-size: 1.2rem; }



	}


	@media screen and (max-width:479px){
    .yoshi .drawer-hamburger { top: 15px !important; }

	}





/* ===================================================================
	/
	/	****
	/
	=================================================================== */




	@media screen and (max-width:1200px){



	}

	@media screen and (max-width:768px){


	}


	@media screen and (max-width:479px){

	}



/* ===================================================================
	/
	/	博多もつ鍋芳々亭　TOP
	/
	=================================================================== */
.top_osirase{text-align: center; margin-top: 10px; padding: 10px 0; color: #d92f2f; }
.top_osirase a {color: #d92f2f;}


.yoshi .yoshi_main { padding: 150px 0; color: #fff; background-image: url(../images/yoshi_bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.yoshi .yoshi_main .bg_white h1 { text-align: center; font-size:4.5rem; line-height: 80px; letter-spacing: 5px; font-weight: bold; }
.yoshi .yoshi_main .bg_white h1 img { width: 30%; margin-bottom: 100px; }
.yoshi .yoshi_main .main_text01 { font-size: 8rem; letter-spacing: 10px; line-height: 200px;}
.yoshi .yoshi_main .main_text02 { font-size: 5rem; letter-spacing: 3px; line-height: 80px; }
.yoshi .yoshi_main .yoshi_menu_area { text-align: center; margin: 1000px 0 200px; position: relative; }
.yoshi .yoshi_main .yoshi_menu_area .bg_white { background-color: unset; }
.yoshi .yoshi_main .yoshi_menu_area .bg_white p.black { color: #000; }
.yoshi .yoshi_main .yoshi_menu_area .yoshi_menu_box { width: 46%; margin: 2%; }
.yoshi .yoshi_main .yoshi_menu_area .yoshi_menu_box img { width: 100%; margin-bottom: 30px; }
.yoshi .yoshi_main .yoshi_menu_area .yoshi_menu_box h4 { color: #fff; font-size: 2rem; font-weight: bold; letter-spacing: 1px; text-align: center; }
.yoshi .yoshi_main .yoshi_menu_area .yoshi_btn { margin: 200px 0; }
.yoshi .yoshi_main .yoshi_menu_area .yoshi_btn a { color: #2A1505; background-color: #fff; padding: 30px; display: block; width: 55%; margin: 0 auto; font-size: 1.6rem; letter-spacing: 1px; }
.yoshi .yoshi_main .yoshi_menu_area .yoshi_btn a i { color: #F18F2A; margin-left: 20px; }
.yoshi .chara { position: absolute; bottom: -120px; right: 140px; width: 140px; }

.yoshi .yoshi_shop { padding: 150px 0 100px; }
.yoshi .yoshi_shop .yoshi_shop_box { width: 40%; margin: 0 5%; text-align: center; }
.yoshi .yoshi_shop .yoshi_shop_box .yoshi_shop_tel { margin: 20px 0 10px; text-align: left; }
.yoshi .yoshi_shop .yoshi_shop_box .yoshi_shop_tel span { color: #fff; background-color: #802223; padding: 2px 35px; margin-right: 20px; }
.yoshi .yoshi_shop .yoshi_shop_box .yoshi_shop_tel a { text-align: center; color: #802223; font-size: 2rem; font-weight: bold; letter-spacing: 3px; }
.yoshi .yoshi_shop .yoshi_shop_box dl dt, .yoshi .yoshi_shop .yoshi_shop_box dl dd { text-align: left; font-size: 1.4rem; line-height: 25px; border-bottom: 1px solid #DDDDDD; padding: 5px 0; }
.yoshi .yoshi_shop .yoshi_shop_box dl dt { width: 20%; color: #000; }
.yoshi .yoshi_shop .yoshi_shop_box dl dd { width: 75%; color: #261304; }
.yoshi .yoshi_shop .yoshi_shop_box img { width: 100%; }
.yoshi .yoshi_shop .yoshi_shop_box img.shop_name { width: 60%; margin: 0 auto; }
.yoshi .yoshi_shop .yoshi_shop_box iframe { width: 100%; height: 200px; margin: 20px 0; }

.yoshi .yoshi_buy { padding: 150px 0 100px; text-align: center; background-color: #EEEEEE; }
.yoshi .yoshi_buy p { margin-bottom: 50px; }
.yoshi .yoshi_buy .yoshi_buy_bnr > img { width: 48%; }
.yoshi .yoshi_buy .yoshi_buy_bnr a { width: 48%; }
.yoshi h2 { text-align: center;
    background: #fff;
    padding: 10px 0;
    margin-top: 50px;}
.yoshi .menu_list h2{background: none; color: #fff;}


.yoshi .osirase_area {margin: 0 auto; max-width: 1000px; width: 100%;}
.yoshi .osirase_area h2 {color: #7b0001;}
.yoshi .osirase_area p {font-size: 1.5rem; line-height: 29px;}
.yoshi p.btn {background: #da6c6c36; border-radius: 10px; padding: 1rem; margin-bottom: 2rem; border: 1px solid #fff; color: #fff; width: 59%; margin: 0 auto 7rem;}




  @media screen and (max-width:1400px){
    .yoshi .yoshi_main .bg_white h1 { font-size: 4rem; line-height: 70px; }
    .yoshi .yoshi_main .bg_white h1 img { width: 25%; margin-bottom: 70px; }
    .yoshi .yoshi_main .yoshi_menu_area { margin:700px 0 200px; }
  }


	@media screen and (max-width:1200px){
    .yoshi .yoshi_main { padding: 100px 0 5px; }
    .yoshi .yoshi_main .yoshi_main_top img { width: 55%; }
    .yoshi .yoshi_main .main_text01 { font-size: 5rem; letter-spacing: 10px; line-height: 120px;}
    .yoshi .yoshi_main .main_text02 { font-size: 3.5rem; letter-spacing: 3px; line-height: 70px; }
    .yoshi .yoshi_main .yoshi_menu_area { margin: 550px 0 120px; }
    .yoshi .yoshi_main .yoshi_menu_area .bg_white img { width: 35%; }
    .yoshi .yoshi_main .yoshi_menu_area .yoshi_menu_box img { margin-bottom: 20px; }
    .yoshi .yoshi_main .yoshi_menu_area .yoshi_menu_box h4 { font-size: 1.6rem; }
    .yoshi .chara { bottom: -60px; right: 150px; width: 120px !important; }


	}

	@media screen and (max-width:768px){
    .yoshi .yoshi_main { padding: 30px 0; }
    .yoshi .yoshi_main .bg_white h1 { font-size: 3rem; line-height: 50px; }
    .yoshi .yoshi_main .main_text01 { font-size: 3.5rem; letter-spacing: 8px; }
    .yoshi .yoshi_main .main_text02 { font-size: 2.5rem; line-height: 50px; }
    .yoshi .yoshi_main .yoshi_menu_area { margin: 400px 0 120px; }
    .yoshi .yoshi_main .yoshi_menu_area .yoshi_btn { margin: 80px 0; }
    .yoshi .yoshi_main .yoshi_menu_area .yoshi_btn a { padding: 20px; }
    .yoshi .chara { bottom: -60px; right: 100px; width: 90px !important; }
    .yoshi .yoshi_shop { padding: 100px 0 50px; }
    .yoshi .yoshi_shop .yoshi_shop_box { width: 70%; margin: 0 auto 50px; }
    .yoshi .yoshi_buy { padding: 100px 0 50px; }
	.yoshi p.btn { width: 90%;}
	}


	@media screen and (max-width:479px){
    .yoshi .yoshi_main { padding: 50px 0; }
    .yoshi .yoshi_main { background-size: cover; }
    .yoshi .yoshi_main .bg_white h1 { font-size: 2.2rem; line-height: 35px; /*margin-bottom: 10px;*/ margin-bottom: 305px;}
    .yoshi .yoshi_main .bg_white h1 img { width: 40%; margin-bottom: 20px; }
    .yoshi .yoshi_main .bg_white .sec_p { background-color: rgba(0,0,0,0.6); padding: 10px; }
    .yoshi .yoshi_main .yoshi_main_top img { width: 65%; }
    .yoshi .yoshi_main .main_text01 { font-size: 2rem; letter-spacing: 5px; line-height: 50px}
    .yoshi .yoshi_main .main_text02 { font-size: 1.4rem; line-height: 25px; }
    .yoshi .yoshi_main .yoshi_menu_area { margin: 100px 0 0; }
    .yoshi .yoshi_main .yoshi_menu_area .sec_p { text-align: justify; margin-top: 20px; }
    .yoshi .yoshi_main .yoshi_menu_area .bg_white { background-color: #fff; padding: 10px; margin-bottom: 20px; margin-top: 40px; }
    .yoshi .yoshi_main .yoshi_menu_area .bg_white img { width: 70%; margin: 0 auto; }
    .yoshi .yoshi_main .yoshi_menu_area .yoshi_menu_box { width: 48%; margin: 1%; }
    .yoshi .yoshi_main .yoshi_menu_area .yoshi_menu_box img {margin-bottom: 5px; }
    .yoshi .yoshi_main .yoshi_menu_area .yoshi_menu_box h4 { font-size: 1.3rem; background-color: #2a1505; padding: 5px 0; }
    .yoshi .yoshi_main .yoshi_menu_area .yoshi_btn { margin: 50px 0; }
    .yoshi .yoshi_main .yoshi_menu_area .yoshi_btn a { width: 80%; font-size: 1.4rem;}
    .yoshi .chara { bottom: -60px; right: -15px; width: 80px !important; }
    .yoshi .yoshi_shop { padding: 100px 0 0; }
    .yoshi .yoshi_shop .yoshi_shop_box { width: 90%; }
    .yoshi .yoshi_shop .yoshi_shop_box .yoshi_shop_tel span { padding: 2px 15px; }
    .yoshi .yoshi_shop .yoshi_shop_box .yoshi_shop_tel a { font-size: 1.8rem; }
    .yoshi .yoshi_shop .yoshi_shop_box dl dt, .yoshi .yoshi_shop .yoshi_shop_box dl dd { font-size: 1.1rem; line-height: 22px; }
    .yoshi .yoshi_shop .yoshi_shop_box dl dt { width: 25%; }
    .yoshi .yoshi_shop .yoshi_shop_box iframe { margin: 10px 0; }
    .yoshi .yoshi_buy { padding: 100px 0 30px; }
    .yoshi .yoshi_buy p { margin-bottom: 30px; }
    .yoshi .yoshi_buy .yoshi_buy_bnr img { width: 90%; margin: 0 auto 20px; }
　　 
	}


/* ===================================================================
	/
	/	博多もつ鍋芳々亭　メニュー一覧
	/
	=================================================================== */
.bg03 { background-image: url(../images/yoshi_bg03.jpg); background-repeat: repeat-y; background-position: top center; background-size: 100%; }
.yoshi .menu_list { margin-bottom: 150px; }
.yoshi .menu_list .menu_tab ul { width: 60%; margin: 50px auto; }
.yoshi .menu_list .menu_tab ul li { width: 31%; }
.yoshi .menu_list .menu_tab ul li { transition: 0.5s; position: relative; color: #fff; border: 3px solid #2A1505; background-color: #2A1505; text-align: center; display: block; padding: 15px 20px 25px; }
.yoshi .menu_list .menu_tab ul li::after {
  position: absolute;
  left: 50%;
  bottom: 6px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  color: #fff;
  font-weight: 900;
}
.yoshi .menu_list .menu_tab ul li.select { border: 3px solid #fff100; }
.yoshi .menu_list .menu_area { background-color: #fff; padding: 30px; margin-bottom: 50px; }
.yoshi .menu_list .menu_area h2 { font-size: 2.5rem; font-weight: bold; letter-spacing: 3px; border-left: 10px solid #671b1c; background: #EEEEEE; padding: 5px 15px; }
.yoshi .menu_list .menu_area h3 { font-size: 2rem; font-weight: bold; letter-spacing: 1px; border-bottom: 1px solid #261304; padding-bottom: 10px; margin-bottom: 5px; }
.yoshi .menu_list .menu_area h3 span { font-size: 80%; }
.yoshi .menu_list .menu_area h4 { font-size: 1.6rem; background-color: #ece6e6; padding: 8px; }
.yoshi .menu_list .menu_area .red { font-size: 1.4rem; color: #802223; font-weight: bold; line-height: 25px; }
.yoshi .menu_list .menu_area .menu_box { padding: 10px; }
.yoshi .menu_list .menu_area .menu_box .half_box { width: 48%; }
.yoshi .menu_list .menu_area .menu_box dl { margin-bottom: 30px; }
.yoshi .menu_list .menu_area .menu_box dl > div { text-align: right; margin-left: auto; margin-top: 5px; }
.yoshi .menu_list .menu_area .menu_box dl dt, .yoshi .menu_list .menu_area .menu_box dl dd { font-size: 1.4rem; letter-spacing: 1px; padding: 15px 0; border-bottom: 1px dotted #2A1505; }
.yoshi .menu_list .menu_area .menu_box dl dt { width: 75%; }
.yoshi .menu_list .menu_area .menu_box dl dt.indent { padding: 5px 0 5px 20px !important; }
.yoshi .menu_list .menu_area .menu_box dl dt.indent_t { padding-left: 20px !important; }
.yoshi .menu_list .menu_area .menu_box dl dt span.hidden { visibility: hidden; }
.yoshi .menu_list .menu_area .menu_box dl dd { width: 25%; text-align: right; }
.bb_none { border-bottom: none !important; }
.disnon { /*visibility: hidden;*/ height: 0; display: none; }
.panel_area { position: relative; }
.osusume { color: #fff; background-color: #ea5413; padding: 2px 5px; font-size: 60%; letter-spacing: 0; }
.hakata_m { color: #fff100; background-color: #bf1928; padding: 2px 5px; font-size: 60%; letter-spacing: 0; }
.yoshi_m { color: #fff100; background-color: #1d2088; padding: 2px 5px; font-size: 60%; letter-spacing: 0; }
.lh { line-height: 1.5; }
.menu_pdf { margin: 30px 0; }
.menu_pdf p { text-align: center; font-size: 1.4rem; }
.menu_pdf .menu_btn { width: 300px; }
.menu_pdf .menu_btn a { color: #2A1505; background-color: #fff; border: 1px solid #2A1505; text-align: center; display: block; padding: 15px 20px 15px; margin: 2%; transition: 0.5s; }
.menu_pdf .menu_btn a:hover { color: #fff; background-color: #2A1505; }

#lunch, #food, #drink { margin-top: -130px; padding-top: 130px; }

/*画像でメニュー表示*/
.menu_list .w100 { width: 100%; padding: 2%; }
.menu_list .tate { max-width: 800px; padding: 2%; }
.menu_list .renewal p { color: #fff; }
/*.menu_list .renewal .menu_btn { width: auto; }
.menu_list .renewal .menu_btn a { width: 300px; }*/
.menu_list .menu_img { margin-top: 20px; }
.menu_list .menu_img img { width: 100%;/*width: 46%;*/ margin: 2%; }
.menu_list .tatemenu { max-width: 800px; margin: 0 auto;}
/*ここまで*/


	@media screen and (max-width:1200px){
    .yoshi .menu_list .menu_area h2 { font-size: 2rem; padding: 5px 15px; }
    .yoshi .menu_list .menu_area h3 { font-size: 1.6rem; padding-bottom: 10px; margin-bottom: 5px; }
    .yoshi .menu_list .menu_area h4 { font-size: 1.4rem; padding: 8px; }
    .yoshi .menu_list .menu_area .menu_box dl dt, .yoshi .menu_list .menu_area .menu_box dl dd { font-size: 1.1rem; padding: 12px 0; }
    .yoshi .menu_list .menu_area .red { font-size: 1.1rem; line-height: 20px; }

    #lunch, #food, #drink { margin-top: -80px; padding-top: 80px; }

	}

	@media screen and (max-width:768px){
    .yoshi .menu_list { margin-bottom: 50px; }
    .yoshi .menu_list .menu_tab ul { width: 90%; }
    .yoshi .menu_list .menu_area .menu_box .half_box { width: 100%; }
    .menu_list .menu_img img { width: 70%; margin: 0 auto 30px; }
	}


	@media screen and (max-width:479px){
    .yoshi .menu_list .menu_tab ul { margin: 30px auto; -webkit-box-pack: center; -ms-flex-pack: center;	justify-content: center; }
    .yoshi .menu_list .menu_tab ul li { width: 48%; margin: 1%; }
    .yoshi .menu_list .menu_area { padding: 15px 10px; margin-bottom: 30px; }
    .yoshi .menu_list .menu_area h2 { font-size: 1.6rem; padding: 3px 15px; }
    .yoshi .menu_list .menu_area h3 { font-size: 1.2rem; padding-bottom: 5px; margin-bottom: 5px; }
    .yoshi .menu_list .menu_area h4 { font-size: 1.4rem; padding: 8px; }
    .yoshi .menu_list .menu_area .red { font-size: 0.9rem; line-height: 18px; }
    .yoshi .menu_list .menu_area .menu_box dl dt, .yoshi .menu_list .menu_area .menu_box dl dd { font-size: 0.9rem; padding: 10px 0; }
    .yoshi .menu_list .menu_area .menu_box dl dt { width: 77%; line-height: 1.2; }
    .yoshi .menu_list .menu_area .menu_box dl dd { width: 23%; }
    .yoshi .menu_list .menu_area .menu_box dl dt.indent { padding: 5px 0 5px 10px !important; }
    .lh { line-height: 1.7 !important; }
    .lh_sp_only { line-height: 1.7 !important; }

    #lunch, #food, #drink { margin-top: -55px; padding-top: 55px; }

    .menu_list .w100 { padding: 8% 0 2%; }
    .menu_list .menu_img img { width: 100%; }
	}



/* ===================================================================
	/
	/	博多もつ鍋芳々亭　リニューアルオープン
	/
	=================================================================== */
  .yoshi .renewal_area { margin-top: 30px; }
  .yoshi .renewal_area .yoshi_shop { background-color: #fff; margin: 50px auto 100px; }
  .yoshi .renewal_area .yoshi_shop .yoshi_shop_box { width: 60%; margin: 0 auto; }
  .yoshi .renewal_area .line_area { text-align: center; background-color: #fff; padding: 20px; margin-top: 20px; border: 3px solid #2e9c21; }
  .yoshi .renewal_area .line_area h3 { color: #2e9c21; margin-bottom: 10px; line-height: 1.5; font-weight: bold; }
  .yoshi .renewal_area .line_area .line_friend a { text-align: center; border-radius: 5px; background-color: #2e9c21; padding: 5px; display: block; max-width: 150px; color: #fff; margin: 0 auto; font-weight: bold; }
  .yoshi .renewal_area .line_area .line_friend a img { width: 28px; margin-right: 15px; }


  @media screen and (max-width:479px){
    .yoshi .renewal_area .yoshi_shop .yoshi_shop_box { width: 90%; }
    .yoshi .renewal_area .yoshi_shop { margin: 20px auto 100px; padding-bottom: 30px; }
  }

/* ===================================================================
	/
	/	footer
	/
	=================================================================== */
	footer { background-color: #000; }
  footer > .container { padding: 30px 0; }
  footer p { color: #fff; /*width: 10%;*/ margin-bottom: 10px; }
  footer .yoshi_f_bnr_area { width: 100%; }
  footer .yoshi_f_bnr_area li { width: 23%; }
  footer .yoshi_f_bnr_area img { width: 100%; }

	footer .copyright { background-color: #fff; padding: 20px 0; text-align: center; }
	footer .copyright small { color: #000; letter-spacing: 1px; }


	#pageTop { display: none; position: fixed; bottom: 50px; right: 50px; z-index: 100; }
	#pageTop a { padding: 8px 0 0 0px; }
	#pageTop a:hover { text-decoration: none; opacity: 0.7; }

  #renewal { display: block; position: fixed; bottom: 120px; right: 10px; z-index: 200; }
  #renewal a { padding: 8px 0 0 0px; }
  #renewal a:hover { text-decoration: none; opacity: 0.7; }
  #renewal a img { width: 250px; height: auto; }

	@media screen and (max-width:1200px){
    footer .yoshi_f_bnr_area li { width: 24%; }
    #renewal { bottom: 100px; }
    #renewal a img { width: 180px; }

	}

	@media screen and (max-width:768px){
    footer .yoshi_f_bnr_area li { width: 48%; margin-bottom: 10px; }

	}


	@media screen and (max-width:479px){
    footer > .container { padding: 10px 0; }
    footer p { width: 100%; margin-bottom: 10px; }
    footer .yoshi_f_bnr_area { width: 100%; }


    footer .copyright { padding: 10px 0; }
    footer .copyright small { font-size: 0.8rem; }

    #pageTop { bottom: 30px; right: 20px; }
    #renewal { bottom: 80px; }
    #renewal a img { width: 150px; }

	}