/*--------------------------------------------
 レストラン CSS
----------------------------------------------*/
#comment span.lunch {
	margin-left: 15px;
}
#comment span.teatime {
	margin-left: 15px;
}
#comment span.after {
	margin-top: 5px;
	display: inline-block;
}
/* TOPページ */
#restaurant {
	width:100%;
	max-width:960px;
  margin: 30px auto 0px auto;
}
#restaurant div.spica {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-right: 2%;
	text-align:center;
}
#restaurant .koshitsu_inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
#restaurant div.shisen {
	float:right;
	width:50%;
	box-sizing:border-box;
	padding-left: 2%;
	text-align:center;
}
#restaurant p.comment {
	color:#433228;
}
#restaurant img {
	width:100%;
	height:auto;
}
#restaurant .spica h3{
	width:52%;
	margin:20px auto 15px auto;
}
#restaurant .shisen h3{
	width:48%;
	margin:20px auto 15px auto;
}
#restaurant .spica table,
#restaurant .shisen table {
	width:100%;
	font-size:1.5rem;
	border-collapse:collapse;
	margin: 15px 0px 10px 0px;
}
#restaurant .spica table{
	border: 1px solid #DA7D5A;
}
#restaurant .shisen table {
	border: 1px solid #318E81;
}
#restaurant .spica table img,
#restaurant .shisen table img {
	width:29px;
	height:auto;
	vertical-align:middle;
	margin-right:5px;
}
#restaurant .spica th,
#restaurant .shisen th {
	width: 90px;
	color:#FFFFFF;
	font-weight: 500;
	vertical-align:middle;
}
#restaurant .spica th {
	background-color:#DA7D5A;
}
#restaurant .shisen th {
	background-color:#318E81;
}
#restaurant .spica td{
	text-align:left;
	padding:8px 15px 3px 15px;
	vertical-align:middle;
}
#restaurant .shisen td {
    text-align:left;
    padding:25px 15px 18px 15px;
    vertical-align:middle;
}
#restaurant .spica td {
	color:#DA7D5A;
}
#restaurant .shisen td {
	color:#318E81;
}
#restaurant .spica td p,
#restaurant .shisen td p{
	margin-bottom: 5px;
}
#restaurant .btn_spica {
	background: #DA7D5A;
	margin-top: 5px;
}
#restaurant .btn_shisen {
	background: #318E81;
	margin-top: 5px;
}
#restaurant .btn_spica a,
#restaurant .btn_shisen a {
	display: block;
	text-align: center;
	color: #FFFFFF;
	padding: 10px 0px;
	position: relative;
	font-size: 1.5rem;
}
#restaurant .btn_spica a:after,
#restaurant .btn_shisen a:after{
	background: url(../images/arrow_white.png) no-repeat left top;
	background-size: 13px 25px;
	content: '';
	width: 13px;
	height: 25px;
	position: absolute;
	top: 23%;
	right: 8px;
}
#restaurant .info {
	border-top: 1px dashed #A89631;
	margin-top:40px;
	overflow: hidden;
}
#restaurant .info h3 {
	color:#A89631;
	font-size: 2rem;
	font-weight:500;
	padding: 15px 0px 10px 0px;
}
.beer_tax{
	text-align: right;
	padding-top: 10px;
}


/* iframe */
.info ul {
	width: 102%;
	display: table;
	table-layout: fixed;
	padding: 0;
	list-style: none;
	border-collapse: separate;
	border-spacing: 10px;
	margin-left: -10px;
	max-width: 980px;
	overflow: hidden;
}
.info ul.box3 li {
	display: table-cell;
	width: 33.3%;
	width: -webkit-calc(100% / 3);
	width: -moz-calc(100% / 3);
	width: calc(100% / 3);
	margin: 8px;
}
.info ul li img {
	width: 100%;
	height: auto;
}
.info ul li a.plan {
	border: 1px solid #E7DDD8;
	background: #FFFFFF;
	width: 100%;
	box-sizing: border-box;
	padding: 8px;
}
.info ul li a.plan:hover {
	text-decoration: none;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}
