@charset "utf-8";

/*ここでは
	詳細ページ
	などを記述します
*/

.pankuzu{
	padding: 0.7em 1em;
	background: #eaf7ff;
	font-size: 14px;
	}
@media screen and (max-width: 681px) {
	.pankuzu{
		font-size: 12px;
		letter-spacing:
		}
}
@media screen and (max-width: 414px) {
	.pankuzu{
		font-size: 10px;
		}
}


.page_main{
	width: 100%;
	display: table;
	/*height: 460px;*/
	height: 29em;
	text-align: center;
	}
.page_main > h1{
	display: table-cell;
	vertical-align: middle;
	font-size: 36px;
	color: #FFFFFF;
	text-shadow: 3px 2px 8px #575757;
	letter-spacing: 2.5px;
	font-weight: 800;
	}

p.read{
	padding: 1em;
	font-size: 23px;
	color: #4a4a4a;
	font-weight: 400;
	line-height: 1.35em;
	}

@media screen and (max-width: 1280px) {
	.page_main{
		height: 27em;
		}
	.page_main > h1{
		font-size: 30px;
		}

}
@media screen and (max-width: 990px) {
	.page_main{
		height: 20em;
		}
	.page_main > h1{
		letter-spacing: 2px;		}
	p.read{
		font-size: 20px;
		}

}
@media screen and (max-width: 681px) {
	.page_main{
		height: 12em;
		}
	.page_main > h1{
		font-size: 20px;
		letter-spacing: 2px;
		}
	p.read{
		padding: 0.6em 0;
		font-size: 16px;
		line-height: 1.3em;
		}
}
@media screen and (max-width: 414px) {
	.page_main > h1{
		font-size: 18px;
		letter-spacing: 1.5px;
		}
	p.read{
		font-size: 14px;
		}
}





/*コースページ
====================================================*/

#page_route_area{
	background: #fbfbfb;
	padding: 90px 0;
	overflow: hidden;
	}

.spot_box{
	background: url(../../route/shared/img/bg_flow.png) repeat-y left 18px top;
	}
.spot_box:last-child{
	background: none;
	}
	
.c_flow{
	/*padding-bottom: 30px;*/
	}
.c_flow::after { clear: both; content: " "; display: block;}


.list{
	float: left;
	width: 5%;
	}
.list .number {
	display: inline-block;
	background-color: #ffffff;
	height: 29px;
	width: 29px;
	color: #e4007f;
	border: 4px solid #e4007f;
	font-size: 25px;
	font-weight: 800;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background-color: #ffffff;
	text-align: center;
	letter-spacing: -2px;
	padding-right: 2px;
	padding-top: 0.1em;
	
	padding-top: 0.5em\9; /* IE10以下 */
		
	position: relative;
	z-index: 1;
	line-height: 1em;
}
	@media all and (-ms-high-contrast: none){
	  .list .number{
		 padding-top: 0.42em; /* IE10以上 */
	  }
	}



.model_box{
	float: right;
	width: 95%;
	}
.model_box .spot{
	width: 100%;
	background: url(../../route/shared/img/bg_spot.gif) repeat-x bottom left;
	padding-bottom: 15px;
	margin-bottom: 1em;
	position: relative;
	}
.model_box .spot::after { clear: both; content: " "; display: block;}
.spot h4{
	float: left;
	width: 85%;
	font-size: 27px;
	color: #03004c;
	font-weight: 400;
	display: table;
	}
	.spot h4 > span{
		display: table-cell;
		vertical-align: middle;
		height: 100%;
		}
.spot .btn_area{
	float: right;
	display: block;
	/*width: 15%;*/
	margin: 0;
	position: absolute;
	right: 0;
	top: -5px;
	}
.spot .btn_area .morebtn span{
	font-size: 15px;
	min-width: 140px;
	padding: 12px 0;
	}
.spot .btn_area .morebtn::after{
	width: 140px;
	display: none;
	}

.image-list{
	float: left;
	width: 30%;
	}
	.image-list img{
		margin-bottom: 10px;
		}
	.image-list img:last-child{
		margin-bottom: 0;
		}

.block-text{
	float: right;
	width: 67%;
	}
.model_box p{
	font-size: 18px;
	margin-bottom: 1em;
	}

