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

html {
}

body {
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
		"MS PGothic", sans-serif;
	line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
th,
td {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	/* vertical-align: bottom; */
}

/* リンク用カラー */

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	color: #f00;
	text-decoration: underline;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: “alpha(opacity=80) ”;
}

/* 下付き文字 */

sub {
	font-size: 0.75em;
	vertical-align: baseline;
}

/* 共用クラス */

.clear {
	clear: both;
}

.hdn {
	display: none;
}

.pictL {
	float: left;
}

.pictR {
	float: right;
}

/* clear FIX */

.pkg:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}

.pkg {
	display: inline-table;
	zoom: 1;
}

/* ¥*/

* html .pkg {
	height: 1%;
}

.pkg {
	display: block;
}

/* */

/* フォントの大きさ */

.f1 {
	font-size: 85%;
	/*100%*/
}

.f2 {
	font-size: 100%;
	/*110%*/
}

.f3 {
	font-size: 120%;
	/*130%*/
}

li a.f1,
li a.f2,
li a.f3 {
	font-size: 100%;
}

/* 全体 */

#Wrap {
	width: 100%;
	border-top: solid 12px #c9bfb4;
}

/* ヘッダー */

#Header {
	width: 940px;
	margin: 0 auto;
	padding: 36px 0 15px 0;
	position: relative;
}

#Header h1 {
	font-size: 1.2rem;
	font-size: 12px;
	/* padding:7px 0 0 40px; */
	padding: 7px 0 0 0;
	float: left;
	color: #6a6362;
	/* display:none; */
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: normal;
}

.english_btn {
	position: absolute;
	top: 11px;
	right: 22px;
}

.hsearch {
	position: absolute;
	top: 44px;
	right: 200px;
}

.searchtxt {
	width: 148px;
	height: 15px;
	background: url(/shared/img/bg_searchtxt.gif) no-repeat;
	border: none;
	padding: 3px 5px;
	color: #291f1d;
	font-size: 1.2rem;
	font-size: 12px;
}

.textsize {
	width: 160px;
	position: absolute;
	top: 44px;
	right: 22px;
}

#Header dl.textsize dt {
	float: left;
}

#Header dl.textsize dd {
	float: left;
	margin-left: 5px;
}

.hlogo {
	/*clear:both;
	text-align:center;
	padding:3px 0 16px 0;*/
	position: absolute;
	top: 82px;
	left: 333.5px;
}

.hlinks {
	position: absolute;
	top: 84px;
	right: 16px;
	text-align: center;
	padding: 0px 10px;
}

.hlinks p a,.hlinks p a img {
	color: #000;
	display: block;

}
.hlinks p a:not(a:first-child) {
	border-top: 1px dashed #C1C1C1;
}
/* グローバルナビ */

#Gnavi {
	margin-top: 94px;
}

#Gnavi li {
	list-style: none;
	float: left;
}

/* メイン */

#Pagebody {
	width: 940px;
	margin: 0 auto;
}

#Mainclm {
	/* width:724px; */
	width: 727px;
	float: right;
}

/* ぱんくず */

#Pan {
	font-size: 93%;
	margin: 20px 0;
}

/* ページトップ */

#GotoPageTop {
	clear: both;
	/*width:940px;*/
	margin: 0 auto;
	padding: 24px 0 0 0;
	text-align: right;
}

/* サイド */

#Subclm {
	width: 193px;
	float: left;
}

#Subclm_sticky {
	width: 193px;
	float: left;
}

.tvcm {
	line-height: 0;
	margin-bottom: 8px;
}

.onlineshop {
	font-weight: bold;
	margin-bottom: 15px;
}

.sidebnr li {
	list-style: none;
	line-height: 0;
	margin-bottom: 9px;
}

.newsbnr {
	margin-top: 19px;
}

.newsbnr li {
	list-style: none;
	line-height: 0;
	margin-bottom: 10px;
}

.sideenglishbnr {
	margin-top: 16px;
}

.sideenglishbnr li {
	list-style: none;
	line-height: 0;
}

/* フッター */

#Footerwrap {
	width: 100%;
	padding-top: 80px;
	color: #ffffff;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	/* background-color: #90826d; */
}

#Footerwrap a {
	color: #ffffff;
}
.footer_visual {
	height: 156px;
	background: url(/shared/img/footer_bg_1.png) no-repeat center bottom,
		url(/shared/img/footer_bg_2.png) repeat-x center bottom;
}
.footer_visual img {
	display: block;
	margin: auto;
}
#Footer {
	/* background: url(/shared/img/bg_footer.gif) no-repeat scroll center top; */
	min-width: 940px;
	/* padding-top: 128px; */
	padding-bottom: 12px;
	background: #90826d;
}