.info ul li p.thema {
	font-size: 1.1rem;
	font-weight: 500;
	margin: 10px 0px 5px 0px;
}
.info ul li h4 {
	font-size: 1.5rem;
	margin-bottom: 5px;
}
.info ul li p {
	font-weight: normal;
	font-size: 1.3rem;
}
.info ul li span.spica {
	color: #D97D59;
}
.info ul li span.shisen {
	color: #318C7F;
}
.btn_plan_spica {
	background: #D97D59;
	margin-top: 5px;
}
.btn_plan_shisen {
	background: #318C7F;
	margin-top: 5px;
}
.btn_plan_beerfair {
	background: #1FB0E0;
	margin-top: 10px;
}
.btn_plan_event{
	background: #C8515C;
	margin-top: 10px;
}
.btn_plan_spica a,
.btn_plan_shisen a,
.btn_plan_beerfair a,
.btn_plan_event a{
	display: block;
	text-align: center;
	color: #FFFFFF;
	padding: 10px 0px;
	position: relative;
	font-size: 1.5rem;
}
.btn_plan_spica a:after,
.btn_plan_shisen a:after,
.btn_plan_beerfair a:after,
.btn_plan_event a:after{
	background: url(../images/arrow_white.png) no-repeat left top;
	background-size: 13px 25px;
	content: '';
	width: 13px;
	height: 25px;
	position: absolute;
	top: 32%;
	right: 8px;
}
.col-1 .left_cont, .col-1 .left_cont_sp{
	float: left;
  width: 33.5%;
  box-sizing: border-box;
  padding-right: 10px;
}


/* --------------------------
	タブ内コンテンツスタイル（タブ外に同レイアウトを使用する場合は#responsiveTabs2）
-----------------------------*/
#responsiveTabs, #responsiveTabs2{
	margin: 10px 0px 35px 0px !important;
}
#responsiveTabs .inner, #responsiveTabs2 .inner{
	width:960px;
	margin:0 auto;
}
#responsiveTabs #tab1,
#responsiveTabs #tab2,
#responsiveTabs #tab3,
#responsiveTabs #tab4,
#responsiveTabs #tab5,
#responsiveTabs #tab6{
	width:100%;
	margin-top:-3px;
	border-top: 4px solid #BEAF2C;
	border-bottom: 4px solid #BEAF2C;
}
#responsiveTabs2 #tab0{
	width:100%;
	margin-top:-3px;
}
#no-Tabs{
	width:100%;
	margin-top:-3px;
	border-top: 1px solid #BEAF2C;;
	border-bottom: 1px solid #BEAF2C;
}
#responsiveTabs ul#tabs{
	display: table;
	border-collapse:separate;
	border-spacing: 3px;
}
#responsiveTabs ul#tabs li{
	width: 20%;
	height:30px;
	display:table-cell;
	vertical-align:middle;
	/*border-collapse:separate;
	border-spacing: 3px;
    /*border-left: 3px solid #fff;*/
	text-align:center;
    line-height: 1.4;
	border-radius: 6px 6px 0px 0px;
}
#responsiveTabs ul#tabs.tab_6over li{
	width: 15%;
}


/*タブのタイトルが3行の時*/
#responsiveTabs ul#tabs li.large{
	width: 20%;
	height:50px !important;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
    line-height: 1.4;
	border-radius: 6px 6px 0px 0px;
}
#responsiveTabs ul#tabs li.large span{
    font-size: 1.05rem;
}



#responsiveTabs ul#tabs li.r-tabs-state-active {
	/*background-color: #BEAF2C;*/
	background: url(../images/restaurant/bg_tab1.png) top left repeat-x;
}
#responsiveTabs #tabs {
	width:100%;
	max-width: 960px;
	/*margin:0 auto;*/
	display:table;
}
#responsiveTabs #tabs li {
	width:20%;
	/*background-color: #E7DDD8;
	color: #4C444A;*/
	background: url(../images/restaurant/bg_tab2.png) top left repeat-x;
	color: #FFF;
	display:table-cell;
	/*border-collapse:separate;
	border-spacing: 3px;
    /*border-left: 3px solid #fff;*/
	text-align:center;
	vertical-align:middle;
}
#responsiveTabs #tabs li a{
	display:block;
}
#responsiveTabs .tab_cont{
}
#responsiveTabs .tab_cont .tab_inner,
#responsiveTabs2 .tab_cont .tab_inner {
	width:100%;
	max-width: 960px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom: 30px;
}
#responsiveTabs .line {
	border-top:1px solid #A89631;
}

/*20170428追記*/
#responsiveTabs .full_cont,
#responsiveTabs2 .full_cont{
	width:100%;
	box-sizing:border-box;
}

#responsiveTabs .left_cont,
#responsiveTabs2 .left_cont{
	width:30%;
	box-sizing:border-box;
	float:left;
}
#responsiveTabs .right_cont,
#responsiveTabs2 .right_cont{
	width:67%;
	float:right;
}
#responsiveTabs .right_cont span.subtitle,
#responsiveTabs2 .right_cont span.subtitle{
	margin: 20px 0 10px 0;
	display: block;
	font-size: 1.7rem;
	font-weight: 700;
	color: #A79631;
}
#responsiveTabs .right_cont span.sm,
#responsiveTabs2 .right_cont span.sm{
	font-size: 1.7rem;
	font-weight: 700;
}
#responsiveTabs .photo,
#responsiveTabs2 .photo {
	width:100%;
	height:auto;
}

