@charset "utf-8";
    @media (max-width:1200px){
    .pc_v{
	}
	.sp_v{
	   display:block;
	}
	section #blog.sp_v{
	   display:none;
	}
	/*---------------------------------
	
	 スマホメニュートリガー 共通
	 
	---------------------------------*/
	.menu-trigger, 
	.menu-trigger span{
	   display:inline-block;
	   transition:all .4s;
	   box-sizing:border-box;
	}
	.menu-trigger{
	   position:fixed;
	   width:30px;
	   height:22px;
	   top:18px;
	   right:10px;
	   z-index:100;
	   cursor:pointer;
	}
	.menu-trigger.white span{
	   position:absolute;
	   left:0;
	   width:100%;
	   height:4px;
	   background-color:white;
	   border-radius:4px;
	}
	.menu-trigger.black span{
	   position:absolute;
	   left:0;
	   width:100%;
	   height:4px;
	   background-color:black;
	   border-radius:4px;
	}
	.menu-trigger span:nth-of-type(1){
	   top:0;
	}
	.menu-trigger span:nth-of-type(2){
	   top:9px;
	}
	.menu-trigger span:nth-of-type(3){
	   bottom:0;
	}
	/*---------------------------------
	
	 スマホメニュートリガー エフェクト
	 
	---------------------------------*/
	.menu-trigger.active span:nth-of-type(1){
	   -webkit-transform:translateY(9px) rotate(-45deg);
	   transform:translateY(9px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2){
	   opacity:0;
	}
	.menu-trigger.active span:nth-of-type(3){
	   -webkit-transform:translateY(-9px) rotate(45deg);
	   transform:translateY(-9px) rotate(45deg);
	}
	/*---------------------------------
	
	 全体
	 
	---------------------------------*/
	section{
	   width:100%;
	   padding:30px 0;
	   box-sizing:border-box;
	}
	a{
	   text-decoration:none;
	   outline:none;
	   /* color:#000;
	   */
	}
	img{
	   vertical-align:top;
	}
	.fl_wrap{
	   clear:both;
	   overflow:hidden;
	}
	.fl_left{
	   float:left;
	}
	.fl_right{
	   float:right;
	}
	.btn_1{
	}
	.btn_2{
	}
	h2{
	   font-size:20px;
	   /*font-family:'Libre Baskerville', 
	serif;
	   */
		text-align:center;
	   margin-bottom:50px;
	   letter-spacing:0.1em;
	}
	/*---------------------------------
	
	 width
	 
	---------------------------------*/
	#menu-wrap, 
	
	#breadcrumb, 
	.about-in, 
	.information-in, 
	.blog-in, 
	.btn-wrap, 
	#shopinfo, 
	.w1000, 
	.w900, 
	#shokuzai, 
	#floormap, 
	#insta, 
	#gallery, 
	.banner{
	   width:95%;
	}
	/*---------------------------------
	
	 追従エリア
	 
	---------------------------------*/
	#sp_bottom{
	   position:fixed;
	   bottom:0;
	   left:0;
	   width:100%;
	   clear:both;
	   overflow:hidden;
	   z-index:999;
	}
	.yoyaku{
	   width:80%;
	   background:#000;
	   padding:0;
	   text-align:center;
	   box-sizing:border-box;
	   vertical-align:middle;
	}
	.yoyaku p{
	   display:block;
	   width:100%;
	   line-height:39px;
	   text-align:center;
	   background:#ff9a00;
	   margin-top:0;
	   margin-bottom:0;
	}
	.yoyaku p a{
	   color:#000;
	   font-size:16px;
	}
	.sp_totop{
	   width:20%;
	   background:#000;
	   display:table-cell;
	   padding:5px 0;
	   text-align:center;
	   box-sizing:border-box;
	   line-height:120%;
	   vertical-align:middle;
	}
	.yoyaku a{
	   color:#fff;
	}
	.sp_totop a{
	   color:#fff;
	}
	/*---------------------------------
	
	 ヘッダー
	 
	---------------------------------*/
	#nav-wrap2{
	   width:100%;
	   padding-bottom:15px;
	   height:45px;
	}
	#nav-wrap2 .black li a {
		color: white!important;
	}
	#nav-wrap a.black.active span {
		background: white!important;
	}
	.page #nav-wrap2{
	}
	#nav-wrap{
	   margin:0 auto;
	   position:static;
	   margin-left:0;
	   z-index:99;
	}
	#nav{
	   display:none;
	   width:100%;
	   position:fixed;
	   top:0;
	   left:0;
	   z-index:90;
	   color:#000;
	   background:rgba(0, 0, 0, 0.8);
	   box-sizing:border-box;
	   text-align:left;
	   float:none;
	}
	#nav li{
	   display:block;
	   width:100%;
	   padding:7px;
	   margin:0 auto;
	   box-sizing:border-box;
	   font-size:18px;
	   border-bottom:1px dotted #999;
	   text-align:left;
	}
	#nav > ul{
	   text-align:left;
	   width: 100%;
	}
	#nav li:last-child{
	   border-bottom:none;
	}
	#nav li a{
	   display:block;
	   padding:2px 15px;
	   color:#000;
	}
	#nav li .sub-nav{
	   opacity:1;
	   position:relative;
	   display:block;
	   left:auto;
	   top:auto;
	   width:auto;
	   margin-left:15px;
	   text-align:left;
	   border-top:1px dashed #999;
	}
	#nav li .sub-nav li{
	   display:block;
	   padding:0;
	   border-bottom:1px dashed #999;
	}
	#nav li .sub-nav li:last-child{
	   border-bottom:none;
	}
	#nav li .sub-nav a{
	   width:auto;
	   padding:8px 15px 8px 15px;
	   color:#000;
	   background:#fff;
	}
	#nav a span.jp{
	   position:static;
	   display:inline-block;
	   width:auto;
	   opacity:1;
	   margin-left:20px;
	   color:#ccc;
	   font-size:13px;
	}
	#nav a:hover span.jp{
	}
	.tel{
	   display:none;
	   /* position:relative;
	   z-index:80;
	   float:right;
	   margin:10px 30px 0 20px;
	   font-size:19px;
	   color:#fff;
	   font-family:"ヒラギノ明朝 Pro W3", 
	"Hiragino Mincho Pro", 
	"ＭＳ Ｐ明朝", 
	"MS PMincho", 
	serif;
	   */
	}
	.tel_sp a{
	   color:#000;
	   font-size:24px;
	   text-align:right;
	   display:block;
	   line-height:30px;
	   position:absolute;
	   top:15px;
	   right:50px;
	}
	.tel_sp a i.fa{
	   padding-right:12px;
	}
	.nav-logo {
		display: none;
	}
	/*---------------------------------
	
	 フッター
	 
	---------------------------------*/
	#reservearea .container{
	   width:700px;
	}
	#reservearea .container .left,#reservearea .container .right{
	   width:180px;
	}
	#reservearea .container .middle{
	   width:340px;
	}
	#access{
	   background:url("../../../../../index.html");
	   background-position:center;
	   background-repeat:no-repeat;
	   background-size:cover;
	   background-attachment:scroll;
	   -webkit-backface-visibility:hidden;
	   backface-visibility:hidden;
	   overflow:hidden;
	}
	#map{
	   height:350px;
	   width:100%;
	   margin-top:30px;
	}
	.ggmap iframe,
	.ggmapr object,
	.ggmap embed {
		width: 100%;
		height: 100%;
	}
	#shopinfo{
	}
	#shopinfo p{
	   font-size:15px;
	}
	#shopinfo>.fl_wrap>img.fl_left{
	   width:40%;
	   height:auto;
	}
	#shopinfo>.fl_wrap>div.fl_right{
	   float:left;
	   margin-left:30px;
	   width:380px;
	}
	#shopinfo .links{
	   margin-bottom:10px;
	   padding-bottom:5px;
	}
	#shopinfo .links li{
	   width:50px;
	   padding:0 2px 2px;
	}
	#shopinfo .links img{
	   width:auto;
	   height:50px;
	}
	#footer{
	   background:url("../img/bg_footer.png");
	   background-repeat:repeat-x;
	   background-position:center;
	   box-sizing:border-box;
	   position:relative;
	}
	#footer-info{
	   padding:30px 0 100px;
	}
	#footer-menu{
	   /*display:none;
	   */
	}
	#footer-menu a{
	}
	.spbtn{
	   display:-webkit-box;
	   display:-ms-flexbox;
	   display:flex;
	   -webkit-box-pack:center;
	   -ms-flex-pack:center;
	   justify-content:center;
	   position:fixed;
	   width:100%;
	   bottom:0px;
	   background:rgb(255,255,255);
	   border-top:solid #ccc 1px;
	   box-sizing:border-box;
	   z-index:9999;
	}
	.spbtn div{
	   text-align:center;
	   font-size:15px;
	   width:50%;
	   box-sizing:border-box;
	}
	.spbtn div a{
	   display:block;
	   padding:15px 25px;
	}
	.spbtn div{
	   border-right:solid #ccc 1px;
	}
	.spbtn div:last-child{
	   border-right:none;
	}
	.spbtn .fa-calendar,.spbtn .fa-map{
	   color:green;
	   margin-right:3px;
	}
	.spbtn .fa-phone{
	   color:orange;
	   margin-right:3px;
	}
	.spbtn .fa-chevron-circle-up{
	   color:white;
	   margin-right:3px;
	}
	#copy{
	   font-size:13px;
	   margin:0 auto;
	   text-align:center;
	   padding:10px 0;
	   border-top:1px solid #fff;
	}
	#totop{
	   width:55px;
	   height:63px;
	   position:fixed;
	   right:37px;
	   bottom:40px;
	   z-index:999;
	   display:none;
	}
	#totop img{
	   width:100%;
	   height:auto;
	}
	/*---------------------------------
	
	 メインビジュアル
	 
	---------------------------------*/
	.mainv_bg{
	    height: 0;
	    padding-top: calc(100%*1000/2000);/* (画像の高さ / 画像の横幅) × 100 */
	    margin-top: 50px;
	}
	.slide2{
	    margin-top:60px;
	}
	.mainv_logo_wrap{
	   display:none;
	   text-align:center;
	   position:absolute;
	   /* ←ここを変更 */
	top:50%;
	   left:50%;
	   -moz-transform:translate(-50%, 
	-50%);
	   -webkit-transform:translate(-50%, 
	-50%);
	   transform:translate(-50%, 
	-50%);
	   z-index:25;
	}
	.mainv_logo_wrap h1{
	}
	.mainv_logo_wrap h1 img{
	   display:block;
	   width:100%;
	   height:auto;
	}
	.mainv_logo_wrap h1 .logo{
	   display:block;
	   width:204px;
	   height:auto;
	   margin:0 auto 45px;
	}
	.mainv_logo_wrap h1 .lead{
	   display:block;
	   width:304px;
	   height:auto;
	   margin:0 auto 45px;
	}
	.page #mainv{
	}
	/*---------------------------------
	
	 ページ
	 
	---------------------------------*/
	.top{
	}
	#about{
	}
	.about-in{
	}
	.about-in>.fl_wrap{
	}
	.about-img1{
	}
	.about-img2{
	}
	.about-img3{
	}
	.about-in>.fl_wrap>div{
	   width:31%;
	   height:200px;
	   box-sizing:border-box;
	   padding:15px;
	   margin-left:3.5%;
	}
	.about-in>.fl_wrap>div:first-child{
	   margin-left:0;
	}
	.about-in>.fl_wrap>div p{
	}
	#information{
	   background:url("../img/bg_info.png");
	   background-position:center;
	   background-repeat:no-repeat;
	   background-size:cover;
	   background-attachment:scroll;
	   -webkit-backface-visibility:hidden;
	   backface-visibility:hidden;
	   overflow:hidden;
	}
	.information-in{
	}
	.list_wrap{
	}
	.list{
	}
	.list:last-child{
	}
	.info-date{
	}
	.readmore{
	}
	#top-btn{
	}
	.btn-wrap{
	   padding:0px;
	}
	#top-btn .sp_v{
	   display:none;
	}
	.btn-list{
	   width:48%;
	   height:200px;
	   margin-left:4%;
	   margin-bottom:20px;
	}
	.btn-list:first-child{
	   margin-left:4%;
	}
	.btn-list:nth-child(2n-1){
	   margin-left:0;
	}
	.btn-list p{
	   padding:10px;
	   margin-bottom:0px;
	   line-height:120%;
	   letter-spacing:0;
	}
	.btn-list img{
	}
	.btn-list:hover img{
	}
	.page h2{
	   margin-bottom:30px;
	}
	.btn-list:nth-child(2n){
	   margin-left:29px;
	}
	.btn-list .desc{
	   width:50%;
	}
	.btn-list h4{
	   padding:10px 10px 0 10px;
	}
	#top-btn .btn_infomore{
	   margin-top:0px;
	}
	#course_menu{
	}
	.course_list{
	   margin-bottom:50px;
	}
	.course_list>.fl_left{
	   width:40%;
	}
	.course_list>.fl_right{
	   width:55%;
	}
	.nomiho_menu .fl_left{
	   margin-right:10%;
	   width:45%;
	}
	.nomiho_menu .fl_left:nth-child(2n){
	   margin-right:0;
	}
	.alc_lead{
	   width:49%;
	   height:273px;
	   box-sizing:border-box;
	   border:1px solid #000;
	   position:relative;
	   float:left;
	   margin-right:2%;
	   margin-bottom:2%;
	}
	.alc_lead_in{
	}
	.alc_lead_in h3{
	}
	.alc_lead_in p{
	}
	.alc_lead_in p:last-child{
	}
	.alc_list{
	   width:49%;
	   height:273px;
	   margin-right:2%;
	   margin-bottom:2%;
	}
	.alc_list:nth-child(4n){
	   margin-right:2%;
	}
	.alc_list:nth-child(2n){
	   margin-right:0;
	}
	.alc_list p{
	}
	#ryori>.fl_wrap>.fl_left{
	   margin-top:20px;
	   margin-right:0;
	   width:100%;
	}
	#ryori>.fl_wrap>.fl_left:nth-child(2n){
	}
	#ryori h4{
	   font-size:15px;
	   color:#930a15;
	   margin-bottom:20px;
	}
	#ryori table{
	   width:100%;
	}
	#ryori table tr td{
	   padding-bottom:20px;
	   width:65%;
	}
	#ryori table tr td:last-child{
	   text-align:right;
	   width:35%;
	}
	#nihonshu>.fl_left{
	   margin-right:0;
	   width:100%;
	}
	#nihonshu>.fl_left:nth-child(2n){
	   margin-right:0;
	}
	#nihonshu table{
	   width:100%;
	}
	#nihonshu table tr td{
	   width:65%;
	   padding-bottom:20px;
	}
	#nihonshu table tr td:last-child{
	   width:35%;
	   text-align:right;
	}
	.drink_list{
	   margin-top:50px;
	}
	.drink_list h4{
	   margin-bottom:20px;
	}
	.drink_list table{
	   width:100%;
	}
	.drink_list table tr td{
	   padding-bottom:20px;
	}
	.drink_list table tr td:last-child, 
	.drink_list table tr td:nth-child(2){
	   text-align:right;
	}
	.drink_list table tr td:first-child, 
	.drink_list table tr td:nth-child(3){
	   width:31.2%;
	}
	.drink_list table tr td:nth-child(2){
	   width:20.8%;
	   padding-right:40px;
	}
	.drink_list table tr td:last-child{
	   width:16.8%;
	}
	#floormap{
	}
	.map_floor_base{
	   width:auto;
	   height:auto;
	   max-width:100%;
	}
	.banner img{
	   width:90%;
	}
	.banner{
	   margin:50px auto;
	}
	.blog-in li{
	   width:24%;
	   margin-right:0.8%;
	}
	.splogo{
		height: 50px;
	    padding-left: 10px;
	    display: table-cell;
	    vertical-align: middle;
	    padding-top: 5px;
	}
	.splogo img{
	   height:100%;
	   width:auto;
	   display:inline;
	   vertical-align:middle;
	}
	.splogo span{
	   font-size:1rem;
	   font-weight:600;
	   display:inline-block;
	   vertical-align:middle;
	   margin:0 0 0 10px;
	}
	.logo_pc {
		display: none
	}


/* 	フッターナビ */
	#footer .spbtn2 {
	 	display:-webkit-box;
	  	display:-ms-flexbox;
	  	display:flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: space-around;
		position: fixed;
		width: 100%;
		bottom: 0px;
		background:rgba(248, 248, 248, 0.98);
		box-sizing: border-box;
		align-items: flex-start;
		padding-top: 5px;
		z-index: 9999;
	}
	#footer .spbtn2 .spbtn_3 {
		text-align: center;
		display: block;
		font-size:12px;
		width: calc(100% / 3);
		padding: 5px;
		border-right: 1px solid #ccc;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	#footer .spbtn2 .spbtn_4 {
		text-align: center;
		display: block;
		font-size:12px;
		width: calc(100% / 4);
		padding: 5px;
		border-right: 1px solid #ccc;
		margin-top: 5px;
		margin-bottom: 5px;
		color: black;
	}
	#footer .spbtn2 div:last-child {
		border-right: 0;
	}
	#footer .spbtn2 img{
		max-width: 30px;
	}
}