.fnavi {
	/* background: #90826d url(/shared/img/bg_footer_border.gif) repeat-y center top; */
	background: #90826d;

	padding-top: 20px;
}

.fnaviin {
	width: 867px;
	margin: 0 auto;
	padding-left: 68px;
	position: relative;
}
.fnaviin > ul {
	display: flex;
}
.fnaviin > ul > li {
	border-left: 1px solid #674f4f;
	padding-left: 20px;
}
.fnaviin > ul > li:first-child {
	border: none;
	padding-left: 0;
}
.fnavi li {
	list-style: none;
	/* float: left; */
}

.fnavi li p {
	/* font-weight:bold; */
	/* padding-bottom: 6px; */
	padding-bottom: 0px;
	font-size: 1.154em;
    border-bottom: solid 1px #fff;
    margin-bottom: 6px;
}

.fnavi_c {
	width: 216px;
	position: relative;
	top: 0;
	left: 0;
}

.fnavi_o {
	width: 182px;
	position: relative;
	top: 0;
	left: 5px;
}

.fnavi_i {
	width: 110px;
	position: relative;
	top: 0;
	left: 20px;
}

.fnavi_s {
	width: 150px;
	position: relative;
	top: 0;
	left: 38px;
}

.fnavi_r {
	width: 130px;
	position: relative;
	top: 0;
	left: 50px;
}

.fnavi_i .border-bottom{
	border-bottom: 1px solid #fff !important;
    padding-bottom: 4px;
}

.fnavi li ul {
	width: auto;
	margin: 0;
	padding-left: 0;
}

.fnavi li .twolist {
	margin-top: 12px;
}

.fnavi li li {
	float: none;
	line-height: 1.2;
	margin-bottom: 8px;
}

.fnavi2 {
	width: 877px;
	/* .fnaviinより10px広い */
	margin: 0 auto;
	padding: 20px 0 0 78px;
	position: relative;
}

.f_shop {
	clear: both;
	margin-top: 16px;
}