#responsiveTabs .nomal_cont .photo img{
	width:90%;
}
#responsiveTabs .left_cont img,
#responsiveTabs2 .left_cont img{
	vertical-align:middle;
	margin-right:3px;
}
#responsiveTabs .left_cont .opened,
#responsiveTabs2 .left_cont .opened {
	margin-top: 10px;
}
#responsiveTabs .left_cont span
#responsiveTabs2 .left_cont span {
	vertical-align:middle;
}
#responsiveTabs .left_cont p {
	margin: 3px 0 0 10px;
	vertical-align: middle;
}
#responsiveTabs .left_cont img.lunch,
#responsiveTabs2 .left_cont img.lunch {
	margin-bottom: 5px;
}
#responsiveTabs .left_cont img.dinner,
#responsiveTabs2 .left_cont img.dinner {
	margin-left: 10px;
}
#responsiveTabs .left_cont span.excuse,
#responsiveTabs2 .left_cont span.excuse,
#responsiveTabs .right_cont span.excuse,
#responsiveTabs2 .right_cont span.excuse{
	display: block;
	margin-top: 3px;
	font-size: 0.9rem;
}


/* スピカ */
.spica {
	color:#DA7D5A;
}
#restaurant .koshitsu {
	/*border-bottom: 1px solid #CCCCCC;*/
	padding:20px 0;
	margin-top:30px;
}
#restaurant .koshitsu.dash {
	border-top: 1px dotted #A89631;
}
#restaurant .koshitsu .left_cont{
	float:left;
	width: 75%;
	box-sizing:border-box;
	padding-right: 7%;
}
#restaurant .koshitsu .left_cont h3{
	color:#A59631;
	font-size:1.8rem;
	margin-bottom: 10px;
}
#restaurant .koshitsu .left_cont h3.shop {
	position:relative;
	padding-left: 35px;
}
#restaurant .koshitsu .left_cont h3.shop:before{
	background:url(../images/facility/icon_restaurant.png) no-repeat top left;
	background-size: 29px 29px;
	content: '';
	width: 29px;
	height: 29px;
	position: absolute;
	top: -2px;
	left: 0px;
}
#restaurant .koshitsu .right_cont{
	float:right;
	width: 25%;
	box-sizing:border-box;
}
#restaurant .koshitsu .right_cont img {
	width:100%;
	height:auto;
}
#restaurant .koshitsu .contact {
	border: 1px solid #A89631;
	padding:5px;
	margin-top:15px;
}
#restaurant .koshitsu .contact span{
	color:#A89631;
}

/*--------------------------------------------
 貸切のご案内
----------------------------------------------*/
#reserved_ariesu{
	width:100%;
	margin:30px auto;
	padding:10px 0px;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
}


#reserved {
	width:100%;
}
#reserved .reserved_cont{
	width:100%;
	max-width:643px;
	box-sizing: border-box;
	table-layout:fixed;
	border:none;
}
#reserved .info{
	float:left;
	width:60%;
	box-sizing:border-box;
	padding: 0 3% 0 0;
}
#reserved .info h4 {
	font-size: 1.8rem;
	color:#A69631;
	margin-bottom: 3px;
}
#reserved .info p {
	margin-top: 3px;
}
#reserved .info p span {
	color:#BEAC2C;
}
#reserved .photo{
	float:right;
	width:40%;
}
#reserved .photo img {
	width: 100%;
	height:auto;
}
@media screen and (min-width: 0px) and (max-width: 475px) {

#reserved .info{
	float:left;
	width:55%;
	box-sizing:border-box;
	padding: 3%;
}
#reserved .photo{
	float:right;
	width:45%;
}

}

/*--------------------------------------------
 アリエスのご案内
----------------------------------------------*/
#ariesu {
	width:100%;
}
#ariesu .ariesu_cont{
	width:100%;
	max-width:643px;
	box-sizing: border-box;
	table-layout:fixed;
	border:none;
}
#ariesu .info{
	float:left;
	width:60%;
	box-sizing:border-box;
	padding: 0 3% 0 0;
}
#ariesu .info h4 {
	font-size: 1.8rem;
	color:#A69631;
	margin-bottom: 3px;
}
#ariesu .info p {
	margin-top: 3px;
}
#ariesu .info p span {
	color:#A69631;
}
#ariesu .photo{
	float:right;
	width:40%;
}
#ariesu .photo img {
	width: 100%;
	height:auto;
}
@media screen and (min-width: 0px) and (max-width: 475px) {

#ariesu .info{
	float:none;
	width:100%;
	box-sizing:border-box;
	padding: 3%;
}
#ariesu .photo{
	float:none;
	width:100%;
}

}

