@charset "UTF-8";
@import url(reset.css);

/***********************************************/
/* FileName: reset.css                         */
/* data:2015/08/15                             */
/***********************************************/


#header.brand_navi	{
	display: none;
}
div#header-in h1 img {
    width: 100%;
}	
	
	
.textbox {
    font-size: small;
	padding-bottom: 1em;
}
	
.menuserect{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
	
	
	
.fontsizeM {
    font-size: medium;
}

.B{
font-weight: bold;
}	
	
h2.content_title{
	width: 70%;
	}
h2.content_title img {
    /* height: 38%; */
    width: 65%;
}
	
	
img {
	max-width:100%;
}

table {
	width:100%;
}

a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}	
	
h1 {font-size:140%;}
h2 {
    font-family: 'Lato', sans-serif;
	clear: both;
    font: 200% bold;
     border-bottom: none; 
    margin-bottom: 1em;
	text-decoration: none;
}
h3 {
    clear: both;
    font: 170% bold;
    border-bottom: 1px solid #95c500;
    margin-bottom: 0.8em;
}

/*h4 {
    clear: both;
    font: 120% bold;
    border-bottom: 1px dotted #95c500;
    margin-bottom: 0.8em;
}*/

h4 {
    clear: both;
    font: 110% bold;
    margin-bottom: 1.8em;
    margin-top: 1em;
    border-left: 5px solid #95c500;
    padding: 5px 0 5px 0.8em;
    background-color: #f0f0f0;
	border-bottom: none;
}

/*p,tr,td{
    font-size: small;
    line-height: 1.6;
}*/

p {
    margin-bottom: 0;
}

.paddingT1{padding-top: 1em;}
.paddingT2{padding-top: 2em;}
.paddingT3{padding-top: 3em;}

.paddingB1{padding-bottom: 1em;}
.paddingB2{padding-bottom: 2em;}
.paddingB2{padding-bottom: 3em;}
.paddingB5px{padding-bottom:5px;}

.padding5px{padding:5px;}


body	{
	overflow-x:hidden;
	width: 100%;
}

/*0.navi
***************************************/
#navi img		{opacity:0.3;}
#navi a:hover img	{opacity:0.8;}

ul#navi {
    width: 100%;
    padding:0;
    height:auto;
    font-size:0px;
	background: #fefefe;
	border-bottom:1px solid #999;
	background:url(../img/top_bg3.gif);
}
ul#navi li {
    display: inline-block;
    max-width: 10%;
    height:auto;
    vertical-align:top;

}
ul#navi li img{
    width: 100%;
}

/*1.warpper
***************************************/
#wrapper{
margin-left:auto;
margin-right:auto;
position:relative;
background-position:top center;
background-repeat:no-repeat;
}

a {  
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}  
a:hover {  
	opacity: 0.6;  
	filter: alpha(opacity=60);  
}

/*2.header
***************************************/
#header{
/*min-height: 160px;*/
	    min-height: 100px;
background-image:url("../img/bg_tree.png");
background-repeat:repeat-x;
}
#header-in{
    width:100%;
    position: relative;
    /* height: 3vh; */
margin:0px auto 0px auto;
}
#header ul.menu {
    position: absolute;
    top: 150%;
}
#header #header-in h1 img{
    /* display:none; */
	width:30px;
    height:30px;
	/* position: absolute;
	top:15px;
    float:left; */
	/* left: 4vw;  */
}
#header p.wel	{display:none;}
#header ul.menu {
    position: absolute;
    top: 15px;
    right: 0;
    left: 70px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#header ul.menu li{
margin-right:10px;
float:right;
}

/*3.visual
***************************************/
#visual{
overflow:hidden;
}

.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
.wideslider ul li img{
    width: 250px;
}

.wideslider_base {
    top: 0;
    position: relative;
}
.wideslider_wrap {
    top: 0;
    position: relative;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: relative;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}
 /*

.pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: relative;
    z-index: 200;
}
 
.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
/*
 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}


/*4.consept
***************************************/
#consept{
display:none;
}

/*5.groundmenu
***************************************/
#groundmenu {
    padding: 2em 0;
    background-color: #FFFFFF;
    border-top: solid 1px #DCDCDC;
    overflow: hidden;
}

#groundmenu-in{
width:90%;
margin:0px auto 0px auto;
position:relative;
}
#groundmenu h2 img{
width:100%;
}

