/* CSS Document */

body{
	/*background:#fff url(../images/yaer/bg_2017.png);*/
}

.top_sc{
	background:#FFF;
	padding:5px 10px;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.top_sc h1{
	position:relative;
	padding-left:30px;
}

.h1_icon{
	display:block;
	position:absolute;
	top:0;
	left:0;
}

/* Landscape */

.main_logo {
position: absolute;
top: 42px;
left: 12px;
z-index: 100;
}

header{
}



#main01,#main02,#main03{
	width: 33.333333%;
	float: left;
	overflow: hidden;
}

.main{
position:relative;
height:535px !important;
}

.main_img{
width: 150% !important;
height: auto;
margin: auto;
margin-top: -80px !important;
margin-left:-50px;
}
@media screen and (min-width: 1500px) {
.main_img{
width: 100% !important;
margin-left:0;
}
}

.menu{
	position:absolute;
	right:10px;
	bottom:10px;
}


/*ナビゲーション*/


#category_box{
/*position: absolute;*/
/*min-width: 1003px;*/
width: 1000px;
background:#fff;
margin: 0 auto;
}

.in_category{
	position:relative;
	margin-bottom:15px;
}

.nav_wrap{
	padding:10px 1% 20px 1%;
}

.nav_wrap nav{
	border-left:solid 1px #e6e6e6;
	padding-left:20px;
	
}

.nav_wrap li{
	float:left;
	background:url(../images/cat_hover_back.png) no-repeat;
}



.cat_item{
	width:75px;
	height:133px;
	padding:6px;
	text-align:center;
	background:#fff;
	
}

.cat_item dt{
	margin-bottom:5px;
}
.cat_img img{
	width:75px;
	height:75px;
}

span.short{
	letter-spacing:-1px;
}

span.cat_copy{
	border:solid 1px #948643;
	background:#fff;
	display:block;
	text-align:center;
	letter-spacing:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	color:#948643;
	margin-bottom:5px;
}



.dlg_wrap{
}

.dlg_wrap_s{
	display:none;
}


/*フッター*/


footer{
	background:url(../images/foot_top_line.gif) repeat-x top #fff;
	padding:20px 0 0;
/*	position:relative;
	*bottom:-200px;
	_bottom:-200px;*/
}

.in_foot{
	padding:0 20px;
}

footer li{
	display:inline;
	margin-left:5px;
}





/*　カテゴリポップアップ　*/

#dd_ham .cat-arrow{
	position: absolute;
	bottom: 2px;
	left: 148px;
}

#dd_bacon .cat-arrow{
	position: absolute;
	bottom: 2px;
	left: 236px;
}

#dd_saus .cat-arrow{
	position: absolute;
	bottom: 2px;
	left: 325px;
}

#dd_pig .cat-arrow{
	position: absolute;
	bottom: 2px;
	left: 411px;
}

#dd_drink .cat-arrow{
	position: absolute;
	bottom: -8px;
	left: 498px;
}

#dd_set .cat-arrow{
	position: absolute;
	bottom: 2px;
	left: 494px;
}



.category_hov {
	width:975px;
	position:absolute;

	bottom: 128px;

	left: 8px;
	z-index:1000;

	padding-bottom: 23px;
}

.category_hov .inner{
	background:url(../images/cat_back.gif) repeat-y;
	
}

.inner h2 {
background: #fff;
width: 971px;
margin: 0 auto;
padding: 6px 0 10px;
text-align: center;
font-size:140%;
}

.cat_large_copy{
	background:url(../images/cat_all_icon.gif) no-repeat left;
	color:#948643;
	padding-left:30px;
	padding-right:10px;
	
}


div.item_wrap {
width: 971px;
margin: 0 auto;
overflow:hidden;
}

div.row{
margin-right: -1px;
border-top:solid 1px #ccc;
}

dl.item_box {
float: left;
width: 224px;
height: 60px;
padding: 9px;
background:#fff;
margin-right:1px;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

dt.item_img {
float: left;
margin-right: 10px;
}

dt.item_img img {
height: 60px;
width: 60px;
}

dd.item_name {
margin-left: 10px;
padding-left: 10px;
border-left: solid 1px #e6e6e6;
height: 60px;
width: 143px;
display:table-cell;
vertical-align:middle;
}

div.row a{
	color:#948643;
	display:block;
	
}

.second_wrap{


}


.bnr_wrap {
    float: left;
    margin-right: 20px;
    /* background: #f2f2f2; */
    width: 510px;
}

.in_bnr_wrap{
	height: 115px;
	overflow:auto;
}


.bnr_set{
	background:url(../images/bnr_hover_back.gif) no-repeat;
	margin-bottom:5px;
	width:480px;
}

.bnr_wrap dl {
    padding: 5px;
	background:#fff;
}
.bnr_wrap dd {
    float: left;
    width: 410px;
    padding-bottom: 20px;
    border-bottom: dotted 1px #e6e6e6;
    font-size: 15px;
    line-height: 119%;
    letter-spacing: 1px;
}
.bnr_wrap dt{
	float:left;
	margin-right: 20px;
}



.parent_news_wrap{
    width: 470px;
	float:left;
}

.news_wrap {

    overflow: auto;
    height: 115px;
	position:relative;
}

.news_wrap dd {
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-left: 15px;
    border-bottom: solid 1px #f2f2f2;
    position: relative;
}
.news_wrap dt {
    padding: 5px 0;
}
.news_wrap dl {
    padding-right: 15px;
    font-size: 14px;
	position:relative;
}
.news_wrap a {
    color: #948643;
}
.news_wrap .dot {
    position: absolute;
    left: 0;
    color: #ccc;
}

/* layout mobile
--------------------------------------------------*/
@media screen and (max-width: 699px) {

body{
	min-width:100%;
}

.main{
	width:100% !important;
	height:180px !important;
}

#main01 .main_img{
	margin-top: -36% !important;
}
#main02 .main_img{
	margin-top: -28% !important;
}
#main03 .main_img{
	margin-top: -47% !important;
}