/*2カラム*/
#column_2_wrapper {
    width:100%;
    margin-top: 30px;
}
#column_2_wrapper .ariesu_cont{
    width:100%;
    max-width:643px;
    box-sizing: border-box;
    table-layout:fixed;
    border:none;
}
#column_2_wrapper .info{
    float:left;
    width:60%;
    box-sizing:border-box;
    padding: 0 3% 0 0;
}
#column_2_wrapper  h4 {
    font-size: 1.8rem;
    color:#A69631;
    margin-bottom: 10px;
    border-bottom: 1px solid #E7DDD8;
    padding-bottom: 10px;
}
#column_2_wrapper .info p {
    margin-top: 3px;
}
#column_2_wrapper .info p span {
    color:#A69631;
}
#column_2_wrapper .photo{
    float:right;
    width:40%;
}
#column_2_wrapper .photo img {
    width: 100%;
    height:auto;
}
@media screen and (min-width: 0px) and (max-width: 475px) {
    #column_2_wrapper  h4 {
        font-size: 1.4rem;
    }
    
    #column_2_wrapper .info{
        float:none;
        width:100%;
        box-sizing:border-box;
        padding: 3%;
    }
    #column_2_wrapper .photo{
        float:none;
        width:100%;
    }

}






#responsiveTabs span.price, #responsiveTabs2 span.price {
	color:#FF4C4C;
	margin-left:10px;
}
/*20170428変更*/
#responsiveTabs .right_cont h3, #responsiveTabs .nomal_cont h3, #responsiveTabs .full_cont h3,
#responsiveTabs2 .right_cont h3, #responsiveTabs2 .nomal_cont h3,  #responsiveTabs2 .full_cont h3{
	font-size: 2.4rem;
	margin-bottom: 5px;
}

#responsiveTabs .right_cont h3 span.rubi, #responsiveTabs .nomal_cont h3 span.rubi,
#responsiveTabs2 .right_cont h3 span.rubi, #responsiveTabs2 .nomal_cont h3 span.rubi{
	font-size: 1.1rem;
	font-weight: 500;
}
#responsiveTabs .frame,
#responsiveTabs2 .frame {
	display:table;
	border-collapse:collapse;
	border: 2px solid #FF4C4C;
	font-size: 1.5rem;
	width:100%;
}
/*20170425変更*/
#responsiveTabs .frame_left, #responsiveTabs .frame_right,
#responsiveTabs2 .frame_left, #responsiveTabs2 .frame_right{
	display:table-cell;
	width:50%;
	padding: 15px;
	text-align:center;
	vertical-align: middle;
}
/*20170425追記*/
#responsiveTabs .frame3_left, #responsiveTabs .frame3_center, #responsiveTabs .frame3_right,
#responsiveTabs2 .frame3_left, #responsiveTabs2 .frame3_center, #responsiveTabs2 .frame3_right{
	display:table-cell;
	width:33%;
	padding: 15px;
	text-align:center;
	vertical-align: middle;
}

#responsiveTabs .frame_none,
#responsiveTabs2 .frame_none{
	display:table-cell;
	width:100%;
	padding: 15px;
	text-align:center;
}
/*20170425変更*/
#responsiveTabs .frame_left p,
#responsiveTabs .frame3_left p, #responsiveTabs .frame3_center p,
#responsiveTabs2 .frame_left p,
#responsiveTabs2 .frame3_left p, #responsiveTabs2 .frame3_center p{
	border-right: 1px dashed #FF4C4C;
}

/*20170425変更*/
#responsiveTabs .frame_left s{
	font-weight: bold;
	font-size: 2.4rem;
}
#responsiveTabs .frame_left .price, #responsiveTabs .frame_right .price,
#responsiveTabs .frame3_left .price, #responsiveTabs .frame3_center .price, #responsiveTabs .frame3_right .price, #responsiveTabs .frame_none .price,
#responsiveTabs2 .frame_left .price, #responsiveTabs2 .frame_right .price, #responsiveTabs2 .frame_none .price,
#responsiveTabs2 .frame3_left .price, #responsiveTabs2 .frame3_center .price, #responsiveTabs2 .frame3_right .price
{
	font-size:2.4rem;
	font-weight: bold;
}
#responsiveTabs .frame_right .price{
	font-size: 1.6rem ;
}

/*20170425変更*/
#responsiveTabs .frame_left .tax, #responsiveTabs .frame_right .tax,
#responsiveTabs .frame3_left .tax, #responsiveTabs .frame3_center .tax, #responsiveTabs .frame3_right .tax, #responsiveTabs .frame_none .tax,
#responsiveTabs2 .frame_left .tax, #responsiveTabs2 .frame_right .tax, #responsiveTabs2 .frame_none .tax,
#responsiveTabs2 .frame3_left .tax, #responsiveTabs2 .frame3_center .tax, #responsiveTabs2 .frame3_right .tax{
	font-size:1.1rem;
}
#responsiveTabs .menu, #responsiveTabs2 .menu{
	margin: 10px 0;
}
#responsiveTabs .box{
	margin:20px 0 0 0;
	padding:20px;
	border: 2px solid #A69631;
}
#responsiveTabs .menu h4, #responsiveTabs .box h4,
#responsiveTabs2 .menu h4{
	font-size: 1.7rem;
	color:#A69631;
	display:table;
	width:100%;
}
#responsiveTabs .box h4{
	margin: 0 0 10px  0;
}
#responsiveTabs .menu h4 p,
#responsiveTabs .box h4 p,
#responsiveTabs .menu h4 span {
	display:table-cell;
	vertical-align:bottom;
}
#responsiveTabs .menu h4 span {
	font-size: 1.1rem;
	text-align:right;
	color:#1F1910;
	font-weight:500;
}
#responsiveTabs .menu h4 p span.tax{
	font-size:1.1rem;
	color: #433228;
	display: inline;
}
#responsiveTabs .menu h4 p span.menu_tax{
	display: inline-block;
	color:#A69631;
}

