@charset "utf-8";

@media only screen and (min-width: 768px) {

	#main_image.kyoto{
		background:url(../kyoto_assets/image/pc/main_image.jpg) no-repeat center top;
		background-size:cover;
		height:605px;
	}

	#main_image.osaka{
		background:url(../osaka_assets/image/pc/main_image.jpg) no-repeat center top;
		background-size:cover;
		height:605px;
	}

	#main_image.tokyo{
		background:url(../tokyo_assets/image/pc/main_image.jpg) no-repeat center top;
		background-size:cover;
		height:605px;
	}



	.container > p{
		text-align:center;
		color:#fff;
		font-size:18px;
		line-height:45px;
		margin-top:95px;
		letter-spacing:3px;
	}

	


	#access{
		padding-top:200px;
	}

	#access ul{
		justify-content: flex-start;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		flex-direction:row-reverse;
	}

	#access ul li:first-child{
		padding-right:80px;
	}

	#access ul li:nth-child(2) p:nth-of-type(1) span{
		letter-spacing:0;
	}

	#access ul li:nth-child(2){
		width:485px;
		box-sizing:border-box;
		padding-right:60px;
		align-self:flex-end;
	}

	#access ul li:nth-child(2) p:nth-of-type(1){
		font-size:18px;
		letter-spacing:3px;
	}

	#access ul li:nth-child(2) h4{
		font-size:15px;
		margin-top:40px;
	}

	#access ul li:nth-child(2) p{
		font-size:12px;
	}

	#access ul li:nth-child(2) a{
		display:inline-block;
		margin-top:45px;
	}

	#access ul li:nth-child(3){
		padding-right:70px;
	}

	#access ul.osaka_map li:nth-child(3){
		padding-right:40px;
	}

	#access ul.osaka_map li:nth-child(2){
		padding-right:10px;
	}

	#access ul.tokyo_map li:nth-child(3){
		padding-right:40px;
	}


}

@media only screen and (max-width: 767px) {

	#main_image.kyoto{
		background:url(../kyoto_assets/image/sp/main_image.jpg) no-repeat center top;
		background-size:cover;
		height:494px;
		margin-top:82px;
	}

	#main_image.osaka{
		background:url(../osaka_assets/image/sp/main_image.jpg) no-repeat center top;
		background-size:cover;
		height:494px;
		margin-top:82px;
	}

	#main_image.tokyo{
		background:url(../tokyo_assets/image/sp/main_image.jpg) no-repeat center top;
		background-size:cover;
		height:494px;
		margin-top:82px;
	}



	.container > p{
		text-align:center;
		color:#fff;
		font-size:15px;
		padding:0 10px;
		line-height:31px;
		margin-top:30px;
	}

	#menu_list{
		padding-top:80px;
	}

	#menu_list h3{
		text-align:center;
	}

	#menu_list .menu_img{
		margin-top:30px;
		text-align:center;
	}

	#menu_list ul{
		background:url(../image/common/pc/line.png) top center repeat-x;
		margin:20px 15px 0 15px;
	}

	#menu_list ul li:first-child{
		font-size:20px;
		padding:15px 5px 5px 5px;
		letter-spacing:2px;
	}

	#menu_list ul li{
		font-size:20px;
		padding:5px;
	}

	#menu_list ul li span{
		font-size:14px;
	}

	#menu_list ul li:last-child{
		font-size:16px;
	}



	#menu_list ul li:last-child dl{
		margin-top:5px;
	}

	#menu_list ul li:last-child dl dd{
		padding-left:25px;
	}


	#access{
		margin:80px 15px 0 15px;
	}

	#access h3{
		text-align:center;
	}

	#access ul li:nth-child(2){
		margin-top:30px;
	}

	#access ul li:nth-child(2) p:nth-of-type(1){
		margin-top:30px;
		font-size:20px;
		letter-spacing:3px;
		font-family:"Noto Serif Japanese" ,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","Quicksand","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}

	#access ul li:nth-child(2) p:nth-of-type(1) span{
		letter-spacing:1px;
		font-size:14px;
	}

	#access ul li:nth-child(2) h4{
		font-family:"Noto Sans Japanese" ,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","Quicksand","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		margin-top:20px;
		font-size:16px;
		font-weight:normal;
	}

	#access ul li:nth-child(2) p{
		font-family:"Noto Sans Japanese" ,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","Quicksand","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		font-size:12px;
	}

	#access ul li:nth-child(3){
		margin-top:35px;
		text-align:center;
	}


	#access ul li:nth-child(2) a{
		display:block;
		margin-top:45px;
		text-align:center;
	}

}