.main_img{
width:100% !important;
margin:0 !important;
}

.top_sc {
	padding:0;
}

.main_logo {
position: relative; 
top: 0;
left: 0;
z-index: 100;
text-align: center;
/*background:#F1F0E7;*/
padding:10px 0;
}
.main_logo img{
	display:inline;
width: 170px;
height: auto;
}


.menu{
	left:10px;
	top:50%;
	margin-top:-75px;
}


#category_box {
position: relative;
top:0 !important;
min-width:100%;
width:100%;
background: #fff;
}



.nav_wrap{
	padding:0;
}

.nav_wrap nav {
border-left:none;
padding:0 16px;
}


p.fl.mr20 {
float: none;
text-align: center;
margin: 0;
}
p.fl.mr20 img {
display:inline;
}


.cat_item {
width: 132px;
height: 190px;
padding: 6px;
text-align: center;
background: #fff;
}

.cat_img img {
width: 100%;
height:auto;
}

.nav_wrap li {
float: left;
background:none;
}


.category_hov {
position: absolute;
top: 150px;
left:0;
bottom:auto;
z-index: 1000;
padding-bottom: 13px;
width: 100%;

display:none !important;
}
div.upper,div.lower {
display: none;
}

.category_hov .inner {
background:none;
border: solid 2px #f2f2f2;
}


.inner h2 {
background: #fff;
width: 100%;
margin: 0 auto;
padding: 15px 0 12px;
text-align: center;
font-size: 140%;
border-bottom: dotted 1px #e6e6e6;
}

div.item_wrap {
width: 100%;
margin: 0 auto;
overflow: hidden;
}

div.row {
margin-right: 0;
border-top: none; 
}
dl.item_box {
float: none;
width: 100%;
height: 60px;
padding: 18px;
background: #f2f2f2;
margin-right: 1px;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-bottom: 1px solid #e6e6e6;
}
.cat-arrow {
position: absolute;
bottom: -8px;
left: 68px;
display: none;
}


.dlg_wrap{
	display:none;
}

.dlg_wrap_s{
	display:block;
	text-align:center;
	margin-bottom:20px;
}
.dlg_wrap_s img{
	width:90%;
	height:auto;
	display:inline;
}

footer .fl{
	float:none;
}
footer .fr{
	float:none;
}

footer p.fl{
	display:none;
}

footer address {
	text-align:center;
}
footer address img{
	width:90%;
	height:auto;
	display:inline;
}

footer li{
	display:block;
	border-bottom:solid 1px #e6e6e6;
	padding:2px;
	text-align:left;
}

footer li.spa{
	display:none;
}

footer li a{
	display:block;
	padding:5px 0;
}

footer li a:hover{
	background:#f2f2f2;
}

.copy img{
	width:100%;	
}


.second_wrap{
	margin-bottom:20px;
}
.news_wrap {
    width: 100%;
    overflow: auto;
    height: 200px;
}
.news_wrap dl{
	padding:0 20px;
}


.bnr_wrap {
    float: none;
    margin-right: 0px;
	margin-bottom:10px;
	width:100%;
}

.in_bnr_wrap {
 height: auto; 
 overflow: inherit; 
 padding:10px;
}

.bnr_set {
background: none;
margin-bottom: 5px;
width:auto;
}

.bnr_wrap dt {
margin-bottom:10px;
margin-right:0;
text-align:center;
float:none;
}


.bnr_wrap dd {
    float: none;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: dotted 1px #e6e6e6;
    font-size: 15px;
    line-height: 119%;
    letter-spacing: 1px;
}


.bnr_wrap img {
	width:100%;
	height:auto;
	display:inline;
}

}



#ton{
	opacity:1;
	position:fixed;
	left:0;
	bottom:-145px;
	z-index:6000;
	_display:none;
}


/* layout mobile
--------------------------------------------------*/
@media screen and (max-width: 699px) {
#ton{
	opacity:1;
	position:fixed;
	left:0;
	bottom:-145px;
	z-index:6000;
	display:none;
}
}