#responsiveTabs .menu h5{
	font-size: 1.5rem;
	color:#A69631;
	margin-top: 10px;
}
#responsiveTabs .menu_list, #responsiveTabs2 .menu_list {
	border-top:1px solid #E7DDD8;
	border-bottom:1px solid #E7DDD8;
}
#responsiveTabs .menu_list p,#responsiveTabs2 .menu_list p{
	margin: 10px 0 0 0;
}
#responsiveTabs .menu_list  .small,#responsiveTabs2 .menu_list .small{
   font-size: 1.1rem;
}

#responsiveTabs .menu ul.w100,#responsiveTabs2 .menu ul.w100 {
	width:100%;
	box-sizing:border-box;
	float:left;
	padding: 10px 0px;
}
#responsiveTabs .menu ul.w70 {
	width:70%;
	box-sizing:border-box;
	float:left;
	padding: 10px 0px;
}
#responsiveTabs .menu ul.w60 {
	width:100%;
	box-sizing:border-box;
	float:left;
	padding: 10px 0px;
}
#responsiveTabs .menu ul.w50 {
	width:50%;
	box-sizing:border-box;
	float:left;
	padding: 10px 0px;
}
#responsiveTabs .menu ul.w40 {
    width:40%;
    box-sizing:border-box;
    float:left;
    padding: 10px 0px;
}
#responsiveTabs .menu ul.w30 {
	width:30%;
	box-sizing:border-box;
	float:left;
	padding: 10px 0px;
}
#responsiveTabs .menu ul.w20 {
    width:20%;
    box-sizing:border-box;
    float:left;
    padding: 10px 0px;
}
#responsiveTabs .menu ul.font-l{
	font-size: 1.6rem;
}
#responsiveTabs .menu ul.font-l span{
	font-size: 1.3rem;
}
#responsiveTabs .menu ul li ul{
	padding:7px 15px;
	margin-top:5px;
	background: #F2EDEA;
}
#responsiveTabs .menu ul li ul.sub-list li{
	width:100%;
	box-sizing:border-box;
}
#responsiveTabs .menu span.photo{
	width:30%;
	float: right;
	padding: 10px 0px;
}
#responsiveTabs .menu span img{
	width: 100%;
	height:auto;
}
#responsiveTabs .select_menu {
	overflow: hidden;
}
#responsiveTabs .select_menu ul {
	width: 102%;
	display: table;
	table-layout: fixed;
	max-width: 640px;
}
#responsiveTabs .select_menu ul li {
	display:table-cell;
	text-align:center;
	padding-right: 10px;
}
#responsiveTabs .select_menu ul li img {
	width:100%;
	height:auto;
	margin: 5px 0;
}



#responsiveTabs .select_menu p {
	font-size:1.3rem;
}
#responsiveTabs .select_menu p.select_menu_sm {
    font-size:1.2rem;
}
#responsiveTabs .select_menu h5{
	font-size: 1.5rem;
}
#responsiveTabs .select_menu p span{
	font-size: 1.1rem;
}


/**/
#responsiveTabs .select_menu_col1 {
	overflow: hidden;
    margin-top: 30px;
}
#responsiveTabs .select_menu_col1 ul{
	width: 25%;
	display: table;
	table-layout: fixed;
	max-width: 640px;
}
#responsiveTabs .select_menu_col1 ul li{
	display:table-cell;
	text-align:center;
	padding-right: 10px;
}
#responsiveTabs .select_menu_col1 ul li img{
	width:100%;
	height:auto;
	margin: 5px 0;
}
#responsiveTabs .select_menu_col1 p {
	font-size:1.3rem;
}
#responsiveTabs .select_menu_col1 h5{
	font-size: 1.5rem;
}
#responsiveTabs .select_menu_col1 p span{
	font-size: 1.1rem;
}