.line_border{
	clear: both;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #7A7A7A;
	}

.time_box{
	clear: both;
	padding-left: 5%;
	background: url(../../route/shared/img/bg_time.png) no-repeat left 14px center;
	padding-bottom: 30px;
	padding-top: 30px;
	}
.time_box > span{
	background: #FFFFFF;
	display: inline-block;
	padding: 0.4em 0.7em;
	color: #23205c;
	font-size: 19px;
	}
.time_box strong{
	font-size: 30px;
	color: #e4007f;
	display: inline-block;
	margin-right: 5px;
	letter-spacing: 0;
	}

/*おすすめポイント*/
.pickup_box{
	margin-top: 15px;
	background: #eaf7ff;
	padding: 10px 20px;
	text-align: center;
	}
.pickup_box > h3{
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: #03004c;
	padding: 0.5em 0 0.9em;
	text-decoration: underline;
	}
.pickup_box ul.photo{}
.pickup_box ul::after { clear: both; content: " "; display: block;}
.pickup_box ul li{
	float: left;
	width: 45%;
	margin: 2% 2.5%;
	}
.pickup_box ul li img{
	border: 7px solid #FFFFFF;
	}
.pickup_box ul li > span{
	font-size: 18px;
	color: #23205C;
	display: block;
	padding-top: 10px;
	line-height: 1.4em;
	}
.pickup_box ul li a{
	text-decoration: underline;
	}

@media screen and (max-width: 1280px) {
	#page_route_area{
		padding: 60px 0 80px;
		}

}
@media screen and (max-width: 990px) {
	#page_route_area{
		padding: 30px 0px 40px;
		}
	.model_box{
		width: 94%;
		}
	.model_box p{
		line-height: 1.5em;
		}
	.list .number{
		height: 24px;
		width: 24px;
		font-size: 22px;
		border: 3px solid #e4007f;
		}
	.spot_box{
		background: url(../../route/shared/img/bg_flow.png) repeat-y left 15px top;
		}

	.time_box{
		background: url(../../route/shared/img/bg_time.png) no-repeat left 11px center;
		}
	.image-list{
		float: none;
		width: auto;
		text-align: center;
		margin-bottom: 20px;
		}
		.image-list img{
			width: 50%;
			}
	
	.block-text{
		float: none;
		width: auto;
		}
	
	/*おすすめポイント*/
	.pickup_box > h3{
		font-size: 27px;
		}
}
@media screen and (max-width: 681px) {
	#page_route_area .cont{
		width: 92%;
		}
	.model_box .spot{
		margin-bottom: 10px;
		}
	.spot_box{
		background: url(../../route/shared/img/bg_flow.png) repeat-y left 12px top;
		}
	.spot h4{
		width: 80%;
		font-size: 19px;
		}
	.spot .btn_area{
		top: -10px;
		}
	.spot .btn_area .morebtn span{
		/*font-size: 14px;*/
		min-width: 100px;
		padding: 9px 0;
		}
	
	.list{
		width: 8%;
		}
	.list .number{
		height: 19px;
		width: 19px;
		font-weight: 600;
		font-size: 16px;
		border: 2px solid #e4007f;
		}
		
	.model_box{
		width: 90%;
		}
	.model_box p{
		font-size: 16px;
		}
	.time_box{
		background: url(../../route/shared/img/bg_time.png) no-repeat left 1.4% center;
		padding: 25px 0 25px 10%;
		}
	.time_box > span{
		font-size: 15px;
		}
	.time_box strong{
		font-size: 28px;
		}
		.image-list img{
			width: auto;
			}
	.pickup_box ul li > span{
		font-size: 16px;
		line-height: 1.25em;
		}
	
	/*おすすめポイント*/
	.pickup_box > h3{
		font-size: 22px;
		}
	.pickup_box ul li{
		float: none;
		width: auto;
		margin: 3% 3%;
		}
	.pickup_box ul li img{
		}
}
@media screen and (max-width: 414px) {
	#page_route_area .cont{
		width: 90%;
		}
	.time_box{
		background: url(../../route/shared/img/bg_time.png) no-repeat left 2.7% center;
		}
	.spot .btn_area{
		top: 0px;
		}
	.spot h4{
		width: 65%;
		font-size: 18px;
		}
	.spot .btn_area .morebtn span{
		font-size: 14px;
		min-width: 90px;
		padding: 8px 0;
		letter-spacing: 2.5px;
		}
	.model_box p{
		font-size: 15px;
		line-height: 1.45em;
		}
	/*おすすめポイント*/
	.pickup_box{
		padding: 5px 10px;
		}
	.pickup_box > h3{
		font-size: 18px;
		padding: 0.2em 0 0.5em;
		}
	.pickup_box ul{
		width: 95%;
		margin: 0 5% 0 0;
		}
	.pickup_box ul li{
		margin: 3% 0;
		}
	.pickup_box ul li > span{
		font-size: 12px;
		line-height: 1.2em;
		}
}
@media screen and (max-width: 375px) {
	.time_box{
		background: url(../../route/shared/img/bg_time.png) no-repeat left 2.8% center;
		}
	.spot h4{
		width: 62%;
		}
}


