@charset "utf-8";
/*///////////////////////////////////////////////////////////////////
CSS information
 file_name : style_ex.css
 style_info : MediaqueryStyle
///////////////////////////////////////////////////////////////////*/


/*====================================================================
	index
====================================================================

Breakpoint///
	1201px < width
 841px < width < 1200px
 width < 1024px
 width < 768px
 width < 420px
 width < 320px


z-index///
	aaa = -10
 bbb = 0
 ccc = 10
 ddd = 20
 eee = 30

*/




/*-----------------------------------------------------------------------------------------------
 XXXpx < width
-----------------------------------------------------------------------------------------------*/

/*===============================================================
	1201px < width
===============================================================*/
@media screen and (min-width: 1201px) {



/*==============================================================*/
}/* end */
/*==============================================================*/




/*
=================================================================================================================================
XXXpx < width
---------------------------------------------------------------------------------------------------------------------------------
width > XXXpx
=================================================================================================================================
*/



/*-----------------------------------------------------------------------------------------------
 XXXpx > width > YYYpx
-----------------------------------------------------------------------------------------------*/

/*===============================================================
 841px < width < 1200px
===============================================================*/
@media screen and (min-width: 841px) and (max-width: 1200px) {



/*==============================================================*/
}/* end */
/*==============================================================*/



/*-----------------------------------------------------------------------------------------------
 XXXpx > width
-----------------------------------------------------------------------------------------------*/


/*===============================================================
 width < 1024px
===============================================================*/
@media screen and (max-width: 1024px) {



/*==============================================================*/
}/* end */
/*==============================================================*/


