@charset "utf-8";

body{position: relative;}
*{box-sizing: border-box;}

/* ---------- header_nav ---------- */
.header_nav{display: flex;justify-content: space-between;}
/*.header_nav li img{margin-bottom: -7px;display: block;}*/
.header_nav li img{margin-bottom: -7px;}
.header_nav li:first-child img,
.header_nav li:last-child img{margin-bottom: 0;}
.header_nav li:first-child{text-align: left;}
.header_nav li:last-child{text-align: right;}

@media screen and (max-width: 767px) {
  #nav-toggle{
    position: fixed;top: 0;right: 20px;z-index: 101;
    background: url(/assets/img/hanagyu/icon_trigger_on.png?2019) no-repeat 50% 50% / contain;
  }
  #top-head.open+#nav-toggle{position: fixed;}
  #nav-toggle img{width: 50px;}
  #top-head{display: none;}
  #top-head.open{position: fixed;top: 0;left: 0;width: 100vw;z-index: 100;display: block;text-align: center;background: rgba(61,26,0,0.75);height: 100vh;}
  #top-head.open+#nav-toggle img{opacity: 0;}

  
  #top-head .nav{margin-top: 16%;display: block;text-align: center;}
  #top-head .nav li{display: block;margin: 8% auto 0;width: 90%;font-size: 16px;font-weight: bold;}
  #top-head .nav li a{display: inline-block;text-decoration: underline;position: relative;color: #fff;}
  #top-head .nav li a:after{
    content:'';display: block;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #fff;
    position: absolute;right: -20px;top: 50%;margin-top: -5px;
  }
  #top-head .nav li a img{height: 30px;width: auto;}
  
}