/*other course
====================================================*/

.other_course{
	background: #f2f2ee;
	padding-bottom: 80px;
	}

.other_course ul{
	width: 990px;
	margin: 0 auto;
	}
.other_course ul::after { clear: both; content: " "; display: block;}
.other_course ul li{
	float: left;
	width: 48%;
	margin: 0 1% 3%;
	text-align: center;
	}
.other_course ul li a{
	display: inline-block;
	border: 3px solid #e4007f;
	position: relative;
	}
.other_course ul li a:before {
	content: "";
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(../img/parts/blank.gif) no-repeat;
	width: 19px;
	height: 15px;
}

.other_course ul li a p{
	position: absolute;
	bottom: 0;
	font-size: 17px;
	color: #03004c;
	background: url(../../route/shared/img/bg_other.png);
	width: 99%;
	padding: 0.5em 0.5%;
	font-weight: 450;
	letter-spacing: 0.5px;
	line-height: 1.2em;
	}


@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 990px) {
	.other_course ul{
		width: 90%;
		}



}
@media screen and (max-width: 681px) {
	.other_course{
		padding-bottom: 30px;
		}
	.other_course ul li{
		float: none;
		width: 80%;
		margin: 0 auto 3.5%;
		}
	.other_course ul li a p{
		position: relative;
		font-size: 15px;
		padding: 0.4em 0.5%;
		line-height: 1.3em;
		}
}
@media screen and (max-width: 375px) {
	.other_course ul li{
		width: 75%;
		}
}



/*グルメページ
====================================================*/

#page_food_area{
	background: #fbfbfb;
	padding: 0 0 20px;
	overflow: hidden;
	}
	#page_food_area .cont{
		width: 90%;
		margin: 0 auto;
		}
#page_food2_area{
	background: #f2f2ee;
	padding: 70px 0 50px;
	overflow: hidden;
	}
	#page_food2_area .cont{
		width: 80%;
		max-width: 1100px;
		margin: 0 auto;
		}

ul.food_menu{
	text-align: center;
	}
ul.food_menu::after { clear: both; content: " "; display: block;}

ul.food_menu li{
	display: inline-block;
	width: 22.5%;
	margin: 0 1% 2.5%;
	background: #FFFFFF;
	text-align: center;
	}
ul.food_menu li a{
	display: block;
	color: #03004c;
	}
ul.food_menu li a > span{
	display: block;
	font-weight: 500;
	font-size: 22px;
	padding: 6px 5px;
	position: relative;
	word-break: break-all;
	letter-spacing: 0.5px;
	}
ul.food_menu li a > span:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../img/parts/bg_food_menu.png) no-repeat right bottom / cover;
	width: 20px;
	height: 20px;
}


/*各一覧
====================================================*/

.food_list{
	background: #FFFFFF;
	box-shadow: 2px 2px 5px 0px #bababa;
	margin-bottom: 95px;
	position: relative;
	}
.food_list::after { clear: both; content: " "; display: block;}


