@charset "utf-8";
/*------------------------------------------------
sp
--------------------------------------------------*/
.sp{
	display:none;
}
#spMenu{
	display: none;
}

@media screen and (max-width: 1039px){
br.pc{display: none;}
.container1040,
.container1240{
	width:100%;
	margin:0;
	overflow:hidden;
	padding:0 30px;
}
.title01 {
    width: 250px;
    border-bottom: 1px solid #E7F2F1;
    right: auto;
    margin-left: 0;
	top:0 !important;
	padding-left: 30px;
	z-index:9;
}
.lead_text{
	width: 100%;
	padding:0 30px;
}
.lead_text h2{
	font-size: 200%;
}
.about_box{
	background:none;
}
.about_pic01 {
    width: 100vw;
    position: absolute;
    top: 0;
    left: 10vw;
    margin-left: 0;
	z-index:5;
}
.about_box h2{
	padding-top:45vw;
	margin-bottom: -30px;
}
.about_text01{
	background:url(../images/sp_bg01.png) repeat center top;
	background-size:103%;
	padding-top: 80px;
	padding-bottom: 30px;
}
.about_gallery_wrapper{
	background:url(../images/sp_bg01.png) repeat center top;
	background-size:103%;
	padding:30px 40px 30px 30px;
}
.about_gallery li {
    width: 33%;
}
.about_kodawari{
	background:none;
}
.about_kodawari{
	padding-top: 45vw;
}
.about_kodawari h3 {
	position:relative;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    top: auto;
    left: auto;
    margin-left: 0;
	width: 270px;
	text-align:center;
	margin:0 10vw 16px auto;
	z-index:999;
	margin-bottom: -16px;
}
.about_kodawari_pic01 {
    position: absolute;
    width: 50vw;
    top: 0;
    right: auto;
	left:10vw;
    margin-right: 0;
	z-index:99;
}
.about_kodawari_text{
	background:url(../images/sp_bg02.png) repeat center top;
	background-size:100%;
	padding:60px;
}
.about_kodawari_text h4{
	line-height: 1.8;
	margin-bottom: 30px;
}

.oitawagyu{
	width: 93%;
	margin:30px auto;
	padding:15px;
}
.oitawagyu_text{
	width:calc( 100% - 210px );
	padding-bottom: 10px;
}
.oitawagyu_text h3{
	margin:20px 0;
}

.menu_p01{
	padding:20px 30px;
}
.menu_p01 br{
	display: none;
}
.menu_p02{
	padding:20px 30px;
}
.shopinfo_map{
	width:calc(100% - 470px);
	overflow:hidden;
}
.shopinfo_tel{
	width: 93%;
	margin:30px auto;
	padding:15px;
}
.shopinfo_tel_inner{
	background-size:cover;
}
#tatenpo{
	padding:30px 0 50px;
}
}