#responsiveTabs .okuizome h5 {
	color: #A79631;
	font-size:1.5rem;
	padding: 0px 0px 15px 0px;
}
#responsiveTabs .okuizome div img {
	float:left;
	width: 125px;
}
#responsiveTabs .okuizome div p {
	margin-left: 125px;
}
#responsiveTabs .okuizome ul{
	margin-top: 20px;
}
.back_page_top {
	width: 100%;
	box-sizing: border-box;
	max-width: 960px;
  margin: 10px auto;
}
.back_page {
  text-align: right;
	max-width: 960px;
  margin: 0 auto 20px auto;
}
.back_page_top.shisen a,
.back_page.shisen a{
	color:#318C7F;
}
.back_page_top.spica a,
.back_page.spica a{
	color:#D97D59;
}

.iframe_wrap {
	overflow: hidden;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.iframe_wrap iframe {
  width: 100%;
	box-sizing:border-box;
	padding: 0;
}


/***********************************
幅が980px以下の場合
***********************************/
@media screen and (max-width:980px){
#restaurant {
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
}
.plan {
  width: 100%;
	box-sizing:border-box;
	padding: 0px 10px;
}
#responsiveTabs .tab_cont .tab_inner,
#responsiveTabs2 .tab_cont .tab_inner  {
	width:100%;
	box-sizing:border-box;
	padding: 30px 10px;
}
.back_page_top {
  padding-left: 10px;
}
.back_page {
	padding-right: 10px;
}
.koshitsu .inner {
	box-sizing:border-box;
	padding:0 10px;
}
#restaurant .koshitsu_inner {
	box-sizing:border-box;
	padding:0 10px;
}
}

@media screen and (max-width:780px){
#restaurant p.comment {
	height: 50px;
}
}
/***********************************
幅が640px以下の場合
***********************************/
@media screen and (max-width: 640px){
#comment span.lunch{
	margin-left:0;
}
#comment span.teatime{
	margin-left:0;
	margin-top:3px;
	display:block;
}

#restaurant {
  border-top: 0;
  margin: 20px auto 0px auto;
  padding: 0;
}

#restaurant div.spica {
	float:none;
	width:100%;
	box-sizing:border-box;
	padding:0 10px 20px 10px;
	border-bottom: 1px solid #BFAE9B;

}
#restaurant .koshitsu {
  padding-bottom: 20px;
  margin: 15px 10px 0 10px;
}
#restaurant .koshitsu .left_cont{
	float:none;
	width: 100%;
	box-sizing:border-box;
	padding-right: 0;
}
#restaurant .koshitsu .contact {
	width:100%;
	box-sizing:border-box;
	padding:1px;
}
#restaurant .koshitsu .contact p{
	float:left;
	width:70%;
	box-sizing:border-box;
	padding: 5px 0px 0px 5px;
}
#restaurant .koshitsu .contact img{
	float:right;
	width:30%;
	height:auto;
	box-sizing:border-box;
}
#restaurant .koshitsu .left_cont h3 {
	color: #A59631;
	font-size: 1.5rem;
	margin-bottom: 10px;
}
#restaurant .koshitsu .left_cont h3.shop:before {
	background: url(../images/facility/icon_restaurant.png) no-repeat top left;
	background-size: 20px 20px;
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0px;
}
#restaurant .koshitsu .left_cont h3.shop {
	padding-left: 25px;
}
#restaurant .koshitsu.last {
	border-bottom:0;
}
#restaurant div.shisen {
	float:none;
	width:100%;
	padding:0px 10px 20px 10px;
  border-bottom: 1px solid #BFAE9B;
	margin-top: 20px;
}
#restaurant .spica table,
#restaurant .shisen table{
	font-size: 1.2rem;
}
#restaurant .spica th,
#restaurant .shisen th {
	width: 25%;
	padding: 0px 5px;
	box-sizing: border-box;
}
#restaurant .spica td,
#restaurant .shisen td {
	text-align: left;
	padding: 8px 0px 3px 5px;
	vertical-align: middle;
}
#restaurant .spica table img,
#restaurant .shisen table img {
	width: 20px;
	height: auto;
	vertical-align: middle;
	margin-right: 5px;
}
#restaurant .btn_spica,
#restaurant .btn_shisen {
	border-radius: 4px;
}
#restaurant .btn_spica a,
#restaurant .btn_shisen a {
	font-size:1.3rem;
}
#restaurant .btn_spica a:after,
#restaurant .btn_shisen a:after {
	background-size: 9px 18px;
	content: '';
	width: 9px;
	height: 18px;
	position:absolute;
	top: 28%;
  right: 8px;
}
#responsiveTabs .left_cont p,
#responsiveTabs2 .left_cont p {
  margin: 3px 0 5px 0px;
}
#btnPlan {
	display:none;
}



