@charset "utf-8";

a:hover img{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)}
/*====================================================
common
====================================================*/
div#pcImg {display: block;margin-bottom: 25px;}
div#spImg {display: none;}
div#pc_sp_grm_top_contents{margin:auto;width:100%;position:relative;margin:0 auto 40px}
.moreArea ol {display: block!important;}
}
a:hover img{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)}
.mainArea{margin:auto;min-width:1000px;position:relative;width:100%;overflow:hidden}
.footer{background:#fff!important}
div#pc_grm_mainBnr,div#sp_grm_mainBnr {margin-top:0 !important}
div#all_rank,div#new_item,div#hare_contents,div#cate_select,div#guide,div#hare_about {margin-top: -50px;padding-top: 14px;}
.mainArea h2,.mainArea a,.mainArea span,.mainArea p,.mainArea h3,.mainArea em,.mainArea s{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
div#newitem, div#shokuhin {margin-top: -50px;padding-top: 50px;}
div#fvImg {max-width: 780px;margin: 0 auto;}
div.hare_ichioshi,div#shokuhin {border-bottom: none!important}
/*------------------------------------------
PCの時に非表示
------------------------------------------*/
div#sp_fvImg,div#sp_cateBnr,div.itemDetailArea div.sp_box,div#sp_grm_osusumeTokushu,div#sp_grm_cate,h2.h2TitleImg.spTtl,div#sp_fixed{display:none}
/*------------------------------------------
TOPへ
------------------------------------------*/
.pagetop{bottom:20px!important}
/*------------------------------------------
ヘッダーカテゴリ非表示
------------------------------------------*/
div.nav-global-cat-in ul.list-nav-global-cat{display:none}
div.nav-global-cat-in ul.slick-slider{display:block!important}
/*====================================================
メイン
====================================================*/
div#pc_sp_grm_top_contents p#deadLineBox{background-color:#000;text-align:center;display:block;width:100%;color:#fff;font-weight:700;padding:12px 0;font-size:30px}
/*------------------------------------------
ぱんくず
------------------------------------------*/
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#pc_fvImg{height:350px;background:url(https://belluna-gourmet.com/excludes/gourmet/pg/55off_gourmet/common/pc_fv.png) no-repeat;width:100%;background-position:center;min-width:1000px;background-size:1922px;position:relative}
h1.h1_titleImg{width:1200px;margin-left:auto;margin-right:auto;display:block;z-index:10;position:relative;top:-1px}
p.fvTxtArea {
text-align: center;
    width: 1000px;
    margin: 0 auto;
    font-size: 26px;
    line-height: 1.5em;
    margin-top: 29px;
    font-weight: 700;}
/* =====================================================
追従カテゴリ
================================================== */ 
div#pc_fv_cate{background-color:#ffcc33;;height:50px;margin-bottom:20px;}
div.cate_fixed{position:fixed;top:68px!important;z-index:10;width:100%}
div#pc_fv_cate ul{width:100%;max-width:1200px;margin:0 auto}
div#pc_fv_cate ul li{width:9%;float:left}
div#pc_fv_cate ul li a{display:inline-block;width:100%;height:50px;color:#fff;text-decoration:none;text-align:center;font-size:11px;border-right:1px solid #fff;position:relative}
div#pc_fv_cate ul li a span{color:#440505}
div#pc_fv_cate ul li a:after{content:"";display:block;width:4px;height:4px;border-top:1px solid #440505;border-right:1px solid #440505;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:5px;top:26px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}
div#pc_fv_cate ul li a.soukiIcon:after{content:"";-webkit-transform:rotate(45deg)!important;-moz-transform:rotate(45deg)!important;-ms-transform:rotate(45deg)!important;transform:rotate(45deg)!important;position:absolute;right:13px;top:24px}
div#pc_fv_cate ul li:first-child a{border-left:1px solid #fff}
div#pc_fv_cate ul li a:hover{opacity: 0.7}
div#pc_fv_cate ul li a span{position:relative;top:19px;left: 13px}
div#pc_fv_cate ul li a span.sp_br{top:0}


span.line02 {
    top: 12px !important;
}



/*----------------------------
商品一覧
---------------------------*/
.grm_rankArea h2.pc_grm_contents_title {
font-size: 36px;
text-align: center;
margin: 56px auto 15px;
line-height: 1.3em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-weight: 700;
}
.grm_rankArea h2.pc_grm_contents_title span.upDate{font-size:12px;color:#c00;display:inline-block;padding-left:5px;position:relative;top:-5px}
.grm_rankArea h2.pc_grm_contents_title p{font-size:16px;line-height:1.2em;margin:10px 0 0}
.grm_rankArea h2.pc_grm_contents_title span.chushaku{font-size:11px;position:relative;top:-8px;display:inline-block}
div.grm_rankArea{margin-bottom:2%;
    max-width: 1200px;
    margin: 0 auto;margin-top: 0;}
div.grm_rankArea ol{margin-right:-2%}
div.grm_rankArea ol li{width:23%;float:left;margin-right:1%;margin-bottom:2%}
div.grm_rankArea ol li .itemName{font-size:14px;line-height:1.3em;display:inline-block;margin:3px 0;height: 31px}
div.grm_rankArea ol li .itemName:hover{color:#f88d01;text-decoration:underline}
/* 価格 */
div.grm_rankArea ol li em.itemPrice{font-size:21px;color:#c00;display: inline-block;text-align:right;margin-bottom:5px}
div.grm_rankArea ol li em span.monthTxt{font-size:13px;color:#c00}
div.grm_rankArea ol li em.itemPrice span.zei{color:#999;font-size:11px;display:inline-block;margin-left:2px}
div.grm_rankArea ol li em.itemPrice span.souryou{color:#c00;font-size:14px;display:inline-block;margin-left:2px}
div.grm_rankArea ol li s {font-size: 15px;}
/* カート */
div.grm_rankArea ol li div.cartBtn{text-align:right; position: relative; overflow: hidden;}
div.grm_rankArea ol li div.cartBtn button.cartBtn{height:40px;font-weight:700;border:none;text-align:center;font-size:13px;color:#fff;border-radius:10px;-moz-border-radius:10px;background:#c00 url(https://belluna-gourmet.com/excludes/gourmet/pg/sale/common/carticon.svg) no-repeat;background-size:21px;padding:0 10px 0 29px;background-position:7px 8px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif; width: 100%;line-height: 1.1em;}
div.grm_rankArea ol li div.cartBtn button.cartBtn span{color:#fff}

div.grm_rankArea div.btn_link {
    width: 49%;
    float: left;
}
div.grm_rankArea div.btn_cart {
    width: 49%;
    float: right;
}
div.grm_rankArea div.btn_link a{
    height: 40px;
    font-weight: 700;
    border: none;
    text-align: center;
    font-size: 13px;
    color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    background-size: 21px;
    padding: 0 10px 0 29px;
    background-position: 7px 8px;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
    line-height: 1.1em;
    border: 1px solid #df6c0f;
    display: block;
    background-color: #df6c0f;
}
div.grm_rankArea div.btn_link a span {
    color: #fff;
	position: relative;
    top: 5px;
    left: -10px;
}
div.grm_rankArea div.btn_link a:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 156px;
    top: 20px;
    margin-top: -5px;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    background: none;
}

div.grm_rankArea .linkTopBox{text-align:right}
div.grm_rankArea .linkTopBox a{font-size:12px}
div.grm_rankArea .linkTopBox a:hover{color:#f88d01;text-decoration:underline}
/* ランキング */
div.grm_rankArea ol li div.rankBox{position:relative}
div.grm_rankArea ol li div.rankIcon_03:before,div.grm_rankArea ol li div.rankIcon_04:before,div.grm_rankArea ol li div.rankIcon_05:before,div.grm_rankArea ol li div.rankIcon_06:before,div.grm_rankArea ol li div.rankIcon_07:before,div.grm_rankArea ol li div.rankIcon_08:before,div.grm_rankArea ol li div.rankIcon_09:before,div.grm_rankArea ol li div.rankIcon_10:before{content:'';width:50px;height:25px;display:block;background:#333;color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:26px;position:absolute;left:0;bottom: 142px;z-index:1}
div.grm_rankArea ol li div.rankIcon_01:before{content:'1位';background:#D9B340}
div.grm_rankArea ol li div.rankIcon_02:before{content:'2位';background:#707B83}
div.grm_rankArea ol li div.rankIcon_03:before{content:'3位';background:#A05325}
div.grm_rankArea ol li div.rankIcon_04:before{content:'4位'}
div.grm_rankArea ol li div.rankIcon_05:before{content:'5位'}
div.grm_rankArea ol li div.rankIcon_06:before{content:'6位'}
div.grm_rankArea ol li div.rankIcon_07:before{content:'7位'}
div.grm_rankArea ol li div.rankIcon_08:before{content:'8位'}
div.grm_rankArea ol li div.rankIcon_09:before{content:'9位'}
div.grm_rankArea ol li div.rankIcon_10:before{content:'10位'}
div.newIcon:before{content:'NEW';width:50px;height:25px;display:block!important;background:#c00;color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:26px;position:absolute;left:0;top:195px;z-index:1}
/* スペック */
div.grm_rankArea ol li .specTxtArea_02{margin-top:5px;text-align:right}
div.grm_rankArea ol li span.specTxt{height:15px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.2em}
div.grm_rankArea ol li span.specTxt2{    height: 15px;
    font-size: 12px;
    overflow: hidden;
    display: block;
    line-height: 1.2em;
    height: 41px;font-weight: 100 !important;}
div.grm_rankArea ol li span.specTxt span.moreLink{text-decoration:underline}
div.grm_rankArea ol li span.specTxt span.moreLink{text-decoration:underline}
div.grm_rankArea ol li span.specTxt span.moreLink:hover{color:#f39700}
div.grm_rankArea ol li span.cool{background-color:#476eb3;text-align:center;font-size:12px;color:#fff;border-radius:5px;-moz-border-radius:5px;padding:3px;float:left;display:inline-block;margin-top: 3px;}
div.grm_rankArea ol li span.reizou{background-color:#a666b3;text-align:center;font-size:12px;color:#fff;border-radius:5px;-moz-border-radius:5px;padding:3px;float:left;display:inline-block}
div.grm_rankArea ol li span.reitou{background-color:#476eb3;text-align:center;font-size:12px;color:#fff;border-radius:5px;-moz-border-radius:5px;padding:3px;float:left;display:inline-block}
div.grm_rankArea ol li span.jouon{background-color:#df6c0f;text-align:center;font-size:12px;color:#fff;border-radius:5px;-moz-border-radius:5px;padding:3px;float:left;display:inline-block}
/* レビュー */
div.grm_rankArea ol li .specTxtArea_01{height:15px}
div.grm_rankArea ol li div.starBox{float:left;text-align:right;position:relative;top:1px;padding-left:5px}
div.grm_rankArea ol li div.starBox span.starTxt{font-size:14px;color:#fc3;position:relative;top:1px}
div.grm_rankArea ol li div.starBox span.starTxt_none{color:#ccc;font-size:14px;position:relative;top:1px}
div.grm_rankArea ol li div.starBox span.reviewnumber{font-size:14px;color:#c00;font-weight:700}
div.grm_rankArea ol li div.starBoxdiv.pc_sp_grm_itemList div.starBox span.reviewcount{font-size:11px}
/* もっと見る */
div.grm_rankArea div.morePageBtn{text-align:center;margin-bottom:30px}
div.grm_rankArea div.morePageBtn a{border-radius:100px;-moz-border-radius:100px;display:inline-block;background-color:#df6c0f;height:80px;width:400px;position:relative}
div.grm_rankArea div.morePageBtn a:hover{background-color:#c75f0a}
div.grm_rankArea div.morePageBtn a span{color:#fff;font-size:24px;font-weight:700;position:relative;top:28px}
div.grm_rankArea div.morePageBtn a:after{content:"";display:block;width:15px;height:15px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:25px;top:35px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}

div#doukon div.grm_rankArea div.rankList{overflow-y:hidden;overflow-x:scroll;position:relative;-webkit-overflow-scrolling:touch;padding-bottom:3%}	

div#doukon div.rankList ol{width:2000px}	
div#doukon div.item_04 div.rankList ol li {width: 24%;}
div#doukon div.item_05 div.rankList ol li {width: 19%;}
div#doukon div.item_06 div.rankList ol li {width: 15%;}
div#doukon div.item_07 div.rankList ol li {width: 13%;}


/*----------------------------
ご利用ガイド
---------------------------*/
div#contents_guide{width:1200px;margin:0 auto 30px;padding-top:30px;background-color:#fff}
div#contents_guide .spr_accordionTtl.koeTtl{display:none}
div#contents_guide div.imgBox{margin:5px 0}
div#contents_guide h2{display:block;padding:15px 0;margin:0 0 20px;color:#333;font-size:30px;font-weight:100;border-top:#333 1px solid;border-bottom:#333 1px solid;text-align:center}
div#contents_guide h3{background-color:#eee;color:#333;padding:10px 0;display:block;width:100%;margin-bottom:10px;text-align:center;font-size:16px}
div#contents_guide p.chushaku{font-size:13px;text-align:left;line-height:1.2em}
div#contents_guide p.shimekiri{font-size:16px;font-weight:700;text-align:center;margin-bottom:10px}
div#contents_guide p{color:#333;font-size:14px;line-height:1.5em}
div#contents_guide ul{margin-right:-30px}
div#contents_guide ul li{margin-right:30px;margin-bottom:30px;width:380px;float:left}
div#contents_guide h4.otodokeTtl{font-weight:700;font-size:18px;text-align:center;margin:20px 0}
div#contents_guide h4.shiharai{font-size:14px;font-weight:700;margin:5px 0 0}
div#contents_guide h4.souryou{color:#c00;font-weight:700;font-size:40px;margin:20px 0;text-align:center}
div#contents_guide h4.souryou span{font-size:18px;display:block;color:#c00;margin-bottom:5px}
div#contents_guide div.haisouList ul{margin:10px -30px 10px 0}
div#contents_guide div.haisouList li{width:14.7%;float:left;margin-bottom:0}
div#contents_guide div.haisouList li div.haisouBox{border:1px solid #afafaf;border-radius:100%;-moz-border-radius:100%;font-size:14px;text-align:center;width:60px;height:60px;line-height:1.2em;padding-top:13px}
div#contents_guide p a {text-decoration: underline;}

/* ------　こだわり ------　*/
div.yoshinoyaTxtBox{max-width:1200px;margin:0 auto;position:relative;background-color:#eee}
div.yoshinoyaTxtBox div.imgBox{width:32%;float:left}
div.yoshinoyaTxtBox div.ttlBox{width:50%;float:left;padding:3%}
span.specTxt2{color:#333;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";font-weight:700}
div.yoshinoyaTxtBox div.ttlBox p{font-size:43px;line-height:1.2em;margin-bottom:10px;margin-top:27px}
div.yoshinoyaTxtBox p.txtBox{position:absolute;top:45%;right:5%;width:60%;font-size:22px;line-height:1.5em}
/* 背景黒 */
div#yoshinoyaTxt_02{background-color:#000!important}
div#yoshinoyaTxt_02 p{color:#fff!important}
/* ------　声 ------　*/
div#yoshinoyaKoe h2.grm_contentsTitle {
font-size: 53PX;
text-align: center;
padding-top: 18px;
font-weight: bold;
letter-spacing: 0.1em;
color: #000;
line-height: 1.1em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
div#yoshinoyaKoe{max-width:1200px;margin:30px auto;background-color:#ff8b38;padding-bottom:1px}
div#yoshinoyaKoe div.koeBox{padding:20px;background-color:#fff;margin:0 30px 30px;position:relative}
div#yoshinoyaKoe div.koeBox div.imgBox{float:left;width:120px}
div#yoshinoyaKoe div.koeBox div.txtBox{float:right;width:960px}
div#yoshinoyaKoe div.koeBox div.txtBox .starBox{font-size:25px;font-weight:700;margin-bottom:10px}
div#yoshinoyaKoe div.koeBox div.txtBox .starBox span.txtBox{color:#FFD600}
div#yoshinoyaKoe div.koeBox div.txtBox .starBox span.txtBox span.none{color:#ccc}
div#yoshinoyaKoe div.koeBox div.txtBox p{font-size:18px;line-height:1.5em}
div#yoshinoyaKoe div.koeBox div.txtBox p span.name{position:absolute;right:30px;bottom:30px}
div#yoshinoyaKoe span.chushaku{color:#fff;font-size:12px;display:block;text-align:right;position:relative;top:-12px}


/* ------　店舗 ------　*/
div#yoshinoyaTenpo h2.grm_contentsTitle {
font-size: 45PX;
    text-align: center;
    /* padding-top: 8px; */
    padding: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #fff;
    line-height: 1.2em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
div#yoshinoyaTenpo {
max-width: 1200px;
margin: 30px auto;
background-color: #8b1b03;
padding-bottom: 1px;text-align: center;
height: auto;	
}
div#yoshinoyaTenpo div.koeBox{padding:30px;background-color:#fff;margin:0 30px 30px;position:relative}
div#yoshinoyaTenpo div.koeBox div.imgBox{float:left;width:395px}
div#yoshinoyaTenpo div.koeBox div.txtBox{float:right;width:664px}
div#yoshinoyaTenpo div.koeBox div.txtBox .starBox{font-size: 31px;
font-weight: 700;
margin-bottom: 10px;
background-color: #ddc893;
line-height: 1.8em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
div#yoshinoyaTenpo div.koeBox div.txtBox .starBox span.txtBox{color:#FFD600}
div#yoshinoyaTenpo div.koeBox div.txtBox .starBox span.txtBox span.none{color:#ccc}
div#yoshinoyaTenpo div.koeBox div.txtBox p{font-size:23px;line-height:1.5em;text-align: left;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";font-weight: 700}
div#yoshinoyaTenpo div.koeBox div.txtBox p span.name{position:absolute;right:30px;bottom:30px}
div#yoshinoyaTenpo span.chushaku{color:#fff;font-size:12px;display:block;text-align:right;position:relative;top:-12px}
/* ------　特集バナー ------　*/
div#tabekurabe {
width: 1200px;
text-align: center;
margin: 0 auto;
margin-bottom: 25px;
margin-top: 20px;
}

div#tabekurabe p.obi {
font-size: 36px;
    background-color: #ffef01;
    color: #9a0000;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    padding: 16px;margin-top: 10px;
}

/*====================================================
同梱
====================================================*/
div#doukon {
width: 1200px;
text-align: center;
margin: 0 auto;
margin-bottom: 25px;
}

div#doukon p.obi {
font-size: 42px;
    background-color: #00401f;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    padding: 16px;margin-top: 10px;
	margin-bottom: 30px;
}
div#doukon .grm_rankArea {
    max-width: 1200px;
}

div#doukon div.grm_rankArea ol li {
width: 24%;	}

div#doukon div.grm_rankArea ol li div.cartBtn button.cartBtn {
    height: 40px;
    font-weight: 700;
    border: none;
    text-align: center;
    font-size: 15px;
    color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    background: #c00 url(/excludes/gourmet/pg/yoshinoya/220930/yajirusi.gif) no-repeat;
    background-size: 21px;
    padding: 0 10px 0 29px;
    background-position: 7px 8px;
    font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;
}

/*====================================================
レシピ
====================================================*/

div#recipe {
width: 1200px;
text-align: center;
margin: 0 auto;
margin-bottom: 25px;
}

div#recipe p.obi {
font-size: 38px;
    background-color: #00401f;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    padding: 16px;margin-top: 10px;
	margin-bottom: 30px;
}
div#recipe .grm_rankArea {
    max-width: 800px;
}
div#recipe div.grm_rankArea ol li {
width: 31%;	}

div.recipe {width:1000px;margin:0 auto;margin-bottom: 30px;}
div.recipe div.imgBox{width:450px;float:left}
div.recipe div.txtBox{width:550px;float:left;padding:0 25px;}
div.recipe div.txtBox h2.ttlTxt{color:#eb6301;font-size:35px;margin-bottom:10px;font-weight:700;line-height: 1.5em;text-align: left;}
div.recipe div.txtBox p.Txt{color:#000;font-size: 17px;line-height: 1.5em;text-align: left;}
div.recipe div.txtBox div.linkTxt{text-align:right;margin-top:10px}
div.recipe div.txtBox div.linkTxt a:hover{color:#eb6301}
div.recipe div.txtBox div.linkTxt a{text-decoration:underline;font-size:13px}
div#recipe span.pointNum {
    background-color: #996600;
    display: inline-block;
    color: #fff;
    border-radius: 100px;
    -moz-border-radius: 100px;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 1.3em;
    margin-right: 5px;
}
.obi br {
    display: none;
}



div.contents_bnr {
max-width: 1000px;
margin: 20px auto 60px;
}
.contents_title {
font-size: 42px;
background-color: #f7d698;
color: #663300;
letter-spacing: 0.1em;
font-weight: bold;
line-height: 1.8em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
width: 1000px;
text-align: center;
margin: 0 auto;
}





@media screen and (max-width:750px) {
/* 
★スマホ用CSS 
*/
/*====================================================
common
====================================================*/
div#spImg {display: block;margin-bottom: 4%;}
div#pcImg {display: none;}
div#pc_sp_grm_top_contents{width:100%;margin-bottom:0}
div#fwCms_wrapper{overflow:hidden}
.footer_simple{margin-top:0}
.footer{margin-top:0}
.mainArea{min-width:auto}
.fwCms_box.frame_MB{float:none;width:100%}
h2.sp_grm_contentsTitle{text-align:center!important}
div.grm_rankArea h2,div#sake_newItem h2{margin:20px auto 15px;text-align:center}
div#pc_grm_mainBnr,div#sp_grm_mainBnr {margin-top:0 !important}
div#hare_about {display: block!important;}	
/*------------------------------------------
SPの時に非表示
------------------------------------------*/
div#sidebarbox,div#pc_fvImg,div.itemDetailArea div.pc_box,div#pc_cateBnr,div#pc_grm_sitemaparea,div#pc_sake_sideBnr,h2.h2TitleImg.pcTtl{display:none}
/*------------------------------------------
SPの時に表示
------------------------------------------*/
div#sp_fvImg,div.itemDetailArea div.sp_box,div#sp_cateBnr,div#sp_grm_osusumeTokushu,div#sp_grm_cate,h2.h2TitleImg.spTtl,div#sp_fixed{display:block}
/*====================================================
メイン
====================================================*/
div#pc_sp_grm_top_contents p#deadLineBox{padding:5px 0;font-size:16px}
p.fvTxtArea {width: 90%;font-size: 12px;}
/*------------------------------------------
ぱんくず
------------------------------------------*/
div#breadcrumbList{width:98%}

/*----------------------------
商品一覧
---------------------------*/
div.grm_rankArea div.rankList{overflow-y:hidden;overflow-x:scroll;position:relative;-webkit-overflow-scrolling:touch;padding-bottom:3%}	
div.grm_rankArea div.scrollItemList{position:relative}
div.grm_rankArea div.scrollItemList:after{content:"";display:block;width:33px;height:33px;position:absolute;right:2px;top:27%;background:url(/excludes/gourmet/top/common/controls_02.svg) no-repeat -47px -1px;background-size:82px}
div.grm_rankArea div.rankList{overflow-y:hidden;overflow-x:scroll;position:relative}
div.grm_rankArea div.rankList ol{margin:0 0 0 2px;width:80%;text-align: center;margin: 0 auto;}
div.grm_rankArea div.rankList ol li{width:100%;float:left;line-height:1em;margin-right:1%;margin-bottom:0}
.grm_rankArea h2.pc_grm_contents_title{font-size:20px;text-align:center}
.grm_rankArea h2.pc_grm_contents_title span.upDate{top:-3px}
.grm_rankArea h2.pc_grm_contents_title p br{display:none}
.grm_rankArea h2.pc_grm_contents_title p{font-size:13px;line-height:1.3em;margin:0;padding:3% 3% 1%}
.grm_rankArea h2.pc_grm_contents_title span.chushaku{margin-bottom:0}
div.grm_rankArea ol { text-align: left; width: 80%; margin: 0 auto;}	
div.grm_rankArea ol li div.starBox span.starTxt{font-size:12px}
div.grm_rankArea ol li div.starBox span.starTxt_none{font-size:12px}
div.grm_rankArea ol li .specTxtArea_02{position:relative}
div.grm_rankArea ol li span.cool,div.grm_rankArea ol li span.reizou,div.grm_rankArea ol li span.jouon{position:absolute;bottom:5px;left:0}
div.grm_rankArea ol li .specTxtArea_02 s{display:inline-block;margin:0 0 11px}
div.grm_rankArea ol li .specTxtArea_02 em.itemPrice{bottom:1px;right:0}
div.newIcon:before {top: 110px;}
div.grm_rankArea ol li div.rankIcon_01:before, div.grm_rankArea ol li div.rankIcon_02:before, div.grm_rankArea ol li div.rankIcon_03:before, div.grm_rankArea ol li div.rankIcon_04:before, div.grm_rankArea ol li div.rankIcon_05:before, div.grm_rankArea ol li div.rankIcon_06:before, div.grm_rankArea ol li div.rankIcon_07:before, div.grm_rankArea ol li div.rankIcon_08:before, div.grm_rankArea ol li div.rankIcon_09:before, div.grm_rankArea ol li div.rankIcon_10:before {
bottom: 174px;}
div.grm_rankArea ol li .itemName{font-size:16px}
/* カート */
div.grm_rankArea div.rankList ol li div.rankBox{margin-right:10px;position:relative}
div.grm_rankArea ol li div.cartBtn button.cartBtn{font-size:13px;width:100%}
div.grm_rankArea ol li div.cartBtn button.cartBtn span{position:relative;top:-2px}
div.grm_rankArea .linkTopBox{width:1455px;padding:15px}
div.grm_rankArea div.morePageBtn{margin:-3% 0 6%}
div.grm_rankArea div.morePageBtn a{width:80%;height:60px}
div.grm_rankArea div.morePageBtn a:after{right:25px;top:25px}
div.grm_rankArea div.morePageBtn a span{font-size:18px;top:22px}
div#shokuhin ol li div.rankIcon_01:before, div#shokuhin ol li div.rankIcon_02:before, div#shokuhin ol li div.rankIcon_03:before, div#shokuhin ol li div.rankIcon_04:before, div#shokuhin ol li div.rankIcon_05:before, div#shokuhin ol li div.rankIcon_06:before, div#shokuhin ol li div.rankIcon_07:before, div#shokuhin ol li div.rankIcon_08:before, div#shokuhin ol li div.rankIcon_09:before, div#shokuhin ol li div.rankIcon_10:before {
bottom: 102px;
}
div#doukon div.grm_rankArea ol li{width: 318px!important}
	
div.grm_rankArea div.btn_link {width: 100%;margin-bottom: 1%;}
div.grm_rankArea div.btn_cart {width: 100%;}	
div.grm_rankArea div.cartBtn br { display: none;}
div.grm_rankArea div.btn_link a:after {right: 10px;}

div.grm_rankArea div.btn_link a span {top: 10px;}
	
div.yoshinoyaTxtBox div.imgBox{width:40%}
div.yoshinoyaTxtBox div.ttlBox{width:60%;padding:3%}
div.yoshinoyaTxtBox div.ttlBox p{margin-top:25%;margin-bottom:0;font-size:20px}
div.yoshinoyaTxtBox p.txtBox{position:relative;top:0;right:0;width:100%;padding:3%;color:#333!important;font-size:14px;background-color:#fff;font-weight:100;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Meiryo,メイリオ,Osaka,MS PGothic,arial,helvetica,sans-serif}
div#yoshinoyaTxt_02 p.txtBox{color:#333!important}



div#doukon div.item_02 div.rankList ol{width:290px}
div#doukon div.item_03 div.rankList ol{width:1200px}
div#doukon div.item_04 div.rankList ol{width:1325px}	
div#doukon div.item_05 div.rankList ol{width:1674px}	
div#doukon div.item_06 div.rankList ol{width:2030px}
div#doukon div.item_07 div.rankList ol{width:2394px}

div.specBox {margin-bottom: 14%;text-align: left;}	
	
/* ------　声 ------　*/
div#yoshinoyaKoe h2.grm_contentsTitle {
font-size: 29px;
padding-top: 2%;
}	
div#yoshinoyaKoe{margin:3% 0}
div#yoshinoyaKoe div.koeBox{padding:3%;margin:0 3% 3%}
div#yoshinoyaKoe div.koeBox div.imgBox{width:20%}
div#yoshinoyaKoe div.koeBox div.txtBox{width:75%}
div#yoshinoyaKoe div.koeBox div.txtBox .starBox{font-size:14px;margin-bottom:5px}
div#yoshinoyaKoe div.koeBox div.txtBox p{font-size:14px;line-height:1.3em}
div#yoshinoyaKoe div.koeBox div.txtBox p span.name{right:0;bottom:0}
div#yoshinoyaKoe span.chushaku{top:-4px}
/* ------　店舗 ------　*/
div#yoshinoyaTenpo h2.grm_contentsTitle {
font-size: 26px;
padding-top: 2%;
}	
div#yoshinoyaTenpo{margin:3% 0;height: auto}
div#yoshinoyaTenpo div.koeBox{padding:3%;margin:0 3% 3%}
div#yoshinoyaTenpo div.koeBox div.imgBox{width:49%}
div#yoshinoyaTenpo div.koeBox div.txtBox{width:50%}
div#yoshinoyaTenpo div.koeBox div.txtBox .starBox{font-size:13px;margin-bottom:5px}
div#yoshinoyaTenpo div.koeBox div.txtBox p{font-size:12px;line-height:1.2em}
div#yoshinoyaTenpo div.koeBox div.txtBox p span.name{position:relative;right:0;bottom:0}
div#yoshinoyaTenpo span.chushaku{top:-4px}	

/*----------------------------
ご利用ガイド
---------------------------*/
div#contents_guide .spr_accordionBox{padding-top:20px}
div#contents_guide .spr_accordionTtl.koeTtl{font-size:16px;padding:17px 0;font-weight:700;background-color:#920303;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;text-align:center;color:#fff;margin:-3.6% -3.2% -3.2% -3.1%;border-top:1px solid #bd5f5f;position:relative}
div#contents_guide h2{padding:10px 0;margin:0 0 3%;color:#333;font-size:18px;font-weight:700}
div#contents_guide .spr_accordionTtl:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:10px;top:22px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}
div#contents_guide .spr_accordionTtl.active:after{content:"";-webkit-transform:rotate(315deg)!important;-moz-transform:rotate(315deg)!important;-ms-transform:rotate(315deg)!important;transform:rotate(315deg)!important;top:28px}
div#contents_guide{width:94%;margin:3% 3% 0;padding:3%;background-color:#fff;padding-top:3%}
div#contents_guide #giftbag{margin:3% -3% 9%}
div#contents_guide h2{padding:10px 0;margin:0 0 3%;color:#333;font-size:18px;font-weight:700}
div#contents_guide h3{padding:8px 0;margin-bottom:10px;font-weight:700}
div#contents_guide ul li div{margin:0}
div#contents_guide p.shimekiri{font-size:16px;margin-top:0;width:100%;margin-left:0;text-align:center}
div#contents_guide ul{margin-right:0}
div#contents_guide ul li{margin-right:0;margin-bottom:6%;width:100%;float:none}
div#contents_guide ul.otodokeInfo li {width:100%;}
div#contents_guide div.haisouList ul{margin:3% 0 2% 3%}
div#contents_guide div.haisouList li{width:22%!important;margin-right:3%;text-align:center}
div#contents_guide div.haisouList li div.haisouBox{width:55px;height:55px;font-size:13px;line-height:1em;display:inline-block}
div#contents_guide h4.souryou{font-size:24px}
div#contents_guide h4.souryou span{font-size:16px}
/* ------　特集バナー ------　*/
div#tabekurabe {
width: 100%;
margin-top: 3%;
margin-bottom: 5%;
}	
div#tabekurabe p.obi {
font-size: 21px;
line-height: 1em;	
}	
/*====================================================
同梱
====================================================*/	
	
div#doukon {
width: 100%;
margin-top: 3%;
margin-bottom: 5%;
}	
div#doukon p.obi {
font-size: 21px;
line-height: 1.5em;	
}		


div#doukon div.grm_rankArea ol li div.cartBtn button.cartBtn {
    font-size: 12px;
}	
/*====================================================
レシピ
====================================================*/
div#recipe {
width: 100%;
margin-top: 3%;
margin-bottom: 5%;
}	
div#recipe p.obi {
font-size: 21px;
line-height: 1.5em;	
}	
div.recipe div.txtBox h2.ttlTxt{font-size:25px;text-align:center;}
div.recipe div.txtBox p.tunagu{font-size:16px;text-align:center;}
div.recipe div.txtBox p.Txt{font-size:15px;margin:0 2%;}
div.recipe {width:100%;margin:5% auto;}
div.recipe div.imgBox{width:100%;float:none;margin:0 auto;text-align:center}
div.recipe div.imgBox img{width:90%}
div.recipe div.txtBox{width:100%;float:none;padding:1.5%}
	
	
	
.obi br {
    display: block;
}	
div.contents_bnr {
margin-bottom: 2%;
}	
.contents_title {
font-size: 21px;
line-height: 1.5em;	
width: 100%;
}	

	
}