@media screen and (max-width: 768px) {
.pc{display: none;}
.sp{ display: block;}
html {
    overflow: auto;
    height: 100%;
}
body{
	font-size:16px;
	-webkit-text-size-adjust: 100%;
	padding-top:0 !important;
}
body.scrollnone{
	overflow:hidden !important;
	height:100% !important;
}
img{ width: 100%;}
.container1040,
.container1240{
	padding:0 5%;
}
.left,
.right{ float:none;}
.absolute{
	top:0 !important;
	right:0 !important;
	bottom:0 !important;
	left:0 !important;
	margin:0;
	position:relative;
	transform:translate(0,0) !important;
}
.anchor{
	margin-top:-15vw !important;
	padding-top:15vw !important;
}

/*------------------------------------------------
layout
--------------------------------------------------*/
.swiper-button-next{
	right:0 !important;
	left:auto !important;
	background:url(../images/slider_next.png) no-repeat center top;
	background-size:100%;
	width: 10vw;
	height: 10vw;
}
.swiper-button-prev{
	left:0 !important;
	right:auto !important;
	background:url(../images/slider_prev.png) no-repeat center top;
	background-size:100%;
	width: 10vw;
	height: 10vw;
}

/*------------------------------------------------
font
--------------------------------------------------*/
.fz16{
	font-size: 13px;
}
.fz24,
.fz34{
	font-size: 20px;
}
.fz48{
	font-size: 25px;
}

/*------------------------------------------------
title
--------------------------------------------------*/
.title01 {
    width: 165px;
    border-bottom: 1px solid #E7F2F1;
    right: auto;
    margin-left: 0;
	top:0 !important;
	padding-left: 5vw;
	z-index:9;
}
.title01 span{
	font-size: 40px;
}
.title03 span{
	font-size: 43px;
}
.title03:after{
	width: 113px;
}

/*------------------------------------------------
link
--------------------------------------------------*/
.btn01{
	width:90vw;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
}
.btn01:after{
	width: 1em;
	background-repeat:no-repeat;
	background-position:center top;
}

/*------------------------------------------------
header
--------------------------------------------------*/
#header{}
#header:after{
	background:#111111;
	height: 15vw;
}
.headerLogo{
	width: 15vw;
	height: 15vw;
	left:5vw;
	top:0;
	margin-left: 0;
	z-index:99;
}
.headerLogo a{
	width: 15vw;
	height: 15vw;
	background-position:center center;
}
#mainMenu{
	width: 100%;
	background-color:#111111;
	padding-top: 90px;
	display: none;
}
#mainMenu ul li{
	width: 100%;
	margin:0 !important;
	padding-bottom: 35px;
}
#mainMenu ul li a{
	width: 100%;
}
#subMenu{
	top:0;
	right:0;
	padding:2.5vw;
	height: 15vw;
}
.subMenu_tel{
	width: 10vw;
	height: 10vw;
	margin-left: 4vw;
}
.subMenu_tel a{
	width: 10vw;
	height: 10vw;
	border:1px solid #FFFFFF;
	text-indent: -9999px;
	background:url(../images/sp_subMenu_tel.png) no-repeat center center;
	background-size:60%;
	padding:0;
}
.spMenu_open{
	width: 10vw;
	height: 10vw;
	border:1px solid #FFFFFF;
	text-indent: -9999px;
	background:url(../images/spMenu_open.png) no-repeat center center;
	background-size:60%;
	margin-left: 4vw;
}
.spMenu_close{
	background-image:url(../images/spMenu_close.png);
}
.lead_text {
    width: 100%;
    padding-top: 15vw;
}
.lead_text h2 {
    background-size: 58vw;
    text-align: center;
	line-height: 1.5;
	font-size: 25px;
	padding-top: 45vw;
	padding-bottom: 20px;
}

.lead_text p{
	font-size: 18px;
	line-height: 1.5;
}
.lead_scroll {
	right:10px;
}
.lead_scroll a{
	width: 10px;
	height: 110px;
}
.about_box{
	background:none;
}
.topSlider .swiper-slide img{
	width:100%;
	-o-object-fit: cover;
	object-fit: cover;
}


/*------------------------------------------------
footer
--------------------------------------------------*/
.totop {
    right: 10px;
    bottom: 10px;
}
.totop a{
	width: 10px;
	height: 116px;
}

/*------------------------------------------------
about
--------------------------------------------------*/
#sect_about{
	padding:5vw 0;
}
.about_box h2.title01{
	width: 95%;
}
.about_box h2.title01 span{
	width: 100%;
}
.about_pic01 {
    width: 100vw;
    position: absolute;
    top: 0;
    left: 15vw;
    margin-left: 0;
	z-index:5;
}
.about_box h2{
	padding-top:40vw;
	margin-bottom: -20px;
}
.about_text01{
	background:url(../images/sp_bg01.png) repeat center top;
	background-size:100%;
	padding-top: 80px;
}
.sp_about_gallery{
	background:url(../images/sp_bg01.png) repeat center top;
	background-size:100%;
	padding:5vw 0;
}
#sp_about_gallerySlider{
	padding:5vw 0 ;
}
#sp_about_gallerySlider ul li{
	width: 80vw;
	margin:0 1.5vw 5vw;
}
#sp_about_gallerySlider .swiper-pagination-bullet{
	width: 8%;
}
#sp_about_gallerySlider li p{
	position:absolute;
	font-size: 85%;
	background-color:#111111;
	left:5px;
	padding:2px 5px;
	bottom:5px;
	line-height: 1;
}
.about_p01{
	width: 100%;
	background:url(../images/sp_about_p01.png) no-repeat center top;
	background-size:100% 100%;
	margin:5vw 0;
	height: auto;
	padding:6vw 10vw;
}
.about_kodawari{
	background:none;
}
.about_kodawari{
	padding-top: 45vw;
}
.about_kodawari h3 {
	position:relative;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    top: auto;
    left: auto;
    margin-left: 0;
	width: 230px;
	text-align:center;
	margin:0 10vw 16px auto;
	z-index:999;
	margin-bottom: -16px;
}
.about_kodawari_pic01 {
    position: absolute;
    width: 56vw;
    top: 0;
    right: auto;
	left:10vw;
    margin-right: 0;
	z-index:99;
}
.about_kodawari_text{
	background:url(../images/sp_bg02.png) repeat center top;
	background-size:100%;
	padding:13vw 5vw 5vw 10vw;
}
.about_kodawari_text h4{
	line-height: 1.8;
	margin-bottom: 5vw;
}
.oitawagyu{
	width:93vw;
	margin:5vw auto;
	padding:2vw;
}
.oitawagyu_inner{
	padding:5vw;
}
.oitawagyu_image{
	margin:0 auto;
	padding:0;
}