/* タブ */
#responsiveTabs, #responsiveTabs2 {
	margin: 10px 0px 15px 0px !important;
}
#responsiveTabs .inner, #responsiveTabs2 .inner{
	display:none;
}
#responsiveTabs #tabs {
	display:none;
}
/*#responsiveTabs #tab0,*/
#responsiveTabs #tab1,
#responsiveTabs #tab2,
#responsiveTabs #tab3,
#responsiveTabs #tab4,
#responsiveTabs #tab5,
#responsiveTabs #tab6,
#responsiveTabs2 #tab0 {
	border-top: 0px;
  border-bottom: 0px;
}
#responsiveTabs .left_cont, #no-Tabs .left_cont,
#responsiveTabs2 .left_cont {
	width:100%;
	box-sizing:border-box;
	float:none;
}
#responsiveTabs .left_cont span, #no-Tabs .left_cont span,
#responsiveTabs2 .left_cont span{
	vertical-align:top;
	margin-left:5px;
}
#responsiveTabs .right_cont, #no-Tabs .right_cont,
#responsiveTabs2 .right_cont {
	width:100%;
	box-sizing:border-box;
	float:none;
	/*padding: 0 10px;*/
	margin-top: 15px;
}

#responsiveTabs .nomal_cont h3, #responsiveTabs2 .nomal_cont h3
 {
	font-size:1.3rem;
}

/*20170428追記*/
#responsiveTabs .full_cont h3, #responsiveTabs2 .full_cont h3
 {
	font-size:1.4rem;
}


#responsiveTabs .left_cont h3 span.rubi, #responsiveTabs2 .left_cont h3 span.rubi{
	font-size: 1.0rem;
	font-weight: 500;
	vertical-align:baseline;
}
#responsiveTabs .frame, #responsiveTabs2 .frame {
	display:none;
}
#responsiveTabs .nomal_cont .frame{
	display:block;
	font-size:1.2rem;
}
#responsiveTabs .nomal_cont .frame .frame_left,
#responsiveTabs .nomal_cont .frame .frame_right{
	width: 100%;
	display: block;
	padding:10px;
	text-align:left;
	border:none;
	box-sizing:border-box;
}
#responsiveTabs .nomal_cont .frame .frame_right{
	border-top: 1px dotted #FF4C4C;
}
#responsiveTabs .frame_left p{
	border-right:none;
}

#responsiveTabs .nomal_cont .price{
	font-size: 1.4rem;
}
#responsiveTabs .frame_left s{
	font-weight: bold;
	font-size: 2.2rem;
}
#responsiveTabs .frame_left .price, #responsiveTabs .frame_right .price,
#responsiveTabs .frame3_left .price, #responsiveTabs .frame3_center .price, #responsiveTabs .frame3_right .price, #responsiveTabs .frame_none .price,
#responsiveTabs2 .frame_left .price, #responsiveTabs2 .frame_right .price, #responsiveTabs2 .frame_none .price,
#responsiveTabs2 .frame3_left .price, #responsiveTabs2 .frame3_center .price, #responsiveTabs2 .frame3_right .price
{
	font-size:2.2rem;
	font-weight: bold;
}
#responsiveTabs .frame_right .price{
	font-size: 1.5rem;
}
#responsiveTabs .nomal_cont .photo img{
	width: 100%;
}
#responsiveTabs .menu h4, #responsiveTabs .menu h5, #responsiveTabs .box h4,
#responsiveTabs2 .menu h4, #responsiveTabs2 .menu h5{
	font-size: 1.4rem;
	color:#A69631;
	display: block;
	width:100%;
}
#responsiveTabs .menu h4 p, #responsiveTabs2 .menu h4 p{
	display: block;
}
#responsiveTabs .menu h4 span {
	display: none;
}
#responsiveTabs2 .menu h4 span {
	display:block;
	font-size:1.3rem;
	margin-top:10px;
	color: #666;
}
    #responsiveTabs .menu ul.w100, #responsiveTabs .menu ul.w60, #responsiveTabs .menu ul.w50, #responsiveTabs .menu ul.w40, #responsiveTabs .menu ul.w30,#responsiveTabs .menu ul.w20,
    #responsiveTabs2 .menu ul.w100, #responsiveTabs2 .menu ul.w60, #responsiveTabs2 .menu ul.w50, #responsiveTabs2 .menu ul.w40, #responsiveTabs2 .menu ul.w30,  #responsiveTabs2 .menu ul.w20 {
	width:100%;
	box-sizing:border-box;
	float:none;
	padding: 10px 0px;
}
#responsiveTabs .select_menu ,#responsiveTabs2 .select_menu {
	overflow: hidden;
}
#responsiveTabs .select_menu ul,#responsiveTabs2 .select_menu ul {
	width: 102%;
	display: block;
	table-layout: fixed;
	max-width: 640px;
}
#responsiveTabs .select_menu_col1 ul,#responsiveTabs2 .select_menu_col1 ul{
	width: 102% ;
	display: block;
	table-layout: fixed;
	max-width: 640px;
}
#responsiveTabs .menu ul.font-l,#responsiveTabs2 .menu ul.font-l{
	font-size:1.3rem;
}
#responsiveTabs .select_menu ul li,#responsiveTabs2 .select_menu ul li{
	width:50%;
	display: block;
	float:left;
	text-align:center;
	padding-right: 10px;
	box-sizing:border-box;
}
#responsiveTabs .select_menu_col1 ul li,#responsiveTabs2 .select_menu_col1 ul li{
	width:100%;
	display: block;
	float:left;
	text-align:center;
	padding-right: 10px;
	box-sizing:border-box;
}
#responsiveTabs .select_menu .yorimichi201709 li{
	float:left;
}
#responsiveTabs .menu ul li ul.w50{
	width:100%;
	box-sizing:border-box;
	float:none;
	padding: 10px;
}
#responsiveTabs .select_menu ul li img,#responsiveTabs2 .select_menu ul li img{
	width:100%;
	height:auto;
	margin: 5px 0;
}
#responsiveTabs .menu span.photo, #responsiveTabs2 .menu span.photo{
	width:100%;
	padding-bottom:20px;
	margin: 0 auto;
	display:block;
	float:none;
}
#responsiveTabs .select_menu p {
	font-size:1.1rem;
}
    #responsiveTabs .select_menu p.select_menu_sm {
        font-size:1.1rem;
    }