#sushi_list,#ramen_list,#tempura_list,#beer_list,#izakaya_list,#meat_list,#wagashi_list{}

	#sushi_list{
		background: #FFFFFF url(../../food/shared/img/bg_sushi.png) no-repeat left top / 50% auto;
		}
	#ramen_list{
		background: #FFFFFF url(../../food/shared/img/bg_ramen.png) no-repeat left top / 50% auto;
		}
	#tempura_list{
		background: #FFFFFF url(../../food/shared/img/bg_tempura.png) no-repeat left top / 50% auto;
		}
	#beer_list{
		background: #FFFFFF url(../../food/shared/img/bg_beer.png) no-repeat left top / 50% auto;
		}
	#izakaya_list{
		background: #FFFFFF url(../../food/shared/img/bg_izakaya.png) no-repeat left top / 50% auto;
		}
	#meat_list{
		background: #FFFFFF url(../../food/shared/img/bg_meat.png) no-repeat left top / 50% auto;
		}
	#wagashi_list{
		background: #FFFFFF url(../../food/shared/img/bg_wagashi.png) no-repeat left top / 50% auto;
		margin-bottom: 0;
		}

#boro_list,#fire_list,#ume_list,#event_list,#sakura_list{}

	#boro_list{
		background: #FFFFFF url(../../event/shared/img/boro00.png) no-repeat left top / 50% auto;
		}
	#fire_list{
		background: #FFFFFF url(../../event/shared/img/hanabi00.png) no-repeat left top / 50% auto;
		}
	#ume_list{
		background: #FFFFFF url(../../event/shared/img/ume00.png) no-repeat left top / 50% auto;
		}
	#event_list{
		background: #FFFFFF url(../../event/shared/img/tengu00.png) no-repeat left top / 50% auto;
		}
	#sakura_list{
		background: #FFFFFF url(../../event/shared/img/sakuramomiji00.png) no-repeat left top / 50% auto;
		}

.food_title{
	float: right;
	width: 44%;
	padding: 0 3%;
	color: #4a4a4a;
	}
.food_title > h4{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	text-align: center;
	font-size: 73px;
	color: #474747;
	letter-spacing: 3px;
	font-weight: 550;
	display: block;
	/*margin: 25px 0;*/
	margin: 40px 0 35px;
	/*line-height: 1em;*/
	line-height: 1.2em;
	}
.food_title p{
	font-size: 18px;
	line-height: 1.5em;
	}


.shop_area{
	clear: both;
	width: 90%;
	padding: 105px 45px 45px;
	}

.shop_box{
	border-bottom: 1px dashed #eb6100;
	padding-bottom: 20px;
	margin-bottom: 28px;
	}
.shop_box::after { clear: both; content: " "; display: block;}
.shop_box:last-child{
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
	}

.shop_box .photo{
	float: left;
	width: 31%;
	}
.shop_box .photo img{
	margin-bottom: 15px;
	}
.shop_box .photo img:last-child{
	margin-bottom: 0;
	}
	
.shop_box .text{
	float: right;
	width: 66%;
	}
.shop_box .text p{
	letter-spacing: 0.5px;
	margin-bottom: 2em;
	}

.shop_box .shop_name{
	display: block;
	background: url(../img/parts/food_h_bg.gif) repeat-x bottom left;
	padding-bottom: 12px;
	margin-bottom: 20px;
	}
.shop_box .shop_name::after { clear: both; content: " "; display: block;}

.shop_name h5{
	display: block;
	float: left;
	width: 77%;
	font-size: 26px;
	line-height: 1.2em;
	color: #03004c;
	font-weight: 400;
	}
.shop_name .btn_area{
	float: right;
	margin: 0;
	}
	.shop_name .btn_area .morebtn span{
		font-size: 15px;
		min-width: 130px;
		padding: 12px 0;
		}
	.shop_name .btn_area .morebtn::after{
		width: 130px;
		height: 46px;
		top: 53%;
		left: 52%;
		}
	
.shop_box .text dl{
	margin-bottom: 10px;
	}
.shop_box .text dl::after { clear: both; content: " "; display: block;}
.shop_box .text dl dt{
	float: left;
	width: 21%;
	}
.shop_box .text dl dd{
	float: right;
	width: 77%;
	font-size: 18px;
	padding-top: 0.25em;
	line-height: 1.55em;
	}

