﻿@charset "utf-8";

/*====================================================
common
====================================================*/
div#shokuhin ol li em.itemPrice {
    display: block;
}


/* インフォ */
div.info_191224{max-width:800px;border:1px solid #ce3f5d;padding:15px;margin:20px auto;text-align:center;font-size:16px;line-height: 1.3em;}
div.info_191224 h2{font-size:18px;color:#c00;font-weight:700;margin-bottom:5px}

@media screen and (min-width:900px) {
/* 
★PCのみCSS 
*/
.moreArea ol {display: block!important;}
}
a:hover img{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)}
.mainArea{margin:auto;max-width:1200px;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: 50px;}
.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#fvImg .spimg,div#sp_grm_hareCate,div#sp_grm_hareTab,div#pc_spImg,div#sp_grm_mainBnr,div#sp_grm_cate,div#sp_grm_osusumeTokushu,div#footBnr,div#hare_about{display:none!important}
/*====================================================
メイン
====================================================*/
/*------------------------------------------
ぱんくず
------------------------------------------*/
div#breadcrumbList{width:1000px;margin: 3px auto 0 auto;font-size:12px;color:#333}
div#breadcrumbList a{font-size:12px;color:#333;text-decoration:none}
div#breadcrumbList a:hover{text-decoration:underline;color:#f88d01}
div#fvImg img.pcimg{display:block;width:860px;margin:0 auto}
div#breadcrumbList h1{display:inline-block}
/*------------------------------------------
追従カテゴリ
------------------------------------------*/
div#hare_fixedcate{background-color:#f7f7f7;height:40px}
div.cate_fixed{position:fixed;top:68px!important;z-index:10;width:100%}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li{width:20%;float:left;height:40px}
div#hare_fixedcate ul.fixedcate_ul{max-width:1200px;margin:0 auto;height:40px;position:relative;border-left:1px solid #ececec}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li a{display:inline-block;text-align:center;height:40px;width:100%;border-right:1px solid #ececec;font-size:14px}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(1){border-bottom:3px solid #e32f2f}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(1):hover{background-color:#e32f2f}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(2){border-bottom:3px solid #f39700}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(2):hover{background-color:#f39700}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(3){border-bottom:3px solid #f7df44}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(3):hover{background-color:#f7df44}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(4){border-bottom:3px solid #91b821}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(4):hover{background-color:#91b821}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(5){display:none}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(6){border-bottom:3px solid #c3636b}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(6):hover{background-color:#c3636b}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li a span.fixedTxt{position:relative;top:12px}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li a span.fixedTxt{position:relative;top:14px}
}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li a span.fixedTxt span.line_02{top: 0;position: relative;}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:hover a span.fixedTxt,div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:hover a span.fixedTxt span.line_02{color:#fff}
/* オンマウスメニュー */
div#hare_fixedcate ul li.hover_menu div.hover_menu_on_osusume,div#hare_fixedcate ul li.hover_menu div.hover_menu_on_cate{opacity:0;display:none;}
div#hare_fixedcate ul li.hover_menu:hover div.hover_menu_on_osusume,div#hare_fixedcate ul li.hover_menu:hover div.hover_menu_on_cate{opacity:23;transition:.4s;z-index:10;width:1200px;position:absolute;left:0;background-color:#fff;padding:0 20px;top:40px;border:1px solid #eee;box-shadow:4px 2px 17px -6px #8a8a8a;display: block;}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li div.hare_contents ul li{width:18.9%;float:left;margin-right:1%;margin-bottom:1.5%}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li div.hare_contents ul li img {
    width: 222px;
}

