@charset "utf-8";
@media (max-width: 768px) {
 .pc_v {
  display: none;
 }
 .sp_v {
  display: inherit;
 }
 /* 全体 */
 section {
 /* padding: 20px 0; */
 }
 a {}
 img {}
 .fl_wrap {}
 .fl_left {}
 .fl_right {}
 .btn_1 {}
 .btn_2 {}
 h2 {
    margin: 30px 0;
  font-size: 30px;
  letter-spacing: 0;
 }
  h2 span {
  font-size: 30px;
  letter-spacing: 0;
 }
 h2:after{
     margin: 20px auto 0;
 }
 .page-h2{
     margin-top:40px;
     margin-bottom: 30px;
 }
 /* width */
 #menu-wrap,
 .menu-in,
 .information-in,
 .btn-wrap,
 #map,
 #shopinfo,
 #floormap{}
 #gallery {flex-direction: column;}
#nav #sns a.menu-trigger-pc { display:none;}
 /* 追従エリア */
 #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-color:transparent;
  position: static;
  text-align: center;
  padding: 10px 0;
  width: 100%;
 }
 #nav #sns a {
  display: inline-block;
  width: auto;
  margin: 0 5px;
  padding: 0;
  border: 0;
  float:none;
 }
 #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;
  color: #fff;
  background: rgba(156, 81, 101, 0.95);
  box-sizing: border-box;
  text-align: left;
  float: none;
 }
 #nav a {
  display: block;
  width: 100%;
  padding: 10px 0 10px 20%;
  margin: 0 auto;
  box-sizing: border-box;
  font-size: 14px;
  border-bottom: 1px dotted #fff;
 }
 #nav a span.jp {
  position: static;
  display: inline-block;
  width: auto;
  opacity: 1;
  font-size: 12px;
  margin-left: 20px;
  color: #ccc;
 }
 #nav a:hover span.jp {}
 .tel {
  /*
  position: relative;
  z-index: 80;
  float: left;
  margin: 10px 50px 0 20px;
  font-size: 19px;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3",
  "Hiragino Mincho Pro",
  "ＭＳ Ｐ明朝",
  "MS PMincho",
  serif;
*/
 }
 .tel a {
  color: #fff;
 }
 .tel_sp a {
  color: #fff;
  font-size: 15px;
  text-align: center;
  display: none;
  width: 170px;
  height: 30px;
  line-height: 30px;
  /*  padding-left: 15px;*/
  border-radius: 15px;
  /*  background: url(../img/icn_tel.png) 15px no-repeat #0c902c;*/
  background: #9c5165;
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -92px;
 }
 .tel_sp a i.fa {
  padding-right: 12px;
 }
.vision-img1, .vision-img2, .vision-img3 {
    margin: 20px auto;
    padding: 20px 0px;
    position: relative;
    display: table;
    width: 100%;
}
.vision-in .fl_wrap .vision-img .vision-txt {
    width: 80%;
    padding: 0;
    line-height: 1.2rem;
}
.w1000{
    width: 100%;
}
.row{
    width: 100%;
}
 #access {
  /* background: url(../img/bg_access.png); */
  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;
 }
#shopinfo{
	width:100% !important;
	/*height: 550px;*/
	margin-top: 30px;
	display:flex;
	flex-direction: column;
}
.shopinfo-in {
    width: 100%;
    background: #000000;
    height: 100%;
    opacity: 0.5;
    position: static;
    top: 0;
}
#shopinfo h2 {
	display:block;
	width: 300px;
    text-align: left;
    position: relative;
    /*top: 100px;*/
    left: 20px;
    z-index: 80;
    color: #FFF;
    margin:0;
}
.shopinfo-info {
    /*margin-top: 140px;*/
    color: #FFF;
    /*margin-left: 20px;*/
    background: #000;
    padding: 10px;
    margin-bottom: 30px;
}
#shopinfo dt {
    width: 35%;
}
 #footer {
  box-sizing: border-box;