/*---矢印dt---*/
	.dt_arrow {
		position: relative;
		text-align: center;
		display: block;
		margin: 0 15px 0 0;
		padding: 7px;
		/*min-width: 120px;*/
		max-width: 100%;
		font-size: 15px;
		letter-spacing: 0.5px;
		color: #000000;
		background: #FFF;
		border: solid 1px #03004c;
		box-sizing: border-box;
		font-weight: 300;
	}
	
	//.dt_arrow:before {
//		content: "";
//		position: absolute;
//		top: 0;
//		right: -34px;
//		margin-top: 0;
//		border: 17px solid transparent;
//		border-left: 17px solid #FFF;
//		z-index: 2;
//	}
//	.dt_arrow:after {
//		content: "";
//		position: absolute;
//		top: 0;
//		right: -35px;
//		margin-top:0;
//		border: 17.5px solid transparent;
//		border-left: 17.5px solid #03004c;
//		z-index: 1;
//	}

.bnr_other{
	padding: 90px 0;
	margin: 0 auto;
	text-align: center;
	position: relative;
	}
.bnr_other a{
	display: table;
	width: 940px;
	height: 188px;
	margin: 0 auto;
	text-align: center;
	border: 3px solid #e7ff00;
	background: url(../../food/shared/img/bnr_other.jpg) no-repeat center center / 100% auto;
	}
/*.bnr_other a img{
	display: block;
	}*/


.bnr_other a:hover{
	border: 3px solid #e4007f;
	}
/*.bnr_other img{
	}*/

.bnr_other span{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto 0;
	font-size: 25px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}
/*.bnr_other a:hover span{
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	}*/

.bnr_other span strong{
	background: url(../img/parts/w.gif);
	padding: 0.4em 8em;
	font-weight: 350;
	letter-spacing: 2px;
	}
	
@media screen and (max-width: 1280px) {
	#page_food2_area .cont{
		width: 90%;
		}
		
		#sushi_list{
			background: #FFFFFF url(../../food/shared/img/bg_sushi.png) no-repeat left top / 48% auto;
			}
		#ramen_list{
			background: #FFFFFF url(../../food/shared/img/bg_ramen.png) no-repeat left top / 48% auto;
			}
		#tempura_list{
			background: #FFFFFF url(../../food/shared/img/bg_tempura.png) no-repeat left top / 48% auto;
			}
		#beer_list{
			background: #FFFFFF url(../../food/shared/img/bg_beer.png) no-repeat left top / 48% auto;
			}
		#izakaya_list{
			background: #FFFFFF url(../../food/shared/img/bg_izakaya.png) no-repeat left top / 48% auto;
			}
		#meat_list{
			background: #FFFFFF url(../../food/shared/img/bg_meat.png) no-repeat left top / 48% auto;
			}
		#wagashi_list{
			background: #FFFFFF url(../../food/shared/img/bg_wagashi.png) no-repeat left top / 48% auto;
			}
	
	.food_title{
		width: 45%;
		}
	.food_title > h4{
		font-size: 70px;
		margin: 30px 0;
		letter-spacing: 3px;
		}
	.food_title p{
		line-height: 1.45em;
		letter-spacing: 0.5px;
		}
	ul.food_menu li a > span{
		font-size: 19px;
		padding: 8px 5px;
		}
	ul.food_menu li a > span:after {
		width: 15px;
		height: 15px;
	}
	
	.shop_box{
		padding-bottom: 25px;
		margin-bottom: 30px;
		}
	.shop_box .text p{
		font-size: 17px;
		line-height: 1.55em;
		margin-bottom: 2.5em;
		}
	.shop_box .text dl dt{
		width: 20%;
		}
	.shop_box .text dl dd{
		font-size: 17px;
		letter-spacing: 0.5px;
		}
	.dt_arrow{
		}

}