/*------------------------------------------
PCメインバナー
------------------------------------------*/
div#pc_grm_mainBnr .mainslider .slider01 .slick-slide li {width:1000px !important;}
div.mainslider{margin-bottom:-1px!important}
div.mainslider ul.slick-slider{display:block!important;}
div.mainslider ul.slider01{display:none}
div.mainslider .slick-dots li button:before{background:none!important;border:1px solid #fff;border-radius:100px;-moz-border-radius:100px;content:''!important;opacity:100;width:10px!important;height:10px!important}
div.mainslider .slick-dots li.slick-active button:before{color:#fff!important;background:#fff!important}
div.mainslider .slick-dots{bottom:25px!important}
div.mainslider .slick-dots li{margin:0 15px!important}
@media only screen and (min-width: 768px) {
div.mainslider .mainslider .slider01 .slick-prev{left:11%!important}
div.mainslider .mainslider .slider01 .slick-next{right:11%!important}
div#pc_grm_mainBnr .mainslider .slider01 .slick-slide li {width: 1000px !important;height: 360px!important;}
.mainslider .slick-dotted.slick-slider {margin-bottom: 0!important;}
.mainslider .slider01 .slick-prev {left: 8%!important;}
.mainslider .slider01 .slick-next {right: 8%!important;}
.mainslider{margin-top:0!important}
.mainslider .slick-slide:not(.slick-center){-webkit-filter:opacity(20%);-moz-filter:opacity(20%);-o-filter:opacity(20%);-ms-filter:opacity(20%);filter:opacity(20%);transition:.2s linear}
.mainslider .slider01 .slick-next{right:8%;background:url(/excludes/gourmet/top/img/pc/arrow_right.svg) center/50px 50px no-repeat}
.mainslider .slider01 .slick-prev{left:8%;background:url(/excludes/gourmet/top/img/pc/arrow_left.svg) center/50px 50px no-repeat}
.mainslider .slider01 .slick-arrow{width:50px;height:50px;z-index:1}
.slick-next:before,.slick-prev:before{display:none}
div#pc_grm_mainBnr .mainslider .slider01 .slick-slide li img{width:1000px}
}
/*------------------------------------------
イチオシ特集
------------------------------------------*/
div.hare_ichioshi{padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:30px}
div.hare_ichioshi ul{margin-right:-1.5%}
div.hare_ichioshi ul li{width:15.1%;float:left;margin-right:1.5%;margin-bottom:1.5%}
div.hare_ichioshi ul li a{text-align:center;display:inline-block}
div.hare_ichioshi ul li img{display:inline-block;width:282px}
@media screen\0 {
div.hare_ichioshi ul li img {width:100%;}
}
div.hare_ichioshi ul li a span{font-size:12px;display:inline-block;margin-top:3px}
div.hare_ichioshi ul li a:hover span{color:#ef8b16;text-decoration:underline}
/*====================================================
人気のカテゴリ
====================================================*/
div#sp_ninkicate{margin-bottom:60px}
div#sp_souryou_bnr{display:none}
div#sp_ninkicate h2{color:#333;display:block;font-size:20px;font-weight:400}
div#sp_ninkicate .scrollItemList ul{margin:0 auto;max-width:1080px}
div#sp_ninkicate .scrollItemList ul li{width:150px;float:left;margin-right:30px;text-align:center}
div#sp_ninkicate .scrollItemList ul li a{display:inline-block;text-align:center}
div#sp_ninkicate .scrollItemList ul li img{width:150px;height:150px}
div#sp_ninkicate .scrollItemList ul li a span{font-size:12px}
div#sp_ninkicate .scrollItemList ul li a:hover span{color:#f88d01;text-decoration:underline}
/*------------------------------------------
週間ランキング・感謝セール
------------------------------------------*/
div#shokuhin h2.pc_grm_contents_title{color:#333;display:block;font-size:26px;margin:15px auto;font-weight:400}
div#shokuhin h2.pc_grm_contents_title span.upDate{color:#c00;font-size:12px;position:relative;top:-5px;left:4px}
div.grm_rankArea{max-width:1200px;margin:0 auto;border-bottom:1px solid #eee; }
div.grm_rankArea ol{margin-right:-2%}
div.grm_rankArea ol li{width:18%;float:left;margin-right:2%;margin-bottom:2%}
div.grm_rankArea ol li img{width:220px;display:inline-block}
div.grm_rankArea ol li div.specBox{overflow:hidden}
div.grm_rankArea ol li .itemName{font-size:12px;line-height:1.1em;display:inline-block;margin:3px 0;height:23px;color:#333;width:100%}
div.grm_rankArea ol li a:hover .itemName{color:#f88d01;text-decoration:underline}
/* 価格 */
div.grm_rankArea ol li s{font-size:14px;}
div.grm_rankArea ol li em span.monthTxt{font-size:13px;color:#cc0000}
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: #cc0000;}
/* カート */
div.grm_rankArea ol li div.cartBtn{text-align:right}
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/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}
div.grm_rankArea ol li div.cartBtn button.cartBtn:hover{background-color:#b10707}
div.grm_rankArea ol li div.cartBtn button.cartBtn span{color:#fff}
div.grm_rankArea .linkTopBox{display:none}
/* ランキング */
div.grm_rankArea ol li div.rankBox{position:relative}
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{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.grm_rankArea ol li div.rankIcon_11:before{content:'11位'}
div.grm_rankArea ol li div.rankIcon_12:before{content:'12位'}
div.grm_rankArea ol li div.rankIcon_13:before{content:'13位'}
div.grm_rankArea ol li div.rankIcon_14:before{content:'14位'}
div.grm_rankArea ol li div.rankIcon_15:before{content:'15位'}
div.grm_rankArea ol li div.rankIcon_16:before{content:'16位'}
div.grm_rankArea ol li div.rankIcon_17:before{content:'17位'}
div.grm_rankArea ol li div.rankIcon_18:before{content:'18位'}
div#sale_39 ol li div.rankBox:before{display: none!important;}
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: 92px;
}
/*----------------------------
商品一覧
---------------------------*/
.grm_rankArea h2.pc_grm_contents_title{font-size:26px;text-align:center;margin-bottom:10px}
.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%}
div.grm_rankArea ol{margin-right:-2%}
div.grm_rankArea ol li{width:18%;float:left;margin-right:2%;margin-bottom:2%}
div.grm_rankArea ol li .itemName{font-size:12px;line-height:1.1em;display:inline-block;margin:3px 0;height: 25px}
div.grm_rankArea ol li .itemName:hover{color:#f88d01;text-decoration:underline}
/* 価格 */
div.grm_rankArea ol li em.itemPrice{font-size:16px;color:#c00;display: inline-block;text-align:right;margin-bottom:5px}
div.grm_rankArea ol li em.itemPrice span.souryou {font-size: 12px;margin-top: 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 div.cartBtn{text-align:right}
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/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}
div.grm_rankArea ol li div.cartBtn button.cartBtn span{color:#fff}
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.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}
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.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#hare_contents{border-bottom:1px solid #eee}
div.hare_ichioshi h2, div.hare_contents h2, div.cate_select h2{color:#333;display:block;font-size:20px;margin:15px auto;font-weight:400}
div.hare_contents ul{margin-right:-1.5%}
div.hare_contents ul li{width:23.5%;float:left;margin-right:1.5%;margin-bottom:1.5%}
div.hare_contents ul li img{display:inline-block;width:282px}
div.hare_contents ul li a{display:inline-block;text-align:center;font-size:13px}
div.hare_contents ul li a span{display:inline-block;margin-top:2px;font-size:12px}
div.hare_contents ul li a:hover span{color:#f88d01;text-decoration:underline}
div.cate_select ul{margin-right:-2%}
div.cate_select ul li{width:9.5%;float:left;margin-right:3%;margin-bottom:1.5%}
div.cate_select ul li img{display:inline-block;width:112px}
div.cate_select ul li a{display:inline-block;text-align:center;font-size:13px}
div.cate_select ul li a span{display:inline-block;margin-top:2px;font-size:12px}
div.cate_select ul li.txt_link{width:97%;text-align:right;float:none;margin-right:6%}
div.cate_select ul li.txt_link a{text-align:right!important}
div.cate_select ul li a:hover span{color:#f88d01;text-decoration:underline}
div.hover_menu_on_cate li a{border-right:0!important}
/*----------------------------
カテゴリ
---------------------------*/
div#cate_select h2{color:#333;display:block;font-size:20px;margin:15px auto;font-weight:400}
div#cate_select div.cate_list_01 ul li{float:left;margin-right:30px;margin-bottom:15px}
div#cate_select a{font-size:14px;text-decoration:underline}
div#cate_select h3{font-weight:700;margin-bottom:15px;position:relative;padding-left:15px}
div#cate_select h3:before{content:"";display:block;width:5px;height:5px;border-top:1px solid #999;border-right:1px solid #999;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:8px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none;left:1px}
div#cate_select div.cate_list_02 li{float:left;margin-right:20px}
div#cate_select h3 a{text-decoration:none}
div#cate_select div.cate_list_01{margin-bottom:10px}
div#cate_select a:hover span{color:#f88d01;text-decoration:underline}
/*----------------------------
ご利用ガイド
---------------------------*/
div#contents_guide{width:1000px;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:313px;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_column .spr_accordionTtl.koeTtl{display:none}
div#contents_column{width:1000px;padding:0 30px;margin:0 auto 30px;padding-top:30px;background-color:#f9f8ed}
div#contents_column h2#vd_column{color:#7d4b40;font-size:20px;font-weight:700;margin-bottom:15px;text-align:center}
div#contents_column h3{font-size:14px;font-weight:700;margin-bottom:5px;color:#333}
div#contents_column ul{margin-right:-20px}
div#contents_column ul li{width:460px;float:left;margin-right:20px;margin-bottom:20px}
div#contents_column h3{font-size:14px;font-weight:700;margin-bottom:5px;color: #333;}
div#contents_column p{font-size:13px;line-height:1.3em}
h2.columnListTitle{font-size:24px;font-weight:700;display:block;color:#333;border-bottom:1px solid #ccc;margin-bottom:15px;padding-bottom:10px;margin-top: 10px;}
div#columnList{width:100%;margin-bottom:20px}
div#columnList ul li{float:left;width:310px!important;margin-right:10px;margin-bottom:15px}
div#columnList ul li a{display:block;font-size:14px;line-height:1.5em;color:#333}
div#columnList ul li a:hover{color:#f88d01}
div#columnList ul li a span.columnLinkImg{display:inline-block;float:left;width:40%}
div#columnList ul li a span.columnLinkImg img{width:124px}
div#columnList ul li a span.columnLinkTitle{display:inline-block;float:left;width:58%;margin-left:2%;}
div#columnList ul li a:hover span.columnLinkTitle{text-decoration:underline}
/*====================================================
サイドバナー
====================================================*/
div#pc_sideBnr {z-index: 9999;position: fixed;}
#sidebarbox{width:100px;height:445px;top:65px;right:0;position:fixed;z-index:8;display:block}
#sidebarbox #sidebar{width:100px;height:100px;top:65px;right:0;text-indent:-9999px;position:fixed;z-index:9999;display:block}
#sidebarbox #sidebar2{width:100px;height:100px;top:168px;right:0;text-indent:-9999px;position:fixed;z-index:9999;display:block}
#sidebarbox #sidebar3{width:100px;height:200px;top:271px;right:0;text-indent:-9999px;position:fixed;z-index:9999;display:block}
#sidebarbox #sidebar4{width:100px;height:100px;top:373px;right:0;text-indent:-9999px;position:fixed;z-index:9999;display:block}
#sidebarbox #sidebar #sidebar_link,#sidebarbox #sidebar2 #sidebar_link,#sidebarbox #sidebar4 #sidebar_link{width:100px;height:100px;display:block;background:no-repeat scroll 0 0 transparent;position:relative;top:0;left:0;outline:none;z-index:9999}
#sidebarbox #sidebar3 #sidebar_link{width:100px;height:200px;display:block;background:no-repeat scroll 0 0 transparent;position:relative;top:0;left:0;outline:none;z-index:9999}
#sidebarbox button{z-index:99999;position:fixed;top:270px;width:94px;height:30px;text-align:center;font-size:15px;right:9px;background-color:#f8f8f8;border:1px solid #bebebe;color:#333;border-radius:100px;-moz-border-radius:100px}
#sidebarbox button span.batsu{color:#333;position:relative;left:-3px}
#sidebarbox button span.btnTxt{color:#333!important}

@media screen and (max-width:750px) {
/* 
★スマホ用CSS 
*/
/* インフォ */
div.info_191224{font-size:14px;margin:3%;padding:3%}
/*------------------------------------------
SPの時に表示
------------------------------------------*/
div#fvImg img.spimg,div#sp_grm_hareTab,div#sp_grm_hareCate,div#pc_spImg,div#sp_grm_mainBnr,div#sp_grm_cate,div#sp_grm_osusumeTokushu,div#footBnr{display:block!important}
/*------------------------------------------
SPの時に非表示
------------------------------------------*/
div#fvImg img.pcimg,div#pc_grm_sitemaparea,div#pc_fvImg,div#pc_grm_mainBnr,div#sidebarbox{display:none!important}
/*====================================================
common
====================================================*/
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;}
/*====================================================
メイン
====================================================*/
/*------------------------------------------
ぱんくず
------------------------------------------*/
div#breadcrumbList{width:1000px;margin:0 auto 5px;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#sp_grm_mainBnr ul.slider-center .slick-slide:not(.slick-center){-webkit-filter:opacity(50%);-moz-filter:opacity(50%);-o-filter:opacity(50%);-ms-filter:opacity(50%);filter:opacity(50%);transition:.2s linear}
div#sp_grm_mainBnr ul.slick-slider{display:block!important;padding: 0;margin-bottom:-1px}
div#sp_grm_mainBnr ul.slider-center{display:none}
div#sp_grm_mainBnr .slick-next,div#sp_grm_mainBnr .slick-prev{right:2px;width:35px;height:35px;top:100px}
div#sp_grm_mainBnr .slick-prev,div#sp_grm_mainBnr .slick-next{position:absolute;top:50%;width:30px;height:30px;display:block;cursor:pointer;color:#333;border:none;outline:none;background:#333;border-radius:100%;font-size:0;color:transparent}
div#sp_grm_mainBnr .slick-next:before,div#sp_grm_mainBnr .slick-prev:before{font-family:slick;font-size:35px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
div#sp_grm_mainBnr .slick-prev{left:7px!important;z-index:1}
div#sp_grm_mainBnr .slick-prev:before{display:block;position:absolute;top:9px;left:12px;content:"";width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}
div#sp_grm_mainBnr .slick-next:before{display:block;position:absolute;top:9px;left:8px;content:"";width:10px;height:10px;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);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}
div#sp_grm_mainBnr .slick-prev:before,div#sp_grm_mainBnr .slick-next:before{font-size:0;line-height:1;color:#333;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
div#sp_grm_mainBnr .slick-dots li {width: 10px!important;margin: 0 10px;}
div#sp_grm_mainBnr .slick-dots li button:before{background:none!important;border:1px solid #fff;width:10px;height:10px;border-radius: 100px;-moz-border-radius: 100px;content: ' '!important;}
div#sp_grm_mainBnr .slick-dots li.slick-active button:before{color:#df6c0f;background:#ffffffc7!important}
div#sp_grm_mainBnr .slick-dots{bottom:15px!important}
/*------------------------------------------
追従カテゴリ
------------------------------------------*/
div#hare_fixedcate{background-color:#f7f7f7;height:50px}
div#hare_fixedcate ul.fixedcate_ul{height:50px;border-left:none}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li{width:16.6%;float:left;height:40px}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li{height:50px}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:last-child a{border-right:none}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li a{font-size:11px!important;display:table;height:48px}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li a span.fixedTxt{display:table-cell;vertical-align:middle;height:50px;top:0}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li a span.fixedTxt span.line_02{display:block;left: 0;}
div#hare_fixedcate ul li.hover_menu div.hover_menu_on_osusume,div#hare_fixedcate ul li.hover_menu div.hover_menu_on_cate{display:none}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(5){border-bottom:3px solid #2f9a95;display:block}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(5):hover{background-color:#2f9a95}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(6){border-bottom:3px solid #fb747f}
div#hare_fixedcate ul.fixedcate_ul li.fixedcate_li:nth-child(6):hover{background-color:#fb747f}
div#hare_fixedcate ul li.hover_menu:hover div.hover_menu_on_osusume, div#hare_fixedcate ul li.hover_menu:hover div.hover_menu_on_cate{display: none;}
/* 追従後 */
div.cate_fixed{top:7.5%!important;height:55px!important}
div.cate_fixed ul.fixedcate_ul{height:55px!important}
div.cate_fixed ul.fixedcate_ul li{height:55px!important}
div.cate_fixed ul.fixedcate_ul li a{height:55px!important}
div.cate_fixed ul.fixedcate_ul li a{height:55px!important}
/*　晴れごはんとは　*/
div#sp_grm_hareCate div.m_cateTitleBox{height:60px;position:relative;border-bottom:1px solid #fff;font-size:14px;background-color:#f8fcb8;}
div#sp_grm_hareCate div.m_cateTitleBox span{position:relative;left:10px;top:17px}
div#sp_grm_hareCate div.box-accordion-ex ul.accordionBoxList{width:100%;background-color:#fff;border-bottom:1px #e7e7e7 solid;border-top:none}
div#sp_grm_hareCate div.box-accordion-ex ul.accordionBoxList li{width:50%;float:left;margin-bottom:-1px}
div#sp_grm_hareCate div.s_cateTitleBox{height:60px;position:relative;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7}
div#sp_grm_hareCate div.s_cateTitleBox a{display:inline-block;width:80%;height:60px;text-decoration:none;color:#333}
div#sp_grm_hareCate div.s_cateTitleBox span{position:relative;left:10px;top:21px;font-weight:100;font-size:12px;color:#666}
div#sp_grm_hareCate div.s_cateTitleBox::after{content:"";display:block;width:10px;height:10px;border-top:1px solid #f39800;border-right:1px solid #f39800;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:10px;top:28px;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#sp_grm_hareCate .spr_accordionTtl.m_cateTitleBox.active::after{content:"";-webkit-transform:rotate(135deg)!important;-moz-transform:rotate(135deg)!important;-ms-transform:rotate(135deg)!important;transform:rotate(135deg)!important}
div#sp_grm_hareCate .spr_accordionTtl.m_cateTitleBox.active::after{content:"";-webkit-transform:rotate(135deg)!important;-moz-transform:rotate(135deg)!important;-ms-transform:rotate(135deg)!important;transform:rotate(135deg)!important}
div#sp_grm_hareCate div.m_cateTitleBox::after{content:"";display:block;width:10px;height:10px;border-top:1px solid #999;border-right:1px solid #999;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);position:absolute;right:20px;top:28px;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#sp_grm_hareCate span.icon_01{background:url(/excludes/gourmet/pg/haregohan/common/cate_icon_03_01.png?2) no-repeat;background-position-x:0;background-position-y:0;background-size:auto auto;display:inline-block;padding:19px 0 18px 53px;background-size:40px;background-position:0 -406px;top:0!important}
/*------------------------------------------
イチオシ特集
------------------------------------------*/
div.hare_ichioshi{padding-bottom:3%;margin-bottom:3%;max-width: 600px;margin-left: auto;margin-right: auto;}
div.hare_ichioshi ul{margin:0 0 3% 3%}
div.hare_ichioshi ul li{width:47%;margin-right:3%;margin-bottom:3%}
div.hare_ichioshi ul li img{width:100%}
div.hare_ichioshi ul li a span{font-size:11px}
/*====================================================
人気のカテゴリ
====================================================*/
div#sp_ninkicate h2 {padding-left: 10px;font-size: 16px;margin: 10px auto;}
div#sp_ninkicate .scrollItemList{overflow-y:hidden;overflow-x:scroll;position:relative;padding-left:1%}
div#sp_ninkicate .scrollItemList ul{margin:0 0 0 2px;width:670px}
div#sp_ninkicate .scrollItemList ul li{width:100px;float:left;margin-right:10px}
div#sp_ninkicate .scrollItemList ul li a{display:inline-block;text-align:center}
div#sp_ninkicate .scrollItemList ul li a span{font-size:12px}
div#sp_ninkicate .scrollItemList ul li img {width: 100px;height: 100px;}
/*------------------------------------------
週間ランキング・感謝セール
------------------------------------------*/
div#shokuhin h2.pc_grm_contents_title{font-size:20px}
div#shokuhin h2.pc_grm_contents_title span.upDate{top:-3px}
div.hare_ichioshi h2,div.hare_contents h2,div.cate_select h2{padding-left:10px;font-size:16px;margin:10px auto}
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;-webkit-overflow-scrolling:touch;padding-bottom:3%}
div.grm_rankArea div.rankList ol{margin:0 0 20px 2px;width:1455px}
div.grm_rankArea div.rankList ol.list_13{margin:0 0 20px 2px;width:1750px}
div.grm_rankArea div.rankList ol li{width:145px;float:left;line-height:1em;margin-right:0;margin-bottom:0}
div#shokuhin ol li div.specBox {overflow: hidden;height: 118px;position: relative;}
div#shokuhin ol li div.cartBtn {position: absolute;bottom: 0;}
div.grm_rankArea ol li img{width:135px}
div.grm_rankArea ol li em.itemPrice span.souryou {display: block;}
/* カート */
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 ol li .itemName {height: 40px;}
/*----------------------------
商品一覧
---------------------------*/
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:1455px}
div.grm_rankArea div.rankList ol li{width:145px;float:left;line-height:1em;margin-right:0;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 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{height:38px;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{position:absolute;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 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: 118px;
}
/*----------------------------
特集・カテゴリ
---------------------------*/
div#hare_contents .hare_contents {max-width: 600px;margin: 0 auto;}
div.hare_contents ul{margin:0 0 3% 3%}
div.cate_select ul{margin:0 0 3% 3%}
div.hare_contents ul li{margin-right:3%;width:47%;margin-bottom:3%}
div.cate_select ul li{margin-right:3%;width:30.3%;margin-bottom:1%;text-align: center;}
div.cate_select ul li img{width:90px}
div.cate_select ul li a span{display:block;margin-top:5px;font-size:12px;height:26px}
div.hare_contents ul li img{width:100%}
div.cate_select ul li.txt_link{float:right;margin-bottom:0}
/*----------------------------
カテゴリ
---------------------------*/
div#cate_select h2 {padding-left: 10px;font-size: 16px;margin: 15px auto;}
div#cate_select div.cate_list_01 { margin: 3%;}
div#cate_select div.cate_list_02 { margin: 3% 3% 0 3%;}
/*----------------------------
ご利用ガイド
---------------------------*/
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#contents_column{width:94%;padding:3% 3% 0;margin:0 auto 3%}
div#contents_column h2#vd_column{margin:15px 0}
div#contents_column .spr_accordionBox{display:none;padding:3% 3% 0}
div#contents_column .spr_accordionTtl.koeTtl{font-size:16px;padding:17px 0;font-weight:700;text-align:center;color:#333;margin:0;position:relative;display:block}
div#contens_column h2{padding:10px 0;margin:0 0 3%;font-size:18px;font-weight:700}
div#contents_column .spr_accordionTtl.koeTtl:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #a7a29c;border-right:1px solid #a7a29c;-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_column .spr_accordionTtl.koeTtl.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#contens_column{width:94%;margin:0 3% 3%;padding:3%;background-color:#fff;padding-top:3%}
div#contents_column ul{margin-right:0}
div#contents_column ul li{width:100%;float:none}
h2.columnListTitle{font-size:20px;border-bottom:1px solid #f3f3f3;margin-bottom:0;width:100%;padding:20px 0 10px;font-weight:100}
div#columnList ul li{float:none;width:100%!important;margin-right:0!important;margin-bottom:10px;border-bottom:1px solid #f3f3f3;padding:0 0 10px;margin-left:0!important;margin-top:10px}
div#columnList ul li:last-child{border-bottom:none}
div#columnList ul li a span.columnLinkImg{display:inline-block;float:left;width:30%}
div#columnList ul li a span.columnLinkTitle{display:inline-block;float:left;width:68%;margin-left:2%}
div#osechi_column .spr_accordionTtl.koeTtl{display:block}
div#columnList{margin:0 auto!important}
div#columnList ul li a span.columnLinkImg img {
    width: 100%;
}
}