@charset "utf-8";
/* CSS Document */

/*カラー*/
.has-pale-pink-color {color: #f78da7;}
.has-vivid-red-color {color: #cf2e2e;}
.has-luminous-vivid-orange-color{color: #ff6900;}
.has-luminous-vivid-amber-color {color: #fcb900;}
.has-light-green-cyan-color {color: #7bdcb5;}
.has-vivid-green-cyan-color {color: #00d084;}
.has-pale-cyan-blue-color {color: #8ed1fc;}
.has-vivid-cyan-blue-color {color: #0693e3;}
.has-vivid-purple-color {color: #9b51e0;}
.has-very-light-gray-color {color: #eee;}
.has-cyan-bluish-gray-color {color: #abb8c3;}
.has-very-dark-gray-color {color: #313131;}


/*メインイメージ*/
.main_img{position:relative;background: url("../img/top/main_img.jpg") no-repeat;background-size:cover;}

.main_img .main_img_btm{margin:0 auto;width:100%;position:absolute;bottom:0;}
.main_img .text{color:#FFF;font-size:14px;position: absolute;bottom: 0;line-height: 2em;}
.main_img .btn_instagram{float:right;max-width:254px;width:25%;display:block;margin-bottom:10px;}
.img_main{
	background: url("../img/top/main_img.png") top right no-repeat;
	background-size:contain;
	height: 35.4vw;
	margin: 0 auto;
	}

/*メインイメージ*/
.main_img2{position:relative;}

.main_img2 .main_img_btm{margin:0 auto;width:100%;position:absolute;bottom:0;}
.img_main2{
	background: url("../img/common/main_img2.jpg") top right no-repeat;
	background-size:cover;
	height: 35.4vw;
	margin: 0 auto;
	}


/*共通*/
.yellow3{margin-bottom:5%;padding-bottom:5%;background:url(../img/common/yellow3.gif) center bottom no-repeat;}
.cyan3{margin-bottom:6%;padding-bottom:8%;background:url(../img/common/cyan3.gif) center bottom no-repeat;}
.red3{margin-bottom:6%;padding-bottom:8%;background:url(../img/common/red3.gif) center bottom no-repeat;}
.green3{margin-bottom:5%;padding-bottom:5%;background:url(../img/common/green3.gif) center bottom no-repeat;}

/*ボーダー*/
.border_top{
	border-top: 2px #888 solid;
	margin-top: 5%;
	padding-top: 5%;
}


/*ご注文*/
.cyumon_wrap{text-align:center;padding:8% 0;}
.cyumon_wrap h2{font-size:28px;}
.cyumon_wrap .btn_menu{
	background:#39b54a;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	color:#FFF;
	padding:10px 30px;
	margin:20px 0;
	display:inline-block;
	font-size:24px;
	font-weight:bold;
	}

.cyumon_wrap .btn_menu:hover{background:#2b8738;}

.cyumon_wrap .tel{max-width:600px;margin:0 auto;display:block;}
#menu2{display:none;}


/*こだわり*/
.kodawari_wrap{padding:6% 0;background:#8c2300;color:#FFF;margin-bottom:2px;}
.kodawari_wrap h2.title{font-size:28px;text-align:center;}


/*安心・安全*/
.safety_wrap{padding:5% 0;background:url(../img/top/safety_bg.jpg) center right no-repeat;background-size:cover;margin-bottom:2px;}
.safety_wrap h2.title{font-size:28px;text-align:center;}

/*食中毒防止*/
.boushi_wrap{padding:5% 0;background:url(../img/top/boushi_bg.jpg) center right no-repeat;background-size:cover;margin-bottom:2px;}
.boushi_wrap h2.title{font-size:28px;text-align:center;}
.boushi_wrap .text_wrap{padding-bottom:10%;}


/*テキストエリア*/
.left_text .text_wrap{float:left;}
.right_text .text_wrap{float:right;}

.text_wrap{background:rgba( 255, 255, 255, 0.8);width:40%;max-width:495px;padding:5%;}
.text_wrap h3{text-align:center;padding:2% 0;font-weight:600;}
.text_wrap li{padding-left:1em;text-indent:-1em;}

/*食材について*/
.syokuzai_wrap{padding:6% 0;margin-bottom:2px;}
.syokuzai_wrap h2.title{font-size:28px;text-align:center;}


.lr_wrap{padding:5% 0;}
.lr_wrap h3{text-align:center;padding:2% 0;font-weight:600;}
.lr_wrap .left{float:left;width:48%;}
.lr_wrap .right{float:right;width:48%;}


/*下層ページ共通*/
.pankuzu{padding:20px 0 80px;}

.page_title{
	background:#222222;
	padding:10px 20px;
	margin:0 auto 10%;
	display:block;
	width:60%;
	max-width:350px;
	font-size:36px;
	color:#FFF;
	text-align:center;
	}

/*テーブル*/
.table_akane{width:100%;}
.table_akane th{border:1px #888 solid;padding:2%;width:40%;background:#eeeeee;}
.table_akane td{border:1px #888 solid;padding:2%;width:60%;}

.page_wrap{padding-bottom:20%;}
.page_wrap h2.title{font-size:32px;text-align:center;}

/*お問合せ*/
.title_contact{font-size:36px;color:#8c2300;text-align:center;}
.tel2{max-width:560px;display:block;margin:10px auto 5%;}
.mail_text{display:block;padding:3% 0 5% 0;}
.mail_text .red{font-size:1.2em;color:#F00;}

.table_akane td input{width:98%;padding:5px;}
.table_akane td input.zip{width:200px;padding:5px;margin:0 0 10px 5px;}
.table_akane td textarea{width:98%;padding:5px;height:200px;}

.contact_btn_wrap{padding:8% 0 0;}
.contact_btn_wrap .submit{
	background:#39b54a;
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	display:block;
	margin:0 auto;
	border:none;
	padding:5px 50px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	cursor:pointer;
	}

.contact_btn_wrap .submit:hover{
	background:#256336;
	}

.contact_btn_wrap .back{
	background:#333;
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	display:block;
	margin:0 auto;
	border:none;
	padding:5px 50px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	cursor:pointer;
	}

.contact_btn_wrap .back:hover{
	background:#666;
	}


.contact_btn_wrap2{width:60%;margin:8% auto;}
.contact_btn_wrap2 .submit{
	background:#39b54a;
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	display:block;
	border:none;
	padding:5px 0;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	cursor:pointer;
	float:left;
	margin-right:4%;
	width:48%;
	}

.contact_btn_wrap2 .submit:hover{
	background:#256336;
	}

.contact_btn_wrap2 .back{
	background:#333;
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	display:block;
	border:none;
	padding:5px 0;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	cursor:pointer;
	float:right;
	width:48%;
	}

.contact_btn_wrap2 .back:hover{
	background:#666;
	}


.privacy_wrap{padding:20px;border:5px #888 solid;margin:10% 0 0;}

/*完了画面*/
.thanks_wrap{font-size:24px;text-align:center;padding-top:10%;}
.thanks_wrap a{
	background:#39b54a;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	display:block;
	margin:50px auto;
	border:none;
	padding:5px 50px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	cursor:pointer;
	width:240px;
	}

/*メニューページ*/
.table_menu{margin:0;}
.table_menu table{width:100%;}
.table_menu th{background:#eee;padding:20px;border:1px #333 solid;}
.table_menu td{padding:20px;border:1px #333 solid;}
/*.table_menu tr:nth-child(1) th{background:#dd2525;color:#FFF;}
.table_menu tr:nth-child(1) td{background:#dd2525;color:#FFF;text-align:center;}
.table_menu tr th:nth-child(1){width:25%;}*/
.red_title{
background:#dd2525;
color:#FFF;
font-size:1.4em;
font-weight:bold;
text-align:center;
border: 1px #333 solid;
  border-bottom-color: rgb(51, 51, 51);
  border-bottom-style: solid;
  border-bottom-width: 1px;
margin: 0 5px 0 0;
width: 99.8%;
border-bottom: none;
padding: 0.5em 0;
line-height:1.2em;
}

.mt10{margin-top:10%;}
.table_btm_text{padding:8% 0 2%;text-align:center;display:block;font-size:36px;}

/*メニューテーブル*/
.menu_table{width:100%;margin:20px 0;}
.menu_table th{font-weight:normal;padding:20px;border:1px #888 solid;background:#FFF;width:45%;line-height:1.4em;}
.menu_table td{text-align:center;padding:20px;border:1px #888 solid;background:#FFF;width:55%;line-height:1.4em;}


/*上食弁当*/
.jyousyoku_wrap{padding:5% 0;background:url(../img/menu/jyousyoku_bg.jpg) center right no-repeat;background-size:cover;margin-bottom:2px;}
.jyousyoku_wrap h2.title{font-size:28px;text-align:center;}

/*特食弁当*/
.tokusyoku_wrap{padding:5% 0;background:url(../img/menu/tokusyoku_bg.jpg) center right no-repeat;background-size:cover;margin-bottom:2px;}
.tokusyoku_wrap h2.title{font-size:28px;text-align:center;}

/*レディース弁当*/
.lady_wrap{padding:5% 0;background:url(../img/menu/lady_bg.jpg) center right no-repeat;background-size:cover;margin-bottom:2px;}
.lady_wrap h2.title{font-size:28px;text-align:center;}
.okazu{display:block;padding:0 0 10px;text-align:center;}


/*カツカレー*/
.curry_wrap{padding:5% 0;margin-bottom:2px;}
.curry_wrap .photo_right{float:right;max-width:400px;width:40%;}
.curry_wrap .text_wrap{padding-top:0;}
.curry_wrap .text_wrap .menu_table{margin-top:0;}

.curry_wrap h2.title{font-size:28px;text-align:center;}
.curry_wrap .okazu{padding-top:5%;}

/*電話*/
a.tel2{cursor:default;}
a.tel2:hover img{opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}


/*お知らせ*/
.left_contents{width:76%;float:left;}
.sidebar{width:20%;float:right;}
.sidebar h3{background:#000;color:#FFF;text-align:center;font-weight:bold;}
.sidebar ul{margin-bottom:20px;}
.sidebar ul li{border-bottom:1px #888 dashed;line-height:1.4em;padding:10px 0;}

.information_wrap{padding:20px 0 40px;border-bottom:1px #333 dashed;}
.information_title{font-size:28px;}
.line_day{border-top:1px #888 solid;border-bottom:1px #888 solid;padding:1% 0;margin:1% 0;}

.information{margin:2% 0;}
.information li{display:table;border-bottom:1px #333 dashed;padding:10px 0;width:100%;}
.information li:last-child{border-bottom:none;}
.information li .day{display:table-cell;width:7rem;color:#333;}
.information li p{display:table-cell;}


@media screen and (max-width:840px) {
/*共通*/
.yellow3{background:url(../img/common/yellow3.gif) center bottom no-repeat;background-size:110px;}
.cyan3{background:url(../img/common/cyan3.gif) center bottom no-repeat;background-size:110px;}
.red3{background:url(../img/common/red3.gif) center bottom no-repeat;background-size:110px;}
.green3{background:url(../img/common/green3.gif) center bottom no-repeat;background-size:110px;}

.red_title{
font-size:1em;
}

	
/*インスタグラム*/
.main_img .btn_instagram{max-width:75px;width:10%;margin-bottom:10px;}

.none{display:none;}
.menu_f{display:block !important;position:fixed;background:#222;width:100%;z-index:999;height:60px;}

.menu_f .logo2{max-width:253px;float:left;display:block;margin:14px 0 0 0;width:40%;}

/*ご注文*/
.cyumon_wrap .btn_menu{font-size:21px;}

/*こだわり*/
.kodawari_wrap{padding:10% 0;}
.kodawari_wrap h2{font-size:28px;text-align:center;}
.kodawari_wrap p{font-size:0.9em;line-height:1.8em;}

/*テキストエリア*/
.left_text .text_wrap{float:none;}
.right_text .text_wrap{float:none;}
.text_wrap{background:rgba( 255, 255, 255, 0.8);width:84%;max-width:600px;padding:8%;font-size:0.9em:}

/*食材について*/
.syokuzai_wrap{padding:6% 0;margin-bottom:2px;}
.syokuzai_wrap h2.title{font-size:28px;text-align:center;}

.lr_wrap .left{float:none;width:100%;margin-bottom:5%;}
.lr_wrap .right{float:none;width:100%;}


/*テーブル*/
.table_akane{width:100%;}
.table_akane th{border:none;padding:2% 0;width:96%;float:left;background:#333;color:#FFF;}
.table_akane td{border:none;padding:4% 0;width:96%;float:left;text-align:center;}

/*お問合せ*/
.title_contact{font-size:24px;}

.table_akane td input{width:96%;}
.table_akane td textarea{width:96%;}

.contact_btn_wrap .submit{
	font-size:24px;
	}
	


.contact_btn_wrap2 .submit{
	background:#39b54a;
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	display:block;
	border:none;
	padding:5px 0;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	cursor:pointer;
	float:none;
	margin:0 0 20px;
	width:100%;
	}

.contact_btn_wrap2 .submit:hover{
	background:#256336;
	}

.contact_btn_wrap2 .back{
	background:#ccc;
	color:#333;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	display:block;
	border:none;
	padding:5px 0;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	cursor:pointer;
	float:none;
	width:100%;
	}

.contact_btn_wrap2 .back:hover{
	background:#aaa;
	}

/*メニューページ*/
.table_menu th{padding:5px;line-height:1.4em;}
.table_menu td{padding:5px;line-height:1.4em;}

.table_btm_text{font-size:18px;}



/*上食弁当*/
.jyousyoku_wrap{padding:5% 0;background:url(../img/menu/jyousyoku_bg_sp.jpg) center no-repeat;background-size:cover;margin-bottom:2px;}

/*特食弁当*/
.tokusyoku_wrap{padding:5% 0;background:url(../img/menu/tokusyoku_bg_sp.jpg) center no-repeat;background-size:cover;margin-bottom:2px;}

/*レディース弁当*/
.lady_wrap{padding:5% 0;background:url(../img/menu/lady_bg_sp.jpg) center no-repeat;background-size:cover;margin-bottom:2px;}
.lady_wrap h2.title{font-size:28px;text-align:center;}

/*カツカレー*/
.curry_wrap .text_wrap{padding-top:5%;}
.curry_wrap .photo_right{float:none;max-width:1000px;margin:0 auto;width:90%;display:block;}

/*お知らせ*/
.left_contents{width:100%;float:none;padding-bottom:50px;}
.sidebar{width:100%;float:none;}