/* おすすめメニュー */
.menu_name {font-weight: bold;line-height: 1.2; }
.bg_menu{background: #3e0000; padding: 1em;}
.price {color: #ff9900;font-weight: bold;font-size: 16px; }
.menu_course .price {color: #d70c19;}
.price small{margin-left: 5px;; }
div.price {padding: 10px 0;}


.mainVisual {
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
	background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 50%;
  height: 570px;
}

#page-index .mainVisual{height: 590px;}
#page-index .mainVisual video {
	position: absolute;
	left: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: -1;
}
#page-index .mainVisual h1 {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	text-align: center;
	font-size: 0;
	opacity: 0;
}
#page-recommend .mainVisual {background-image: url(/assets/img/hanagyu/menu/bg_mv.jpg?200415);}
#page-shop .mainVisual {background-image: url(/assets/img/hanagyu/shop/bg_mv.jpg?200415); height: auto; background-size: unset;background-position: top center;background-color: #000;}

.page .mainVisual .sec_read{background: rgba(0,0,0,.6);position: absolute;bottom: 0;width: 100%;}


@media screen and (max-width: 1000px) {
	.mainVisual li:first-child,.mainVisual li:last-child {width: 20%;}
	.mainVisual li:nth-child(2) {width: 10%;}
	.mainVisual li:nth-child(3) {width: 14%;}
	.mainVisual li:nth-child(4) {width: 14%;}
	.mainVisual li:nth-child(5) {width: 10%;}
	.mainVisual li:nth-child(6) {width: 10%;}
}
/*
.sec_nav{background: url(/hanagyu/assets/img/bg_nav.jpg) repeat-x top center;}
.sec_nav li{float: left;}
.sec_nav li a{display: block;border-right: 1px solid #aaa;}
.sec_nav li:first-child a{border-left: 1px solid #aaa;}
.sec_nav ul:after{
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
*/

/* ---------- sec_nav ---------- */
.sec_nav{background: url(/assets/img/bg_nav.jpg) repeat top center;}
.sec_nav li{float: left;/*width: calc(100% / 6);*/ width: 16.66%;}
.sec_nav li a{
  display: block;border-right: 1px solid #aaa;position: relative;height: 80px;
  display: flex;align-items: center;justify-content: center;
  padding-bottom: 10px;
}
.sec_nav li a:hover{background: #ffcb00;}
.sec_nav li a:after{
  content: "";display: inline-block;
  border-style: solid;
  border-width: 9px 9px 0;
  border-color: #d70c19 transparent;
  position: absolute;left: 50%;margin-left: -10px;bottom: 15px;
}
.sec_nav ul:after{
	content: ""; 
	display: block;
	clear: both;
}

/* ---------- wrap_con ---------- */
.wrap_con,
.sec_menu{background: url(/assets/img/hanagyu/bg_wrapper.jpg); overflow: hidden;}
.wrap_con .inner,
.sec_menu .inner{background: #000; box-sizing: border-box; color: #fff;}
.sec_menu .shop {margin-bottom: 60px;}
.sec_menu h2 {text-align: center;}
.sec_menu .shop h2 {text-align: left; font-size: 34px;}
.sec_menu .shop p.font-min {padding: 10px 0; font-size: 18px;}
.sec_menu .shop p.notes {font-size: 12px;}
.sec_menu .menu {margin-bottom: 15px;}
.sec_menu .menu > li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.sec_menu .menu li { min-height: 1px; }
.sec_menu .menu .col3 li .menu_name{ margin-top: 10px; border-bottom: 1px solid #b89b25;padding-bottom: 5px;}

.sec_guide{background: url(/assets/img/hanagyu/bg_guide.jpg) no-repeat top center; background-size: cover; color: #fff;}
.sec_guide .inner{padding: 40px 0;}
.sec_guide .inner h2{padding-bottom: 20px;}
.sec_guide .inner ul{margin-top: 1em;}
.sec_guide p .small{font-size: 12px;}
#page-shop .sec_shop p .small{font-size: 14px;}

.sec_info .inner{padding: 40px 0;}
.sec_info h2{text-align: center;}
.sec_info ul{margin: 40px 0 30px; color: #fff;}
.sec_info li{border-bottom: 1px dotted #b5971b;padding-bottom: 10px; margin-bottom: 10px;}
.sec_info li span {float: left;}
.sec_info li p{margin-left: 7em;}
.sec_info li a{color: #fff;}
/*
.footer{color: #fff;}
.footer .inner{padding-top: 40px;;}
.footer ul{display:table; margin: 40px 0; width: 100%;font-size: 16px;}
.footer ul li{display:table-cell; vertical-align: middle; padding: 0 .5em;}
.footer ul li:first-child, .footer ul li:last-child{padding: 0;}
.footer ul li a{color: #fff; text-decoration: underline!important;}
.footer ul li a:hover{text-decoration: none!important;}
.footer p.copyright{padding: 30px 0;}
*/


/* ---------- home ---------- */
#page-index .sec_menu .menu li .image{position: relative;z-index: 2;}
.sec_menu .menu li .text h3{position: relative;}
.sec_menu .menu li .text h3:after{ position: absolute; content: '';width: 100%; border-bottom: 2px solid #b89b25; display: block;bottom: -7px;left: 0;width: 200%; }

@media screen and (min-width: 768px) and (max-width: 900px) {
	#page-index .sec_info .inner{padding: 40px 20px 60px;}
}

/* ---------- sec_menu(page-recommend) ---------- */  
  .page .sec_menu .menu li .sub_box {position: relative;}

	.sec_menu .flex3col li h3{ background: rgba(170,0,0,0.5); color: #fff; padding: 10px 20px;font-size: 23px;line-height: 1.2;}
	.sec_menu .flex3col li p{ padding: 20px; }
	.sec_menu .flex3col li .price{ background: #fff; padding:14px 20px; }
	.sec_menu .flex3col li .price .people{ color: #000;display: inline-block; padding-right: 5px; }
	.sec_menu .flex3col li:nth-child(1){ background: url(/assets/img/hanagyu/menu/bg_menu04_01.jpg) no-repeat; background-size: cover;}
	.sec_menu .flex3col li:nth-child(2){ background: url(/assets/img/hanagyu/menu/bg_menu04_02.jpg) no-repeat; background-size: cover;}
	.sec_menu .flex3col li:nth-child(3){ background: url(/assets/img/hanagyu/menu/bg_menu04_03.jpg) no-repeat; background-size: cover;}

  .page .sec_menu .menu.menu_drink .note{text-align: right;font-size: 12px;}
  .page .sec_menu .menu.menu_drink .note span{text-align: left;display: inline-block;margin-top: 10px;}
.notes_bottom{text-align: right;margin: 30px 0;}
.notes_bottom .color{color: #ff9900; display: block;}

/* ---------- sec_shop ---------- */
.sec_shop .inner{padding: 40px;}
.sec_shop .title{padding: 15px 0 35px;text-align: center;}
.inner_shop .map{height: 320px;overflow: hidden;}
.inner_shop .map iframe{margin-top: -150px;}
.inner_shop .box{line-height: 1.4;}
.inner_shop .text_address{padding-left: 1em;text-indent: -1em;}
.inner_shop .text_tel{font-weight: bold;}

/*--------------------------------------
  PC
---------------------------------------*/
@media screen and (min-width: 768px) {
	a img:hover{opacity: .8;}
/* ---------- sec_nav ---------- */
.sec_nav li:first-child a,
.sec_nav li:nth-child(7) a{border-left: 1px solid #aaa;}
  
/* ---------- home ---------- */  
	.sec_menu .inner{padding: 40px; }
	.sec_menu .shop .right {float: right; width: 45%;}
	.sec_menu .shop .left {float: left; width: 50%;}

	#page-index .sec_menu .menu li { padding-top: 100px; }
	#page-index .sec_menu .menu li:nth-child(4) { padding-top: 150px; }
	#page-index .sec_menu .menu li:nth-child(odd) .text {
		float: right;
		width: 43%;
	}
	#page-index .sec_menu .menu li .image {position: relative;}
	#page-index .sec_menu .menu li:nth-child(odd) .image {
		float: left;
		width: 68%;
		margin: -20% 0 0 -11%;
	}
	#page-index .sec_menu .menu li:nth-child(1) .image { margin-top: -75px; }
	#page-index .sec_menu .menu li:nth-child(even) .text {
		float: left;
		width: 43%;
	}
	#page-index .sec_menu .menu li:nth-child(3) .text {width: 40%;}
	#page-index .sec_menu .menu li:nth-child(even) .image {
		float: right;
		margin: -20% -15% 0 0;
		width: 72%;	/* 57%(100-43) + 15% */
	}
	.sec_menu .menu li .text h3{ padding-bottom: 8px; margin-bottom: 1em; position: relative; }
	.sec_menu .menu li:nth-child(odd) .text h3:after{ left: -100%;}
	.sec_menu .menu li:nth-child(even) .text h3:after{ left: 0;}



	.sec_guide .cf li{width: 49%; float: left;}
	.sec_guide .cf li:nth-child(1){float: right;}
  

/* ---------- page-recommend ---------- */  
	.page .sec_menu .title{ padding-top: 60px; }
  .page .sec_menu #sec01.title {padding-top: 20px;}
  .page .sec_menu #sec03.title {padding-top: 90px;}
  .page .sec_menu #sec04.title {padding-top: 100px;}
  .page .sec_menu #sec05.title {padding-top: 80px;}
  
	.page .sec_menu .menu > li{ position: relative; padding-top: 60px; }
	.page .sec_menu .menu > li .text{ overflow: hidden; }
  .page .sec_menu .menu li .text h3:after{bottom: -12px;}
  .page .sec_menu .menu li.block_noodle .text h3:after{width: 180%;;}
  .page .sec_menu .menu li .text .price{padding-top: 5px}
  
	.page .sec_menu .menu li .label{ margin-bottom: 20px; }
	.page .sec_menu .menu li.ph_left .label{ text-align: right; }
	.page .sec_menu .menu li.ph_right .label{ margin-bottom: 40px; }
	.page .sec_menu .menu li.ph_right .text{  }
	.page .sec_menu .menu li.ph_right .text p{ width: 40%; }
	.page .sec_menu .menu li.ph_right .image{ position: absolute; top: 0; right: -15px;z-index: 1;}
	.page .sec_menu .menu li.ph_left .text{ margin-left: 50%; padding-left: 13%; }
	.page .sec_menu .menu li.ph_left .bg_menu{ margin-left: 10%; padding-left: 40%; }
	.page .sec_menu .menu li.ph_left .image{ position: absolute; top: 0; left: 0;z-index: 1;}
  


  
  .page .sec_menu .menu li.block_wagyu .sub_box {margin-top: 100px;margin-right: 110px;}
  .page .sec_menu .menu li.block_wagyu .sub_box .text{padding-left: 0;margin-left: 35%;}
  .page .sec_menu .menu li.block_wagyu .sub_box .text h3 img{width: 55%;}
  .page .sec_menu .menu li.block_wagyu .sub_box .image{right: 0;top: -50px;left: auto; text-align: right;}
  .page .sec_menu .menu li.block_wagyu .sub_box .image img{width: 50%;;}
  .page .sec_menu .menu li.block_meshi .sub_box {padding-left: 70%;padding-bottom: 40px;}
  .page .sec_menu .menu li.block_meshi .sub_box .image{position: relative;top: 20px;}
  .page .sec_menu .menu li.block_meshi .sub_box .text{padding-left: 0;margin-left: 0;margin-top: 30px;line-height: 1;}
  .page .sec_menu .menu li.block_meshi .sub_box .text h3{padding-bottom: 0;}
  
	.page .sec_menu .menu li.block_karubi .text h3:after,
	.page .sec_menu .menu li.block_alacarte .text h3:after{ left: -120%;}
	.page .sec_menu .menu li.block_set .text h3:after{ bottom: -60px;}
	.page .sec_menu .menu li.block_set .text h3+p{ margin-top: -13px;margin-bottom: 20px;}
  

  
	/**/
  .page .sec_menu .menu li.block_karubi{padding-top: 50px;}
  .page .sec_menu .menu li.block_tongue{padding-top: 70px;}
  .page .sec_menu .menu li.block_tongue+li{padding-top: 40px;}
  .page .sec_menu .menu li.block_tongue+li .bg_menu{padding-left: 63%;}
  .page .sec_menu .menu li.block_tongue+li .bg_menu li{width: 100%;}
  .page .sec_menu .menu li.block_alacarte{padding-top: 60px;}
  .page .sec_menu .menu li.block_alacarte + li{padding-top: 100px;}
  .page .sec_menu .menu li.block_wagyu{padding-top: 80px;}
  .page .sec_menu .menu li.block_wagyu + li{padding-top: 20px;}
  .page .sec_menu .menu li.block_tori_buta{padding-top: 50px;}
  .page .sec_menu .menu li.block_tori_buta + li{padding-top: 115px;}
  .page .sec_menu .menu li.block_set{padding-top: 70px;}
  .page .sec_menu .menu li.block_set + li{padding-top: 30px;}
  .page .sec_menu .menu li.block_set + li .bg_menu.other{padding-top: 50px;}
  .page .sec_menu .menu li.block_set + li .bg_menu.other span{vertical-align: top;}
  .page .sec_menu .menu li.block_set + li .bg_menu.other small{font-size: 14px;line-height: 1.4;display: inline-block;padding-top: 4px;}
  .page .sec_menu .menu li.block_set + li .bg_menu.other .spPrice{/*margin-left: -20px;*/margin-top: 6px;  display: inline-block;}
  .page .sec_menu .menu li.block_set + li .bg_menu.other ul li:nth-child(1) .spPrice{/*margin-left: -5em;*/}
  .page .sec_menu .menu li.block_set + li .bg_menu.other .spPrice .price{vertical-align: middle;display: inline-block;margin-top: -6px;}
  .page .sec_menu .menu li.block_other{padding-top: 30px;}
  .page .sec_menu .menu li.block_meshi + li{padding-top: 10px;}
  .page .sec_menu .menu li.block_noodle{padding-top: 80px;}
  
  .page .sec_menu .menu li.block_karubi h3 img{width:40%; }
  .page .sec_menu .menu li.block_karubi .image{top: 15px; width: 60%;}
  .page .sec_menu .menu li.block_tongue .image{top: 20px;left: -20px; width: 60%;}
  .page .sec_menu .menu li.block_alacarte h3 img{width:40%; }
  .page .sec_menu .menu li.block_alacarte .image{top: 20px; width: 60%;}
  .page .sec_menu .menu li.block_wagyu .image{top: 40px;left: -20px;width: 60%;}
  .page .sec_menu .menu li.block_tori_buta .image{top: 20px;width: 60%;}
  .page .sec_menu .menu li.block_set .image{top: 70px;left: -20px;width: 60%;}
  .page .sec_menu .menu li.block_meshi .image{top: 60px;width: 60%;}
  .page .sec_menu .menu li.block_meshi .text{margin-top: 50px;margin-left: 45%;}
  .page .sec_menu .menu li.block_noodle .text{margin-top: 95px;}
  .page .sec_menu .menu li.block_noodle .image{top: 50px;width: 60%;}
  /**/
  .page .sec_menu .menu .menu_name{font-size: 20px;}
  .page .sec_menu .menu .menu_name small{font-size: 12px;}
  
	.page .sec_menu .menu .col3{ letter-spacing: -1em;}
	.page .sec_menu .menu .col3 li{ letter-spacing: normal; width: 32%; display: inline-block;margin-bottom: 10px;padding-top: 0; vertical-align: top;}
	.page .sec_menu .menu .col3 li:nth-child(3n-1){ margin: 0 2%;}

	.sec_menu .menu .bg_menu.other{ margin: 0; padding: 1em;}
	.sec_menu .menu .bg_menu.other ul{ letter-spacing: -1em;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.sec_menu .menu .bg_menu.other li{ letter-spacing: normal; width: 49%; vertical-align: middle; display: flex;align-items: center;padding: 5px 0;/*line-height: 1.3;*/ line-height: 1; position: relative;}
	.sec_menu .menu .bg_menu.other li .menu_name{ min-width: calc(100% - 14em);display: inline-block;vertical-align: middle; }
	.sec_menu .menu .bg_menu.other li .spPrice{ vertical-align: middle; }
	.sec_menu .menu .bg_menu.other li .spPrice.abs{/*position: absolute;top: .5em;  right: 1.5em;*/ align-self: flex-start;    padding-top: 5px;}
	.sec_menu .menu .bg_menu.other li .spPrice.abs.ml-5{margin-left: -5em;}


	
	.sec_menu .menu .bg_menu .notes{ text-align: right;}
	.sec_menu .menu .bg_menu .notes span{ text-align: left; display: inline-block;}
  .sec_menu .menu .bg_menu .box_option{background: #000;color: #fff;padding: 15px;margin: 10px 0;}
  .sec_menu .menu .bg_menu .box_option li{font-size: 16px;}
  
  .sec_menu .menu .bg_menu .box_option .price{/*font-weight: normal;*/}
  

  
	/**/
  .page .sec_menu .menu_course{margin-top: 40px;}
	.sec_menu .flex3col{ display: flex; justify-content: space-between;align-items:stretch;}
	.sec_menu .flex3col li { width: 32%;padding-bottom: 54px;position: relative;}
	.sec_menu .flex3col li .price{ position: absolute;width: 100%;bottom: 0; }
  /**/
  .page .sec_menu .menu.menu_drink .bg_menu.other{margin-top: 20px;}
	.page .sec_menu .menu.menu_drink > li{ padding-top: 50px; }
  .page .sec_menu .menu.menu_drink .menu_name{font-size: 16px;}
  .page .sec_menu .menu.menu_drink .bg_menu.other li .menu_name{min-width: calc(100% - 14em);}
  /**/
  .page .sec_menu .menu.menu_dessert {margin-top: 30px;}
  .page .sec_menu .menu.menu_dessert .menu_name{font-size: 16px;}
  .page .sec_menu .menu.menu_dessert .bg_menu.other{margin-top: 10px;}
  .page .sec_menu .menu.menu_dessert .bg_menu.other li .menu_name{min-width: calc(100% - 12em);}
  /**/
	.page .sec_menu .menu.menu_lunch li .image{ top: 20px;left: -8%; width: 73%;}
  .page .sec_menu .menu.menu_lunch li .text{padding-left: 16%;margin-top: 105px;}
  .page .sec_menu .menu.menu_lunch li .text .price{padding-bottom: 0;}
  .page .sec_menu .menu.menu_lunch li .text .note{font-size: 12px;}
	.page .sec_menu .menu.menu_lunch > li:nth-child(2){ padding-top: 150px; }

	.notes_bottom .color{font-size: 14px; margin-top: .5em;}
  
  /* ---------- sec_shop ---------- */
.inner_shop .box{line-height: 1.4;width: 640px;margin:20px auto 50px;}
#page-shop .inner_shop .box{width: auto;}
.inner_shop .image{float: left;/*width: 320px;text-align: center;*/width: 40%;text-align: right;}
.inner_shop .text{float: right;/*width: 340px;margin-right: -40px;*/ width: 56%;}
.inner_shop .text_openTime{font-size: 20px;line-height: 1.4;}
.inner_shop .text_address{margin-top: 20px;}
.inner_shop .text_tel{font-size: 28px;margin-top: 20px;font-weight: bold;}


}
@media screen and (min-width: 768px) and (max-width: 990px) {
	.page .sec_menu .menu li.block_set + li .bg_menu.other .spPrice{display: block; text-align: right;}
}



/*--------------------------------------
  SP
---------------------------------------*/

@media screen and (max-width: 767px) {
  .wrap_con{padding: 0 15px;width: 100%;}

    .pconly{
  	display: none;
  }

/* ---------- mainVisual ---------- */
  .mainVisual{height: 315px;}
/*  #page-recommend .mainVisual {background-image: url(/assets/img/hanagyu/menu/bg_mv_sp.jpg);}*/
/*  #page-shop .mainVisual {background-image: url(/assets/img/hanagyu/shop/bg_mv_sp.jpg);}*/
  .mainVisual h1{height: 230px;}
  #page-index .mainVisual .sec_read{height: 130px;}
  
  #page-shop .mainVisual {background: none;}
  .mainVisual h1{height: auto;}
  
  #page-recommend .mainVisual {background: none; height: auto;}
  #page-recommend .mainVisual .sec_read{display: none;}

  
/* ---------- home ---------- */
  .fadein{opacity: 1;}
  .fade_scale2{display: none;}
  .fade_scale{transform: scale(1,1);}
  #page-index .mainVisual {
    height: 255px;display: flex;align-items: center;justify-content: center;
    background: url(/assets/img/hanagyu/mv_sp.jpg) no-repeat 50% 50% / cover;
  }
  #page-index .mainVisual video{opacity: 0;}
  #page-index .sec_read h1{z-index: 2;top: -38px;padding: 0 5px;}
  #page-index .sec_menu{padding-top: 30px;}
  #page-index .sec_menu .shop{position: relative;margin-bottom: 40px;}
  #page-index .sec_menu .shop .left{position: absolute;left: -10px;top: 0;width: 54%;}
  #page-index .sec_menu .shop h2{font-size: 24px;line-height: 1.4;padding-top: 20px;padding-left: 54%;margin-right: -10px;}
  .sec_menu .shop p.font-min{text-align: center;font-size: 16px;padding-top: 20px;}
  .sec_menu .shop p.notes{line-height: 1.2;font-size: 10.5px;padding: 4px 15px 0;}

  #page-index .sec_menu{padding: 0 15px 20px;}
  #page-index .sec_menu .inner{padding-bottom: 30px;}
  .menu_wrap{
  background: #f0e1ca url(/assets/img/bg_menu.jpg);
    box-sizing: border-box;
    border: 5px solid #b10009;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 3px #e9ba00, 0px 0px 0px 8px #5f0000;
    background: #f0e0ca;
  }
  .menu_bottom{padding: 0 15px 40px;position: relative;}
  
  #page-index .menu_top h2{padding-top: 20px;position: relative;}
  #page-index .menu_top h2:after,
  #page-index .menu_top h2:before,
  #page-index .menu_bottom:after,
  #page-index .menu_bottom:before{
    content:'';display: block;position: absolute;width: 23px;height: 23px;
    background: url(/assets/img/box_corner.png) no-repeat 50% 50% / contain;
  }
  #page-index .menu_top h2:before,
  #page-index .menu_top h2:after{top: 0;}
  #page-index .menu_top h2:before{left: 0;}
  #page-index .menu_top h2:after{right: 0;transform: rotate(90deg);}
  #page-index .menu_bottom:before,
  #page-index .menu_bottom:after{bottom: 0;}
  #page-index .menu_bottom:before{left: 0;transform: rotate(-90deg);}
  #page-index .menu_bottom:after{right: 0;transform: rotate(180deg);}
  
  #page-index .menu_top h2 img,
  #page-index .sec_recruit h2 img,
  #page-index .sec_info h2 img{height: 22px;width: auto;}
  #page-index .sec_guide h2 img{height: 32px;width: auto;}
  #page-index .sec_menu .menu{padding:0;}
  
  #page-index .sec_menu .menu li .image {width: 107%;}
  #page-index .sec_menu .menu li:nth-child(1) .image {margin: 0 0 10px -14%;}
  #page-index .sec_menu .menu li:nth-child(2) .image {width: 120%;margin:30px 0 20px 6%;}
  #page-index .sec_menu .menu li:nth-child(3) .image {width: 120%;margin:40px 0 10px -28%;}
  #page-index .sec_menu .menu li:nth-child(4) .image {width: 115%;margin:40px 0 0 9%;}
  #page-index .sec_menu .menu li:nth-child(1) .text,
  #page-index .sec_menu .menu li:nth-child(3) .text {padding-right: 10px;margin-right: -10px;float: right;}
  #page-index .sec_menu .menu li:nth-child(2) .text,
  #page-index .sec_menu .menu li:nth-child(4) .text {padding-left: 10px;margin-left: -10px;float: left;}
  #page-index .sec_menu .menu li:nth-child(1) .text img{width:265px;}
  #page-index .sec_menu .menu li:nth-child(2) .text img{width:246px;}
  #page-index .sec_menu .menu li:nth-child(3) .text img{width:222px;}
  #page-index .sec_menu .menu li:nth-child(4) .text img{width:216px;}
  #page-index .sec_menu .menu li:nth-child(2) .text h3:after,
  #page-index .sec_menu .menu li:nth-child(4) .text h3:after {left: -10px;}
  /*
  */
  #page-index .sec_menu .menu+.center{width: 90%;margin: 0 auto;padding-top: 40px;}
  #page-index .sec_guide{font-size: 12px;padding: 0 15px;background: url(/assets/img/hanagyu/bg_guide_sp.jpg) no-repeat top center;}
  #page-index .sec_guide ul {padding-top: 20px;}

	#page-index .sec_guide p .small{font-size: 11px;}
	#page-shop .sec_shop p .small{font-size: 12px;}

  #page-index .sec_recruit ul li:first-child,
  #page-index .sec_recruit ul li:last-child{display: none;}
  
  #page-index .sec_recruit ul li.center{padding: 0 0 20px;}
  #page-index .sec_recruit ul li.center .img{font-size: 12px;background: url(/assets/img/bg_recruit.jpg) no-repeat 50% 0 / 100% auto;padding: 30px 0 40px;}
  #page-index .sec_recruit ul li.center .btn{width: 80%;margin: auto;}
  .sec_info .inner{padding: 30px 0 60px;}
  .sec_info .inner ul{margin: 20px 15px;}
  .sec_info .inner .center{width: 80%;margin: auto;}
  
/* ---------- sec_nav ---------- */
  .sec_nav{background: #e6e6e6;border: none;margin-bottom: -6px;position: relative;}
  .sec_nav li{
    width: 33.33%;
    background: linear-gradient(to bottom, #f1f1f1 0%, #dedede 100%);
  }
  .sec_nav li a{height: 45px;padding-bottom: 5px;}
  .sec_nav li:nth-child(3n) a{border-right: none;}
  .sec_nav li a img{height: 12px;width: auto;}
  .sec_nav li a:after{
    border-width: 7px 7px 0;
    margin-left: -7px;bottom: 5px;
  }
  .sec_menu .menu li .text h3:after{width: calc(100% + 10px);border-width: 1px;bottom: -12px;}
  
/* ---------- footer ---------- */
  .footer .logo{width: 70%;margin: auto;}
  .footer .logo img{width: auto;}
  .footer .inner{padding: 30px 20px 0;}
  .footer ul,
  .footer ul li{display: block;text-align: center !important;font-size: 13px;margin-bottom: 20px;}
  .footer ul li a{margin: auto;position: relative;}
  .footer ul li a:after{
    content:'';display: block;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #fff;
    position: absolute;right: -20px;top: 50%;margin-top: -5px;
  }
  .footer ul li img{height: 30px;width: auto;margin: auto;}
  .footer p.copyright{font-size: 10px;padding: 30px 0 10px;}
  .pagetop{width: 50px;}
  
  
/* ---------- sec_menu ---------- */
  .sec_menu>.inner{padding: 10px;}
  .page .sec_menu>.inner{padding: 30px 15px 40px;}
  .sec_menu h2 {text-align: center;}
  .sec_menu h2 img{height: 30px;width: auto;}
  .page .sec_menu h2 img{height: 22px;}
  .sec_menu h3.menu_title+p{font-size: 11px;}
  
  
  /* menu */
  .sec_menu .menu{margin-bottom: 40px;}
  .sec_menu .menu > li{padding-top: 1em;}
  
  .sec_menu .other li{overflow: hidden;}
  .sec_menu .other .menu_name{white-space: normal;display: inline-block;}
  .sec_menu .other .spPrice{white-space: normal;display: inline-block;float: right;}
  .sec_menu .other .notes{text-align: right;font-size: 11px;margin-top: 3px;}
  .sec_menu .other .notes span{width: 90%;text-align: left;padding-left: 1em;text-indent: -1em;display: inline-block;}
  
  .notes_bottom{font-size: 12px;}
  
  
/* ---------- page-recommend ---------- */
  .page .price{font-size: 13px;line-height: 1;}
  .page .price small{font-size: 10px;}
  .page .bg_menu{background: #3d1a00;padding: 10px;}
  
  .page .sec_menu .menu li .text h3 {margin-bottom: 10px;margin-right: -15px;margin-left: -15px;}
  .page .sec_menu .menu li.block_alacarte .text h3{
  	padding: 0 15px;
  }
  .page .sec_menu .menu li .text h3:after {width: 80%;}
  .page .sec_menu .menu li.ph_right .text h3:after{left: 15px;}
  .page .sec_menu .menu li.ph_left .text h3:after{left: auto;right: 10px;}
  
  .page .sec_menu .menu li .text h3 img{margin-top: 15px;}
  .page .sec_menu .menu li.ph_right .text h3 img{}
  .page .sec_menu .menu li.ph_left .text h3 img{}

  .page .sec_menu .menu li.block_set .text h3{margin-bottom: 5px;}
  .page .sec_menu .menu li.block_set .text h3:after{margin-bottom: -40px;}
  .page .sec_menu .menu li.block_set .text h3+p{font-size: 12px;}
  .page .sec_menu .menu li.block_set .text .price{padding-top: 20px;}
  
  .page .sec_menu .menu li.block_tongue,
  .page .sec_menu .menu li.block_alacarte,
  .page .sec_menu .menu li.block_wagyu,
  .page .sec_menu .menu li.block_tori_buta,
  .page .sec_menu .menu li.block_set,
  .page .sec_menu .menu li.block_meshi,
  .page .sec_menu .menu li.block_noodle{margin-top: 30px;}
  
  .page .sec_menu .menu li.block_tongue+li{margin-top: -70px;}
  .page .sec_menu .menu li.block_tongue+li .other li{text-align: right;padding-left: 50%;}
  .page .sec_menu .menu li.block_set+li .other {margin-top: -40px;padding-top: 35px;}
  .page .sec_menu .menu li.block_set+li .other li{position: relative;margin-bottom: 10px;}
  .page .sec_menu .menu li.block_set+li .other li .spPrice{position: absolute;right: 0;}
  
  .page .sec_menu .menu li.ph_left .text{text-align: right;}
  
  .page .sec_menu .menu li .image{width: 90%;position: relative;z-index: 2;margin-top: -40px;}
  .page .sec_menu .menu li.ph_right .image{margin-left: 25%;}
  .page .sec_menu .menu li.ph_left .image{margin-left: -28%;}
  .page .sec_menu .menu li.block_tongue .image{margin-top: -70px;}
  .page .sec_menu .menu li.block_wagyu .image{margin-top: -8%;}
  .page .sec_menu .menu li.block_tori_buta .image{margin-top: -51px;}
  .page .sec_menu .menu li.block_set .image{margin-top: -56px;}
  .page .sec_menu .menu li.block_meshi>.image{margin-top: -140px;margin-left: -27%;}
  .page .sec_menu .menu li.menu_lunch>.image{margin-top: -140px;margin-left: -27%;}
  
  
  .page .sec_menu .menu li .sub_box {margin-bottom: 10px;}
  .page .sec_menu .menu li .sub_box .text {text-align: left;}
  .page .sec_menu .menu li .sub_box .text h3{margin-left: 0;}
  .page .sec_menu .menu li .sub_box .text h3 img{width: 54%;}
  .page .sec_menu .menu li .sub_box .text h3:after{right: auto;left: 0;}
  .page .sec_menu .menu li.block_wagyu .sub_box .image{
  position: absolute;
    right: -25px;
    top: 20px;
    width: 50%;
  }
  .page .sec_menu .menu .other li .menu_name{/*width: 50%;*/}
  .page .sec_menu .menu li.block_meshi .sub_box {margin-top: 40px;}
  .page .sec_menu .menu li.block_meshi .sub_box .text h3{margin-bottom: 0;}
  .page .sec_menu .menu li.block_meshi .sub_box .text h3:after{bottom: -3px;}
  .page .sec_menu .menu li.block_meshi .sub_box .image{float: right;width: 55%;margin-top: -44px;}
  
	.page .sec_menu .menu .col3 li{ margin-bottom: 10px;}
  .page .sec_menu .menu .block_other .col3 li,
  .page .sec_menu .menu .block_other2 .col3 li{margin-top: 16px;}
  .page .sec_menu .menu .block_other2{margin-top: 40px;}
  
  .page .sec_menu .menu .other li {position: relative;margin-bottom:2px;/*width: 100%;*/}
  .page .sec_menu .menu .other li .spPrice.abs{position: absolute;right: 0;top: 0;}


  
  .page .sec_menu .menu .other li .menu_name {display: inline-block;padding-right: 3px;position: relative;  z-index: 1;}
  .page .sec_menu .menu .other li .menu_name br.spOnly{display: inline !important;}
  .page .sec_menu .menu .other li>.menu_name {/*background: #3d1900;*/ line-height: 1.4;}
  .page .sec_menu .menu .other li .menu_name small{display: block;font-size: 11px;}
  .page .sec_menu .menu.menu_drink .other li .menu_name small{display: inline-block;}
  .page .sec_menu .menu .bg_menu .box_option{background: #000;color: #fff;padding: 10px 5px 10px 10px;font-weight: bold;margin: 5px 0;}
  .page .sec_menu .menu .bg_menu .box_option li>.menu_name{background: #000;line-height: 1.2;}
  
  
  .sec_menu .flex3col li{margin-top: 20px;}
  .sec_menu .flex3col li h3,
  .sec_menu .flex3col li p,
  .sec_menu .flex3col li .price{padding: 10px;}
  .sec_menu .flex3col li h3{font-size: 16px;}
  .sec_menu .flex3col li p{font-size: 11px;}
  
  .page .sec_menu #sec04.title{margin-top: 40px;}
  .menu_drink .other{margin-top: 15px;}
  
  .page .sec_menu .menu.menu_drink .note{font-size: 10px;}
  .page .sec_menu .menu.menu_drink .note span{text-align: right;}
  
  .page .sec_menu .menu.menu_lunch {margin-bottom: 10px;}
  .page .sec_menu .menu.menu_lunch h3:after{display: none;}
  .page .sec_menu .menu.menu_lunch li.ph_left{position: relative;padding-top: 10px;}
  .page .sec_menu .menu.menu_lunch li.ph_left .image{width: 100%;position: absolute;top:130px;margin-left: -17%;}
  .page .sec_menu .menu.menu_lunch li.ph_left .price{border-top: 1px solid #b89b25;margin-top: 180px;}
  .page .sec_menu .menu.menu_lunch li.ph_left .note{font-size: 11px;}
  
/* ---------- sec_shop ---------- */
  .sec_shop>.inner{padding: 30px 15px;}
  .sec_shop .title{padding: 0 0 5px;}
  .sec_shop h2 img{height: 24px;width: auto;vertical-align: bottom;}
  .inner_shop{margin: 10px auto 60px;}
  .inner_shop .map {height: 160px;}
  .inner_shop .map iframe{width: 100%;height: 160px;margin-top: 0;}
  .inner_shop .box {margin-top: 15px;}
  .inner_shop .box .image{float: left;width: 40%;margin-bottom: 10px;}
  .inner_shop .box .text{display: inline;}
  .inner_shop .box .text_openTime,
  .inner_shop .box .text_address{float: right;width: 55%;font-size: .9em;}
  .inner_shop .box .text_address{margin: 8px 0 10px;padding-left: 3em;text-indent: -3em;font-size: .8em;}
  .inner_shop .box .text_tel{
    font-size:15px;clear: both;
    
    width: 70%;margin:0 auto;text-align: center;
    position: relative;
    border: 1px solid #c0000a;border-radius: 5px;
    padding-left: 5px;
    background: #fff url(/assets/img/shop/icon_tel.png) no-repeat 14px 50% / 18px auto;
    display: block;height: 40px;line-height: 38px;color: #000;
    box-shadow: 0 2px 0 rgba(0,0,0,0.2);
  }
  .inner_shop .box .text_tel:after{
    content:'';display: block;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #c0000a;
    position: absolute;right: 8px;top: 50%;margin-top: -5px;
  }
  .inner_shop .box .text_tel a{color: #000;}

}

/* ---------- shopInfo PC ---------- */
.shopInfo_sec{
	display:flex;
	margin-bottom:9px;
}
.shopInfo_sec:nth-child(2n+1) {
	flex-direction: row-reverse;
}
.shopInfo_title ,.shopInfo_subtitle{
	justify-content: center;
	align-items: center;
}
.shopInfo_title{
	background: url(/assets/img/hanagyu/shop/shopInfo_title-bg_pc.png) top center no-repeat;
	height:403px;
}
.shopInfo_subtitle{
	background: url(/assets/img/hanagyu/shop/shopInfo_subtitle-bg_pc.png) top center no-repeat;
	height:265px;
	margin: 45px 0 35px;
}


.shopInfo_sec:nth-child(2n) .shopInfo_text{
	margin-left:1.4em;
}
.shopInfo_sec:nth-child(2n+1) .shopInfo_text{
	text-align:right;
	margin-right:1em;
}

.shopInfo_text dt{
	margin-bottom: 22px;
}
.shopInfo_text dd:first-of-type{
	font-weight:bold;
	line-height: 1.7;
	margin-bottom: 10px;
}
.shopInfo_text dd:last-of-type{
	font-size:0.88em;
	line-height: 1.7;
}
.shopInfo_sec01 .shopInfo_text{
	padding-top:78px;
}
.shopInfo_sec02 .shopInfo_text{
	padding-top:78px;
}
.shopInfo_sec03 .shopInfo_text{
	padding-top:90px;
}
.shopInfo_sec04 .shopInfo_text{
	padding-top:66px;
}
.shopInfo_sec05 .shopInfo_text{
	padding-top:49px;
}
#page-shop .sec_shop .title {
    padding: 15px 0 0;
}

/* ---------- shopInfo SP ---------- */

@media screen and (max-width: 767px) {
  .page .price small.spblock{
  /*
  	display: block;
	*/
  }
  .page .spPrice.t_right{
  	text-align: right;
  }

.shopInfo_sec{
	display:block;
	margin-bottom: 1.3em;
}
.shopInfo_sec:nth-child(2n) .shopInfo_text{
	margin-left:0;
}
.shopInfo_sec:nth-child(2n+1) .shopInfo_text{
	text-align:left;
	margin-right:0;
}
.shopInfo_title{
	background: url(/assets/img/hanagyu/shop/shopInfo_title-bg_sp.png) top center no-repeat;
	height:50vw;
	background-size:100%;
}
.shopInfo_subtitle{
	background: url(/assets/img/hanagyu/shop/shopInfo_subtitle-bg_sp.png) top center no-repeat;
	height:35vw;
	background-size:100%;
	margin: 0 0 4vh;
	}

.shopInfo_text dt{
	margin-bottom: 0.5em;
}
.shopInfo_text dd:first-of-type{
	line-height: 1.4;
	margin-bottom: 0.4em;
}
.shopInfo_text dd:last-of-type{
	line-height: 1.4;
}
.shopInfo_sec01 .shopInfo_text,
.shopInfo_sec02 .shopInfo_text,
.shopInfo_sec03 .shopInfo_text,
.shopInfo_sec04 .shopInfo_text,
.shopInfo_sec05 .shopInfo_text{
	padding-top:1em;
}

.shopInfo_sec01 dt{
	width:17vw;
}
.shopInfo_sec02 dt{
	width:43vw;
}
.shopInfo_sec03 dt{
	width:25vw;
}
.shopInfo_sec04 dt{
	width:64vw;
}
.shopInfo_sec05 dt{
	width:57vw;
}
.shopInfo_title ,.shopInfo_subtitle{
	display:flex;
}
.shopInfo_title img{
	width:35vw;
}
.shopInfo_subtitle img{
	width:55vw;
}

#page-shop .wrap_con {
    padding: 15px 15px;
}

}