@media screen and (max-width: 1280px) {
	#page_food2_area .cont{
		width: 90%;
		}
		
		#boro_list{
			background: #FFFFFF url(../../event/shared/img/boro00.png) no-repeat left top / 48% auto;
			}
		#fire_list{
			background: #FFFFFF url(../../event/shared/img/hanabi00.png) no-repeat left top / 48% auto;
			}
		#ume_list{
			background: #FFFFFF url(../../event/shared/img/ume00.png) no-repeat left top / 48% auto;
			}
		#event_list{
			background: #FFFFFF url(../../event/shared/img/tengu00.png) no-repeat left top / 48% auto;
			}
		#sakura_list{
			background: #FFFFFF url(../../event/shared/img/sakuramomiji00.png) no-repeat left top / 48% auto;
			}
	
	.food_title{
		width: 45%;
		}
	.food_title > h4{
		font-size: 70px;
		margin: 30px 0;
		letter-spacing: 3px;
		}
	.food_title p{
		font-size: 17px;
		line-height: 1.45em;
		letter-spacing: 0.5px;
		}
	ul.food_menu li a > span{
		font-size: 19px;
		padding: 8px 5px;
		}
	ul.food_menu li a > span:after {
		width: 15px;
		height: 15px;
	}
	
	.shop_box{
		padding-bottom: 25px;
		margin-bottom: 30px;
		}
	.shop_box .text p{
		font-size: 16px;
		line-height: 1.55em;
		margin-bottom: 2.5em;
		}
	.shop_box .text dl dt{
		width: 20%;
		}
	.shop_box .text dl dd{
		font-size: 17px;
		letter-spacing: 0.5px;
		}
	.dt_arrow{
		font-size: 14px;
		}

}

@media screen and (max-width: 990px) {
	#page_food_area{
		padding: 0 0 35px;
		}
	#page_food_area .cont{
		width: 94%;
		}
	#page_food2_area .cont{
		width: 92%;
		}
	
		#sushi_list{
			background: #FFFFFF url(../../food/shared/img/bg_sushi.png) no-repeat left top / 43% auto;
			}
		#ramen_list{
			background: #FFFFFF url(../../food/shared/img/bg_ramen.png) no-repeat left top / 43% auto;
			}
		#tempura_list{
			background: #FFFFFF url(../../food/shared/img/bg_tempura.png) no-repeat left top / 43% auto;
			}
		#beer_list{
			background: #FFFFFF url(../../food/shared/img/bg_beer.png) no-repeat left top / 43% auto;
			}
		#izakaya_list{
			background: #FFFFFF url(../../food/shared/img/bg_izakaya.png) no-repeat left top / 43% auto;
			}
		#meat_list{
			background: #FFFFFF url(../../food/shared/img/bg_meat.png) no-repeat left top / 43% auto;
			}
		#wagashi_list{
			background: #FFFFFF url(../../food/shared/img/bg_wagashi.png) no-repeat left top / 43% auto;
			}
			
	ul.food_menu li a > span{
		font-size: 18px;
		}
	
	.food_list{
		margin-bottom: 70px;
		}
	
	.food_title{
		width: 55%;
		}
	.food_title > h4{
		font-size: 65px;
		}
	.food_title p{
		font-size: 17px;
		line-height: 1.45em;
		}
	
	.shop_area{
		width: auto;
		padding: 70px 30px 45px;
		}
	.shop_box .text{
		float: none;
		width: auto;
		margin-bottom: 35px;
		}
	.shop_box .text p{
		margin-bottom: 2em;
		line-height: 1.5em;
		}
	.shop_box .photo{
		float: none;
		width: auto;
		}
	.shop_box .photo::after { clear: both; content: " "; display: block;}
	
	.shop_box .photo img{
		float: left;
		width: 47%;
		margin: 0 1.5% 1%;
		}
	
	.bnr_other{
		padding: 60px 0 40px;
		}
	
	.bnr_other a{
		width: 800px;
		height: 160px;
		}
	
	
}

