@charset "utf-8";
/* =====================================================
common
================================================== */
div#mainContents{padding-bottom:2%}
div#mainContents div.mainContents{max-width:1000px;margin:0 auto}
/*------------------------------------------
ぱんくず
------------------------------------------*/
div#breadcrumbList{width:1000px;margin:3px auto;font-size:13px;color:#333}
div#breadcrumbList a{font-size:13px;color:#333;text-decoration:none}
div#breadcrumbList a:hover{text-decoration:underline;color:#f88d01}
div#breadcrumbList h1{display:inline-block}
/*------------------------------------------
PCの時に非表示
------------------------------------------*/
div#footBnr,div.sp_fv,div#sp_grm_osusumeTokushu,div#sp_grm_cate{display:none}
/*------------------------------------------
TOPへ
------------------------------------------*/
.pagetop{bottom:20px!important}

/* =====================================================
説明
================================================== */
h2.contentsTtl {color: #000;font-size: 40px;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight: 700;text-align: center;background-image: url(/excludes/gourmet/pg/30th_aniversary/common/kabe.jpg);    padding: 21px 0;margin: 20px 0;text-shadow: 0 0 20px #fff;}
h2.contentsTtl span {font-size: 31px;}
div.txtBox{margin-bottom:5%}
div.fvArea {margin-top: 30px;}
div.fvArea a {display: inline-block;text-align: center;font-size: 13px;line-height:1.8em;}
div.fvArea a:hover {color: #f88d01;text-decoration: underline;}
/* =====================================================
おすすめ特集
================================================== */
div.contentsArea {margin-top: 10px;}
div.contentsArea ul li {width: 32%;float: left;margin-right: 2%;margin-bottom: 1.5%;}
div.contentsArea ul li  {display: inline-block;text-align: center;font-size: 13px;line-height:1.8em;}
div.contentsArea ul li a {display: inline-block;text-align: center;font-size: 13px;line-height:1.8em;}
div.contentsArea ul li a:hover {color: #f88d01;text-decoration: underline;}
div.contentsArea ul li img {display: inline-block;width: 100%;}
div.contentsArea ul li:nth-child(3){margin-right:0}

@media screen and (max-width:750px) {
	/* 
★スマホ用CSS 
 */


/*------------------------------------------
ぱんくず
------------------------------------------*/
div#breadcrumbList{width:98%}
/*------------------------------------------
SPの時に非表示
------------------------------------------*/
div.pc_fv,div#pc_grm_sitemaparea,div#pc_sideBnr{display:none}
/*------------------------------------------
SPの時に表示
------------------------------------------*/
div#footBnr,div.sp_fv,div#sp_grm_osusumeTokushu,div#sp_grm_cate{display:block}


/* =====================================================
説明
================================================== */
h2.contentsTtl {font-size: 20px;}		
h2.contentsTtl span {font-size: 16px;}	
div.contentsArea ul li a {line-height: 1.1em;}
div.fvArea {margin-top: 10px;}	
}