/*---------------------------------------------
0322追加 PC
---------------------------------------------*/
@media only screen and (min-width: 768px) {
    h2{ font-size: 36px;text-align: center; margin: auto; padding-top: 200px; letter-spacing: 30px; font-weight: normal;}
    h2>.shopname{ font-size: 20px; display: block; margin-top: 20px;letter-spacing: 10px; }
    #concept{ width: 660px; margin: 80px auto; font-size:20px; line-height:230%; }
    
/*---料理長----*/
.headcook{display: flex; justify-content: space-between; width: 1050px; margin: 100px auto; border: 1px solid rgba(255,255,255,0.58); padding: 50px 0; border-left: none; border-right: none; align-items: center;}
.headcook picture{ width: 440px; }
.headcook picture img{ width: 100%;}
.headcook .detail{ width: 540px;}
.headcook .detail h3{ font-size: 24px; margin-bottom: 20px;}
.headcook .detail .read{ font-size: 20px; line-height: 200%;}

/*---料理について----*/
#menu_list{width: 1050px; margin: 100px auto;}
#menu_list>header {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 50px;}
#menu_list .price{ width: auto; margin-bottom: 50px}
#menu_list .price th,#menu_list .price td{ font-size: 22px; le1px; text-align: left;padding-bottom: 10px;}
#menu_list .price th{ word-break: keep-all;}
#menu_list .price td{ text-align: right;padding-left: 30px;}
#menu_list .menu_attend{border: 1px solid rgba(255,255,255,0.58); padding: 25px 0; border-left: none; border-right: none; line-height: 170%;  font-size: 14px; }
    
#menu_list .tokyo_price{ display: flex; justify-content: space-between; flex-wrap: wrap;}
#menu_list .tokyo_price picture { height: 130px; margin: auto; display: block;}    
#menu_list .tokyo_price picture img{ height: 100%;}    
#menu_list .tokyo_price th,#menu_list .tokyo_price td{  height: 140px; vertical-align: middle;  }
#menu_list .dinner caption{ font-size: 30px; text-align: left; padding-bottom: 30px;}
    
/*---料理について　バックナンバー----*/
#menu_list .backnumber{ display: flex; font-size: 16px; margin-top: 20px;}
#menu_list .backnumber a{ display: block; color: #fff; }
#menu_list .backnumber a:before{ content: "|"; margin: 0 10px;}

/*---お店についてー----*/
#about {display: flex; justify-content: space-between; flex-wrap: wrap;width: 1050px; margin: 100px auto 0;}
#about h3{ width:150px;}
#about ul{ width: 850px;display: flex; justify-content: space-between; flex-wrap: wrap;}
#about ul .link{ width: 100%}
#about ul .link a{ color: #fff; font-size: 16px; display:block; border:1px solid #fff; padding:10px; font-size:18px; width:500px; text-align:center; text-decoration:none; }
#about li{ width: 48%; margin-bottom: 20px;}
#about li figure img{width: 100%;}
#about li figcaption{ font-size: 14px; color: #fff;} 

#about dl{width: 100%; border-bottom: 1px solid rgba(255,255,255,0.58); margin: 50px 0 20px;}
#about dt{ font-size: 24px; padding:15px 0 5px;border-top: 1px solid rgba(255,255,255,0.58);  }
#about dd{ font-size: 18px; padding-bottom: 15px;}
    
 /*---バックナンバー単体ページ----*/   
    #menu_archive{ width: 1050px; margin: 100px auto 0;}
    #menu_archive h3{ font-size: 30px;font-weight: normal;letter-spacing: 0.3em; }
    #menu_archive article{ margin-top: 60px;}
    #menu_archive article h4{border: 1px solid rgba(255,255,255,0.58); border-left: none; border-right: none; padding: 15px 0; font-size: 22px; font-weight: normal;}
    #menu_archive article table{margin-top: 30px; border-spacing:10px;border-collapse: separate;}
    #menu_archive article th{ width: 30px; height: 30px; line-height: 100%; vertical-align: middle; text-align: center; background: #4F4F4F; color: #fff;font-weight: normal;font-size: 16px; margin-right: 30px;}
    #menu_archive article td{ padding: 0px 10px; font-size: 16px;vertical-align: middle; }
    #menu_archive article td a{ color: #fff; text-decoration: underline;}
   
     /*---お料理について単独ページ----*/
    #menu_all{ width: 1050px; margin: auto;}
    #menu_all .title{ display: flex; flex-direction: row-reverse; margin: 0px auto 0px;  justify-content: space-between;} 
    #menu_all h2{ letter-spacing: 2px; text-align: left;font-size: 26px; margin: 80px 0 30px; padding: 0;}
    #menu_all h3{ font-size: 30px; font-weight:normal; letter-spacing:0.3em; }
    #menu_all h4{ font-size: 16px; font-weight:normal; letter-spacing:0.4em; }
/*    #menu_all .menu_detail { width:940px; margin: 0 auto; }*/
    #menu_all .menu_detail { margin: 0 auto; }
    #menu_all .menu_detail dt{ font-size: 20px; margin-bottom: 20px;}
    #menu_all .menu_detail dd{ display: flex; flex-wrap: wrap; margin-bottom: 40px;}
    #menu_all .menu_detail picture{ display: block; margin-bottom: 20px; margin-right: 0px;}
/*    #menu_all .menu_detail picture a{ display: inline-block; width: 300px; margin-right: 15px;}*/
    #menu_all .menu_detail picture a{ display: inline-block; width: 320px; margin-right: 25px;}
    #menu_all .menu_detail picture a:last-child{ margin-right: 0 !important;}
    #menu_all .menu_detail picture a:first-child{ margin-right: 25px !important;}
    #menu_all .menu_detail  p{width: 700px; line-height: 200%; font-weight: normal;}
    #menu_all .menulist { width:100%; text-align:center; }
    #menu_all .menulist a { display: inline-block;padding: 10px 80px;border: solid 1px #fff;margin-right: 18px; color:#fff; text-decoration:none; font-size:18px; }
    #menu_all .menu_attend { margin-bottom:50px; }
	#menu_all .mainimage  { width:320px; margin-right: auto; margin-bottom:70px;}
    #menu_all .topimage  { width:320px; margin-left: auto; margin-bottom:0px;}
    #menu_all .manu-title  {font-size: 1.4rem; letter-spacing: 0.2em; margin-top: 20px; margin-bottom: 8px;}
    #menu_all  ul{margin-bottom: 8px;}
    #menu_all  ul li .manu-title {margin-top: 0px; margin-bottom: 0px;}
/*	#menu_all .mainimage img { width:100%;}*/

    #menu_detail .menu_detail dt{ font-size: 20px; margin-bottom: 20px;}
    #menu_detail .menu_detail dd{ display: flex; flex-wrap: wrap; margin-bottom: 40px;}
    #menu_detail .menu_detail picture{ display: block; margin-bottom: 20px; margin-right: 0px;}
    #menu_detail .menu_detail picture a{ display: inline-block; width: 320px; margin-right: 25px !important;}
    #menu_detail .menu_detail picture a:last-child{ margin-right: 0 !important;}
    #menu_detail .menu_detail picture a:first-child{ margin-right: 25px !important;}
    #menu_detail .menu_detail  p{width: 700px; line-height: 200%; font-weight: normal;}
    #menu_detail .menulist { width:100%; text-align:center; }
    #menu_detail .menulist a { display: inline-block;padding: 10px 80px;border: solid 1px #fff;margin-right: 18px; color:#fff; text-decoration:none; font-size:18px; }
    #menu_detail .menu_attend { margin-bottom:50px; }
	#menu_detail .mainimage  { width:100%; margin-bottom:70px;}


    /*---弁当単独ページ----*/
    /*--0511追加箇所--*/#menu_bento{ width: 1050px; margin: auto;font-family: YuMincho , "Yu Mincho Medium", "Hiragino Mincho ProN", "serif";} /*--0511追加箇所--*/
    
    #menu_bento ul{display: flex; justify-content: space-between}
    #menu_bento section{ border-top: 1px solid rgba(255,255,255,0.45);  padding: 60px 0; }
    #menu_bento .greeting  h2{ padding:0; margin-bottom:20px; letter-spacing: 1px; font-size: 24px; text-align: left; line-height: 140%; background: none; width: auto; height: auto;}
    #menu_bento .greeting .catch{ font-size: 16px;}
    #menu_bento .greeting .name{ margin-top:20px;}
    
    #menu_bento .bento_menulist header{ display: flex; padding: 0; margin: 0 0 20px 0; align-items: baseline; }
    #menu_bento .bento_menulist header h3{ font-size: 35px; margin-right: 10px;} 
    #menu_bento .bento_menulist header .price{ font-size: 20px;}
    #menu_bento .bento_menulist header .price span{ font-size: 14px;}
    #menu_bento .bento_menulist .photo li { width: 48%;}
    #menu_bento .bento_menulist .photo picture img{ width: 100%;}
    #menu_bento .bento_menulist .menu_detail{ margin: 40px auto; width: 950px}
    #menu_bento .bento_menulist dl{ font-size: 16px;}
    #menu_bento .bento_menulist .menu_detail dt{ margin-bottom: 10px;}
    #menu_bento .bento_menulist .attention{ width: 950px; margin: auto;}
    #menu_bento .order{ text-align: center;border-top: 1px solid rgba(255,255,255,0.45);  padding: 60px 0; }
    #menu_bento .order .btn{ display: block; background: #fff; padding: 20px; text-align: center; width: 500px; margin: 0 auto 20px; text-decoration: none; font-size: 23px; font-weight: bold; letter-spacing: 1px}
    #menu_bento .postage li{width: 45%;}
    #menu_bento .postage h4{ font-size: 20px; text-align: center; margin-bottom: 40px; font-weight: normal;}
    #menu_bento .postage h5{ font-size: 20px; margin-bottom: 30px;}
    #menu_bento .postage dt{ font-size: 16px; margin-bottom: 10px;}
    #menu_bento .postage dd{ font-size: 15px; margin-bottom: 30px; line-height: 160%;}
    
    /*---弁当申込フォーム----*/
    #form_bento{ width: 1050px; margin: auto; border-top: 1px solid rgba(255,255,255,0.45);  padding: 60px 0;  font-weight: normal; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";} 
    #form_bento h2{ text-align: center;padding:0; margin-bottom:20px; letter-spacing: 1px; font-size: 26px; line-height: 140%; background: none; width: auto; height: auto;}
    #form_bento h2 span{ font-size: 16px; display: block;}
    #form_bento .select_acceptance{ display: flex; margin: 40px auto; width: 100%; font-size: 18px;}
    #form_bento .select_acceptance dt{ width: 245px; text-align: right; background: url("/image/common/pc/arrow.png") right center no-repeat; padding-right: 20px;}
    #form_bento .select_acceptance dd{ padding-left: 30px;}
    #form_bento label input{ display:inline; vertical-align:baseline; }
    .form_container h3{ font-size: 28px; text-align: center;}
    
    .form_container .input_box { width: 100%; background: #fff; color:#000; padding: 30px; display: flex; box-sizing:border-box; flex-wrap: wrap; align-items: flex-start; }
    .form_container .input_box dt{ width: 230px; background: #EFEFEF; padding: 10px; margin-bottom:7px; text-align: center;}
    .form_container .input_box dd{ width: 730px;margin-bottom: 7px; padding-left: 30px; box-sizing: border-box;}
    .form_container .input_box dd .caution{ font-weight: bold; color: #f99;margin-bottom: 5px;}
    /*----住所入力ボックス---*/
    .form_container .input_box dd.box_adress{ width: 100%; padding: 0;}
    .form_container .input_box dd.box_adress dl{ width: 100%; display: flex; padding: 0; flex-wrap: wrap;}
    
    .form_container input, .form_container textarea, .form_container select{padding: 10px; box-sizing: border-box}
    .form_container input[type="text"].long{ width: 100%;}
    
    .form_container dd #pref{ margin-bottom: 5px;}
    .form_container dd #pref02{ margin-bottom: 5px;}
    .form_container textarea{width: 100%; height: 200px;}
    .form_container .attention{ font-size: 12px; line-height: 140%; margin: 5px;}
    
    .form_container .checkpoint{ text-align: center; margin: 60px auto 0;}    
    .form_container .checkpoint .attention{ font-size: 14px;}
    .form_container .checkpoint ul{ margin: 40px auto; text-align: left;}
    .form_container .checkpoint  li{ margin-bottom: 20px; font-size: 16px; }
    
    .form_container .btn_order{ text-align: center;}
    .form_container .btn_order .btn{display: block; background: #fff; padding: 15px; text-align: center; width: 500px; margin:60px  auto 0; font-size: 24px; text-decoration: none; margin-bottom: 30px;}
    
    .form_container .postage{border-top: 1px solid rgba(255,255,255,0.45);  padding: 60px 0; margin-top: 60px; }
    .form_container .postage h4{ background:#414141; font-size: 20px; text-align: left; padding: 10px; margin: 60px 0 30px;;}
    .form_container .postage ul{ display: flex; justify-content: space-between; margin-top: 20px; width: 100%;}
    .form_container .postage li{ width: 30%;}
    .form_container .postage dt{ font-size: 20px; margin-bottom: 10px; border-bottom: 1px solid #fff;}
    .form_container .postage dd{font-size: 17px;}
    .form_container .postage dd table{ width: 100%;}
    .form_container .postage dd table tr{ border-bottom: 1px dotted #ccc;}
    .form_container .postage dd table td,.form_container .postage dd table th{ padding: 7px 0; font-weight: normal;}
    .form_container .postage dd table td{ text-align: right;}
    .form_container .postage .read{ font-size: 20px; font-weight: bold; margin-bottom: 10px;}
    .form_container .postage .attention{ font-size: 16px;}
    
    .form_container .about_takeout{border-top: 1px solid rgba(255,255,255,0.45);  padding: 60px 0; margin-top: 60px;  text-align: center;}
    .form_container .about_takeout .read{font-size: 20px; margin-top: 40px;}
}



/*---------------------------------------------
0322追加 スマホ
---------------------------------------------*/
@media only screen and (max-width: 767px) {
   h2{ font-size: 26px;text-align: center; margin: auto; padding-top: 200px; letter-spacing: 10px; font-weight: normal; text-shadow:0 0 black}
    h2>.shopname{ font-size: 16px; display: block; margin-top: 20px; letter-spacing:5px; }
    #concept{ width: 90%; margin: 30px auto; font-size:16px; line-height:170%; }
/*---料理長----*/
.headcook{ margin: 40px auto;width: 90%;}
.headcook picture{ margin-bottom: 20px; display: block;}
.headcook picture img{ width: 100%;}
.headcook .detail{ margin: 0 auto;}
.headcook .detail h3{ font-size: 20px; margin-bottom: 20px; text-align: center;}
.headcook .detail .read{ font-size: 16px; line-height: 180%;}

/*---料理について----*/
#menu_list{margin: 40px auto; width: 90%;}
#menu_list>header {display: flex; margin-bottom: 40px; flex-direction: column-reverse;}
#menu_list>header h3{ margin-bottom: 20px;}
#menu_list>header picture{display: block;}
#menu_list>header picture img{ width: 100%;}
    
#menu_list .price{ width:100%; margin-bottom: 30px}
#menu_list .price th,#menu_list .price td{font-weight: normal;font-size: 16px; le1px; text-align: left;padding-bottom: 10px; vertical-align:middle;line-height:120%;}
#menu_list .price td{ text-align: right;padding-left: 10px; word-break:keep-all;}
#menu_list .price:last-child td:last-child{ max-width:120px;}
#menu_list .menu_attend{border: 1px solid rgba(255,255,255,0.58); padding: 20px 0; border-left: none; border-right: none; line-height: 170%;  font-size: 14px; }
#menu_list .dinner caption{ font-size: 18px; text-align: left; padding-bottom: 10px;}
    
/*---料理について　バックナンバー----*/
#menu_list .backnumber{ display: flex; font-size: 14px; margin-top: 20px; flex-wrap: wrap;}
#menu_list .backnumber span{ display: block; width: 100%; font-weight: bold;}
#menu_list .backnumber a{ display: block; color: #fff; }
#menu_list .backnumber a:after{ content: "|"; margin: 0 10px;}

/*---お店についてー----*/
#about {margin: 40px auto; width: 90%;}
#about h3{margin-bottom: 20px;}
#about h3 img{ display: block; margin: auto;}
#about ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
#about ul .link{width: 100%; text-align:center; }
#about ul .link a{ width:90%; color: #fff; font-size: 16px; display:inline-block; border:1px solid #fff; padding:5px 0; text-align:center; text-decoration:none; }
#about li{ width: 48%; margin-bottom: 20px;}
#about li figure img{width: 100%;}
#about li figcaption{ font-size: 12px; color: #fff;} 
#about dl{width: 100%; border-bottom: 1px solid rgba(255,255,255,0.58); margin: 20px 0 10px;}
#about dt{ font-size: 18px; padding:15px 0 5px;border-top: 1px solid rgba(255,255,255,0.58);  }
#about dd{ font-size: 16px; padding-bottom: 10px;}
    
     /*---バックナンバー単体ページ----*/   
    #menu_archive{ width:90% ; margin: 60px auto 0;}
    #menu_archive h3{ font-size: 26px;font-weight: normal;letter-spacing: 0.2em;}
    #menu_archive article{ margin-top: 30px;}
    #menu_archive article h4{border: 1px solid rgba(255,255,255,0.58); border-left: none; border-right: none; padding: 10px 0; font-size: 18px; font-weight: normal;}
    #menu_archive article table{margin-top: 20px; border-collapse: separate; border-spacing: 5px;}
    #menu_archive article th{ width: 30px; height: 30px;vertical-align: middle; text-align: center;background: #4F4F4F; color: #fff; font-size: 16px; font-weight: normal;}
    #menu_archive article td{ font-size: 14px; text-align: left; font-weight: normal; vertical-align: middle; padding-right: 5px;}
    #menu_archive article td a{ color: #fff; text-decoration: underline;}
    
    /*---お料理について単独ページ----*/
    #menu_all { width: 90%; margin: auto; padding: 30px 0 0; }
    #menu_all .title{ margin-bottom: 20px; text-align: center;}
    #menu_all .title .mainttl{ margin-bottom: 20px;}
    #menu_all h2{ letter-spacing: 2px; text-align: left;font-size: 1.3em; margin: 40px 0 10px; padding: 0;}
    #menu_all h3{ font-size: 26px; font-weight:normal; letter-spacing:0.2em; }
    #menu_all h4{ font-size: 10px; font-weight:normal; letter-spacing:0.3em; }
    #menu_all .menu_detail dt{ font-size: 1.1em; margin-bottom:10px ;}
    #menu_all .menu_detail dd{ margin-bottom: 20px;}
    #menu_all .menu_detail picture{ display: flex; margin-bottom: 20px;}
    #menu_all .menu_detail picture a{ width: 33%; margin-right: 10px;}
    #menu_all .menu_detail picture a:last-child{ margin-right: 0;}
    #menu_all .menu_detail  p{width: 100%; line-height: 160%; font-weight: normal; }
    #menu_all .menulist { width:100%; text-align:center; padding-bottom:50px; margin-top:30px;}
    #menu_all .menulist a { width:90%; display: inline-block;padding: 5px 0px;border: solid 1px #fff; color:#fff; text-decoration:none; font-size:16px; }
    #menu_all .mainimage  { max-width:33%;}
    #menu_all .topimage { max-width:33%;}
    #menu_all .manu-title  {font-size: 1rem;}

     /*--0511追加箇所 弁当単独ページ----*/
    #menu_bento{width: 90%; margin: auto; font-size: 16px;}
    #menu_bento ul{display: flex; justify-content: space-between}
    #menu_bento section{ border-top: 1px solid rgba(255,255,255,0.45);  padding:30px 0; }
    #menu_bento .greeting  h2{ padding:0; margin-bottom:20px; letter-spacing: 1px; font-size: 24px; text-align: left; line-height: 140%; background: none; width: auto; height: auto;}
    #menu_bento .greeting .catch{ font-size: 16px;}
    #menu_bento .greeting .name{ margin-top:20px;}
    
    #menu_bento .bento_menulist header{ display: flex; padding: 0; margin: 0 0 20px 0; align-items: baseline; }
    #menu_bento .bento_menulist header h3{ font-size: 2em; margin-right: 10px;} 
    #menu_bento .bento_menulist header .price{ font-size: 20px;}
    #menu_bento .bento_menulist header .price span{ font-size: 0.84em;}
    #menu_bento .bento_menulist .photo li { width: 48%;}
    #menu_bento .bento_menulist .photo picture img{ width: 100%;}
    #menu_bento .bento_menulist .menu_detail{ margin: 40px auto; display: block;}
    #menu_bento .bento_menulist .menu_detail li{margin-bottom: 20px}
    #menu_bento .bento_menulist .menu_detail dt{ margin-bottom: 10px; font-weight: bold;}
    #menu_bento .bento_menulist .attention{ margin: auto;}
    #menu_bento .order{ text-align: center;border-top: 1px solid rgba(255,255,255,0.45);  padding: 60px 0; }
    #menu_bento .order .btn{ display: block; background: #fff; padding: 10px; text-align: center; margin: 0 auto 20px; text-decoration: none; font-size: 1.2em; font-weight: bold; letter-spacing: 1px}
    #menu_bento .postage li{width: 45%;}
    #menu_bento .postage h4{ font-size: 1.2em; text-align: center; margin-bottom: 40px; font-weight: normal;}
    #menu_bento .postage h5{ font-size: 1em; margin-bottom: 30px;}
    #menu_bento .postage dt{ font-size: 1em; margin-bottom: 10px;}
    #menu_bento .postage dd{ font-size: 0.92em; margin-bottom: 30px; line-height: 160%;}
     /*--0511追加箇所--*/
    
    
       /*---弁当申込フォーム----*/
    #form_bento{ width: 90%; margin: auto; border-top: 1px solid rgba(255,255,255,0.45);  padding: 60px 0 0;  font-weight: normal; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 16px;} 
    #form_bento h2{ text-align: center;padding:0; margin-bottom:20px; letter-spacing: 1px; font-size: 1.3em; line-height: 140%; background: none; width: auto; height: auto; font-weight: bold;}
    #form_bento h2 span{ font-size: 0.7em; display: block; font-weight: normal;}
    #form_bento .select_acceptance{ margin:20px auto; width: 100%; font-size: 1em;}
    #form_bento .select_acceptance dt{  font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px}
    #form_bento label{ display: block;}
    #form_bento label input{ display:inline; vertical-align:baseline; }
    .form_container h3{ font-size:1.3em; text-align: center;}
    
    .form_container .input_box { width: 100%; background: #fff; color:#000; padding: 10px; box-sizing: border-box;}
    .form_container .input_box dt{ background: #EFEFEF; padding: 5px; margin-bottom:7px; text-align: center;}
    .form_container .input_box dd{ margin-bottom: 7px; box-sizing: border-box;}
    .form_container .input_box dd .caution{ font-weight: bold; color: #f99;margin-bottom: 5px;}
    .form_container input[type="text"], .form_container textarea{padding: 5px; width: 100%; box-sizing: border-box}
    .form_container input[type="text"].long{ width: 100%;}
    .form_container select{padding: 5px;box-sizing: border-box;margin-bottom:5px;}
    .form_container textarea{width: 100%; height: 200px;}
    .form_container .attention{ font-size: 0.9em; line-height: 140%; margin: 5px;}
    
    .form_container .checkpoint{ text-align: center; margin: 30px auto;}    .
    .form_container .checkpoint .attention{ font-size: 14px;}
    .form_container .checkpoint ul{ margin: 20px auto; text-align: left;}
    .form_container .checkpoint  li{ margin-bottom: 15px; font-size: 0.9em; }
    
    .form_container .btn_order{ text-align: center;}
    .form_container .btn_order .btn{display: block; background: #fff; padding: 15px; text-align: center; width:90%; margin: auto; font-size: 1.1em; text-decoration: none; margin-bottom: 20px; font-weight: bold;}
    
    .form_container .postage{border-top: 1px solid rgba(255,255,255,0.45);  padding: 30px 0 0; margin-top: 30px; }
    .form_container .postage h4{ background:#414141; font-size: 1em; text-align: left; padding: 8px; margin: 20px 0 ;}
    .form_container .postage ul{ margin: 20px auto 40px; width: 100%;}
    .form_container .postage li{ width:100%; margin-top:30px;}
    .form_container .postage dt{ font-size: 1.1em; margin-bottom: 10px; border-bottom: 1px solid #fff; font-weight: bold;}
    .form_container .postage dd{font-size: 1em;}
    .form_container .postage dd table{ width: 100%;}
    .form_container .postage dd table tr{ border-bottom: 1px dotted #ccc;}
    .form_container .postage dd table td,.form_container .postage dd table th{ padding: 7px 0; font-weight: normal;}
    .form_container .postage dd table td{ text-align: right;}
    .form_container .postage .read{ font-size: 1.1em; font-weight: bold; margin-bottom: 10px;}
    .form_container .postage .attention{ font-size: 0.9em;}
    
    .form_container .about_takeout{border-top: 1px solid rgba(255,255,255,0.45);  padding: 30px 0; margin-top: 30px;  text-align: center;}
    .form_container .about_takeout .read{font-size: 1em; margin-top: 10px;}
}