/*  margin-bottom: 90px;*/
    position: static
 }
 #footer-menu a{
  margin: 5px 15px;
  font-size: .8rem;
 }
 #footer-menu a {}
 #copy {
  font-size: 13px;
  color: #000;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0 90px;
  border-top: 1px solid #ccc;
 }
 #totop {
  width: 40px;
  height: 53px;
  position: fixed;
  right: 5px;
  bottom: 0;
  z-index: 999;
  display: none;
 }
 #totop img {
  width: 100%;
  height: auto;
 }
 /* メインビジュアル */
 #mainv {
  position: relative;
  width: 100%;
  height: 300px;
  color: #fff;
  padding: 90px 30px;
  box-sizing: border-box;
  z-index: 21;
 }
 .mainv_bg {
  position: absolute;
  width: 100%;
  height: 300px;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  background-position: center center;
  z-index: 23;
 }
 .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: block;
  width: 100%;
  height: auto;
 }
 .mainv_logo_wrap .logo {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
 }
 .mainv_logo_wrap .logo span {
   font-size: 1.2rem;
 }
 .page #mainv {
  position: relative;
  width: 100%;
  height: 240px;
  padding: 0;
  z-index: 21;
 }
 .sample-ticker {
  width: 80%;
 }
 /* ページ */
 .top {}
 #about {}
 .menu-in {}
 .menu-in>.fl_wrap {}
 .about-img1 {}
 .about-img2 {}
 .about-img3 {}
 .menu-in>.fl_wrap>div {
  width: 100%;
  height: 400px;
  box-sizing: border-box;
  margin-left: 0;
  margin-top: 20px;
 }
 .menu-in>.fl_wrap>div:first-child {
  margin-left: 0;
  margin-top: 0;
 }
 .menu-in>.fl_wrap>div p {
  padding: 15px;
 }
 .menu-in>.fl_wrap>div:hover p.about_off {
  opacity: 1;
 }
 .menu-in>.fl_wrap>div p.about_on,
 .menu-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: left;
  line-height: 180%;
  letter-spacing: 0;
 }
 #information {}
 .information-in {}
 .list_wrap {}
 .list {}
 .list:last-child {}

.list_detaillink{
    margin-top: 30px;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
}

.list_detaillink a{
    border: 1px solid #333;
    padding: 10px 3%;
    width: 94%;
    display: block;
}
 .info-date {}
 .readmore {}
 #top-btn {}
 .btn-wrap {}
 .btn-list {
  width: 49%;
  height: 100px;
  margin-left: 2%;
  margin-bottom: 10px;
 }
 .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: 40px;
  margin-bottom: 40px;
 }
 #course_menu {
     flex-direction: column;
}
 .course_list,
 .course_list:last-child {
  margin-bottom: 50px;
  width: 100%;
  /*flex-direction: column;*/
 }
 .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;
 }
 .course_img{
     /*width: 100%;*/
     margin-bottom: 20px;
 }
 .course_content{
     /*width: 100%;*/
 }
 .course_content_1{
     padding: 0 0 10px 0;
     line-height: 1.6rem;
 }
 .course_content_2{
     display:none;
 }
 .course_content_3,
 .course_content_4,
 .course_content_5,
 .course_content_6{
     padding: 0 0 5px 0;
 }

 .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: 94%;
  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 5px 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 {

 }
 #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;
 }
/*blog*/
.blog-in{
	padding:20px 0;
}
article.blogpost {
	width:100%;
	margin-bottom: 10px;
}
article.blogpost .entry-thumb{
	width:33%;
	float:left;
	margin-right:1%;
}
article.blogpost .entry-detail {
	text-align:left;
	width:65%;
	float:left;
}
article.blogpost .link_viewmore {
	margin:0;
	text-align:right;

}
article.space_post {
	display:block;
	box-sizing:border-box;
	margin: 20px auto;
	width:100%;
	padding-bottom:0;
}

  .mainv_catch{
    position: absolute;
    bottom: 30px;
    right: 25px;
    font-size: 20px;
    z-index: 109;
    display: block;
  }

.reservation-img  {
	margin: 0px auto;
	height: 300px;
	position:relative;
	display: table;
	width: 100%;
	background: url(../img/top_img_08.jpg) no-repeat center;
}

/*course*/