/*------------------------------------------------
menu
--------------------------------------------------*/
.menu_bg01{
	background:url(../images/sp_menu_bg01.jpg) no-repeat center top;
	background-size:cover;
	padding:10vw 0;
}
.menu_p01{
	padding:5vw;
}
#menuLunch{
	background:none;
}
#menuLunch h3{
	font-size: 43px;
	padding:0 5vw;
	margin-bottom: -0.5em;
	z-index:99;
}
#menuLunchSlider{
	background:url(../images/sp_menuLunchSlider.png) no-repeat center top;
	background-size:100%;
	padding:10vw;
}
.menuSlider li{
	width: 80vw !important;
	margin:0 1.5vw 0;
}
#menuLunchSlider .swiper-pagination-bullet{
	width: 7%;
}
.menuSlider_text{
	height:200px;
}
.menu_p02{
	line-height: 1.8;
	text-align:left;
	padding:5vw;
	font-size: 12px;
}

.menu_bg02{
	background:url(../images/sp_menu_bg02.jpg) no-repeat center top;
	background-size:cover;
	padding:10vw 0;
}
#menuDinner{
	background:none;
}
#menuDinner h3{
	font-size: 43px;
	padding:0 5vw;
	margin-bottom: -0.5em;
	z-index:99;
}
#menuDinnerSlider{
	background:url(../images/sp_menuDinnerSlider.png) no-repeat center top;
	background-size:100%;
	padding:10vw 0;
	margin-bottom: 5vw;
}
#menuDinnerSlider .swiper-pagination-bullet{
	width: 7%;
}
/*------------------------------------------------
shopinfo
--------------------------------------------------*/
#sect_shopinfo{
	background:url(../images/sp_shopinfo_bg.jpg) no-repeat center top;
	background-size:cover;
	padding:10px 0;
}
.shopinfo_box {
	padding:0;
	background:#111111;
	width: 93vw;
	margin:5vw auto;
}
.shopinfo_box .container1040{
	padding:0;
}
.shopinfo_address{
	width: 100%;
	padding:5vw;
}
.shopinfo_map{
	width: 100%;
	height: 93vw;
}
#gmap{
	width: 100%;
	height: 93vw;
}
.shopinfo_tel{
	width: 93vw;
	margin:5vw auto;
	padding:2vw;
}
.shopinfo_tel_inner {
    background:#FFFFFF url(../images/sp_shopinfo_tel.jpg) no-repeat center top;
	background-size:100%;
    height: auto;
    padding-right: 0;
    padding-top: 25vw;
	padding-bottom: 10px;
}
.shopinfo_tel_link{
	margin-top: 10px;
}
.shopinfo_tel_link a{
	font-size: 28px;
}
.shopinfo_tel_link a:before{
	width: 1em;
	vertical-align:sub;
}
#tatenpo{
	padding:10vw;
}
.tatenpo_banner{
	width: 100%;
	background-size:100%;
	margin-top: 20px;
	height:40vw;
}
.tatenpo_banner2{
	width: 100%;
	background-size:100%;
	margin-top: 20px;
	height:40vw;
}
.tabelog_banner{
	width: 100%;
	background-size:100%;
	margin-top: 20px;
}
}


@media screen and (max-width: 420px) {
.about_text01{
	padding-top: 50px;
}
.about_p01{
	width: 100%;
	background:url(../images/sp_about_p01.png) no-repeat center top;
	background-size:100% 100%;
	margin:5vw 0;
	height: auto;
	padding:5vw 9vw;
}
.about_kodawari h3{
	width: 95%;
	margin-right: 0;
	font-size: 80%;
}
.about_kodawari_text p span{
	text-align:right;
	padding-top: 1em;
	background-position:right bottom;
	padding-bottom: 140px;
	background-size:200px;
}

.oitawagyu_text{
	width: 100%;
}
.menuSlider_text{
	height:250px;
}
.lead_text{
	padding-top: 0;
}
.lead_text h2{
	line-height: 1.3;
	font-size: 22px;
}
.lead_text h2 br{
	display: none;
}
.lead_text p{
	font-size: 16px;
	font-weight:400;
}
.shopinfo_tel_inner p{
	font-size: 18px;
}

}