/*6.recommend
***************************************/
#recommend{
padding-top:0px;
background-color: #F9F1E0;
border-top:solid 1px #DCDCDC;
}

#recommend-in{
/*width:100%;*/
margin:5px auto;
position:relative;
/*    padding: 2em 0;*/
}
#recommend-in p.pic2 img{
width:100%;
}

#recommend-in p.pic2:last-of-type {
    margin-top: 1rem;
}

.container {
   /* width: 100%;*/
    max-width: 1220px;
    padding: 5.3vw;
}

#shop-in h2 img {
    /* height: 38%; */
    width: 45%;
}
#recommend-in p.pic2 {
    border-radius: 5px;
    box-shadow: 1px 3px 8px 2px rgba(90, 90, 90, 0.88);
}

#recommend-in p.tree{ display:none;}
#recommend-in h2{ position:relative;}
#recommend-in p.txt{ position:relative;}
#recommend-in p.pic{ position:relative;}
#recommend-in p.rec1{display:none;}
#recommend-in p.rec2{display:none;}
#recommend-in p.rec3{display:none;}
#recommend-in p.rec4{display:none;}
#recommend-in p.rec5{display:none;}
#recommend-in p.rec6{display:none;}

/*7.shop
***************************************/
#shop{
padding: 2em 0;
background-color: #FFFFFF;
border-top:solid 1px #DCDCDC;
overflow:hidden;
}

#shop-in{
width:90%;
margin:0px auto;
position:relative;
}
#shop-in h2{ position:relative; }
#shop div#inner{ position:relative; }
#shop div#inner dl{
border: 1px solid #E0E0E0;
position:relative;
padding: 10px 0;
margin: 10px 0;
}
#shop div#inner dt{
position:relative;
width:100%;
text-align:center;
color:#805F3D;
}
#shop div#inner dd{
text-align:center;
}
#shop div#inner dd p.pic img{
background-color:#FAFBF7;
border:solid 1px #F4F4F4;
}

#shop div#inner dd p.add{
margin:0px;
}

/*7.news
***************************************/
#news{
padding:10px 0px 10px;
background-image:url("../img/bg_news.png");
}
#news-in{
/*width:100%;*/
margin:0px auto;
}

#news-in ol{
margin:10px 0px 0px 0px;
}
#news-in ol li{
margin:0px;
}
#news-in ol li span{
padding: 0px 0px;
display: block;
font-size: x-small;
}

/*8.qr
***************************************/
#qr{
height:90px;
background-image:url("../img/bg_tree2.png");
background-repeat:repeat-x;
overflow:hidden;
position: relative;
}
#qr-in{
width:100%;
margin:0px auto 0px auto;
}
#qr-in dl{
margin:30px 0px 0px 100px;
}
#qr-in dt{
float:left;
margin:0px 20px 0px 0px;
}

/*9.footer
***************************************/
#footer{
background-color:#c7c7c7;;
overflow:hidden;
font-size:18px;

}
#footer-in{
width:100%;
margin:20px auto 20px auto;
}
#footer-in p{
text-align:center;
}

div#qr-in dt img {
    width: 20%;
    position: absolute;
    top: 20%;
    left: 4vw;
}

div#qr-in dd img {
    width: 70%;
    position: absolute;
    top: 22%;
    right: 4vw;
}
.fontsizeXS{
 font-size: x-small;
}
ul.brandnavi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #250d04;
    padding: 1em 0;
}
ul.brandnavi li {
    padding: 0 10px;
    background-color: #d4d4d4;
}

.btn a {
    display: block;
    background: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    padding: 2.6vw;
    color: #666;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    text-align: center;
}

p.backToTop.btn {
    font-size: medium;
    font-family: "Font Awesome 5 Free";
}

footer p.pagetop {
    margin-top: -60px;
    margin-bottom: 20px;
}
p.pagetop {
    position: absolute;
    top: 0;
    left: 44%;
}

/*10.teishoku
***************************************/

p.note.center {
    color: #832408;
    font-family: ”ＭＳ Ｐ明朝”, “MS PMincho”, “ヒラギノ明朝 Pro W3″, “Hiragino Mincho Pro”, serif;
    line-height: 1.6;
    font-size: 90%;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
}

#teishoku{
overflow:hidden;
background-image:url("../img/bg_menu1.png");
text-align:center;
position:relative;
max-width: 1220px;
padding: 5.3vw;
}
#teishoku ul{
width:570px;
margin:30px auto 0px auto;
padding: 1em 0 0;
}
#teishoku ul li{
float:left;
margin:0px 35px 60px 35px;
}