#responsiveTabs .select_menu h5{
	font-size: 1.3rem;
}
#responsiveTabs .tab_cont .tab_inner,
#responsiveTabs2 .tab_cont .tab_inner {
	padding-top: 15px;
	padding-bottom: 15px;
}
#responsiveTabs .tel{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
#responsiveTabs .sp_tel {
	margin-top: 15px;
	border:2px solid #A79631;
	border-radius: 4px;
	color:#A79631;
	display:table;
	width: 100%;
	box-sizing: border-box;
}
#responsiveTabs .sp_tel div {
	display:table-cell;
	vertical-align:middle;
}
#responsiveTabs .sp_tel div.icon_tel{
	width:25px;
	background-color:#A89631;
	padding: 0px 0px 0px 10px;
}
#responsiveTabs .sp_tel div.icon_tel img{
	width: 100%;
	height:auto;
	max-width: 17px;
}
#responsiveTabs .tel_comment {
	padding:10px;
}
.plan {
	border-top: 1px solid #BFAE9B;
}
#responsiveTabs .menu ul.w70{
	width:	100%;
}
}

@media screen and (max-width: 603px){
#restaurant .info{
	margin-top: 0 !important;
	border-top: none !important;
}
.info ul {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}
.info ul.box3{
	padding-bottom: 10px;
}
.info ul.box3 li {
	display: block;
	width: 100%;
	margin: 10px 0px 0px 0px;
}
.info ul li a.plan {
	border: none;
	padding: 8px 0px;
}
.btn_plan_event{
	width: 100% !important;
	margin-bottom: 10px;
}
.btn_plan_spica ,
.btn_plan_shisen,
.btn_plan_beerfair,
.btn_plan_event {
	border-radius:4px;
}
.btn_plan_spica a,
.btn_plan_shisen a,
.btn_plan_beerfair a,
.btn_plan_event a {
  padding: 8px 0px;
	font-size: 1.3rem;
}
.btn_plan_spica a:after,
.btn_plan_shisen a:after,
.btn_plan_beerfair a:after,
.btn_plan_event a:after {
	background-size: 9px 18px;
	content: '';
	width: 9px;
	height: 18px;
}
.info ul li .left_cont_sp {
	float:left;
	width: 45%;
	box-sizing:border-box;
	padding-right: 10px;
}
.info ul li .right_cont_sp {
	float:right;
	width: 55%;
	box-sizing:border-box;
  line-height: 1.5;
}
.info ul li .right_cont_sp p.thema {
	margin:0px;
}
.info ul.box3 li.line{
	border-top:1px dotted #BFAE9B;
	margin-top: 15px;
	padding-top: 5px;
}
.info ul.box3 li.line.sp_hide {
	display:none;
}



}


.info .box1{
	width:50%;
	margin:0 auto;
}

@media screen and (max-width: 640px){
.info .box1{
	width:100%;
	margin:0 auto;
}
}

.shisen_osusume{
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #A89631;
}

.shisen_osusume h3{
    font-size: 2.4rem;
    color: #A89631;
    margin-bottom: 15px;
}
@media screen and (max-width: 640px){
    .shisen_osusume{
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 1px dashed #A89631;
    }

    .shisen_osusume h3{
        font-size: 1.4rem;
        color: #A89631;
        margin-bottom: 10px;
    }
}

.hot .red2{
    font-size: 1.0rem !important;
    font-weight: bold;
}
.lunch_date{
    font-size: 1.6rem;
    margin-top: 10px;
}
/*----------------------------------------------------
 style end
----------------------------------------------------*/