@media screen and (max-width: 990px) {
	#page_food_area{
		padding: 0 0 35px;
		}
	#page_food_area .cont{
		width: 94%;
		}
	#page_food2_area .cont{
		width: 92%;
		}
	
		#boro_list{
			background: #FFFFFF url(../../event/shared/img/boro00.png) no-repeat left top / 50% auto;
			}
		#fire_list{
			background: #FFFFFF url(../../event/shared/img/hanabi00.png) no-repeat left top / 45% auto;
			}
		#ume_list{
			background: #FFFFFF url(../../event/shared/img/ume00.png) no-repeat left top / 43% auto;
			}
		#event_list{
			background: #FFFFFF url(../../event/shared/img/tengu00.png) no-repeat left top / 43% auto;
			}
		#sakura_list{
			background: #FFFFFF url(../../event/shared/img/sakuramomiji00.png) no-repeat left top / 43% auto;
			}
			
	ul.food_menu li a > span{
		font-size: 17px;
		}
	
	.food_list{
		margin-bottom: 70px;
		}
	
	.food_title{
		width: 55%;
		}
	.food_title > h4{
		/*font-size: 65px;*/
		font-size: 45px;
		}
	
	#event_list .shop_area{
		width: auto;
		padding: 70px 30px 45px;
		}
	.shop_box .text{
		float: none;
		width: auto;
		margin-bottom: 35px;
		}
	.shop_box .text p{
		margin-bottom: 2em;
		}
	.shop_box .photo{
		float: none;
		width: auto;
		}
	.shop_box .photo::after { clear: both; content: " "; display: block;}
	
	.shop_box .photo img{
		float: left;
		width: 47%;
		margin: 0 1.5% 1%;
		}
	
	.bnr_other{
		padding: 60px 0 40px;
		}
	
	.bnr_other a{
		width: 800px;
		height: 160px;
		}
	
	
}

@media screen and (max-width: 681px) {
	#page_food2_area{
		padding: 45px 0 15px;
		}
	ul.food_menu li{
		margin: 0;
		width: 50%;
		float: left;
		display: block;
		}
	ul.food_menu li a::after { clear: both; content: " "; display: block;}
	
		#sushi_list{
			background: #FFFFFF url(../../food/shared/img/bg_sushi.png) no-repeat left top / 40% auto;
			}
		#ramen_list{
			background: #FFFFFF url(../../food/shared/img/bg_ramen.png) no-repeat left top / 40% auto;
			}
		#tempura_list{
			background: #FFFFFF url(../../food/shared/img/bg_tempura.png) no-repeat left top / 40% auto;
			}
		#beer_list{
			background: #FFFFFF url(../../food/shared/img/bg_beer.png) no-repeat left top / 40% auto;
			}
		#izakaya_list{
			background: #FFFFFF url(../../food/shared/img/bg_izakaya.png) no-repeat left top / 40% auto;
			}
		#meat_list{
			background: #FFFFFF url(../../food/shared/img/bg_meat.png) no-repeat left top / 40% auto;
			}
		#wagashi_list{
			background: #FFFFFF url(../../food/shared/img/bg_wagashi.png) no-repeat left top / 40% auto;
			}
			
	.food_list{
		margin-bottom: 55px;
		}
	.food_title{
		width: auto;
		}
	.food_title::after { clear: both; content: " "; display: block;}
	.food_title > h4{
		width: 60%;
		float: right;
		margin: 55px 0 75px;
		font-size: 55px;
		}
	.food_title p{
		clear: both;
		font-size: 15px;
		}
	.shop_area{
		padding: 45px 25px 30px;
		}
	.shop_name h5{
		width: 75%;
		}
	.shop_box .text p{
		font-size: 15px;
		line-height: 1.5em;
		}
	.shop_box .text dl dt{
		width: auto;
		}
	.shop_box .text dl dd{
		clear: both;
		float: none;
		width: auto;
		padding-top: 0.8em;
		padding-left: 1em;
		font-size: 16px;
		}
	
	.bnr_other{
		padding: 40px 0 15px;
		}
	.bnr_other a{
		width: 550px;
		height: 110px;
		}
	.bnr_other span strong{
		padding: 0.4em 4em;
		font-size: 20px;
		}
	
}

