@charset "utf-8";
@media (max-width:767px){
    .pc_v{
	   display:none;
	}
	.sp_v{
	   display:inherit !important;
	}
	section #blog.sp_v{
	   display:block;
	}
	/*---------------------------------
	
	 全体
	 
	---------------------------------*/
	section{
	   padding:30px 0;
	}
	a{
	}
	img{
		max-width: 100%;
		height: auto;
	}
	.fl_wrap{
	}
	.fl_left{
	}
	.fl_right{
	}
	.btn_1{
	}
	.btn_2{
	}
	h2{
	   margin-bottom:30px;
	}
	#menu-wrap, .about-in, .information-in, .btn-wrap, #map, #shopinfo, #floormap, #gallery{
	}
	/*---------------------------------
	
	 追従エリア
	 
	---------------------------------*/
	#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:46px;
	   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 #sns{
	   background:#fff;
	   position:static;
	   text-align:center;
	   padding:10px 0;
	}
	#nav #sns a{
	   display:inline-block;
	   width:auto;
	   margin:0 5px;
	   padding:0;
	   border:0;
	}
	#nav #sns a img{
	   width:auto;
	   height:auto;
	}
	/*---------------------------------
	
	 ヘッダー
	 
	---------------------------------*/
	#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;
	   box-sizing:border-box;
	   text-align:left;
	   float:none;
	}
	.tel a{
	   color:#fff;
	}
	/*---------------------------------
	
	 フッター
	 
	---------------------------------*/
	#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:300px;
		margin-bottom: 120px;
		padding:0px;
		display: block;
		padding-top: 100px;
		margin-top: -100px;
	}
	#shopinfo{
	}
	#shopinfo p{
	   font-size:13px;
	}
	#shopinfo>.fl_wrap>img.fl_left{
	   width:100%;
	   height:auto;
	   float:none;
	}
	#shopinfo>.fl_wrap>div.fl_right{
	   margin-left:0;
	   float:none;
	   margin-top:20px;
	}
	#footer{
	   background:url("../img/bg_footer.png");
	   background-repeat:repeat-x;
	   background-position:right top;
	   background-size:auto 200px;
		box-sizing:border-box;
	   padding-bottom:50px;
	}
	#footer-menu{
	   display:none;
	}
	#footer-info {
		padding-bottom: 10px;
	}
	#copy{
	   font-size:13px;
	   margin:0 auto;
	   text-align:center;
	   padding:20px 10px 30px;
	   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 {
    margin-top: 60px;
	}
	#mainv_blank {
		height: 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 img{
	   display:none;
	   width:90%;
	   height:auto;
	}
	.mainv_logo_wrap .logo{
	   display:block;
	   width:70%;
	   height:auto;
	   margin:0 auto;
	}
	.page #mainv{
	   position:relative;
	   width:100%;
	   height:240px;
	   padding:0;
	   z-index:21;
	}
	.page_mainv_bg{
	   background-size:cover;
	   background-position:center center;
	}
	/*---------------------------------
	
	 ページ
	 
	---------------------------------*/
	.top{
	}
	#about{
	}
	.about-in{
	}
	.about-in>.fl_wrap{
	}
	.about-img1{
	}
	.about-img2{
	}
	.about-img3{
	}
	.about-in>.fl_wrap>div{
	   width:100%;
	   height:100px;
	   box-sizing:border-box;
	   margin-left:0;
	   margin-top:20px;
	}
	.about-in>.fl_wrap>div:first-child{
	   margin-left:0;
	   margin-top:0;
	}
	.about-in>.fl_wrap>div p{
	   padding:15px;
	}
	.about-in>.fl_wrap>div:hover p.about_off{
	   opacity:1;
	}
	#about .alignment-left{
	   text-align:left;
	   width:100%;
	   margin:0 auto;
	   box-sizing:border-box;
	}
	.about-in>.fl_wrap>div p.about_on, .about-in>.fl_wrap>div:hover p.about_on{
	   width:100%;
	   position:relative;
	   top:0;
	   left:0;
	   -moz-transform:none;
	   -webkit-transform:none;
	   transform:none;
	   display:none;
	   opacity:1;
	   text-align:left;
	   box-sizing:border-box;
	   padding:30px;
	   font-size:13px;
	   background:rgba(0, 0, 0, 0.3);
	   transition:none;
	   -moz-transition:none;
	   -ms-transition:none;
	   -o-transition:none;
	   -webkit-transition:none;
	}
	.about_read{
	   font-size:16px;
	   text-align:center;
	   line-height:180%;
	   letter-spacing:0;
	}
	#information{
	}
	.information-in{
	}
	.list_wrap{
	}
	.list{
	}
	.list:last-child{
	}
	.info-date{
	}
	.readmore{
	}
	#top-btn{
	}
	#top-btn .sp_v h4{
	   background:#feae34;
	   border:1px solid #e39521;
	   color:#fff;
	   font-size:14px;
	   vertical-align:text-bottom;
	   text-align:center;
	   padding:5px;
	}
	.btn-wrap{
	}
	.btn-list{
	   width:100%;
	   height:auto;
	   margin:0 !important;
	}
	.btn-list p, .btn-list h4{
	   color:#000;
	}
	.btn-list h4{
	   margin:0;
	   padding:0;
	}
	.btn-list .desc{
	   margin-top:250px;
	   width:100%;
	   float:none;
	   background:#f5f5f5;
	   padding:10px;
	   box-sizing:border-box;
	}
	#top-btn .slick_container{
	   display:block;
	}
	#top-btn .btn_infomore{
	   color:#000;
	   background:#fff;
	}
	#top-btn #arrows{
	   position:relative;
	}
	#top-btn #arrows .slick-next,#top-btn #arrows .slick-prev{
	   top:inherit;
	   bottom:246px;
	   width:46px;
	   height:46px;
	}
	#top-btn #arrows .slick-next{
	   right:0px;
	}
	#top-btn #arrows .slick-prev{
	   left:0px;
	}
	#top-btn #arrows .slick-next:before,#top-btn #arrows .slick-prev:before{
	   margin:0;
	   content:" ";
	   display:inline-block;
	   width:46px;
	   height:46px;
	   vertical-align:middle;
	}
	#top-btn #arrows .slick-next:before{
	   background:url(img/slide_next.png);
	   background-size:contain;
	}
	#top-btn #arrows .slick-prev:before{
	   background:url(img/slide_prev.png);
	   background-size:contain;
	}
	button.slick-prev, button.slick-next{
	   z-index:2;
	}
	.slide-dots button{
	   margin:0;
	   padding:0;
	   background:none;
	   border:none;
	   border-radius:0;
	   outline:none;
	   -webkit-appearance:none;
	   -moz-appearance:none;
	   appearance:none;
	}
	.slide-dots{
	   text-align:center;
	   position:relative;
	   bottom:250px;
	}
	.slide-dots li{
	   display:inline-block;
	   margin:0 15px;
	}
	.slide-dots li button{
	   position:relative;
	   text-indent:-9999px;
	}
	.slide-dots li button:before{
	   font-family:FontAwesome;
	   content:'\f111';
	   font-size:14px;
	   text-indent:0px;
	   position:absolute;
	   top:0;
	   left:0;
	   color:white;
		text-shadow: 0px 0px 6px #5b5b5b;
	}
	.slide-dots li.slick-active button:before{
	   font-family:FontAwesome;
	   content:'\f111';
	   color:orange;
	}
	#top-btn .sp_v{
	   display:block;
	}
	.btn-list:first-child{
	   margin-left:2%;
	}
	.btn-list:nth-child(2n-1){
	   margin-left:0;
	}
	.btn-list p{
	}
	.btn-list img{
	}
	.btn-list:hover img{
	}
	.page h2{
	   margin-top:20px;
	   margin-bottom:10px;
	}
	#course_menu{
	}
	.course_list{
	   margin-bottom:50px;
	}
	.course_list table tr td:first-child{
	   width:30%;
	}
	.course_list table tr td:last-child{
	   width:70%;
	}
	.course_list>.fl_left{
	   width:100%;
	}
	.course_list>.fl_right{
	   width:100%;
	   margin-top:20px;
	}
	.nomiho_menu .fl_left{
	   margin-right:10%;
	   width:100%;
	}
	.nomiho_menu .fl_left:nth-child(2n){
	   margin-right:0;
	}
	#course_comment{
	   text-align:left;
	}
	.alc_lead{
	   width:100%;
	   height:100px;
	   margin-right:0;
	   margin-bottom:2%;
	}
	.alc_lead_in{
	}
	.alc_lead_in h3{
	}
	.alc_list p{
	   width:100%;
	   position:relative;
	   top:50%;
	   left:50%;
	   -moz-transform:translate(-50%, -50%);
	   -webkit-transform:translate(-50%, -50%);
	   transform:translate(-50%, -50%);
	   text-align:center;
	   font-size:17px;
	   color:#fff;
	}
	.alc_list p.alc_off{
	   opacity:1;
	}
	.alc_list:hover p.alc_off{
	   opacity:1;
	}
	.alc_list p.alc_on, .alc_list:hover p.alc_on{
	   display:none;
	   opacity:1;
	   font-size:13px;
	   padding:30px;
	   box-sizing:border-box;
	   text-align:left;
	   position:static;
	   -moz-transform:translate(0, 0);
	   -webkit-transform:translate(0, 0);
	   transform:translate(0, 0);
	   background:rgba(0, 0, 0, 0.3);
	   height:100%;
	   transition:none;
	   -moz-transition:none;
	   -ms-transition:none;
	   -o-transition:none;
	   -webkit-transition:none;
	}
	.alc_lead_in p:last-child{
	}
	.alc_list{
	   width:100%;
	   height:100px;
	   margin-right:0;
	   margin-bottom:2%;
	}
	.alc_list.active{
	   height:auto;
	}
	.alc_list:nth-child(4n){
	   margin-right:0;
	}
	.alc_list:nth-child(2n){
	   margin-right:0;
	}
	#ryori table{
	   width:100%;
	   display:block;
	}
	#ryori table tbody{
	   width:100%;
	   display:block;
	}
	#ryori table tr{
	   width:100%;
	   display:block;
	}
	#ryori table tr td{
	   width:100%;
	   display:block;
	   padding:0 0 5px 0;
	}
	#ryori table tr td:last-child{
	   text-align:right;
	   width:100%;
	   display:block;
	   padding:0 0 20px 0;
	}
	#nihonshu table{
	   width:100%;
	   display:block;
	}
	#nihonshu table tbody{
	   width:100%;
	   display:block;
	}
	#nihonshu table tr{
	   width:100%;
	   display:block;
	}
	#nihonshu table tr td{
	   display:block;
	   width:100%;
	   padding:0 0 5px 0;
	}
	#nihonshu table tr td:last-child{
	   width:100%;
	   text-align:right;
	   padding:0 0 20px 0;
	}
	.drink_list{
	   margin-top:50px;
	}
	.drink_list h4{
	   margin-bottom:20px;
	}
	.drink_list table{
	   width:100%;
	   display:block;
	}
	.drink_list table tbody{
	   width:100%;
	   display:block;
	}
	.drink_list table tr{
	   width:100%;
	   display:block;
	}
	.drink_list table tr td{
	   width:100%;
	   display:block;
	   padding:0 0 5px 0;
	}
	.drink_list table tr td:first-child, .drink_list table tr td:nth-child(3){
	   width:100%;
	}
	.drink_list table tr td:nth-child(2){
	   width:100%;
	   padding:0 0 20px 0;
	}
	.drink_list table tr td:last-child{
	   width:100%;
	   padding:0 0 20px 0;
	}
	#gallery .fl_left{
	   width:33.3333%;
	}
	#reservation{
	   padding:30px 5%;
	   margin-bottom:30px;
	}
	#reservation_page form table{
	   width:100%;
	   display:block;
	}
	#reservation_page form table tr{
	   width:100%;
	   display:block;
	}
	#reservation_page form table tr td{
	   width:100%;
	   display:block;
	   padding:0;
	}
	#reservation_page form table tr td:last-child{
	   width:100%;
	   padding-bottom:20px;
	}
	#reservation_page form input, #reservation_page form textarea{
	   width:100%;
	}
	#reservation_page form input[type="radio"]{
	   width:auto;
	}
	#reservation_page form .form_s input{
	   width:30%;
	}
	#reservation_page form textarea{
	   width:100%;
	}
	#reservation_page form input:focus, #reservation_page form textarea:focus{
	   border:1px solid #008e80;
	}
	#reservation_page form dt .va_top{
	   padding-top:0;
	   display:block;
	}
	#reservation_page form input[type="submit"], #reservation_page form input[type="button"]{
	   width:auto;
	   padding:5px 40px;
	   display:inline-block;
	   cursor:pointer;
	   border-radius:20px;
	   font-size:13px;
	   font-weight:normal;
	}
	#information_arc{
	   padding:30px 5%;
	   margin-bottom:30px;
	}
	.shop-list {
	    width: 95%;
	    max-width: 95%;
	    padding: 0;
	}
	.shop-list li {
	    display: block;
	    width: 100%;
	    margin: 0 0 15px;
	}
	.shop-list li:nth-child(3n+2):last-child {
	    margin-left: auto;
	    margin-right: 0;
	}
	.shop-list li:nth-child(4n+3):last-child {
	    margin-left: auto;
	    margin-right: 0;
	}
	.shop-list li .shop-name {
	    margin-top: 5px;
	}
	.shop-list li .m-img-bg {
	    height: 150px;
	}
	.shop-list li .m-img-bg .img {
	    background-position: top;
	}
	.recommend-list-sp #arrows {
		display: none;
	}
	.w900{
	   width:95%;
	   margin:0 auto;
	}
	.page-title{
	   margin-top:40px!important;
	   margin-bottom:20px!important;
	   text-align:center;
	   font-size:20px;
	}
	.page-description{
	   margin-bottom:20px;
	   padding:0 1.5em;
	   border-bottom:none;
	}
	.menu-list-01{
	   display:block;
	   margin-bottom:40px;
	}
	.menu-list-01 article{
	   width:100%;
	   margin-bottom:0;
	   padding:15px 0;
	}
	.menu-list-01 article:nth-child(odd){
	   margin-right:0;
	}
	.menu-list-01 article:nth-child(even){
	   margin-left:0;
	}
	.menu-list-01 article .title{
	   margin-bottom:15px;
	   font-size:18px;
	}
	.menu-list-01 article .table{
	   line-height:1.5;
	   margin-bottom:3px;
	}
	.menu-list-01 article .name{
	   padding-right:5px;
	}
	.menu-list-01 article .note{
	   line-height:1.5;
	   margin-bottom:15px;
	}
	.menu-list-02{
	   display:block;
	   margin-bottom:40px;
	}
	.menu-list-02 article{
	   width:100%;
	   margin-bottom:20px;
	   padding:15px 20px;
	   border:1px solid #b0b0b0;
	}
	.menu-list-02 article:nth-child(odd){
	   margin-right:0;
	}
	.menu-list-02 article:nth-child(even){
	   margin-left:0;
	}
	.menu-list-02 article .title{
	   margin-bottom:15px;
	   font-size:18px;
	}
	.menu-list-02 article .table{
	   line-height:1.5;
	   margin-bottom:3px;
	}
	.menu-list-02 article .name{
	   padding-right:5px;
	}
	.menu-list-02 article .note{
	   line-height:1.5;
	   margin-bottom:15px;
	}
	.recommend-list-sp{
	   margin-bottom:30px;
	}
	.recommend-list-sp.line{
	   padding-bottom:30px;
	   border-bottom:1px solid #898989;
	}
	.recommend-list-sp .title{
	   width:180px;
	   margin:30px auto 30px;
	   padding:10px;
	   border:1px solid #898989;
	   text-align:center;
	   font-size:20px;
	   font-weight:bold;
	}
	.recommend-list-sp .box-inner{
	   position:relative;
	}
	.recommend-list-sp .m-img-bg{
	   height:200px;
	   position: relative;
	}
	.recommend-list-sp .m-img-bg .img{
	   width:100%;
	   height:100%;
	   background-size:cover;
	   background-position:50% 50%;
	}
	.recommend-list-sp .m-img-bg .img::before{
	  background-color: rgba(0,0,0,0.2);
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  content: ' ';
	}
	.recommend-list-sp .m-img-bg .center {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform : translate(-50%,-50%);
		transform : translate(-50%,-50%);
		width: 70%;
		color: #fff;
		font-size: 16px;
		font-weight:bold;
		text-align: center;
	}
	.recommend-list-sp .base-txt{
	   position:absolute;
	   top:50%;
	   left:50%;
	   transform:translateY(-50%) translateX(-50%);
	   -webkit- transform:translateY(-50%) translateX(-50%);
	   width:70%;
	   color:#fff;
	   font-size:16px;
	   text-align:center;
	   font-weight:bold;
	}
	.recommend-list-sp .base-txt .center{
	   font-weight:bold;
	}
	.recommend-list-slider-wrap{
	   position:relative;
	}
	.recommend-list-slider-wrap .txt{
		text-align:center;
		padding: 10px;
	}
	.recommend-list-sp .recommend-list-slider img{
	   width:100%;
	}
	.recommend-list-sp .slick-prev, .recommend-list-sp .slick-next{
	   width:15px;
	}
	.recommend-list-sp .slick-prev{
	   left:10px;
	}
	.recommend-list-sp .slick-next{
	   right:10px;
	}
	.recommend-list-sp .slick-prev img, .recommend-list-sp .slick-next img{
	   width:15px;
	}
	.recommend-list-sp .slick-prev:before, .recommend-list-sp .slick-next:before{
	   content:"";
	}
	.space-list-01-sp{
	   position:relative;
	   margin-bottom:40px;
	}
	.space-list-01-sp ul{
	   display:block;
	}
	.space-list-01-sp li{
	   width:100%;
	   font-size:12px;
	}
	.space-list-01-sp li figure{
	   margin:0;
	}
	.space-list-01-sp li figure img{
	   width:100%;
	}
	.space-list-01-sp li figcaption{
	   margin-top:5px;
	   text-align:center;
	}
	.space-list-01-sp .slick-prev, .space-list-01-sp .slick-next{
	   width:15px;
	   top:40%;
	}
	.space-list-01-sp .slick-prev{
	   left:10px;
	}
	.space-list-01-sp .slick-next{
	   right:10px;
	}
	.space-list-01-sp .slick-prev img, .space-list-01-sp .slick-next img{
	   width:15px;
	}
	.space-list-01-sp .slick-prev:before, .space-list-01-sp .slick-next:before{
	   content:"";
	}
	.space-list-02{
	   margin-bottom:20px;
	}
	.space-list-02 li{
	   display:block;
	   margin-bottom:40px;
	}
	.space-list-02 li > div{
	   width:100%;
	   display:block;
	}
	.space-list-02 li img{
	   width:100%;
	}
	.space-list-02 .name{
	   margin:15px 0 10px;
	   padding:0;
	   border-bottom:none;
	   font-size:18px;
	}
	.space-list-02 dl{
	   margin:0;
	}
	.space-list-02 dt{
	   width:30%;
	   padding-bottom:5px;
	}
	.space-list-02 dd{
	   width:70%;
	   padding-bottom:5px;
	}
	.space-list-03{
	   margin-bottom:20px;
	}
	.space-list-03 ul{
	   display:block;
	}
	.space-list-03 li{
	   width:100%;
	   margin-bottom:20px;
	}
	.space-list-03 li:nth-child(odd){
	   margin-right:0;
	}
	.space-list-03 li:nth-child(even){
	   margin-left:0;
	}
	.space-list-03 li .box{
	   margin:-40px 5% 0;
	   padding:15px;
	}
	.space-list-03 li .m-img-bg{
	   height:250px;
	}
	.space-list-03 .name{
	   margin:0 0 20px 0;
	   font-size:18px;
	}
	.space-list-03 dl{
	   font-size:14px;
	}
	.space-list-03 dt{
	   width:30%;
	   margin:0 0 20px;
	   padding:0 10px;
	}
	.space-list-03 dd{
	   width:70%;
	   padding:0 0 0 15px;
	   margin:0 0 20px;
	}
	.gallery-list{
	   margin-bottom:40px;
	}
	.gallery-list ul{
	   margin-bottom:10px;
	}
	.gallery-list li{
	   width:33.33%;
	}
	.gallery-list .pagenation{
	   font-size:12px;
	}
	.banner{
	   margin:20px auto;
	}
	#information .btn_infomore, #blog .btn_infomore{
	   padding:5px 40px;
	}
	#reservearea .container{
	   width:95%;
	   padding:20px 10px;
	   box-sizing:border-box;
	}
	#reservearea .container .left, #reservearea .container .middle, #reservearea .container .right{
	   display:block;
	   vertical-align:middle;
	   float:none;
	   width:100%;
	   text-align:center;
	}
	#reservearea .container .left .sp_v, #reservearea .container .right{
	   color:#888;
	}
	#reservearea .container .middle{
	   font-size:32px;
	   font-weight:bold;
	   letter-spacing:0px;
	   margin:10px 0
	}
	#reservearea .reserv_btn{
	   padding:10px 40px;
	   line-height:500%;
	   margin-top:10px;
	}
	.reserv_btn{
		display: none;
	}
	.blog-in li{
	   width:100%;
	   float:none;
	   margin-bottom:10px;
	   position:relative;
	}
	.blog-in li:before{
	   content:'\f105';
	   font-family:FontAwesome;
	   color:#000;
	   position:absolute;
	   top:50%;
	   right:5px;
	   display:block;
	   font-size:50px;
	   margin-top:-10px;
	}
	#blog .info-img{
	   width:30%;
	   float:left;
	}
	#blog .info-title ,#blog .info-date{
	   padding:10px 50px 10px 10px;
	   float:left;
	   width:70%;
	   font-size:16px;
	   box-sizing:border-box;
	}
	.mainv_bg, #mainv{
	   min-width: 100%;
	}
	.splogo{
	   height:36px;
	   padding:12px 10px;
	   width: 100%;
	}
	.splogo img{
	   height:100%;
	   width:auto;
	}
		 #reservearea .container .middle {
	    font-size: 32px;
	    font-weight: bold;
	    letter-spacing: 0px;
	    text-decoration: underline;
	    margin: 10px 0;
	}
	#shopinfo dd a {
    text-decoration: underline;
}
}