/************************************************** SP **************************************************/
@media all and (min-width: 0px)and (max-width: 768px){
/*top*/
	.bar_black_subtitle{
		width:65%;
		padding:5px;
		background-color:#000;
	}
	.bg_img_bottomline{
		padding-bottom:5px;
		background-image:url("../img/01_top/01_sub_title_img_02.png");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: contain;
	}
	.intro_box{
		margin:30px 0 30px 0;
	}
	.intro_box_left{
		width:80%;
		margin:0 auto 0 auto;
		box-sizing: border-box;
	}
	.intro_box_right{
		width:80%;
		margin:10px auto 0 auto;
		box-sizing: border-box;
	}
	.news_box{
		width:100%;
		height:200px;
		margin:10px auto 50px auto;
		padding:20px;
		background-color:#FFF;
		overflow-y:scroll;
		border:solid 1px #CCC;
		box-sizing: border-box;
	}
/********** コンセプトSP **********/
	.concept_left_box{
		float:left;
		width:72%;
		margin:0;
		padding-left:20px;
		box-sizing: border-box;
	}
	.img_left{
	}
	.text_left{
		padding-right:10px;
	}
	.concept_right_box{
		float:right;
		width:28%;
		margin-top:76px;
		box-sizing: border-box;
	}
	.denimu_box{
		background-image:url("../img/02_concept/02_img_04_01_sp.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% 100%;
	}
	.denimu{
		padding-top:240px;
		padding-bottom:90px;
	}
/********** 食事メニューSP **********/
	.food_menu_list{
		margin:30px 0 60px 30px;
	}
	.food_menu_list dt{
		padding-top:6px;
		padding-bottom:6px;
		font-weight:bold;
	}
	.food_menu_list dt img{
		width:14px;
		height:14px;
		padding-bottom:6px;
		padding-right:4px;
		vertical-align:middle;
	}
	.food_menu_list dd{
		font-size:1.2rem;
		padding-left:28px;
		padding-bottom:6px;
		font-family: "font_C_Gothic";
	}

/********** 共通SP **********/
	.bg_gray_img{
		background-image:url("../img/00_common/00_haikei00_sp.jpg");
		background-repeat: repeat-x;
		background-position: center bottom;
		background-size: cover;
		padding:20px 0 20px 0;
	}
	.link_box{
		width:60%;
		margin:0 auto 0 auto;
	}
	.link_box .blog_btn{
		width:100%;
		margin:20px 0 20px;
		background-color:#444;
	}
	.link_box .tl_btn{
		width:100%;
		margin:20px 0 20px;
		background-color:#444;
	}

	.link_box_01{
		width:60%;
		margin:0 auto 0 auto;
	}
	.link_box_01 .btn_left{
		width:100%;
		background-color:#444;
		margin:10px 0 10px;
		box-sizing: border-box;
	}
	.link_box_01 .btn_right{
		width:100%;
		background-color:#444;
		margin:10px 0 10px;
		box-sizing: border-box;
	}

	.link_box_menu{
		width:90%;
		margin:10px auto 0 auto;
	}
	.link_box_menu .blog_btn{
		width:100%;
		padding:20px;
		box-sizing: border-box;
	}
	.link_box_menu .tl_btn{
		width:100%;
		padding:20px;
		box-sizing: border-box;
	}

	.sub_menu{
		width:80%;
		margin:10px auto 50px auto;
	}
	.sub_menu_box{
		float:left;
		width:50%;
		border:solid 6px #FFF;
		box-sizing: border-box;
	}
	.img_80_100 img{
		width:100%;
		margin:0 auto 0;
	}
	.img_90_100 img{
		width:100%;
		margin:0 auto 0;
	}
	.contents_box_30_70{
		width:70%;
		margin:0 auto 0 auto;
	}

	.img_pc{
		visibility:hidden;
		height:0;
		margin:0;
		padding:0;
	}
	.img_sp{
		visibility:visible;

	}

	.btn_box{
		width:50%;
		margin:0 auto 0 auto;
	}
	.contents_box_90_100{
		width:100%;
		margin:0 auto 0 auto;
	}
	.contents_box_80_100{
		width:100%;
		max-width:980px;
		margin:0 auto 0 auto;
	}
	.contents_box_90_100_right{
		width:100%;
		max-width:980px;
	}
	.contents_box_80_90{
		width:90%;
		margin:0 auto 0 auto;
	}
	.contents_box_80_70{
		width:70%;
		margin:0 auto 0 auto;
	}
	.contents_box_70_90{
		width:90%;
		margin:0 auto 0 auto;
	}
	.contents_box_70_80{
		width:80%;
		margin:0 auto 0 auto;
	}
	.contents_box_70_50{
			width:50%;
			margin:0 auto 0 auto;
	}
	.contents_box_60_70{
		width:70%;
		margin:0 auto 0 auto;
	}
	.contents_box_50_80{
		width:80%;
		margin:0 auto 0 auto;
	}
	.contents_box_50_70{
		width:70%;
		margin:0 auto 0 auto;
	}
	.contents_box_30_50{
		width:50%;
		margin:0 auto 0 auto;
	}
}@media all and (min-width: 769px){
/************************************************** PC **************************************************/
/*top*/
	.bar_black_subtitle{
		width:30%;
		padding:10px;
		background-color:#000;
	}
	.bg_img_bottomline{
		padding-bottom:5px;
		background-image:url("../img/01_top/01_sub_title_img_02.png");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: contain;
	}
	.intro_box{
		margin:30px 0 70px 0;

	}
	.intro_box_left{
		float:left;
		width:50%;
		padding-right:16px;
		box-sizing: border-box;
	}
	.intro_box_right{
		float:right;
		width:50%;
		padding-left:8px;
		box-sizing: border-box;
		line-height:2.0;
	}
	.news_box{
		width:90%;
		height:200px;
		margin:10px auto 50px auto;
		padding:20px;
		background-color:#FFF;
		overflow-y:scroll;
		border:solid 1px #CCC;
		box-sizing: border-box;
	}
/********** コンセプトPC **********/
	.concept_left_box{
		float:left;
		width:65%;
		margin:0;
		box-sizing: border-box;
		position:relative;
	}
	.img_left{
		position:absolute;
		top:0px;
		left:-60px;
	}
	.text_left{
		position:absolute;
		top:160px;
		left:0px;
		padding-right:30px;
	}
	.concept_right_box{
		float:right;
		width:35%;
		margin:0;
		box-sizing: border-box;
	}
	.denimu_box{
		background-image:url("../img/02_concept/02_img_04_01.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
	}
	.denimu{
		padding-top:550px;
		padding-bottom:400px;
	}
/********** 食事メニューPC **********/
	.food_menu_list{
		margin:30px 0 60px 50px;
	}
	.food_menu_list dt{
		padding-top:10px;
		padding-bottom:10px;
		font-weight:bold;
		font-family: "font_matisse";
	}
	.food_menu_list dt img{
		width:14px;
		height:14px;
		padding-bottom:6px;
		padding-right:4px;
		vertical-align:middle;
	}
	.food_menu_list dd{
		font-size:1.8rem;
		padding-left:32px;
		padding-bottom:10px;
		font-family: "font_C_Gothic";
	}
/********** 共通PC **********/
	.bg_gray_img{
		background-image:url("../img/00_common/00_haikei00.jpg");
		background-repeat: repeat-x;
		background-position: center bottom;
		background-size: contain;
		padding:40px 0 40px;
	}
	.link_box{
		width:70%;
		margin:0 auto 0 auto;
	}
	.link_box .blog_btn{
		float:left;
		width:46%;
		background-color:#444;
		box-sizing: border-box;
	}
	.link_box .tl_btn{
		float:right;
		width:46%;
		background-color:#444;
		box-sizing: border-box;
	}

	.link_box_01{
		width:90%;
		margin:0 auto 0 auto;
	}
	.link_box_01 .btn_left{
		float:right;
		width:50%;
		background-color:#444;
		box-sizing: border-box;
	}
	.link_box_01 .btn_right{
		float:left;
		width:50%;
		background-color:#444;
		box-sizing: border-box;
	}

	.link_box_menu{
		width:60%;
		max-width:450px;
		margin:10px auto 0 auto;
	}
	.link_box_menu .blog_btn{
		float:left;
		width:46%;
		padding:5px;
		box-sizing: border-box;
	}
	.link_box_menu .tl_btn{
		float:right;
		width:46%;
		padding:5px;
		box-sizing: border-box;
	}

	.img_pc{
		visibility:visible;
	}
	.img_sp{
		visibility:hidden;
		height:0;
		margin:0;
		padding:0;
	}
	.sub_menu{
		margin:10px auto 50px auto;
	}
	.sub_menu_box{
		float:left;
		width:33%;
		border:solid 6px #FFF;
		box-sizing: border-box;
	}
	.contents_box_30_70{
		width:30%;
		margin:0 auto 0 auto;
	}
	.img_80_100 img{
		width:80%;
		margin:0 auto 0;
	}
	.img_90_100 img{
		width:90%;
		margin:0 auto 0;
	}



	.btn_box{
		width:30%;
		margin:0 auto 0 auto;
	}

	.contents_box_90_100{
		width:90%;
		margin:0 auto 0 auto;
	}
	.contents_box_80_100{
		width:80%;
		margin:0 auto 0 auto;
	}
	.contents_box_90_100_right{
		width:90%;
margin-left: auto;
	}
	.contents_box_80_90{
		width:80%;
		margin:0 auto 0 auto;
	}
	.contents_box_80_70{
		width:80%;
		margin:0 auto 0 auto;
	}
	.contents_box_70_90{
		width:70%;
		margin:0 auto 0 auto;
	}
	.contents_box_70_80{
		width:70%;
		margin:0 auto 0 auto;
	}
	.contents_box_70_50{
		width:70%;
		margin:0 auto 0 auto;
	}
	.contents_box_60_70{
		width:60%;
		margin:0 auto 0 auto;
	}
	.contents_box_50_80{
		width:50%;
		margin:0 auto 0 auto;
	}
	.contents_box_50_70{
		width:50%;
		margin:0 auto 0 auto;
	}
}

/************************************************** 共通 **************************************************/
/********** 枠組み **********/
.bg_gray_img_02{
	background-image:url("../img/00_common/00_haikei00_box.jpg");
	background-repeat: repeat;
}
.contents_box_full{
	width:100%;
	margin:0 auto 0 auto;
}
.contents_box_100{
	width:100%;
	max-width:980px;
	margin:0 auto 0 auto;
}
.contents_box_90{
	width:90%;
	margin:0 auto 0 auto;
}
.contents_box_80{
	width:80%;
	margin:0 auto 0 auto;
}
.contents_box_75{
	width:75%;
	margin:0 auto 0 auto;
}
.contents_box_70{
	width:70%;
	margin:0 auto 0 auto;
}
.contents_box_65{
	width:65%;
	margin:0 auto 0 auto;
}
.contents_box_50{
	width:50%;
	margin:0 auto 0 auto;
}
.contents_box_40{
	width:40%;
	margin:0 auto 0 auto;
}
.contents_box_30{
	width:30%;
	margin:0 auto 0 auto;
}
.contents_box_20{
	width:20%;
	margin:0 auto 0 auto;
}
.contents_box_100 img{
	width:100%;
	margin:0 auto 0 auto;
}
.contents_box_90 img{
	width:100%;
	margin:0 auto 0 auto;
}
.contents_box_80 img{
	width:100%;
	margin:0 auto 0 auto;
}
.contents_box_75 img{
	width:100%;
	margin:0 auto 0 auto;
}
.contents_box_70 img{
	width:100%;
	margin:0 auto 0 auto;
}
.contents_box_65 img{
	width:100%;
	margin:0 auto 0 auto;
}

.box_m_right{
	margin-right:0px;
}
/********** 枠組み装飾 **********/
.radius_5{
	border-radius: 5px;        /* CSS3草案 */ 
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
}
.radius_10{
	border-radius: 10px;        /* CSS3草案 */ 
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}
.radius_15{
	border-radius: 15px;        /* CSS3草案 */ 
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 15px;   /* Firefox用 */ 
}
.radius_20{
	border-radius: 20px;        /* CSS3草案 */ 
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */ 
}
.border{
	border:solid 1px #000;
	box-sizing: border-box;
}
hr{
	padding:0;
	margin:0;
}

.topline{
	border: 1px #d0cd66 solid;
	background-color: #d0cd66;
	height: 2px;
}

.sub_title_line{
	border-top:solid 1px;
	border-bottom:solid 1px;
}
/********** 余白 **********/
.box_m_5{
	margin:5px auto 5px auto;
}
.box_m_10{
	margin:10px auto 10px auto;
}
.box_m_20{
	margin:20px auto 20px auto;
}
.box_m_30{
	margin:30px auto 30px auto;
}
.box_m_45{
	margin:45px auto 45px auto;
}
.box_m_60{
	margin:60px auto 60px auto;
}
.box_m_b_30{
	margin-bottom:30px;
}
.box_m_b_60{
	margin-bottom:60px;
}
.box_m_b_90{
	margin-bottom:90px;
}
.box_p_5{
	padding:5px 0 5px 0;
}
.box_p_10{
	padding:10px 0 10px 0;
}
.box_p_15{
	padding:15px 0 15px 0;
}
.box_p_20{
	padding:20px 0 20px 0;
}
.box_p_30{
	padding:30px 0 30px 0;
}
.box_full_p_5{
	padding:5px;
}
.box_full_p_10{
	padding:10px;
}

.box_p_s_10{
	padding:0 10px 0 10px;
}
.box_p_s_20{
	padding:0 20px 0 20px;
}
.box_p_s_30{
	padding:0 30px 0 30px;
}

.img_text_center img{
vertical-align:middle;
}
/********** 画像サイズ **********/
.img_100 img{
	width:100%;
}

.img_90 img{
	width:90%;
}
.img_86 img{
	width:86%;
}
.img_80 img{
	width:80%;
}
.img_70 img{
	width:70%;
}
.img_75 img{
	width:75%;
}
.img_60 img{
	width:60%;
}
.img_50 img{
	width:50%;
}
.img_40 img{
	width:40%;
}
.img_30 img{
	width:30%;
}
.img_25 img{
	width:25%;
}
.img_20 img{
	width:20%;
}
.img_15 img{
	width:15%;
}
.img_10 img{
	width:10%;
}
.resizeimage img { width: 100%; }

/**********20191112**********/

.table-menu {
  width: 100%;
}

.table-menu caption {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}

.table-menu td,
.table-menu th {
  padding: 0.7em 1em;
  border-top: 1px solid #e62203;
  border-bottom: 1px solid #e62203;
}

@media (max-width: 767px) {
  .table-menu td,
  .table-menu th {
    padding: 0.7em .3em;
  }
}

.table-menu tbody th {
  text-align: left;
}

.table-menu td:last-child {
  text-align: right;
  white-space: nowrap;
}

.cb{
  /* floatを解除 */
  clear: both;
}

figure.gazo-box {
float: left;
padding-right: 20px;
}


@media screen and (min-width: 0px) and (max-device-width: 768px) {
    .map{
        width:1000px;
        height:800px;
    }
}

@media screen and (min-width: 769px)  {
    .map{
        width:1000px;
        height:800px;
    }
}