﻿@charset "utf-8";
a:hover img{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)}
/*====================================================
common
====================================================*/
div#pc_sp_grm_top_contents{margin:auto;width:100%;position:relative;margin:0 auto 40px}
/*------------------------------------------
PCの時に非表示
------------------------------------------*/
div#sp_fvImg,div#sp_cateBnr,div.itemDetailArea div.sp_box,div#sp_grm_osusumeTokushu,div#sp_grm_cate,h2.h2TitleImg.spTtl{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:349px;background:url(/excludes/gourmet/pg/takuhaiokazu/common/fv_img.jpg) no-repeat;width:100%;background-position:center;min-width:1000px;background-size:auto;position:relative}
h1.h1_titleImg{width:1000px;margin-left:auto;margin-right:auto;display:block;z-index:10;position:relative;top:-1px}
/*------------------------------------------
ボタン
------------------------------------------*/
div#pc_cateBnr{margin:15px auto;width:1000px}
div#pc_cateBnr ul li{float:left;margin-right:10px}
div#pc_cateBnr ul{margin-right:-15px}
/*------------------------------------------
選ばれる理由
------------------------------------------*/
div#riyuu{background-color:#fdf7eb;width:100%;padding:15px 0}
div#riyuu .riyuu{width:1000px;margin:auto}
div#riyuu h2.h2_titleTxt{background-color:#eb6d78;display:block;text-align:center;font-size:40px;line-height:1em;padding:20px 0 10px;color:#fff;position:relative;width:1000px;margin:0 auto 15px;height:80px;font-weight:700}
div#riyuu h2.h2_titleTxt span{font-size:24px;position:relative;top:-5px;left:-10px;color:#fff}
div#riyuu h2.h2_titleTxt:after,div#riyuu h2.h2_titleTxt:before{position:absolute;content:'';width:0;height:0;z-index:1}
div#riyuu h2.h2_titleTxt:before{top:0;left:0;border-width:40px 0 40px 25px;border-color:transparent transparent transparent #fdf7eb;border-style:solid}
div#riyuu h2.h2_titleTxt:after{top:0;right:0;border-width:40px 25px 40px 0;border-color:transparent #fdf7eb transparent transparent;border-style:solid}
div#riyuu div.riyuuBox{width:492px;margin-right:15px;float:left;position:relative}
div#riyuu div.riyuuBox h3{font-size:34px;font-weight:700;color:#eb6d78;display:block;width:215px;position:absolute;top:30px;left:30px}
div#riyuu div.riyuuBox p{color:#000;line-height:1.5em;width:215px;position:absolute;top:75px;left:30px;font-size:16px}
div#riyuu div.riyuuBox:nth-child(even){margin-right:0}
/*------------------------------------------
嬉しい声
------------------------------------------*/
div#koe{width:1000px;margin:30px auto}
div#koe h2.h2TitleImg{margin:0 auto 10px}
div#koe div#koeBox{margin-right:-20px}
div#koe div.koeBox{padding:20px;border:1px solid #ccc;margin-right:20px;width:320px;float:left;height:300px;position:relative}
div#koe div.koeBox div.star span.txt{color:#000;font-size:18px;font-weight:100;display:inline-block;margin-right:11px;position:relative;top:-8px}
div#koe div.koeBox div.star span.star{color:#FC0;font-size:45px;margin:0;padding:0;line-height:1em}
div#koe div.koeBox h3{font-size:18px;font-weight:700;display:block;line-height:1.2em;margin:10px 0;color:#000}
div#koe div.koeBox p{font-size:16px;color:#000;line-height:1.3em}
div#koe div.koeBox p.nameTxt{font-size:14px;text-align:right;position:absolute;bottom:20px;right:20px;color:#000}
div#koe p.chushaku{font-size:12px;text-align:right;margin-top:3px}
/*------------------------------------------
商品
------------------------------------------*/
div.itemDetailArea h2.h2_titleImg{position:absolute;right:0;top:467px}
div.itemDetailArea{position:relative;max-width:1000px;margin:0 auto 20px}
div.itemDetailArea .specBox_02,div.itemDetailArea .specBox_03{margin:10px 0}
div.itemDetailArea .specBox_02 ul li{width:50%;float:left}
div.itemDetailArea .specBox_03 ul li{width:33.3%;float:left}
div.itemDetailArea p.courseChushaku{font-size:12px;text-align:right}
.specBox_btn a{background-color:#c00;display:inline-block;color:#fff;padding:17px 0;width:94%;text-align:center;margin:2% 3%;font-size:26px;border-radius:10px;-moz-border-radius:10px;position:relative}
.specBox_btn a:after{content:"";display:block;width:15px;height:15px;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:18px;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.itemSpecTxt{width:100%;max-width:1000px;margin:0 auto;background-color:#f7eddb}
div.itemSpecTxt ul{padding:10px}
div.itemSpecTxt ul li{width:50%;height:330px;float:left}
div.itemSpecTxt ul li.point_01,div.itemSpecTxt ul li.point_02,div.itemSpecTxt ul li.point_03{padding:15px}
/* ------ 監修 ------ */
div.kanshuProfile div.imgBox{width:27%;float:left}
div.itemSpecTxt div.kanshuProfile div.txtBox{float:right;width:70%}
div.itemSpecTxt div.kanshuProfile div.txtBox p{font-size:16px;line-height:1.5em}
div.itemSpecTxt div.kanshuTxt{margin-top:10px;font-size:16px;line-height:1.3em}
div.itemSpecTxt div.kanshuTxt div.nameBox{width:30%;float:left;font-size:18px}
div.itemSpecTxt div.kanshuTxt div.nameBox span{font-size:14px;display:block;margin-top:15px}
div.itemSpecTxt div.kanshuTxt .txtBox{float:right;width:70%;border-left:1px solid #333;padding-left:2%;padding:1% 0 1% 2%;margin-top:3px}
/* ------ 画像・テキスト ------ */
div.itemSpecTxt ul li div.imgTxtBox div.imgBox{width:60%;float:left}
div.itemSpecTxt ul li div.imgTxtBox div.txtBox{width:37%;float:right;font-size:16px;line-height:1.5em}
/* ------ 画像のみ ------ */
div.itemSpecTxt ul li div.imgContents{max-width:440px;margin:0 auto}
/* ------ 種類別 ------ */
div.itemSpecTxt ul li h4.line_01 span{top:24px!important}
/* ほほえみ */
div#hohoemi div.itemSpecTxt ul li.point_01 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_hohoemi_01.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#EB6300;font-weight:700}
div#hohoemi div.itemSpecTxt ul li.point_02 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_hohoemi_02.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#EB6300;font-weight:700}
div#hohoemi div.itemSpecTxt ul li.point_03 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_hohoemi_03.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#EB6300;font-weight:700}
div#hohoemi div.itemSpecTxt ul li h4 span{color:#EB6300;position:relative;top:9px}
/* はなまる */
div#hanamaru div.itemSpecTxt ul li.point_01 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_hanamaru_01.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#28883a;font-weight:700}
div#hanamaru div.itemSpecTxt ul li.point_02 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_hanamaru_02.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#28883a;font-weight:700}
div#hanamaru div.itemSpecTxt ul li.point_03 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_hanamaru_03.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#28883a;font-weight:700}
div#hanamaru div.itemSpecTxt ul li h4 span{color:#28883a;position:relative;top:9px}
/* おふくろ */
div#ofukuro div.itemSpecTxt ul li.point_01 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_ofukuro_01.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#a1141f;font-weight:700}
div#ofukuro div.itemSpecTxt ul li.point_02 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_ofukuro_02.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#a1141f;font-weight:700}
div#ofukuro div.itemSpecTxt ul li.point_03 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_ofukuro_03.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#a1141f;font-weight:700}
div#ofukuro div.itemSpecTxt ul li h4 span{color:#a1141f;position:relative;top:9px}
/* 和ごころ */
div#wagokoro div.itemSpecTxt ul li.point_01 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_wagokoro_01.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#c9161e;font-weight:700}
div#wagokoro div.itemSpecTxt ul li.point_02 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_wagokoro_02.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#c9161e;font-weight:700}
div#wagokoro div.itemSpecTxt ul li.point_03 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_wagokoro_03.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#c9161e;font-weight:700}
div#wagokoro div.itemSpecTxt ul li h4 span{color:#c9161e;position:relative;top:9px}
/* いろどり */
div#irodori div.itemSpecTxt ul li.point_01 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_irodori_01.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#ce9203;font-weight:700}
div#irodori div.itemSpecTxt ul li.point_02 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_irodori_02.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#ce9203;font-weight:700}
div#irodori div.itemSpecTxt ul li.point_03 h4{background:url(/excludes/gourmet/pg/takuhaiokazu/191212/point_icon_irodori_03.png) no-repeat;background-size:17%;height:80px;margin-bottom:10px;padding-left:20%;font-size:26px;line-height:1.2em;color:#ce9203;font-weight:700}
div#irodori div.itemSpecTxt ul li h4 span{color:#ce9203;position:relative;top:9px}
/*------------------------------------------
安心
------------------------------------------*/
div#anshin{background-color:#ebf7fd;padding:30px 0 0 20px;margin-bottom:20px}
div#anshin h2.h2_titleTxt{font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E",serif;color:#076797;font-size:45px;display:block;width:1000px;margin:0 auto 15px;text-align:center;line-height:1em}
div#anshin h2.h2_titleTxt span{display:block;font-size:30px;color:#076797}
div#anshin div.anshin_box{width:1000px;margin:0 auto}
div#anshin div.anshin_box div.anshinBox{width:492px;margin-right:15px;float:left}
div#anshin div.anshin_box div.anshinBox:nth-child(even){margin-right:0}
div#anshin div.anshin_box div.anshinBox div.anshinBoxTxt{font-size:16px;line-height:1.3em;margin:5px 0 20px}
div#anshin div.anshin_box div.anshinBox div.anshinBoxTxt span.pointNum{background-color:#076797;display:inline-block;color:#fff;border-radius:100px;-moz-border-radius:100px;text-align:center;width:25px;height:25px;line-height:1.5em;margin-right:5px}
div#anshin p.chushaku02{font-size:12px;text-align:right;position:relative;top:-9px}
/*------------------------------------------
商品一覧
------------------------------------------*/
div#bento_spec_list{max-width:1000px;margin:0 auto 30px;width:100%}
div#bento_spec_list table{width:1000px}
div#bento_spec_list table td{width:250px}
/*------------------------------------------
インフォ
------------------------------------------*/
div#otodokeInfo{border-radius:10px;-moz-border-radius:10px;border:1px solid #ccc;max-width:1000px;margin:0 auto 3%;padding:20px}
div#otodokeInfo h2{font-size:18px;margin-bottom:10px}
div#otodokeInfo p{font-size:13px;line-height:1.3em}
.infoBox{width:100%;max-width:850px;margin:0 auto 20px}
.infoBox p.ttlTxt{font-size:18px;font-weight:700;margin:10px auto}
.infoBox p{font-size:16px;text-align:center}

@media screen and (max-width:750px) {
	/* 
★スマホ用CSS 
 */
/*====================================================
common
====================================================*/
div#pc_sp_grm_top_contents{width:100%;margin-bottom:0}
/*------------------------------------------
SPの時に非表示
------------------------------------------*/
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{display:block}
/*====================================================
メイン
====================================================*/
div#pc_sp_grm_top_contents p#deadLineBox{padding:5px 0;font-size:16px}
/*------------------------------------------
ぱんくず
------------------------------------------*/
div#breadcrumbList{width:98%}
/*------------------------------------------
ボタン
------------------------------------------*/
div#sp_cateBnr ul li{float:left;width:20%}
div#pc_sp_grm_top_main div.fixed2{position:fixed;top:52px!important;left:0;width:100%;z-index:500}
div#sp_cateBnr ul li a.wagokoro{background-color:#c9161e;display:inline-block;width:100%;height:50px;text-align:center;text-decoration:none}
div#sp_cateBnr ul li a.ofukuro{background-color:#a1141f;display:inline-block;width:100%;height:50px;text-align:center;text-decoration:none}
div#sp_cateBnr ul li a.hohoemi{background-color:#eb6301;display:inline-block;width:100%;height:50px;text-align:center;text-decoration:none}
div#sp_cateBnr ul li a.hanamaru{background-color:#28883a;display:inline-block;width:100%;height:50px;text-align:center;text-decoration:none}
div#sp_cateBnr ul li a span{color:#fff;font-size:11px;line-height:1em;position:relative;top:13px}
div#sp_cateBnr ul li a.wagokoro span,div#sp_cateBnr ul li a.hohoemi span{top:5px}
div#sp_cateBnr ul li a.irodori{background-color:#ce9008;display:inline-block;width:100%;height:50px;text-align:center;text-decoration:none}
/*------------------------------------------
選ばれる理由
------------------------------------------*/
div#riyuu{padding:15px 0 2%}
div#riyuu h2.h2_titleTxt{font-size:34px;padding:5px 0 10px;line-height:.9em;width:90%;margin:0 auto 15px;height:80px}
div#riyuu h2.h2_titleTxt span{font-size:18px;top:0;left:0;display:block}
div#riyuu h2.h2_titleTxt:before{border-width:40px 0 40px 18px}
div#riyuu h2.h2_titleTxt:after{border-width:40px 18px 40px 0}
div#riyuu .riyuu{width:100%}
div#riyuu div.riyuuBox{width:94%;margin-right:auto;margin-left:auto;margin-bottom:2%;float:none;position:relative}
div#riyuu div.riyuuBox:nth-child(even){margin-right:auto}
div#riyuu div.riyuuBox h3{font-size:24px;font-weight:700;color:#eb6d78;display:block;width:100%;position:absolute;top:6%;left:3%}
div#riyuu div.riyuuBox p{line-height:1.3em;width:47%;position:absolute;top:23%;left:3%;font-size:13px}
/*------------------------------------------
声
------------------------------------------*/
div#koe{width:100%;margin:6% auto}
div#koe h2.h2TitleImg{width:100%;margin:0 auto 10px}
div#koe div#koeBox{margin-right:0}
div#koe div.koeBox{padding:3%;margin-right:auto;margin-left:auto;width:94%;float:none;height:auto;margin-bottom:3%}
div#koe div.koeBox div.star{text-align:center}
div#koe div.koeBox div.star span.txt{font-size:14px;margin-right:5px}
div#koe div.koeBox div.star span.star{font-size:40px}
div#koe div.koeBox p.nameTxt{position:relative;bottom:0;right:0}
/*------------------------------------------
商品
------------------------------------------*/
div#bento_spec_list{border:1px solid #ccc;overflow-y:scroll;padding:10px}
div#bento_spec_list::-webkit-scrollbar{height:15px}
div#bento_spec_list::-webkit-scrollbar-thumb{background:#999;border-radius:5px}
div#bento_spec_list::-webkit-scrollbar-track-piece{background:#efefef}
div#bento_spec_list table{width:700px}
div#bento_spec_list table td{width:175px}
div.itemDetailArea p.courseChushaku {text-align: left;margin: 5px 0}
.specBox_btn a{padding:10px 40px 10px 10px;font-size:18px;line-height:1.2em;margin:3%}
/*------------------------------------------
商品説明
------------------------------------------*/
div.itemSpecTxt ul li{width:100%;height:auto;float:none}
div.itemSpecTxt ul h4{background-size:50px!important;font-size:18px!important;height:50px!important;padding-bottom:5px}
div.itemSpecTxt ul li h4 span{top:0!important}
div.itemSpecTxt ul li h4.line_01 span{top:13px!important}
/* ------ 監修 ------ */
div.itemSpecTxt div.kanshuProfile div.txtBox{width:60%}
div.kanshuProfile div.imgBox{width:37%}
div.itemSpecTxt div.kanshuProfile div.txtBox p{font-size:14px;line-height:1.3em}
div.itemSpecTxt div.kanshuTxt{margin-top:5px;font-size:14px}
div.itemSpecTxt div.kanshuTxt div.nameBox{width:100%;float:none;font-size:16px;border-top:1px solid #333;margin-top:10px}
div.itemSpecTxt div.kanshuTxt div.nameBox span{margin-top:3%}
div.itemSpecTxt div.kanshuTxt .txtBox{float:right;width:100%;border-left:none;padding-left:0;padding:0 0 3%;margin-top:3px;border-bottom:1px solid #333}
/* ------ 画像・テキスト ------ */
div.itemSpecTxt ul li div.imgTxtBox div.imgBox{float:none;width:80%;margin:0 auto 3%}
div.itemSpecTxt ul li div.imgTxtBox div.txtBox{width:100%;float:none;font-size:14px;line-height:1.3em}

/*------------------------------------------
安心
------------------------------------------*/
div#anshin{background-color:#ebf7fd;padding:3%;margin-bottom:0}
div#anshin h2.h2_titleTxt{font-size:24px;width:100%;margin:0 auto 3%;font-weight:700}
div#anshin h2.h2_titleTxt span{font-size:16px;line-height:1em;display:block;width:256px;margin:2% auto}
div#anshin div.anshin_box{width:100%}
div#anshin div.anshin_box div.anshinBox{width:100%;margin-right:0;float:none}
/*------------------------------------------
インフォ
------------------------------------------*/
div#otodokeInfo{margin:3% 3% 6%}
div#otodokeInfo h2{font-size:16px;font-weight:700}

}