@media screen and (max-width: 681px) {
	#page_food2_area{
		padding: 45px 0 15px;
		}
	ul.food_menu li{
		margin: 0;
		width: 50%;
		float: left;
		display: block;
		}
	ul.food_menu li a::after { clear: both; content: " "; display: block;}
	
		#boro_list{
			background: #FFFFFF url(../../event/shared/img/boro00.png) no-repeat left top / 60% auto;
			}
		#fire_list{
			background: #FFFFFF url(../../event/shared/img/hanabi00.png) no-repeat left top / 50% auto;
			}
		#ume_list{
			background: #FFFFFF url(../../event/shared/img/ume00.png) no-repeat left top / 60% auto;
			}
		#event_list{
			background: #FFFFFF url(../../event/shared/img/tengu00.png) no-repeat left top / 50% auto;
			}
		#sakura_list{
			background: #FFFFFF url(../../event/shared/img/sakuramomiji00.png) no-repeat left top / 50% auto;
			}
			
	.food_list{
		margin-bottom: 55px;
		}
	.food_title{
		width: auto;
		}
	.food_title::after { clear: both; content: " "; display: block;}
	.food_title > h4{
		width: 60%;
		float: right;
		margin: 55px 0 35px;
		font-size: 55px;
		}
		
	/*追記*/
	.food_title > h4{
		font-size: 30px !important;
		}
		.food_title{
		width: 90% !important;
		}
	
	#event_list h4 + p {
		margin-left:48%;
		}	
	/*追記*/
	.food_title p{
		clear: both;
		font-size: 15px;
		}
	.shop_area{
		padding: 45px 25px 30px;
		}
	.shop_name h5{
		width: 75%;
		}
	.shop_box .text p{
		font-size: 15px;
		line-height: 1.5em;
		}
	.shop_box .text dl dt{
		width: auto;
		}
	.shop_box .text dl dd{
		clear: both;
		float: none;
		width: auto;
		padding-top: 0.8em;
		padding-left: 1em;
		font-size: 16px;
		}
	
	.bnr_other{
		padding: 40px 0 15px;
		}
	.bnr_other a{
		width: 550px;
		height: 110px;
		}
	.bnr_other span strong{
		padding: 0.4em 4em;
		font-size: 20px;
		}
	
}

@media screen and (max-width: 414px) {
	#page_food2_area{
		padding: 30px 0 0;
		}
	
	ul.food_menu li a > span{
		font-size: 15px;
		padding: 7px 5px;
		}
	ul.food_menu li a > span:after {
		width: 12px;
		height: 12px;
	}
	
	.shop_area{
		padding: 35px 15px 20px;
		}
	.food_list{
		margin-bottom: 40px;
		}
	.food_title > h4{
		font-size: 32px;
		margin: 25px 0px 40px;
		letter-spacing: 1px;
		line-height: 1.05em;
		}
	.food_title p{
		font-size: 15px;
		line-height: 1.45em;
		}
	.shop_name h5{
		width: 69%;
		font-size: 19px;
		}
	.shop_name .btn_area{}
	.shop_name .btn_area .morebtn span{
		font-size: 14px;
		min-width: 95px;
		padding: 10px 0;
		letter-spacing: 2px;
		}
	.shop_name .btn_area .morebtn::after{
		width: 95px;
		height: 41px;
		top: 53%;
		left: 52%;
		}
	.shop_box .shop_name{
		margin-bottom: 15px;
		}
	.shop_box .text p{
		}
	.dt_arrow{
		font-size: 14px;
		padding: 5px 7px 5px 7px;
		}
		/*.dt_arrow:before {
			right: -28px;
			margin-top: 0;
			border: 14px solid transparent;
			border-left: 14px solid #FFF;
		}
		.dt_arrow:after {
			right: -29px;
			margin-top: 0;
			border: 14.5px solid transparent;
			border-left: 14.5px solid #03004c;
		}*/
	.shop_box .text{
		margin-bottom: 25px;
		}
	.shop_box .text dl dd{
		font-size: 15px;
		padding-top: 0.5em;
		padding-left: 0.5em;
		line-height: 1.4em;
		}	
	
	.bnr_other{
		padding: 30px 0 0;
		}
	.bnr_other a{
		width: 350px;
		height: 70px;
		}
	.bnr_other span strong{
		padding: 0.4em 1.5em;
		font-size: 15px;
		letter-spacing: 1px;
		}
	
}
@media screen and (max-width: 375px) {



}


	

@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 990px) {



}
@media screen and (max-width: 681px) {



}
@media screen and (max-width: 414px) {



}
@media screen and (max-width: 375px) {



}




@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 990px) {



}
@media screen and (max-width: 681px) {



}
@media screen and (max-width: 414px) {



}
@media screen and (max-width: 375px) {



}




@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 990px) {



}
@media screen and (max-width: 681px) {



}
@media screen and (max-width: 414px) {



}
@media screen and (max-width: 375px) {



}
.btn_area .morebtn.lucky-cat::after{
    width:400px;
}