/*===============================================================
 width < 768px
===============================================================*/
@media screen and (max-width: 768px) {
	html,body{
		margin:0px;
		padding:0px;
	}
	body{
		overflow-x:hidden;
	}
	
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	.warp{
		width:100%;
	}
	
	#breadcrumb{
		width:100%;
		padding-top: 50px;
	}
	.home .container{
		padding-top: 50px;
	}
	/*---------------------------------------------------------
		header
	*/
	header{
    	height: 90px;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow-x: initial;
	}
	header .band_area {
	    display: block;
	    text-align: center;
	    position: static;
	    left: 0;
	    right: 0;
	    margin: auto;
	    top: 7px;
	    width: 100%;
	    z-index: 100;
	    padding: 7px 0px;
	}
	a.main_logo img{
		width:55px;
	}
	header ul{
		position:fixed;
		top:0;
		left:-80%;
		background:#fff;
		z-index:9;
		width:80%;
		height:100%;
		-webkit-transition: all .3s ease 0s;
		-moz-transition: all .3s ease 0s;
		-o-transition: all .3s ease 0s;
		transition: all .3s ease 0s;
		border: none;
	}
	header ul.nav_open{
		left:0;
		overflow:scroll;
		position:fixed;
	}
	header ul li{
		display:table;
		min-height:60px;
		height:auto;
		width: 100%;
		margin: 0;
		padding-top: 13px;
		background:#fff;
		line-height: normal;
	}
	header li.menu_none{
		line-height: 40px;
	}
	header li.menu_none a{
		padding-left:20px;
	}
	header li.nav_pc{
		display: none;
	}
	
	header li:after{
		display:none;
	}
	header li:hover:after{
		display:none;
	}
	header li a{
		padding:0 0 0 20px;
	}
	header li ul.sub_menu{
		display:block;
		opacity:1;
		position:initial;
	}
	header li ul.sub_menu.sub_menu_oder{
		width:100%;
		padding:0;
	}
	header li ul.sub_menu li{
		background:#f2f2f2;
		width:100%;
	}
	header li:hover ul.sub_menu{
		padding:0;
	}
	header li ul.sub_menu.sub_menu_rest li{
		display:none;
	}
	header li ul.sub_menu.sub_menu_party{
		width:100%;
	}
	header li ul.sub_menu li a{
		padding:0 0 0 40px;
		line-height:40px;
	}
	header li ul.sub_menu li a:after{
		display:none;
	}
	header li:hover:after{
		display:none;
	}
	header li.footer_contents_sp{
		background: #555555;
		padding: 30px 0;
	}
	header li.footer_contents_sp a{
		font-size:1em;
		color: #fff;
		line-height: 2.5;
	}

	header li a span{
		display: block;
		line-height: initial;
		font-size: 0.8em;
		color: #94958a;
	}
	header li.nav_half{
		position: relative;
		display: inline-block;
		width: 50%;
		height: 80px;
		border: none;
		padding: 0;
	}
	header li.nav_half a{
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		margin: auto;
		padding: 0;
		color: #fff;
		text-align: center;
		line-height: 80px;
	}
	header li.nav_online{
		background: #94958a;
	}
	header li.nav_online a:after{
		content: "";
		display: inline-block;
		width: 7px;
		height: 7px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg) translateY(-2px);
		-ms-transform: rotate(45deg) translateY(-2px);
		-moz-transform: rotate(45deg) translateY(-2px);
		-webkit-transform: rotate(45deg) translateY(-2px);
	}
	header li.nav_reservation{
		background: #2b4162;
	}
	header li.nav_reservation img{
		width: 15px;
		transform: translate(2px,-2px);
		-ms-transform: translate(2px,-2px);
		-moz-transform: translate(2px,-2px);
		-webkit-transform: translate(2px,-2px);
	}
	header li.sp_nav_sns{
		letter-spacing: -.4em;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	header li.sp_nav_sns a{
		display: inline-block;
		width: 45px;
		padding: 0;
	}
	header li.sp_nav_sns a img{
		width: 100%;
	}


	header a.main_logo{
		display: block;
		margin: 0 auto;
		/*padding-top:5px;*/
		padding-top:10px;
		text-align: center;
		width:120px;
	}
	header .sns_area{
		display: none;
	}
	
	.sp_menu_bk{
		top:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,.8);
		z-index:9;
		position:fixed;
	}
	.sp_menu_bk .close_btn{
		display:block;
		width:50px;
		height:50px;
		position:absolute;
		top:0;
		right:0;
	}
	.sp_menu_bk .close_btn:before,
	.sp_menu_bk .close_btn:after{
		content:"";
		display:block;
		width:40px;
		height:3px;
		background:#fff;
		position:absolute;
		top:30px;
		right:5px;
	}
	.sp_menu_bk .close_btn:before{
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.sp_menu_bk .close_btn:after{
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.sp_nav_btn{
/*	    position: absolute;
	    top: 38px;
	    left: 20px;*/
	    position: absolute;
	    top: 53px;
	    left: 20px;
	}
	.sp_nav_btn span {
		-webkit-transition: all .3s ease 0s;
		-moz-transition: all .3s ease 0s;
		-o-transition: all .3s ease 0s;
		transition: all .3s ease 0s;
		display:block;
		width:20px;
		height:2px;
		background:#000;
	}
	.sp_nav_btn span.top {
		transform: translateY(-10px) scale(1);
		-ms-transform: translateY(-10px) scale(1);
		-moz-transform: translateY(-10px) scale(1);
		-webkit-transform: translateY(-10px) scale(1);
		position:absolute;
		top:2px;
	}
	.sp_nav_btn span.middle {
		background: none;
		position: relative;
	}
	.sp_nav_btn span.middle:before,
	.sp_nav_btn span.middle:after {
		-webkit-transition: all .3s ease 0s;
		-moz-transition: all .3s ease 0s;
		-o-transition: all .3s ease 0s;
		transition: all .3s ease 0s;
		content: "";
		width: 20px;
		height: 2px;
		background: #000;
		display: block;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		position: absolute;
	}
	.sp_nav_btn span.bottom {
		transform: translateY(10px) scale(1);
		-ms-transform: translateY(10px) scale(1);
		-moz-transform: translateY(10px) scale(1);
		-webkit-transform: translateY(10px) scale(1);
		position:absolute;
		top:-2px;
	}
	
	.sp_header_cart{
	    position: absolute;
	    top: 36px;
	    right: 10px;
	    display: block;
	    width: 40px;
	    height: 40px;
	    text-align: center;
	    padding: 7px 0 0 0;
	}
	.sp_header_cart img{
		width:25px;
	}
	
	/*---------------------------------------------------------
		footer
	*/
	.footer_logolink a{
		vertical-align:middle;
		margin:5px 0;
	}
	
	.footer_sns,
	.copyright .img_permit{
		display:inline-block;
		width:48%;
	}
	
	.footer_sns{
		position:inherit;
		top: 0;
		right: 0;
		vertical-align:top;
		padding-top:20px;
	}
	.footer_sns li{
		margin:0 7%;
		max-width:90px;
	}
	.footer_sns li img{
		width:100%;
	}
	.page_top {
		display: none;
	}
	
	h1.page_title span,
	h2.sub_page_title span {
		font-size:2.5em;
	}
	.copyright{
		height:auto;
	}
	.copyright .img_permit{
		float:none;
		padding-left: 2%;
	}
	.copyright .img_permit img:nth-child(2){
		max-width:100%;
	}
	address{
		text-align:center;
		padding:10px 0;
	}
	
	
	/*---------------------------------------------------------
		select category
	*/
	
	select.category{
		width: 100%;
		height: 50px;
		background: #fcfcf9;
		border-color: #bbbbba;
		padding:0 20px;
		border-radius: 0;
		font-size: 1.25em;
		letter-spacing: 0.05em;
		font-family: 'Prata', serif;
		color: #94958a;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	
	.select_warp{
		display:block;
		position:relative;
		max-width:400px;
		margin:0 auto 20px;
	}
	.select_warp:before,
	.select_warp:after{
		content:"";
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		right: 10px;
	}
	.select_warp:before{
		top: 10px;
		border: 5px solid transparent;
		border-bottom: 5px solid #bbbbba;
	}
	.select_warp:after{
		bottom: 10px;
		border: 5px solid transparent;
		border-top: 5px solid #bbbbba;
	}
	
	/*===================================================================
		03 TOP
	===================================================================*/
	.main_img img{
		/*opacity:1;*/
	}
	
	.top_news_1{
		width:100%;
		height:auto;
		margin:0;
		padding-bottom: 30px;
	}
	.top_news_1 img{
		width:100%;
	}
	.top_news_img {
	    position: relative;
	    overflow: hidden;
	    float: left;
	    width: 40%;
	}
	p.top_news_title{
		font-size:1.5em;
	}
	.top_news_img_mark {
	    margin-bottom: 20px;
	}
	.top_news_inner{
		width: 100%;
		margin-bottom: 0;
	}
	.top_news_inner:nth-child(3n){
		margin: 0;
	}
	.top_news_5,
	.top_news_6{
		display: none;
	}
	.top_news_2,
	.top_news_3,
	.top_news_4{
		padding: 20px 0;
		margin-bottom: 0;
	}
/*	.top_news_2 img,
	.top_news_3 img,
	.top_news_4 img{
		width: 40%;
	}*/
	.top_news_2 img, .top_news_3 img, .top_news_4 img {
	    width: 100%;
	    float: left;
	}
/*	.top_news_2 p.top_news_title,
	.top_news_3 p.top_news_title,
	.top_news_4 p.top_news_title{
		font-size: 1.5em;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 45%;
		display: table;
		margin: auto;
		width: 60%;
	}*/
	.top_news_2 p.top_news_title, .top_news_3 p.top_news_title, .top_news_4 p.top_news_title {
	    font-size: 1.5em;
	    position: STATIC;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    display: block;
	    margin: auto;
	    width: 60%;
	    float: left;
	    padding: 13px 0 0 10px;
	}
	.contents_link{
		margin-bottom: 0;
	}
	.contents_link li,
	.contents_link img{
		width:100%;
	}
	.contents_link li{
		margin-bottom:30px;
	}
	p.contents_link_title{
		font-size:1.5em;
	}
	
	.top_recommend{
		padding:40px 0 20px;
	}
	.top_recommend_inner{
		width:46%;
		margin:0 1% 20px;
		vertical-align: top;
	}
	.top_recommend_inner img{
		width:100%;
	}
	.top_recommend_info,
	.top_recommend_info p{
		position:inherit;
		opacity:1;
	}
	.top_recommend_info{
		width:auto;
		height:auto;
		background:none;
	}
	.top_recommend_info p{
		font-size:1em;
		color:#555;
	}
	
	.main_img img{
		width: 120%;
		vertical-align: top;
	}
	.main_img_inner img{
		left: -10%;
	}
	.top_news{
		border: none;
		margin: 20px auto 40px;
	}
	.top_news_img_1{
		width: auto;
		height: auto;
	}

	.sp_band_area{
		display: none;
		padding: 0 10px;
		position: relative;
		margin-top: 20px;
	}
	.sp_band_area:after{
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		position: absolute;
		top: 25px;
		right: 25px;
		border-top: 1px solid #d4d3c8;
		border-right: 1px solid #d4d3c8;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.sp_band_area p{
		display: block;
		width: 100%;
		border-top: 1px solid #d4d3c8;
		padding: 10px 0 0;
	}
	.sp_band_area a{
		display: block;
		width: 100%;
		border-bottom: 1px solid #d4d3c8;
		padding: 5px 0 10px;
	}
	
	/*===================================================================
		04 NEWS
	===================================================================*/
	.news,
	.news_content,
	.news_ft_nav,
	.news_more{
		width:100%;
	}
	.news .page_title{
		font-size:2.3em;
		height: 110px;
		line-height: 95px;
	}
	.page-template-archive-news address{
		display:block;
	}
	
	ul.news_category_nav{
		background:none;
		letter-spacing:-.4em;
	}
	ul.news_category_nav li{
		letter-spacing:normal;
		width:50%;
		padding:0;
		border-top: 1px solid #94958a;
	}
	ul.news_category_nav li:nth-child(2n){}
	ul.news_category_nav li:nth-child(2n-1){
		border-right: 1px solid #94958a;
	}
	
	ul.news_category_nav li.on{}
	ul.news_category_nav li.on:after{
		display:none;
	}
	
	ul.news_index_all li{
		width:50%;
		padding:3%;
	}
	
	.news_index_img{
		width:100%;
		height:auto;
	}
	ul.news_index_all li:nth-child(n + 1):not(:nth-child(n + 5)){
		border-top:none;
	}
	ul.news_index_all li:nth-child(n + 1):not(:nth-child(n + 3)){
		border-top:1px solid #ddd;
	}
	ul.news_index_all li:nth-child(4n +1){
		border-left:none;
	}
	ul.news_index_all li:nth-child(2n +1){
		border-left:1px solid #ddd;
	}
	.news_tag p{
		height:auto;
		display:block;
		line-height:normal;
		margin-bottom:5px;
	}
	ul.news_index_all li p.news_category{
		font-size:1em;
		padding:0;
	}
	ul.news_index_all li p.news_category:after{
		display:none;
	}
	ul.news_index_all li p.news_day{
		font-size:1em;
		float:none;
	}
	p.news_title{
		height:auto;
		font-size:1.4em;
	}
	
	.news_pagination{
		margin: 20px 0 50px;
	}
	.news_pagination span,
	.news_pagination a{
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 1.2em;
	}
	
	.news_content{
		padding-bottom:50px;
	}
	.news_content img{
		max-width:100%;
	}
	.news_content_text{
		padding:0 2%;
	}
	
	
	/*===================================================================
		05 OUR STORY
	===================================================================*/
	.about .about_wrap {
		padding: 0 5%;
	}
	.about .about_wrap p {
		font-size: 1.1em;
		margin-bottom: 35px;
	}
	.about .about_wrap h1.page_title span,
	.about .about_wrap h2.sub_page_title span {
		margin: 0 auto 20px;
	}
	.about .about_wrap>img {
		margin-bottom: 50px;
	}
	.about .about_wrap.commitment {
		padding-bottom: 15px;
	}
	.about .about_wrap.style {
		padding-bottom: 50px;
	}
	.about,
	.about_main img{
		width:100%;
	}
	.about .about_wrap br.pc_n {
		display: none;
	}
	.about .about_wrap ul.original_mark br.sp_n {
		display: block;
	}
	.about .about_wrap ul.original_mark li {
		width: 45%;
		height: auto;
		margin: 0 1.5%;
		padding-bottom: 3%;
	}
	.about .about_wrap ul.original_mark li:nth-of-type(3),
	.about .about_wrap ul.original_mark li:nth-of-type(4) {
		margin-top: 2.5%;
	}
	.about .about_wrap ul.original_mark li img {
		width: 45%;
		height: auto;
		margin: 10% 0 4%;
	}
	.about .contributors {
		padding-bottom: 50px;
	}
	.about .contributors .essay {
		width: 100%;
	}
	.about .contributors .essay .name {
		padding: 10px 0px;
		text-align: center;
	}
	.about .contributors .essay .name p:nth-of-type(1) {
		font-size: 2.0em;
	}
	.about .contributors .headline {
		width: 100%;
		padding: 0px 0px 10px;
	}
	.about .contributors .headline p {
		font-size: 1.4em;
	}
	.about .contributors .essay .sentence {
		font-size: 1.1em;
		line-height: 1.86;
	}
	.about .contributors ul {
		margin-top: 20px;
	}
	.about .contributors ul li {
		width: 100%;
		float: none;
	}
	.about .contributors ul:nth-of-type(2) .headline {
		margin: 40px 0 0px;
	}
	.about .contributors ul:nth-of-type(2) .essay {
		margin: 0px;
	}
	.about .about_wrap.our_story p,
	.about .about_wrap.commitment p {
		text-align: left;
	}
	.about .cafe_restaurant {
		padding: 20px 3% 50px;
	}
	.about .cafe_restaurant p {
		margin-bottom: 0px;
	}


	/*===================================================================
		06 RESTAURANT
	===================================================================*/
	.restaurant {
		width: 100%;
		padding: 0 5%;
	}
	.restaurant img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.restaurant .restaurant_wrap.main {
		margin-bottom: 5%;
	}
	.restaurant .restaurant_wrap.main h2 {
		color: #9e8b6f;
		font-size: 17px;
		line-height: 30px;
	}
	.restaurant h1.page_title span,
	.restaurant h2.sub_page_title span {
		font-size:2.5em;
	}
	.restaurant .restaurant_wrap.main .catch {
		width: 100%;
		margin: 5% auto 5%;
	}
	.restaurant .restaurant_wrap.main .catch p.ttl {
		text-align: center;
		font-size: 1em;
		margin-bottom: 5%;
	}
	.restaurant .restaurant_wrap.main p {
		text-align: left;
		font-size: 12px;
		line-height: 24px;
	}
	
	.restaurant .restaurant_wrap.menu {
		padding: 10%  0 5%;
	}
	.restaurant .restaurant_wrap.menu .fl_left {
		width: 100%;
		margin-bottom: 5%;
	}
	.restaurant .restaurant_wrap.menu .fl_right {
		width: 100%;
		margin-bottom: 5%;
	}
	.restaurant .restaurant_wrap.menu .fl_right .photo img {
		height: auto;
	}
	.restaurant .restaurant_wrap.menu .menu_list {
		margin: 5% 0 10%;
	}
	.restaurant .restaurant_wrap.menu .menu_list li {
		margin: 0 0 3%;
	}
	.restaurant .restaurant_wrap.menu .menu_list dt,
	.restaurant .restaurant_wrap.menu .menu_list dd {
		 display:table-cell;
		 vertical-align:middle;
		 font-size: 12px;
		 line-height: 22px;
	}
	.restaurant .restaurant_wrap.menu .menu_list dt {
		width: 70%;
		padding-right: 1%;
	}
	.restaurant .restaurant_wrap.menu .menu_list dd {
		width: 12%;
	}
	.restaurant .restaurant_wrap.menu .menu_btn li a {
		width: 100%;
		font-size: 12px;
		padding: 5% 0;
		margin-bottom: 3%;
	}
	
	.restaurant .restaurant_wrap.menu .sub_head {
		margin-bottom: 5%;
		padding-bottom: 5%;
		border-bottom: 1px solid #555555;
	}
	.restaurant .restaurant_wrap.menu .sub_head h3 {
		text-align: center;
		font-size: 20px;
		margin: 5% 0 ;
	}
	.restaurant .restaurant_wrap.menu .sub_head p {
		font-size: 12px;
		line-height: 22px;
	}
	.restaurant .restaurant_wrap.menu .course_list li {
		margin-bottom: 5%;
	}
	.restaurant .restaurant_wrap.menu .course_list h4 {
		font-size: 14px;
		margin-bottom: 2px;
	}
	.restaurant .restaurant_wrap.menu .course_list dt,
	.restaurant .restaurant_wrap.menu .course_list dd {
		font-size: 12px;
		line-height: 22px;
	}
	
	.restaurant .restaurant_wrap.location {
		margin-bottom: 10%;
	}
	.restaurant .restaurant_wrap.location .location_info li {
		margin-bottom: 5%;
	}
	.restaurant .restaurant_wrap.location .location_info li.online_more,
	.restaurant .restaurant_wrap.location .location_info li.online_more a {
		width: 100%;
	}

	.restaurant .restaurant_wrap.location .location_info li.head h3 {
		font-size: 22px;
		line-height: 34px;
	}
	.restaurant .restaurant_wrap.location .location_info li.head dd {
		font-size: 12px;
	}
	.restaurant .restaurant_wrap.location .location_info li dt,
	.restaurant .restaurant_wrap.location .location_info li span.ttl {
		font-size: 12px;
		line-height: 18px;
	}
	.restaurant .restaurant_wrap.location .location_info li span.small {
		font-size: 10px;
	}
	.restaurant .restaurant_wrap.location .location_info li.online_more a {
		width: 100%;
		display: block;
		font-family: 'ElleNovCB';
		text-align: center;
		color: #fff;
		font-size: 13px;
		line-height: 20px;
		letter-spacing: 0.08em;
		background: #9e8b6f;
		padding: 14px 0; 
	}
	.restaurant .restaurant_wrap.location .policy_lest dd {
		font-size: 10px;
		line-height: 20px;
	}
	.restaurant .restaurant_wrap.location .fl_right {
		width: 100%;
	}

	.restaurant .restaurant_wrap.menu h2 span:before,
	.restaurant .restaurant_wrap.menu h2 span:after{
		display: none;
	}
	.restaurant .restaurant_wrap .menu_pdf li{
		width: 100%;
		margin-bottom: 50px;
	}
	.restaurant .restaurant_wrap .menu_pdf li:nth-child(2n){
		margin-left: 0;
	}
	.restaurant .restaurant_wrap .menu_pdf li a{
		margin: 10px auto 0;
	}
	.restaurant .restaurant_wrap.other_link{
		margin-bottom: 30px; 
	}
	.restaurant .restaurant_wrap.other_link a{
		width: 90%;
		margin: 20px auto;
	}
	.restaurant .restaurant_wrap.other_link a:before{
		width: 98%;
	}

	.restaurant .restaurant_wrap .menu_pdf li a.pdf_menu:hover{
		opacity: 0;
	}
	.on .pdf_menu {
	    opacity: 0.7!important;
	    transition: all 1s 1s;
	}
	.restaurant .slick-dotted.slick-slider{
		margin: 0 auto 0px;
		width: 320px;
	}
	.new_restaurant_innar {
	    width: 100%;
	    margin: auto;
	}
	.restaurant h1.page_title span, .restaurant h2.sub_page_title span {
	    font-size: 28px;
	    font-weight: bold;
	    margin: 0 0 25px;
	    padding: 0;
	}
	.new_restaurant h1 span:before,.new_restaurant h1 span:after,.new_restaurant h2 span:before,.new_restaurant h2 span:after {
	    border-top: 1px solid;
	    content: "";
	    position: absolute;
	    top: 50%;
	    display: none;
	    width: 99em;
	}
	.new_restaurant .restaurant_wrap.main h2 {
	    color: #9e8b6f;
	    font-size: 18px;
	    line-height: 20px;
	}
	.restaurant .restaurant_wrap.main .catch p.ttl {
	    font-size: 12px;
	}
	.restaurant .restaurant_wrap.main .catch {
	    margin: 10px auto 55px;
	}
	.restaurant .restaurant_wrap.main p {
	    font-size: 12px;
	    line-height: 24px;
	}
	.restaurant .restaurant_wrap .menu_pdf li {
	    margin-bottom: 30px;
	}
	.restaurant.about.new_restaurant.container.underlayer {
		padding: 0;
	}
	.new_restaurant_innar {
	    width: 100%;
	/*	padding: 0 7.8%;*/
	}
	.new_restaurant section.restaurant_wrap {
	    margin: 0 0 0;
	}
	section.restaurant_wrap.rest_reservation img {

	    display: none;
	}
	.reservation_innar_left {
	    width: 100%;
	    float: none;
	    padding: 0;
	}
	section.restaurant_wrap.rest_reservation {
	    position: relative;
	    height: auto;
	}
	section.restaurant_wrap.rest_reservation:after {
	    content: "";
	    position: relative;
	    width: 400%;
	    height: 420px;

	    left: -200%;
	    z-index: -1;
	    display: block;
	    display: none;
	}
	.reservation_innar_left li{
	        background: #94958a;
	        padding: 10px 0;
	        margin: 0 0 7px;
	}
	.reservation_innar_left h3 {
	    font-family: didot;
	    font-size: 13px;
	    letter-spacing: 0.02em;
	    text-align: center;
	    padding:0;
	    color: #ffffff;
	    -webkit-font-smoothing: none;
	    -webkit-font-smoothing: antialiased;
	}
	.reservation_innar_left p {
	    font-size: 11px;
	    letter-spacing: 0.1em;
	    text-align: center;
	    padding: 0;
	    color: #ffffff;
	    -webkit-font-smoothing: none;
	    -webkit-font-smoothing: antialiased;
	    font-weight: 600;
	}
	.reservation_innar_left ul {
	    width: 100%;
	    margin: 10px 0 70px;
	}
	.new_restaurant .contributors .headline p {
	    font-size: 13px;
	    line-height: 20px;
	}
	.about.new_restaurant .about_wrap {
	    padding: 0 0;
	}
	.about.new_restaurant .contributors ul {
	    margin-top: 0px;
	}
	.about .contributors .essay .name p:nth-of-type(1) {
	    font-size: 25px;
	    text-align: left;
	}
	.about .contributors .essay .name {
	    text-align: left;
	}
	.new_restaurant .restaurant_wrap{
		padding: 0 7.8%;
	}
	.restaurant.new_restaurant .restaurant_wrap.menu {
	    padding: 10% 7.8% 5%;
	}
	.new_restaurant .headline {
	    margin:0 auto 5px!important;
	    width: 84.4%!important;
	    color: #555555;
	}
	.new_restaurant .headline p{
	    color: #555555;
	}
	.new_restaurant .contributors .essay {
		padding: 0 7.8%;
	}
	.new_restaurant .contributors .essay .name p:nth-of-type(2) {
	    font-size: 11px;
	}
	.new_restaurant .contributors .essay .sentence {
	    font-size:12px;
	    line-height: 24px;
	}
	.new_restaurant .contributors ul:nth-of-type(2) .headline {
	    margin: 35px auto 0!important;
	}
	.restaurant .restaurant_wrap .menu_pdf li p.menu_text {
	    font-size: 11px;
	}
	.restaurant.new_restaurant section.restaurant_wrap.menu.f2{
		padding: 5% 7.8% 5%!important;
	}
	.story_wrap .sp_contents{
		width: 100%;
	}
	/*===================================================================
		07 DELI
	===================================================================*/
	.deli {
		width: 100%;
		padding: 0 0;
	}
	.deli .innar_1100{
		padding: 0 5%!important;
	}
	.deli section.deli_wrap.main.shop_pick_wrap.innar_1100 {
		padding: 10% 5% 0!important;
	}
	.deli img {
		width: 100%;
		height: auto;
	}
	.deli .deli_wrap.main {
		margin-bottom: 5%;
	}
	.deli .deli_wrap.main h2 {
		color: #9e8b6f;
		font-size: 19px;
		line-height: 30px;
	}
	.deli h1.page_title span,
	.deli h2.sub_page_title span {
		font-size:2.5em;
	}
	.deli .deli_wrap.main .catch {
		width: 100%;
		margin: 5% auto 5%;
	}
	.deli .deli_wrap.main .catch p.ttl {
		text-align: center;
		font-size: 1em;
		margin-bottom: 5%;
	}
	.deli .deli_wrap.main p {
		text-align: left;
		font-size: 12px;
		line-height: 24px;
	}
	
	.deli .deli_wrap.menu {
		padding: 10%  0 5%;
	}
	.deli .deli_wrap.menu .fl_left {
		width: 100%;
		margin-bottom: 5%;
	}
	.deli .deli_wrap.menu .fl_right {
		width: 100%;
			margin-bottom: 5%;
	}
	.deli .deli_wrap.menu .fl_right .photo img {
		width: 100%;
		height: auto;
	}
	.deli .deli_wrap.menu .menu_list {
		margin: 5% 0 10%;
	}
	.deli .deli_wrap.menu .menu_list li {
		margin: 0 0 3%;
	}
	.deli .deli_wrap.menu .menu_list dt,
	.deli .deli_wrap.menu .menu_list dd {
		 display:table-cell;
		 vertical-align:middle;
		 font-size: 12px;
		 line-height: 22px;
	}
	.deli .deli_wrap.menu .menu_list dt {
		width: 70%;
		padding-right: 1%;
	}
	.deli .deli_wrap.menu .menu_list dd {
		width: 12%;
	}
	.deli .deli_wrap.menu .menu_btn li a {
		width: 100%;
		font-size: 12px;
		padding: 5% 0;
		margin-bottom: 3%;
	}
	
	.deli .deli_wrap.menu .sub_head {
		margin-bottom: 5%;
	}
	.deli .deli_wrap.menu .sub_head h3 {
		text-align: center;
		font-size: 20px;
		margin: 5% 0 ;
	}
	.deli .deli_wrap.menu .sub_head p {
		font-size: 12px;
		line-height: 22px;
	}
	.deli .deli_wrap.menu .course_list li {
		margin-bottom: 5%;
	}
	.deli .deli_wrap.menu .course_list li.online_more,
	.deli .deli_wrap.location .location_info li.online_more {
		width: 100%;
	}
	.deli .deli_wrap.menu .course_list li.online_more a,
	.deli .deli_wrap.location .location_info li.online_more a {
		width: 100%;
		font-size: 12px;
		line-height: 18px;
		padding: 5% 0; 
	}
	.deli .deli_wrap.menu .course_list h4 {
		font-size: 14px;
		margin-bottom: 2px;
	}
	.deli .deli_wrap.menu .course_list dt,
	.deli .deli_wrap.menu .course_list dd {
		font-size: 12px;
		line-height: 22px;
	}
	
	.deli .deli_wrap.location {
		margin-bottom: 10%;
	}
	.deli .deli_wrap.location .location_info li {
		margin-bottom: 5%;
	}
	.deli .deli_wrap.location .location_info li.head h3 {
		font-size: 22px;
		line-height: 34px;
	}
	.deli .deli_wrap.location .location_info li.head dd {
		font-size: 12px;
	}
	.deli .deli_wrap.location .location_info li dt,
	.deli .deli_wrap.location .location_info li span.ttl {
		font-size: 12px;
		line-height: 18px;
	}
	.deli .deli_wrap.location .location_info li span.small {
		font-size: 10px;
	}
	.deli .deli_wrap.location .location_info li.online_more a {
		width: 100%;
		display: block;
		font-family: 'ElleNovCB';
		text-align: center;
		color: #fff;
		font-size: 13px;
		line-height: 20px;
		letter-spacing: 0.08em;
		background: #9e8b6f;
		padding: 14px 0; 
	}
	.deli .deli_wrap.location .policy_lest dd {
		font-size: 10px;
		line-height: 20px;
	}
	.deli .deli_wrap.location .fl_right {
		width: 100%;
	}
	
	/* ADD[S] */
	.deli .deli_order .fl_left figure{
		position: relative;
	}
	.deli .deli_order .fl_left p{
		width: 100%;
	}
	/* ADD[E] */
	/* ADD 201706 [S] */
	.deli .deli_menu .deli_menu_list{
		text-align: left;
	}
	.deli .deli_menu .deli_menu_list li{
		width: 48%;
		margin: 0 0 40px;
	}
	.deli .deli_menu .deli_menu_list li:nth-child(2n){
		margin-left: 4%; 
	}
	.deli .deli_menu .deli_menu_list li .menu_name_en{
		font-size: 1.2em;
	}
	.deli .deli_menu .deli_menu_list li .menu_text{
		margin-top: 10px;
	}
	.deli .deli_menu .deli_menu_link_btn{
		width: 100%;
		margin: 30px 0;
	}
	.deli .deli_menu .deli_menu_link_btn:before{
		width: 98%;
	}
	/* ADD 201706 [E] */
	.new_deli h1.page_title span, .new_deli h2.sub_page_title span {
	    font-size: 28px;
	    font-weight: bold;
	    line-height: 28px;
	    margin: 0 0 35px;
	}
	h1 span:before, h1 span:after, h2 span:before, h2 span:after {
	   display: none;
	}
	.new_deli .deli_wrap.main h2 {
	    color: #9e8b6f;
	    font-size: 18px;
	    line-height: 20px;
	}
	.new_deli .deli_wrap.main .catch p.ttl {
	    color: #9e8b6f;
	    font-size: 13px;
	    margin-bottom: 30px;
	    line-height: 15px;
	}
	.new_deli .deli_wrap.main .catch {
	    text-align: center;
	    width: 100%;
	    margin: 18px 0 0 0;
	    color: #505050;
	}
	.new_deli .deli_wrap.main p {
	    font-size: 12px;
	    line-height: 24px;
	    margin: 0 0 45px;
	}
	.new_deli ul.rest_slider.slick-initialized.slick-slider.slick-dotted {
		width: 100%;
	}
	.new_deli .deli_wrap.main {
	    margin-bottom: 50px;
	}
	.new_deli .delimenu h2.sub_page_title span {
	    margin: 0 0 30px;
	}
	.new_deli .deli_menu .deli_menu_list li .menu_name_en {
	    font-size: 12px;
	    margin: 10px 0;
	    line-height: 12px;
	}

	.new_deli .deli_menu .deli_menu_list li .menu_name_en {
	    font-family: didot;
	    color: #9e8b6f;
	    font-size: 12px;
	    margin: 10px 0 7px;
	    line-height: 15px;
	}
	.new_deli .deli_menu .deli_menu_list li .menu_text {
	    width: 95%;
	    margin-top: 15px;
	    font-size: 12px;
	    line-height: 21px;
	    margin: 10px 0 0 0;
	}
	.new_deli .deli_menu .deli_menu_list li {
	    margin: 0 0 25px;
	}
	.new_deli .sp_br{
		display: inline;
	}
	p.deli_menu_annotation {
	    background: #d4d3c8;
	    height: auto;
	    color: #505050;
	    line-height: 20px;
	    font-size: 11px;
	    letter-spacing: 0.02em;
	    margin: 20px 0 0 0;
	    padding: 5px 20px;
	    width: 120%;
	    left: -10%;
	    position: relative;
	}
	section.deli_wrap.menu.delimenu {
	    padding: 0 0 75px;
	}
	.new_deli .shop_pick_wrap h1.page_title span, .new_deli .shop_pick_wrap h2.sub_page_title span {
	    margin: 0 0 25px;
	}
	.new_deli .deli_wrap.main p {
	    font-size: 12px;
	    line-height: 28px;
	    margin: 0 0 35px;
	}
	.pc_br{
		display: none;
	}
	.new_deli .deli_wrap.main .catch p {
	    font-size: 12px;
	    line-height: 24px;
	    margin: 0 auto 35px;
	    width: 84%;
	}
	.shop_pick_innar {
	    padding: 15px 15px 0;
	    height: auto;
	}
	.shop_pick_innar h3 {
	    font-family: didot;
	    font-size: 15px;
	    line-height: 21px;
	    color: #333333;
	}
	.shop_pick_innar p {
	    font-size: 12px!important;
	    line-height: 21px!important;
	    color: #333333;
	}
	.deli_location {
	    width: 100%;
	    margin: auto;
	    display: block;
	}
	.shop_pick {
	    width: 100%;
	    background: #f2f1ea;
	    margin: 0 0 20px;
	}
	.deli.container.new_deli img{
		width: 100%;
	}
	.shop_pick a {
	    width: 100%;
	    height: 35px;
	    background: #94958a;
	    display: block;
	    text-align: center;
	    color: #fff;
	    line-height: 35px;
	    font-size: 12px;
	    left: 0.04em;
	    -webkit-font-smoothing: none;
	    -webkit-font-smoothing: antialiased;
	    font-weight: 600;
	}
	.new_deli .deli_wrap.main.shop_pick_wrap .catch {
	    margin: 0px auto 35px;
	}

	/*===================================================================
		08 ORDER
	===================================================================*/
	.order h1.page_title span{
		margin-bottom:20px;
	}
	
	.order .order_txt{
		width:100%;
		margin-bottom:20px;
		width: 96%;
		font-size: 1.1em;
	    margin: 0 auto 20px;
	}
	.order .order_contents{
		display:block;
		width:96%;
		max-width:320px;
		margin:20px auto;
	}
	.order .order_contents img{
		width:100%;
	}
	
	/*---------------------------------------------------------
	order-contact
	*/
	.order_contact h1.page_title span{
		font-size: 2em;
	}
	
	.order_contact p{
		font-size: 1.15em;
	}
	.order_contact p span{
		display: block;
		width: 90%;
		margin: 0 auto;
		text-align: left;
	}
	
	.order_contact a{
		display: block;
		margin: 15px auto 25px;
	}
	.order_contact a.order_btn img{
		width: 50%;
	}
	.order_contact img.order_menu{
		width: 100%;
	}
	/*===================================================================
		09 PARTY
	===================================================================*/
	.party{}
	.party h1{
		font-size: 1.5em;
	}
	.party h1.page_title span{}
	.party .party_text{
		font-size: 1em;
		width: 90%;
		margin: 0 auto;
	}
	.party .party_contact{
		width: 100%;
	}
	.party .party_contact p.title{
		font-size: 1.3em;
	}
	.party .party_contact p.party_contact_detail{
		font-size: 1em;
	}
	.party .plan_wrap .party_menu p span{
		display: initial;
	}
	.party .plan_wrap .party_menu{
		width: 90%;
		margin: 0 auto;
	}
	.party .plan_wrap .comment{
		width: 90%;
		margin: 0 auto;
	}
	.party .terms .terms_contents{
		width: 90%;
		margin: 0 auto;
	}
	
	/*===================================================================
		10 COLUMN
	===================================================================*/
	
	/*---------------------
		COLUMN slider
	----------------------*/
	.slick-slide p{
		position: inherit;
		font-size: 1em;
		padding-left: 0;
		text-align: center;
		height:60px;
		line-height:60px;
	}
	.slick-prev, .slick-next{
		width:30px;
		-webkit-transform: translate(0, -100%);
		-ms-transform: translate(0, -100%);
		transform: translate(0, -100%);
	}
	.slick-prev{
		left:2%;
	}
	.slick-next{
		right:2%;
	}
	
	/*---------------------
		COLUMN
	----------------------*/
	.column{
		overflow:hidden;
	}
	.column_contents_l,
	.column_contents_r{
		width:100%;
	}
	.column_contents_r{
		margin:0;
		padding:0 2%;
		text-align:center;
	}
	.column_right_title{
		text-align:left;
	}
	.column_right_link{
		text-align:left;
	}
	
	.column .page_title{
		font-size: 2.3em;
		height: 110px;
		line-height: 95px;
	}
	
	ul.column_category_nav li{
		width:50%;
	}
	
	ul.column_category_nav li.on:after{
		display:none;
	}
	
	ul.column_category_nav{
		background:none;
		letter-spacing:-.4em;
	}
	ul.column_category_nav li{
		letter-spacing:normal;
		width:50%;
		padding:0;
		border-top: 1px solid #94958a;
	}
	ul.column_category_nav li:nth-child(2n){}
	ul.column_category_nav li:nth-child(2n-1){
		border-right: 1px solid #94958a;
	}
	ul.column_index_all{
		text-align:center;
		border:none;
	}
	ul.column_index_all li{
		text-align:left;
		width:100%;
		max-width:400px;
		border: 1px solid #d4d3c8;
		border-top:none;
	}
	ul.column_index_all li:first-child{
		border: 1px solid #d4d3c8;
	}
	ul.column_index_all li:nth-child(2){
		border-top: none;
	}
	ul.column_index_all li .column_index_img{
		max-width:100%;
		height:auto;
	}
	ul.column_index_all li .column_index_img img{
		width:100%;
	}
	
	.home .column_content{
		padding-top: 0;
	}
	.column_content_caption{
		font-size:2.3em;
		height: 110px;
		line-height: 95px;
	}
	.column_content_title h1{
		font-size:2em;
		height: auto;
		line-height: normal;
		max-width: 90%;
		margin: auto;
	}
	.column_content_title p{
		right: 2%;
	}
	
	.column_btn a{
		width: 96%;
	}
	.column_sns{
		padding-right:2%;
	}
	.column_main_text{
		padding:0 2%;
	}
	.column_prof{
		height:auto;
		padding:20px 2%;
	}
	.column_prof_l{
		width:100%;
		padding:0;
	}
	.column_prof_r {
		text-align: center;
		width: 100%;
		margin-top:20px;
	}
	.column_txt_area{
		padding:0 2%;
	}
	.column_sub_title{
		margin: 30px 0;
		font-size: 2em;
}
	.column_txt_area img{
		max-width:100%;
	}
	.column_txt_area .type_b{
		margin:0;
		width:100%;
	}
	.column_item{
		width:96%;
		height:auto;
		margin:50px auto 10px;
	}
	.column_item_caption{
		padding: 8px 2%;
		font-size: 1.2em;
		line-height: normal;
		height: auto;
	}
	.column_item img {
		margin: 20px auto;
		display: block;
	}
	.column_item_r{
		width:100%;
		padding: 20px 2%;
	}
	.column_item_name,
	.column_item_price{
		text-align:center;
	}
	.column_item_name:after{
		display:none;
	}
	a.column_item_link{
		position:inherit;
		margin: 20px auto 10px;
	}

	/*===================================================================
		10_2 COLUMN(recipe)
	===================================================================*/
	.column_recipe h1{
		padding: 20px;
		font-size: 1.6em;
		height: auto;
		line-height: normal;
	}
	.recipe_content_title .column_day{
		padding-right: 2%;
	}
	.column_recipe h2{
		font-size: 1.5em;
	}
	
	.recipe_main_area img,
	.recipe_main_area .recipe_description_area{
		display: block;
	}
	.recipe_main_area img{
		max-width: 100%;
		margin: 0 auto;
	}
	.recipe_main_area .recipe_description_area{
		padding: 30px 2% 0;
		margin: 0 auto;
	}
	
	.recipe_material,
	.recipe_process{
		margin: 30px 0 0;
		padding: 0 2%;
	}

	.column_recipe .free_area{
		padding: 0 2%;
	}
	
	
	/*===================================================================
		99 other page
	===================================================================*/

	/*---------------------
		SERVICE GUIDE
	----------------------*/
	.service_inner{
		width:100%;
		padding:0 2%;
	}
	.service h1{
		font-size:2em;
	}
	/*party*/

	section.restaurant_wrap.new_party, .party_wrap, .party_plan_contents.party_terms {
		width: 100%;
		margin: auto;
	}
	.restaurant.container.party {
		padding: 0;
	}
	.restaurant h1.page_title span, .restaurant h2.sub_page_title span {
		font-size: 3em;
		font-size: 30px;
		margin: 0px auto 35px;
	}
	.new_party h1 span:before, .new_party h1 span:after, .new_party h2 span:before, .new_party h2 span:after {
		display: none;
	}
	section.restaurant_wrap.new_party p {
		font-size: 12px;
		line-height: 24px;
		text-align: left;
		padding: 0 25px;
		margin: 0 0 30px;
	}
	ul.party_main {
		margin: 0;
	}
	ul.party_main li {
		width: 100%;
		float: none;
		margin: 0 0 50px;
		padding: 0 0 10px;
		/*    border-bottom: 1px solid #94958a;*/
		border: none;
	}
	.party_main_lead img {
		position: absolute;
		right: 10px;
		top: 0;
		margin: auto;
		bottom: 0;
		width: 7px;
	}
	.party_contents_title {
		font-family: didot;
		font-size: 20px;
		line-height: 26px;
		letter-spacing: 0.02em;
		color: #555555;
		text-align: left;
		margin: 20px 0 10px;
		padding: 0 10px;
	}
	.party_main_lead {
		position: relative;
		color: #505050;
		font-size: 12px;
		line-height: 24px;
		text-align: left;
		padding: 0 50px 0 10px;
	}
	.party_main_lead:after {
		content: "";
		height: 1px;
		width: 100%;
		background: #94958a;
		display: inline-block;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.party_main_lead:after {
		content: "";
		height: 1px;
		width: 94.5%;
		background: #94958a;
		display: inline-block;
		position: absolute;
		left: 0;
		bottom: -10px;
		right: 0;
		margin: auto;
	}
	.party_contact_new:after {
		display: none;
	}
	.party_plan_contents h2 {
		font-family: didot;
		font-size: 18px;
		letter-spacing: 0.04em;
		color: #555555;
		line-height: 30px;
		margin: 0 0 5px;
		/* background: #eeeeee; */
	}
	.party_contact_new {
		position: relative;
		clear: both;
		padding: 30px 0 30px;
		z-index: 2;
		margin: 20px 0 0;
		background: #eee;
	}
	.party_contact_new p, .party_terms p {
		line-height: 12px;
		font-size: 12px;
	}
	ul.contact_box {
		width: 100%;
		display: block;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin: 20px auto 0;
	}
	ul.contact_box li {
		width: 84.375%;
		height: 61px;
		background: #fff;
		/* float: left; */
		position: relative;
		margin: auto;
		margin: 0 auto 10px;
	}
	ul.contact_box li a {
		font-size: 10px;
		color: #555555;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		padding: 12px 0 0 0;
	}
	ul.contact_box li a span {
		font-size: 12px;
		color: #555555;
		display: block;
		margin: 3px 0 0 0;
	}
	.terms_of_service {
		width: 93%;
		height: 280px;
		overflow: scroll;
		background: #f2f1ea;
		padding: 30px 25px;
		text-align: left;
		font-size: 10px;
		line-height: 20px;
		margin: 30px auto 160px;
	}
	section.party_plan_contents.party_terms {
		margin: 60px 0 0 0;
	}
	/*catering*/

	section.party_plan_contents.table_contents dl {
		width: 84%;
		margin: auto;
		clear: both;
		border-bottom: 1px solid #94958a;
		font-size: 12px;
		line-height: 21px;
		color: #505050;
		text-align: left;
		letter-spacing: 0.04em;
		position: relative;
		margin: 0 8%;
	}
	.table_contents dt:after {
		content: "";
		height: 3px;
		width: 19%;
		bottom: -3px;
		position: absolute;
		display: block;
		background: #94958a;
	}
	.table_contents dt {
		font-family: 'ElleNovCB';
		width: 19%;
		float: left;
		padding: 20px 0 10px;
		font-size: 12px;
		line-height: 21px;
	}
	.table_contents dd {
		width: 81%;
		padding: 20px 0 10px 10px;
		font-size: 12px;
		line-height: 21px;
	}
	ul.catering_ul {
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 100%;
		margin: 20px auto 10px;
	}
	.table_about {
		font-size: 10px;
		line-height: 20px;
		color: #505050;
		text-align: left;
		margin: 15px auto 0;
		width: 100%;
		padding: 0 8%;
	}
	.underlayer .party_contact_new {
		position: relative;
		clear: both;
		padding: 30px 0 30px;
		z-index: 2;
		margin: 70px 0;
	}
	ul.wedding_ling_ul li a {
		font-size: 14px;
	}
	ul.wedding_ling_ul {
		width: 86%;
		margin: 0 auto 70px;
	}
	ul.wedding_ling_ul li {
		width: 100%;
		float: left;
		text-align: left;
		padding: 20px 0 14px 25px;
		line-height: 16px;
		border-bottom: 1px solid #9f9d8b;
		margin: 0 0px 0px 0;
		position: relative;
	}
	ul.wedding_ling_ul li:nth-child(3n) {
		margin: 0 0px 0px 0;
	}
	ul.wedding_ling_ul li span {
		position: absolute;
		top: 45%;
		left: 1%;
		color: #9f9d8b;
	}
	.wedding_wrap h2 {
		font-family: didot;
		font-size: 23px;
		line-height: 21px;
		overflow: visible;
		color: #555555;
		font-weight: bold;
		margin: 0 0 25px;
	}
	p.wedding_text {
		color: #505050;
		font-size: 12px;
		margin: 0 0 15px;
		line-height: 24px;
		text-align: left;
		padding: 0 8%;
	}
	.wedding_wrap {
		margin: 0 0 75px;
	}
	.anim_contents {
		width: 100%;
		margin: 0 auto 50px;
	}
	.anim_contents li {
		display: inline-block;
		margin: 0;
		width: 25%;
	}
	section#a4 {
		margin: 0 0 75px;
	}
	.line_hr {
		width: 100%;
		display: block;
		margin: auto;
		height: 1px;
		background: #949589;
		margin: 0 auto 50px;
	}
	.wedding_wrap h2 {
		font-family: didot;
		font-size: 21px;
		line-height: 21px;
		overflow: visible;
		color: #555555;
		font-weight: bold;
	}
	.w_bottom h2 {
		margin: 0;
	}
	ul.wedding_ling_ul li:nth-child(n+5) {
		display: none;
	}
	.sp_br {
		display: inline;
	}
	.partyplan_ling ul.wedding_ling_ul {
		width: 86%;
		margin: 0 auto 70px;
	}
	ul.wedding_ling_ul li span {
		top: 4px;
	}
	.partyplan_ling ul.wedding_ling_ul li {
		width: 100%;
		float: left;
		text-align: left;
		padding: 20px 0 14px 25px!important;
		line-height: 16px;
		border-bottom: 1px solid #9f9d8b;
		margin: 0 0px 0px 0!important;
		position: relative;
	}
	.party_plan .wedding_wrap h2 {
		margin: 0 0 25px;
	}
	.wedding.party_plan .table_contents {
		margin: 10px 0 0 0;
	}
	.sp_no_br{
		display: none;
	}
	ul.wedding_ling_ul li span {
	    top: 27%;
	}
	img.yen {
	    width: 8px;
	}


	.location_bar ul {
	    float: left;
	    font-size: 0;
	}
	.location_bar li {
		font-size: 12px;
	    line-height: 24px;
	    margin: 14px 10px 0 0px;
	}
	.location_bar li span {
		font-size: 10px;
	    line-height: 24px;
	    font-family: 'ElleNovCB';
	    letter-spacing: 0.04em;
	    margin: 0 0 0 5px;
	}
	.l_innar_left p span.span_title {
	    font-size: 18px!important;
	    letter-spacing: 0.05em;
	    font-weight: bold;
	    line-height: 19px;
	}
	.l_innar_left p span.span_title_jp {
	    font-size: 14px!important;
	}
	.l_box {
	    width: 20px;
	    height: 20px;
	    color: #fff;
	    text-align: center;
	    font-size: 10px;
	    line-height: 20px;
	    display: inline-block;
	}


	.l_innar_left .l_box{

	    height: 38px;
	    line-height: 38px;
	}
	.location_bar li:last-child {
	    margin: 14px 0px 0 0px;
	}
	.location_bar li:first-child {
	    font-size: 11px;
	    margin: 0 0 0px 10px;
	}
	.location_bar li:first-child span{
	    margin: 0 10px 0px 0px;
	}
	.location_bar li:last-child {
	    margin: 18px 0px 0 0px;
	}
	.l_innar_left p {
	    font-size: 12px;
	    line-height: 22px;
	    letter-spacing: 0.05em;
	    margin: 0 0 30px 0;
	}.l_innar_left p span.span_title {
	    font-size: 18px!important;
	    letter-spacing: 0.05em;
	    font-weight: bold;
	}
	.l_innar_left p {
	    margin: 0 0 15px 0;
	}
	.l_innar_left a {
	    height: 38px;
	    display: inline-block;
	    background: #94958a;
	    color: #ffff;
	    line-height: 39px;
	    padding: 0 15px;
	    letter-spacing: 0.03em;
	    font-size: 11px;
	    width: 100%;
	    text-align: center;
	    letter-spacing: 0.1em;
	}
	.l_innar_left .google_l_box a,
	.l_innar_left .google_l_box2 a,
	.l_innar_left .google_l_box3 a
	 {
	    font-size: 12px;
	    letter-spacing: 0;
	}
	.l_innar_left {
	    width: 100%;
	    float: none;
	    margin: 0 0 25px;
	}
	.l_innar_right {
	    width: 100%;
	    float: none;
	    margin: 0 0 15px;
	}
	.l_innar_left li {
	    display: inline-block;
	    width: 11.76%;
	}
	li.google_l_box {
	    width: 64.72%;
	}
	li.google_l_box2 {
	    width: 88.24%;
	}
	.l_innar_left .l_box {
	    height: 38px;
	    font-size: 13px;
	    line-height: 38px;
	    width: 100%;
	}
	.policy_pop_wrap_innar {
	    width: 86%;
	    height: 70%;
	    background: #fff;
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top: 0;
	    margin: auto;
	    display: inline-block;
	    padding: 30px;
	}
	.policy_pop_wrap_innar {
	    width: 86%;
	    height: 70%;
	    background: #fff;
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top: 0;
	    margin: auto;
	    display: inline-block;
	    padding: 60px 30px 30px;
	}
	.policy_pop_wrap_innar p {
	    font-size: 12px;
	    line-height: 22px;
	}
	.pc_contents{
		display: none;
	}
	.sp_contents{
		display: block;
	}
	.l_innar_left.sp_contents {
	    margin: 20px 0 25px;
	}
	.location_contents.end_lc {
	    margin: 40px auto 0;
	}
	.story .sp_br{
		display: none;
	}
	.story .restaurant_wrap.new_party{
		margin: 0 auto 50px ;
	}
	.story h1.page_title span, .story h2.sub_page_title span {
	    margin: 0px auto 25px!important;
	}
	ul.story_ul {
		width: 86%;
		margin: auto;
		display: block;
		overflow: hidden;
	}
	ul.story_ul.sp_contents{
		display: block;
	}

	.story_ul li{
		width: 48%;
		margin: 0 4% 15px 0;
		float: left;
	}
	.story_ul li:nth-child(2n){
		margin: 0 0 15px;
	}
	.story_ul li img{
		width: 100%;
	}
	.story section.restaurant_wrap.new_party p {
	    font-size: 12px;
	    line-height: 24px;
	    text-align: left;
	    padding: 0 35px;
	    margin: 0 0 40px;
	}
	.story_wrap {
	    margin: 40px auto 0px;
	    clear: both;
	}
	.page-template-page-story footer{
		margin: 0;
	}
	.tel{
		height: auto !important;
		display: inline !important;
		color: #000 !important;
		background: #f2f1ea !important;
		font-weight: normal !important;
		line-height: 14px !important;
		text-decoration: underline!important;

	}
	.location .tel{
		background: #fff !important;
	}
	.simply-scroll {
	    width: 100%;
	    margin-bottom: 1em;
	}
	.simply-scroll .simply-scroll-list li {
	    width: 300px;
	    height: auto;
	}
	.new_restaurant_innar {
	    width: 100%;
	    margin: auto;
	}
	.innar_1100{
	    width: 100%;
	    margin:0 auto 0!important;
	}
	.simply-scroll .simply-scroll-clip {
	    width: 100%;
	    height: auto;
	}
	.new_restaurant section.restaurant_wrap {
	    margin: 0 0 0;
	}
	section.restaurant_wrap.innar_1100.rest_reservation {
	    margin: 0!important;
	}
	.delislide{
		margin:0 0 40px;
	}
	/*add 181022*/
	.stockist_wrap {
	    width: 100%;
	    margin: auto;
	}
	.stockist_ul li{
	  width: 100%;
	  font-size: 0;
	  display: block;
	  margin: 0 0 50px;
	}
	.stockist_ul h3{
	    font-family: 'ElleNovCB';
	    font-size: 18px;
	    line-height: 19px;
	    margin: 0 0 10px;
	}
	.stockist_ul h3 span{
	  font-size: 14px;
	  color:#333;
	  font-weight: 1;
	}
	.stockist_ul p{
	  font-size: 12px;
	  line-height: 20px;
	  color: #333;
	}
	.stockist_ul p span{
	  font-weight: bold;
	}
	.stockist_ul a{
	  font-size: 12px;
	  color:#94958a;
	  text-decoration: underline;
	  word-wrap: break-word;
	}
/*==============================================================*/
}/* end */
/*==============================================================*/


/*===============================================================
 width < 600px
===============================================================*/
@media screen and (max-width: 600px) {
	.about .about_wrap br.sp_n {
		display: block;
	}
	.about .about_wrap ul.original_mark dl {
		letter-spacing: 0.04em;
	}
}
/*===============================================================
 width < 420px
===============================================================*/
@media screen and (max-width: 420px) {
	ul.news_index_all li{
		height:330px;
	}



/*==============================================================*/
}/* end */
/*==============================================================*/



/*===============================================================
 width < 320px
===============================================================*/
@media screen and (max-width: 320px) {
	header li.nav_half a{
		font-size: 1em;
	}
	header li.nav_reservation img{
		width: 13px;
		transform: translate(1px,-1px);
		-ms-transform: translate(1px,-1px);
		-moz-transform: translate(1px,-1px);
		-webkit-transform: translate(1px,-1px);
	}
	header li.nav_online a:after{
		width: 5px;
		height: 5px;
		transform: rotate(45deg) translateY(-3px);
		-ms-transform: rotate(45deg) translateY(-3px);
		-moz-transform: rotate(45deg) translateY(-3px);
		-webkit-transform: rotate(45deg) translateY(-3px);
	}


/*==============================================================*/
}/* end */
/*==============================================================*/