.course_title {
	text-align:center;
	margin-top:10px;
	line-height: 2rem;
}
.course_title span.course_title1{
	font-size:  0.8em;
	margin-bottom:15px;
}
.course_title span.course_title2 {
	font-size:34px;
	letter-spacing:0.2em;
}
.course_title span.course_title3 {
	font-size:20px;
}
 .course_title span.course_title3:before {
	display:block;
	content:""
}
.course_title span.course_title4 {
	font-size: 0.8em;
	margin-top:15px;
}
.course_info {
	border-top:solid 1px #333;
	border-bottom:solid 1px #333;
	padding:1em 1em;
	font-size:12px;
	margin:10px 0;
	line-height: 1.3rem;
	text-align: left;
}
.course_info ul{
	text-align:center;
}
.course_info ul li{
	display:inline-block;
	font-size: 12px;
	margin: 5px 20px;
}
.course_food{
    width: 98%;
    margin: 0 auto;
    max-width: 670px;
	font-size:  12px;
    line-height: 2em;
}
.course_caution{
  padding: 0em 1em;
	font-size:12px;
	color:#606060;
}
.course_drink {
    margin: 0px auto;
    line-height: 1.5em;
}
/*drink menu*/
.sakelist {
	width: 100%;
	float: left;
	display: table-cell;
	vertical-align: top;
	padding: 0;
	box-sizing: border-box;
	margin-right: 30px;
}
.course_info2{
    margin: 10px 0;
    line-height: 1rem;
}
.course_info2 ul li{
	display:inline-block;
	font-size: 12px;
	margin: 5px 20px;
}
.sakelist:nth-child(2n) {
	margin-right:0;
}
.sakelist img {
    width: 100%;
}
/* coupon list */
#coupon_list {
	width: 100%;
	margin: 0 auto;
  margin-bottom: 50px;
	box-sizing: border-box;
}
.coupon_post {
  border: 1px solid #a24e65;
  margin: 20px;
}
.coupon-wrap {
	margin: 10px;
	padding: 10px;
  background-color : rgba(255,255,255,0.8);
  display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
}
.coupon-head,
.coupon-body {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
  margin: 5px;
	padding: 10px;
}
.coupon-head {
	border-bottom: 1px dashed #666666;
	color: #a24e65;
	line-height: 1.5em;
	font-size: 1.2em;
	padding: 5px 5px 10px;
}
.coupon-title {
	line-height: 1.5em;
	font-size: 1.2em;
}
.coupon-no,
.coupon-body-title {
	width: auto;
	border-right: 1px dashed #666666;
}
.coupon-no {
	font-size: 3em;
	line-height: 1.5em;
	padding-right: 8px;
}
.coupon-head-body,
.coupon-body-body {
  flex: 1;
  margin-left: 10px;
}
.coupon_use {
 	min-height: 150px;
}

.coupon_detail {
    padding: 5px;
}
.coupon_detail_item {}
.coupon_detail_title {
    width: auto;
    padding-right: 10px;
    white-space: nowrap;
}
.coupon_detail_body {
    margin-left: 10px;
}

.vision-in .fl_wrap .vision-img .vision-midashi{
    width: 70%;
    text-align: center;
}
#shopinfo dd{
    width: 100%;
    margin-left: 10px;
}
.food_item_col{
    width: 100%;
    border-bottom: 0px;
}
.food_item_row{
    width: 100%;
}
.drink_wrap{
    flex-direction: column;
}
.drink_item_col{
    width: 100%;
    border-bottom: 1px dotted;
    margin-bottom: 5px;
}
.drink_name,
.drink_price {
    width: 100%;
}
.drink_name_wrap{
    flex-direction: column;
}
.info-title{
    margin: 15px 0 !important;
    border-bottom: 1px solid !important;
    font-size: 1.3rem !important;
}
.gmap{
    width: 100%;
}
.gmap iframe{
    height: 300px
}
#shopinfo dl{
    display:flex;
}
.vision-in .fl_wrap .vision-img .vision-wrap {
    width: 100%;
}

.news-blog_wrap{
    flex-direction: column;
}
.list_img{
    width: 40%;
}
.list_title{
    width: 60%;
    padding:10px;
    font-size:1rem;
    line-height:1.2rem;
}
.news-blog_left{
    width: 100%;
}
.news-blog_right{
    width: 100%;
    margin: 30px 0px;
}
.news-blog_right ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.news-blog_right ul li{
    margin: 0 5px;
}
.news_blog_item{
    width: 95%;
    margin: 0;
    padding:10px;
}
.drinkfree_item{
    flex-direction: column;
}
.drinkfree_item dt{
    width: 100%;
}
.drinkfree_item dd{
    width: 100%;
}