.f_shop a {
	color: #5a3d1b !important;
	font-size: 92%;
	text-decoration: none;
	padding: 0 2px;
	background: #fff;
	position: relative;
	border: solid 1px #eae8b3;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.fnavi li ul.f_contact{
	border-top: 1px solid #fff ;
margin-top: 1em;padding-top: 1em;

}
.fnavi li ul.f_contact a{
	font-size: 12px;
	white-space: nowrap;
}
.fnavi li ul.f_contact li{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fnavi li ul.f_contact li:after{
	 content:">";
	 display: inline-block;
	 margin-left: 0.25em;
transform:scaleX(0.75);
}
.f_lower {
	float: left;
	padding-top: 12px;
}

.f_lower li {
	font-size: 12px;
	list-style: none;
	display: inline-block;
	border-left: solid 1px #ffffff;
	padding: 0 5px;
	line-height: 1.2;
}

.fnavi3 {
	padding: 4px 0 0 0;
}

.f_address {
	clear: both;
	white-space: nowrap;
	font-size: 108%;
	float: left;
	padding: 6px 0 0 0;
}

.f_address span {
	/* font-weight:bold; */
}

.f_image {
	float: right;
}

.foot_english_link {
	margin-top: 18px !important;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/*dlサイドナビ部分*/

/* サイドメニュー */

.sidenavittl {
	border-top: solid 1px #e7e7e7;
	border-bottom: solid 1px #e7e7e7;
	color: #5d5856;
	text-align: center;
	padding: 10px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+2,ffffff+100 */
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 2%, #ffffff 100%);
	/* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, #ffffff),
		color-stop(2%, #f1f1f1),
		color-stop(100%, #ffffff)
	);
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 2%, #ffffff 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 2%, #ffffff 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 2%, #ffffff 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 2%, #ffffff 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
}

/*新ナビデザイン*/

.sidenavittl h2 {
	font-size: 131%;
}

.sidenavi {
	/* display:inline-block; */
	margin-bottom: 34px;
	position: relative;
}

.sidenavi li {
	list-style: none;
	font-size: 93%;
	line-height: 1.3;
	border-bottom: dotted 1px #e7e7e7;
}

.sidenavi li a {
	display: block;
	padding: 16px 0 16px 20px;
	color: #5d5856;
	text-decoration: none;
}

.sidenavi li a:hover {
	background-color: #f1e9e5;
}

/*365味噌汁サイド*/

.misoshiru365_side01 {
	border-top: 2px solid #827a79;
}

.misoshiru365_side02 {
	border-top: 2px solid #827a79;
	margin-top: 20px;
}

.misoshiru365_side03 {
	border-top: 2px solid #827a79;
	margin-top: 20px;
}

.misoshiru365_sideTtl a {
	color: #49403f;
	text-decoration: none;
}

.misoshiru365_ttlImg li {
	list-style-type: none;
}

.misoshiru365_ttlImg li:nth-child(3) {
	margin-bottom: 20px;
}

.sidenavi .twelist a {
	padding: 10px 0 10px 20px;
}

.sidenavi ul li:before {
	content: " ";
	border: transparent solid 0.3em;
	border-left-color: #b1846c;
	position: absolute;
	left: 1em;
	height: 0;
	width: 0;
	margin: 0px;
	margin-top: 1.7em;
	padding: 0px;
}

body#P_aisatsu #Sn_aisatu,
body#P_profile #Sn_profile,
body#P_map #Sn_map,
body#P_ayumi #Sn_ayumi,
body#P_torikumi #Sn_torikumi,
body#P_club #Sn_club,
body#P_recruit #Sn_recruit,
body#P_kosodate #Sn_kosodate,
body#P_josei #Sn_josei,
body#P_honmono #Sn_honmono,
body#P_hinshitsu #Sn_hinshitsu,
body#P_local #Sn_local,
body#P_chiikikoryu #Sn_chiikikoryu,
body#P_shokuiku #Sn_shokuiku,
<!-- body#P_shoyu #Sn_shoyu,
body#P_miso #Sn_miso,
body#P_dressing #Sn_dressing,
body#P_chomiryo #Sn_chomiryo,
body#P_gift #Sn_gift,
body#P_choji #Sn_choji,
-- > body#P_sakana #Sn_sakana,
body#P_niku #Sn_niku,
body#P_salad #Sn_salad,
body#P_pizza #Sn_pizza,
body#P_tuke #Sn_tuke,
body#P_gohan #Sn_gohan,
body#P_saijiki #Sn_saijiki,
body#P_azulejo #Sn_azulejo,
body#P_soysauce #Sn_seasoning,
body#P_miso #Sn_seasoning,
body#P_redpepper #Sn_seasoning,
body#P_vinegar #Sn_seasoning,
body#P_salt #Sn_seasoning,
body#P_mirin #Sn_seasoning,
body#P_garlic #Sn_seasoning,
body#P_sesame #Sn_seasoning,
body#P_pepper #Sn_seasoning,
body#P_mustard #Sn_seasoning,
body#P_ginger #Sn_seasoning,
body#P_herb #Sn_seasoning,
body#P_yaeko #Sn_yaeko,
body#P_fl #Sn_fl,
body#P_cm #Sn_cm,
body#P_koyomi #Sn_bunka,
body#P_month1 #Sn_bunka,
body#P_month2 #Sn_bunka,
body#P_month3 #Sn_bunka,
body#P_month4 #Sn_bunka,
body#P_month5 #Sn_bunka,
body#P_month6 #Sn_bunka,
body#P_month7 #Sn_bunka,
body#P_month8 #Sn_bunka,
body#P_month9 #Sn_bunka,
body#P_month10 #Sn_bunka,
body#P_month11 #Sn_bunka,
body#P_month12 #Sn_bunka {
	background-color: #f1e9e5;
}

#sidenavi_active {
	background: #f1e9e5;
}

.ryori_ul {
}

.sidenavi_container li {
	list-style: none;
	font-size: 93%;
	line-height: 1.3;
	border-bottom: dotted 1px #e7e7e7;
	float: left;
	width: 50%;
	position: relative;
}

.sidenavi_container li a {
	display: block;
	padding: 16px 0 16px 20px;
	color: #5d5856;
	text-decoration: none;
}

.sidenavi_container h2 {
	height: 52px;
}

.sidenavi_container li a:hover {
	background-color: #f1e9e5;
}

.sidenavi_container > #sidettl {
	background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 2%, #ffffff 100%);
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	color: #111;
	padding: 10px 0;
}

.sidenavi_sub {
	position: relative;
}

.sidenavi_sub li:before {
	content: " ";
	border: transparent solid 0.3em;
	border-left-color: #b1846c;
	position: absolute;
	left: 0.9em;
	height: 0;
	width: 0;
	margin: 0px;
	margin-top: 1.6em;
	padding: 0px;
}

.sidenavi_container {
	margin-bottom: 5px;
}

.pair {
	display: block;
	width: 100%;
	text-align: center;
	padding: 1rem;
	box-sizing: border-box;
	margin-bottom: 2rem;
}

.f_btob {
	margin-top: 15px;
}

/*フッターSNSリンク*/
.sns_link{
	text-align: center;
}
.sns_title{
	margin-bottom: 20px;
}
.sns_icon img{
	margin: 0 10px;
}