#teishoku h2 {
    margin: 3rem 0 1rem;
    clear: both;
    text-align: left;
}
#teishoku p.tree{
position:relative; top:20px; right:100px;
}
#teishoku-in{
width:100%;
margin:0px auto 0px auto;
}


#teishoku dl {
    display: inherit;
   width: 100%;
    height: 380px;
    position: relative;
    color: #2C0E04;
    font-family: ”ＭＳ Ｐ明朝”, “MS PMincho”, “ヒラギノ明朝 Pro W3″, “Hiragino Mincho Pro”, serif;
}


#teishoku dl:nth-child(4n){
margin:0px 0px 0px 0px;
}
#teishoku dt{
position:relative; top:330px;
}

#teishoku dt span{
padding:10px 0px 0px 0px;
border-top:solid 1px #E9D9BB;
display:block;
}

#teishoku dd{
border-radius: 5px;
box-shadow: 1px 3px 8px 2px rgba(90, 90, 90, 0.88);
width: fit-content;
margin: 0 auto;
}

#teishoku-in dd img {
    width: 200px;
    height: auto;
}

/*11.obento
***************************************/
#obento{
margin:0px 0px 0px 0px;
padding-bottom:60px;
background-color: #FFFFFF;
background-image:url("../img/bg_menu2.png");
border-top:solid 1px #DCDCDC;
text-align:center;
position:relative;
overflow:hidden;
    max-width: 1220px;
    padding: 5.3vw;
}
#obento h2{
margin:40px 0px 60px 0px;
}
#obento-in{
/*width:100%;*/
margin:0px auto 0px auto;
position:relative;
	    max-width: 1220px;
    padding: 5.3vw;
}
/*#obento-in p.tree{position:relative; top:-30px; left:-10px; z-index:1;}*/

/*#obento-in p.tree {
    position: relative;
    top: -206px;
    right: 25px;
    z-index: 1;
    width: 50%;
}*/
#obento-in p.tree {
    /* top: 30px; */
    display: none;
}

#obento-in p.bt {
    /* position: absolute; */
    top: 100;
    /* left: 0; */
    /* z-index: 1; */
    padding: 3em 0 0;
}

/*#obento-in p.obento{
margin:40px 0px 0px -200px;
}*/
/*#obento-in p.bt{position:relative; top:735px; right:50px; z-index:1;}*/

/*12.quotion
***************************************/
#quotion{
padding:20px 0px;
overflow:hidden;
text-align:left;
position:relative;
border-top:solid 1px #DCDCDC;
font-size:10px;
color:#2C0C04;
	    max-width: 1220px;
    padding: 5.3vw;
}
#quotion-in{
width:100%;
margin:0px auto 0px auto;
position:relative;
font-family: ”ＭＳ Ｐ明朝”, “MS PMincho”, “ヒラギノ明朝 Pro W3″, “Hiragino Mincho Pro”, serif;
}

/* .clearfix
------------------------- */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
	

/* .メニュー
------------------------- */

h2#tishoku_an img {
    width: 55%;
}


.textbox_n {
    font-size: small;
    padding: 3em 1em 0;
    width: 100%;
}
	
	#obento h2 {
    margin: 2em auto;
    width: 60%;
}

/* その他
------------------------- */
.bn10-10 {
    padding: 2em;
}

/*追加厚別チラシ*/
#obento-in .btnbox p a {
    background: #4b2e1d;
    padding: 0.5em;
    box-shadow: 1px 3px 3px 0px rgba(0,0,0,.2);
    border-radius: 3px;
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 100%;
	box-sizing: border-box;
}
#obento-in .btnbox p {
    width: 100%;
    margin-bottom: 1em;
}

.btnbox {
    position: static;
    bottom: auto;
    right: auto;
}
/*p.obento {
    position: absolute;
    z-index: 0;
    top: 2em;
}*/
/*#obento h2 {
    margin: 0;
    width: 60%;
}*/
#obento h2 {
    margin: 0;
    width: 80%;
    padding: 0;
    text-align: left;
}

p.obento {
    height: 15%;
	max-height: 15em;
    margin: 0 0 1.5em;
}
#obento h2 {
    margin: 0 0 2rem;
    width: 80%;
    padding: 0;
    clear: both;
    box-sizing: border-box;
}
#obento-in p.tree {
    top: -5em;
}
#obento p.obento img {
    width: 90%;
}