@charset "utf-8";

/* ===========================================================
 default
=========================================================== */
p{margin:0;padding:0 0 15px 0;}
a{color:#e50008;text-decoration:none;}
a:hover{color:#f2a3a4;text-decoration:underline;}

h1{margin:0 auto 1.2em;padding:10px 10px 8px 15px;color:#333;font-weight:bold;font-size:187%; vertical-align:middle;}
h2{margin:1em auto 1.2em;padding:10px 10px 8px 15px;background-color:#eee;color:#333;font-weight:bold;font-size:187%; border-radius:6px; vertical-align:middle;border-left:6px solid #e50008; border-radius:4px;}
h3{margin:1.5em auto 1em;padding:10px 10px 8px 15px;color:#333;background-color:#f9e9e9; font-weight:bold;font-size:150%;vertical-align:middle; border-radius:4px;}
h4{margin:1em auto 0.5em;padding:10px 10px 8px 15px;color:#333; font-weight:bold;font-size:138%;vertical-align:middle; position:relative;}
h5{margin:1em auto 0.1em;padding:5px 10px 5px 15px;color:#333;font-weight:bold;font-size:113%; position:relative;}
h6{margin:1em auto 0.1em;color:#333;font-weight:bold;font-size:100%;}
.ContentPane h2:first-of-type{margin-top:0;}
.ContentPane h4:before{content:""; display:block; width:5px; height:100%; background-color:#e50008; position:absolute; top:0; left:0; border-radius:3px;}
.ContentPane h5:before{content:""; display:block; width:4px; height:100%; background-color:#CCC; position:absolute; top:0; left:0; border-radius:3px;}


/* ===========================================================
 skin
=========================================================== */
#blockskip{display:none;}
.inner{width:1000px;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

/* ===========================================================
 css for each skin
=========================================================== */
.skin2Columns .contentMain .inner:after{content:"";display:block;clear:both;}
.skin2Columns .sideArea{float:left;width:240px;}
.skin2Columns .mainArea{float:right;width:690px;}
.skinIndex main{padding-bottom:50px;}
.skin1Column main,
.skin2Columns main{padding:30px 0 50px; }
.contentTop{}
.contentShop{}
.contentMiddle{ background-color:#f9e9e9;}
.contentBottom{ background-color:#f7f7f7;}
.skin1Column.shop .contentBottom{background-color:#fdf0f0;}
.contentMain{}
.skinIndex  .TopPane{overflow: hidden;}

/* ===========================================================
 headBody
=========================================================== */
header{margin:0;padding:0;}
#skin > header{border-top:3px solid #e50008;box-shadow:0 3px 4px 0 rgba(51,51,51,0.1)}

.headTop .inner:after{content:"";display:block;clear:both;}
.headTop .left{float:left;}
.headTop .right{float:right;width:400px;margin-top:15px;}
.headTop .right:after{content:"";display:block;clear:both;}

/* logo */
.logo{margin:15px 0 0 0;padding:0;}
.logo a{display:block;}

/* searchWrap */
/*.searchWrap{position:relative;float:right;width:210px;height:30px;margin:0;}
.searchWrap input[type="text"]{position:absolute;top:0;left:0;width:145px;height:28px;margin:0;padding:2px 3px;border:1px solid #ccc;outline:none;line-height:2.0px;}
.searchWrap a{display:block;float:right;width:60px;height:28px;border:1px solid #ccc;border-radius:2px;background:#f5f5f5;line-height:2.0;text-align:center;}*/

/* .linkHead */
.linkHead ul{padding: 0; margin: 0;}
.linkHead li{padding: 0; margin: 0; list-style-type:none; text-align:right;}
.linkHead li a{font-size:113%; font-weight:bold; color:#e6000d; }
.linkHead li a:before{content:""; display:inline-block; width:21px; height:14px; margin:0 0.5em 0 0; background:url(/Portals/0/images/common/navi_inquiry.png) no-repeat center center;}

/*headBottom*/
.headBottom{border-top: 1px solid #cfcfcf;}


/* ===========================================================
 gNav
=========================================================== */
#gNav{margin:0 auto;padding:0;}
#gNav:after{content:"";display:block;clear:both;}
.tokenMenu{position:relative;text-align:center; }
.tokenMenu ul{margin:0;padding:0;}
.tokenMenu ul:after{content:"";display:block;clear:both;}
.tokenMenu li{list-style-type:none;float:left;margin:0;padding:0;}
.tokenMenu a{position:relative;color:#333;}
.tokenMenu > ul{display:inline-block;width:auto;margin:0 auto;vertical-align:top;}
.tokenMenu > ul,
.tokenMenu li.Tab36,
.tokenMenu li.Tab36 > ul{ width:100%;}
/* 各メニュー */
.tokenMenu > ul > li > ul,
.tokenMenu > ul > li > ul > li > ul{display:none;}
.tokenMenu > ul > li,
.tokenMenu > ul > li > ul > li{display:none;}
.tokenMenu li.Tab36,
.tokenMenu li.Tab36 > ul,
.tokenMenu li.Tab72,
.tokenMenu li.Tab84,
.tokenMenu li.Tab100,
.tokenMenu li.Tab111,
.tokenMenu li.Tab112{display:block;}
/* 1階層 */
.tokenMenu > ul > li > ul > li{position:relative;z-index:1;width:20%;}
.tokenMenu > ul > li > ul > li:before{content:"";display:block;position:absolute;top:15px;left:0;z-index:1;width:1px;height:54px;background-color:#ccc;}
.tokenMenu > ul > li > ul > li:first-child:before{display:none;}
.tokenMenu li.Tab36 > a{display:none;}
.tokenMenu > ul > li > ul > li > a{display:block;overflow:hidden;position:relative;float:left;height:83px;padding:52px 0 0 0;color:#333;font-weight:bold;line-height:16px;text-decoration:none;text-align:center; font-size:100%;}
.tokenMenu li.Tab72 > a,
.tokenMenu li.Tab84 > a,
.tokenMenu li.Tab100 > a,
.tokenMenu li.Tab111 > a,
.tokenMenu li.Tab112 > a{width:100%;}
/* アイコン */
.tokenMenu > ul > li > ul > li > a:before{content:"";display:block;position:absolute;top:14px;left:50%;transform:translate(-50%,0);width:27px;height:27px;background-position:center center;}
.tokenMenu li.Tab72 > a:before{background:url(/Portals/0/images/common/navi_shop.png) no-repeat center center;}
.tokenMenu li.Tab84 > a:before{background:url(/Portals/0/images/common/navi_service.png) no-repeat center center;}
.tokenMenu li.Tab100 > a:before{background:url(/Portals/0/images/common/navi_product.png) no-repeat center center;}
.tokenMenu li.Tab111 > a:before{background:url(/Portals/0/images/common/navi_recipe.png) no-repeat center center;}
.tokenMenu li.Tab112 > a:before{background:url(/Portals/0/images/common/navi_cart.png) no-repeat center center;}
/* カレント */
.tokenMenu > ul > li > ul > li > a:hover:after,
.tokenMenu > ul > li > ul > li.currentItem > a:after,
.tokenMenu > ul > li > ul > li.parentItem > a:after{content:"";display:block;position:absolute; bottom:1px; left:0;width:100%;height:6px;background-color:#e50008; border-left:1px solid #fff; border-right:1px solid #fff;}

/*第一フェーズ対応*/
/*.tokenMenu li.Tab84:after {content: ""; display: block; position: absolute;width: 188px; height: 73px; background: rgba(239,239,239,0.80); border-radius:4px; left: 6px; top: 5px;}
.tokenMenu li.Tab84 > a {cursor: none; pointer-events: none;}*/

/* SpNaviPane */
.pcView .spNavi{display:none;}

/* ===========================================================
 メガメニュー内
=========================================================== */
.NavEditPane{position:relative;}
.navContents{background-color:rgba(230,0,13,0.9); position:absolute; top:0; width:100%; z-index:1; box-shadow:0 4px 5px 0 rgba(51,51,51,0.3);}
.navContents .inner{padding:35px 0;}
.navContents ul.listNav{padding:0; margin:0; display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row; flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;justify-content: center;}
.navContents .listNav li{display:block; padding:0; margin:0; list-style-type:none;}
.navContents .listNav li a{ font-size:113%; font-weight:bold; color:#FFF; vertical-align:middle; padding:0.5em 0; width:100%; display:block; text-align:center;}
.navContents .listNav li a:after{content:""; display:inline-block; width:18px; height:18px; margin:-1px 0 0 0.5em; vertical-align:middle; background:url(/Portals/0/images/common/arrow_circle_navi.png) no-repeat center center;}
.navContents .listNav li a:hover{background-color:rgba(255,255,255,0.2); text-decoration:none;}
/* 店舗/チラシを探す */
.navContents .listNav.listShop > li{width:20%; position:relative;}
.navContents .listNav.listShop > li:before{content: ""; display:block; width:1px; height:100%; position:absolute; top:0; left:0; background-color:#cfcfcf;}
.navContents .listNav.listShop > li:first-child:before{display:none;}
/* お得なサービス */
.navContents .listNav.listService:after{content:"";display:block;clear:both;}
.navContents .listNav.listService li{width:32%;display:block; float:left;}
.navContents .listNav.listService li a{text-align:left; padding-left:2em;}
/* プライベートブランド */
.navContents .listNav.listProduct > li{width:33.3%; position:relative;}
.navContents .listNav.listProduct > li:before{content: ""; display:block; width:1px; height:100%; position:absolute; top:0; left:0; background-color:#cfcfcf;}
.navContents .listNav.listProduct > li:first-child:before{display:none;}
.navContents .listNav.listProduct li a{ text-align:center;}
.navContents .listNav.listProduct li a span{text-align:left; vertical-align:middle;}

/* レシピ */
.navContents .listNav.listRecipe > li{width:20%; position:relative;}
.navContents .listNav.listRecipe > li:before{content: ""; display:block; width:1px; height:100%; position:absolute; top:0; left:0; background-color:#cfcfcf;}
.navContents .listNav.listRecipe > li:first-child:before{display:none;}
/* ネットスーパー */
.navContents .listNav.listNetsuper > li{width:33.3%; position:relative;}
.navContents .listNav.listNetsuper > li:before{content: ""; display:block; width:1px; height:100%; position:absolute; top:0; left:0; background-color:#cfcfcf;}
.navContents .listNav.listNetsuper > li:first-child:before{display:none;}
.navContents .listNav.listNetsuper li a{ text-align:center;}
.navContents .listNav.listNetsuper li a span{text-align:left; vertical-align:middle;}
/* 画像アイコン */
.navContents .listNav.listProduct > li > a > span,
.navContents .listNav.listNetsuper > li > a > span{display: inline-block; margin:0 0.5em 0 0; }
.navContents .listNav.listProduct > li > a > span > img,
.navContents .listNav.listNetsuper > li > a > span > img{vertical-align:middle;}



/* ===========================================================
 content
=========================================================== */
.breadcrumb{margin:0 auto;padding:14px 0; font-size:82%;}
.breadcrumb a{margin:0 0.3em;color:#e50008;text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb span{margin:0 0.3em;}


/* ===========================================================
 footBody
=========================================================== */
footer{margin:0;padding:0;}
.footTop{background-color:#f9e9e9;}
.footBottom{background-color:#e6000d;}

/* pagetop */
.pagetop{position:relative;z-index:5;padding:0; right:0;}
.pagetop a{overflow:hidden;position:relative; display:block; width:50px;height:50px;background:url(/Portals/0/images/common/pagetop.png) no-repeat center center; white-space:nowrap; text-indent:110%;/*position:fixed;top:inherit;right:0;bottom:80px;left:inherit;*/}

/* FootPane */
.footLinkBox{width:100%; padding:50px 0 80px; }
.footLinkBox:after{content:"";display:block;clear:both;}

.footLinkBox > div{width:25%; float:left; text-align:center;}
.footLinkBox > div h2{ border:none; background-color:inherit; font-size:100%; padding:0;}
.footLinkBox > div h2 > span{display:block;margin:0 auto 0.2em;text-align:center;}
.footLinkBox ul{padding:0; margin:0 auto; display:inline-block;}
.footLinkBox li{list-style-type:none;padding: 0; margin: 0; text-align:left;}
.footLinkBox ul.bnrFootLink li a{display:block;}
.footLinkBox > div:first-child{width:220px;}
.footLinkBox > div:nth-child(2){width:260px;}
.footLinkBox > div:nth-child(3){width:300px;}
.footLinkBox > div:nth-child(4){width:220px;}
.footLinkBox .footLink > li > a{color:#333; padding:0 0 0 20px; position:relative;}
.footLinkBox .footLink > li > a:before{content:"";display:block;position:absolute; top:8px;left:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:6px;height:6px;margin:auto;border-top:1px solid #e6000d;border-right:1px solid #e6000d;}

/* FootBottomPane */
.footBottomLink{text-align:center;}
.footBottomLink ul{padding:0; margin:25px auto 0; display:inline-block; display: inline-block;}
.footBottomLink ul:after{content:"";display:block;clear:both;}
.footBottomLink ul li{list-style-type:none;float:left;margin:0 0 0 0.5em;padding:0;}
.footBottomLink ul li a{position:relative;padding:0 0 0 15px;color:#fff;font-size:100%;}
.footBottomLink ul li a:before{content:"";display:block;position:absolute;top:1px;bottom:0;left:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:6px;height:6px;margin:auto;border-top:1px solid #fff;border-right:1px solid #fff;}

/* copyright */
.copyright{text-align:center; color:#f5a5a4;}

/*--------------------------------------	bace.css	--------------------------------------*/
/* file icon */
a[href*=".pdf"]:after,
a[href*=".doc"]:after,
a[href*=".docx"]:after,
a[href*=".xls"]:after,
a[href*=".xlsx"]:after,
a[href*=".zip"]:after,
a.externalLink:after{line-height:1.9;vertical-align:middle;}

/* link */
a.linkItem,
.linkItem a{padding:0.5em 2.5em 0.5em 1em;background-color:#FFF;color:#e6000d; border:2px solid #e6000d; font-weight:bold; border-radius:6px;}
a.linkItem:before,
.linkItem a:before{content:"";position:absolute;top:50%;right:0.7em;left:inherit;z-index:1;-webkit-transform:rotate(45deg) translate(-50%,0);-ms-transform:rotate(45deg) translate(-50%,0);transform:rotate(45deg) translate(-50%,0);width:9px;height:9px;margin:0;border:none;border-top:1px solid #e6000d;border-right:1px solid #e6000d;}
a.linkItem:hover,
.linkItem a:hover{ background-color:#e6000d; color:#FFF; text-decoration:none;}
a.linkItem:hover:before,
.linkItem a:hover:before{border-top:1px solid #FFF;border-right:1px solid #FFF;}
a[href*=".pdf"].linkItem:after,.linkItem a[href*=".pdf"]:after,
a[href*=".doc"].linkItem:after,.linkItem a[href*=".doc"]:after,
a[href*=".docx"].linkItem:after,.linkItem a[href*=".docx"]:after,
a[href*=".xls"].linkItem:after,.linkItem a[href*=".xls"]:after,
a[href*=".xlsx"].linkItem:after,.linkItem a[href*=".xlsx"]:after,
a[href*=".zip"].linkItem:after,.linkItem a[href*=".zip"]:after{display:none;}
/* block */
.linkItem.linkBlock a,
.linkBlock a.linkItem{display:inline-block; margin-bottom:0.5em; clear:both;}

/* inPageLinks */
a.linkItem.inPageLinks,
.linkItem.inPageLinks a{padding-left:2em;}
a.linkItem.inPageLinks:before,
.linkItem.inPageLinks a:before{content:"";position:absolute;top:0.6em;right:inherit;left:0.5em;z-index:1;width:21px;height:21px;margin:0; background:url(/Portals/0/images/common/arrow_circle_navi.png) no-repeat center center; -webkit-transform:rotate(90deg) translate(0,0);-ms-transform:rotate(90deg) translate(0,0);transform:rotate(90deg) translate(0,0);border:none;}
a.linkItem.inPageLinks:hover:before,
.linkItem.inPageLinks a:hover:before{border:none; }

/* box */
/* ボーダー */
.boxBordered{border:2px solid #f9e9e9; border-radius:8px;}
/* 背景色 */
.boxColored{background-color:#f2f2f2; border-radius:8px;}

/* table */
table.tableBasic{border-right:1px solid #aaa;border-bottom:1px solid #aaa;}
table.tableBasic th,
table.tableBasic td{border-top:1px solid #aaa;border-left:1px solid #aaa;}
table.tableBasic th{background-color:#f9e9e9;}
.boxColored table.tableBasic td{background-color:#fff;}

/* ===========================================================
 SideTopPane
=========================================================== */
.sideMenu{margin-bottom:2em;}
.sideMenu > ul > li{display:none;}
.sideMenu > ul > li.currentItem,
.sideMenu > ul > li.parentItem{display:block;}
/* 基本(2階層) */
.sideMenu ul{margin:0;padding:0;}
.sideMenu ul li{list-style-type:none;clear:both;margin:0;margin:0;padding:0;padding:0;}
.sideMenu ul li a{display:block;list-style-type:none;position:relative;color:#333;}
/* 2階層 */
.sideMenu > ul > li.currentItem,
.sideMenu > ul > li.parentItem{border-bottom:none;border-bottom:1px dotted #ccc;}
.sideMenu > ul > li.currentItem > a,
.sideMenu > ul > li.parentItem > a{margin:0; padding: 1.7em 5px 1.7em 1em; background-color:#e50008;color:#FFF;font-weight:bold;font-size:100%; border-radius:6px;}
.sideMenu > ul > li.currentItem > a:hover,
.sideMenu > ul > li.parentItem > a:hover{color:#f2a3a4;}
/* 3階層 */
.sideMenu > ul > li > ul li{border-top:1px solid #ccc;}
.sideMenu > ul > li > ul > li:first-child{border-top:none;}
.sideMenu > ul > li > ul > li a{padding:10px 0 10px 0;font-size:100%;}
.sideMenu > ul > li > ul li.currentItem a,
.sideMenu > ul > li > ul li.parentItem a{color:#e50008;}
/* 4階層 */
.sideMenu > ul > li > ul > li > ul li{color:#f7f7f7; border-top:1px dotted #ccc;}
.sideMenu > ul > li > ul > li > ul > li a{padding:8px 0 8px 30px;font-size:88%;}
.sideMenu > ul > li > ul > li > ul > li a:before{content:"";position:absolute;top:1.1em;right:inherit;left:12px;z-index:1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:7px;height:7px;margin:0;border:none;border-top:1px solid #e50008;border-right:1px solid #e50008;}

/* 5階層以降 */
.sideMenu > ul > li > ul > li > ul > li > ul li{padding-left:10px;}
.sideMenu > ul > li > ul > li > ul > li > ul > li > a{ background-color:#f9e9e9; }



/*========================================================
 news-list-for-Index
 ========================================================*/
.newsListIndex{text-align:center;}
.newsListIndex h2{padding:2.5em 0 1.5em;color:#222;font-size:163%;}
.newsListIndex h2 span{display:block;margin:0 auto 0.2em;text-align:center;}

.newsBackLink{display:block;display:inline-block;width:100%;margin:1.5em 0;padding:0;text-align:center;}
.newsBackLink a{padding:0.5em 2.5em 0.5em 1em;background-color:#FFF;color:#e6000d; border:2px solid #e6000d; font-weight:bold; border-radius:6px; position:relative;  display:inline-block;}
.newsBackLink a:before{content:"";position:absolute;top:50%;right:0.7em;left:inherit;z-index:1;-webkit-transform:rotate(45deg) translate(-50%,0);-ms-transform:rotate(45deg) translate(-50%,0);transform:rotate(45deg) translate(-50%,0);width:9px;height:9px;margin:0;border:none;border-top:1px solid #e6000d;border-right:1px solid #e6000d;}
.newsBackLink a:hover{ background-color:#e6000d; color:#FFF; text-decoration:none;}
.newsBackLink a:hover:before{border-top:1px solid #FFF;border-right:1px solid #FFF;}
.newsListIndex.newsList ul { list-style-type: none; margin: 0; padding:2em 0 2.5em; /*border-bottom:2px solid #cfcfcf; border-left:2px solid #cfcfcf; border-right:2px solid #cfcfcf; border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;*/}

/* TOP固有 */
.newsBackList{ text-align:center; display: inline-block; margin:0 auto 0;}
.newsBackList:after{content:"";display:block;clear:both;}
.newsBackList > .newsBackLink{ float:left; display:block; width:inherit; min-width:300px;}
.newsBackList > .newsBackLink:first-child{ margin-right:40px;}
.newsBackList > .newsBackLink a{width:100%;}
.newsListIndex.newsList .newsDate{width:30%;}
.newsListIndex.newsList .newsTitle{float:right;width:70%;}

/*========================================================
 news-list
========================================================*/
.newsList ul{list-style-type:none;margin:0;padding:0;}
.newsList li{list-style-type:none;clear:both;margin:0;padding:10px 5px;border-bottom:1px dotted #ccc;font-size:100%; text-align:left;}
.newsList li:before,
.newsList li:after{content:"";display:table;}
.newsList li:after{clear:both;}
.newsList li:first-child{border-top:1px dotted #ccc;}
.newsList .newsDate{display:block;float:left;width:14%;margin:0;padding:0;color:#e6000d;text-align:left;}
.newsList .newsIcon{display:inline-block;width:150px;margin:0 0 0 1em; border-radius:2px;}
.newsList .newsIcon > span{padding:0.2em 0;background-color:#f9e9e9;color:#333;line-height:1;text-align:center; display:block;}
.newsList .newsIcon > span.id_31{background-color:#f9e9e9;}
.newsList .newsIcon > span.id_32{background-color:#f4ebd5;}
.newsList .newsTitle{float:right;width:86%;margin:0;padding:0;}
.newsList .newsTitle a{color:#222;text-decoration:none;}
.newsList .newsTitle a:hover{text-decoration:underline;}
.newsList .newsTitle img{margin-left:0.5em;vertical-align:middle;}
.newsList .newsCategoryname{float:left;width:50px;margin:0;padding:0 5px;background:#999;color:#fff;text-align:center;}

/*========================================================
 news-detail
========================================================*/
.newsDetail .newsDate{margin:0; padding:0 0 20px; color:#e6000d;}
.newsDetail .newsDate img{margin:0 10px 0 0;color:#e6000d;}
.newsDetail .newsTitle{clear:both;margin:0 0 15px 0;padding:7px 0 10px 0;border-bottom:1px solid #999;font-weight:bold;}
.newsDetail .newsBackLink{display:inline-block; margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px dashed #999;text-align:right;}
.newsDetail .newsCategoryname{float:right;width:50px;margin:20px 0 0 0;padding:0 5px;background:#999;color:#fff;text-align:center;}

/*========================================================
 タブモジュール
========================================================*/
div.ViewTabs .ui-tabs-nav{display:table; width:100%; background:url(/Portals/0/images/index/dot_gray.gif) repeat-x center bottom;}
div.ViewTabs .ui-tabs-nav li{margin:0; padding:0; width:50%;}
div.ViewTabs .ui-tabs-nav li:first-child{padding-right:5px;}
div.ViewTabs .ui-tabs-nav li:nth-child(2){padding-left:5px;}
div.ViewTabs .ui-tabs-nav li a{font-size:119%; font-weight:bold; padding:0.5em 0; text-align:center; border-radius: 8px 8px 0px 0px / 8px 8px 0px 0px; background-color:#f9e9e9;border-top:2px solid #f9e9e9; border-right:2px solid #f9e9e9; border-left:2px solid #f9e9e9;}
div.ViewTabs .ui-tabs-nav li.ui-tabs-active a{ background-color:#FFF; color: #333; border-color:#cfcfcf;}
div.ViewTabs .ui-tabs-panel {padding:0; border:none;}

/*========================================================
 ニュースカテゴリ
========================================================*/
.AnnouncementCategory.ulList_vertical{margin:0;padding:0; width: 100%;}
.AnnouncementCategory.ulList_vertical li{list-style-type:none;clear:both;margin:0;margin:0;padding:0;padding:0;border-bottom:1px solid #ccc; width:100%;}
.AnnouncementCategory.ulList_vertical li:first-child{border-top:1px solid #ccc;}
.AnnouncementCategory.ulList_vertical li a{padding:10px 0 10px 0;font-size:100%;display:block;list-style-type:none;position:relative;color:#333;}
/* カレント */
.AnnouncementCategory.ulList_vertical li.currentItem > a,
.AnnouncementCategory.ulList_vertical li.parentItem > a{color:#e50008;}
.AnnouncementCategory.ulList_vertical li a:hover,
.AnnouncementCategory.ulList_vertical li.currentItem > a:hover,
.AnnouncementCategory.ulList_vertical li.parentItem > a:hover{color:#f2a3a4;}
.sideCalendar{}
.spCalendar{display:none;}


/*========================================================
 inquiryform
========================================================*/
.questionnaire-form{width:100%;margin:0 0 2em;padding:0;border:none;max-width:100%;border-spacing:0;border-collapse:collapse;}
.questionnaire-form td{width:100%;}
.questionnaire-form td.SubHead{font-weight:bold;font-size:128%;}
.questionnaire-form table{width:100%;margin:1em 0 0;padding:0;border:none;max-width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
.questionnaire-form td tr{border-bottom:1px solid #ccc;}
.questionnaire-form td tr table{margin:0;}
.questionnaire-form td tr tr{border-bottom:none;}
.questionnaire-form td td{padding:.5em .5em;}
.questionnaire-form td td.SubHead{width:14em;padding:.5em .5em;background-color:#f2f2f2;font-size:inherit;}
.questionnaire-form .FieldValue{padding:10px 15px 10px 15px;border-top:none;border-bottom:#dbdbdb dotted 1px;border-left:none;color:#000;}
.questionnaire-form .FieldTitle .NormalBold{color:#000;font-weight:normal;}
.questionnaire-form .btnSearchZipCode{margin:0 0 0 10px;padding:3px 20px;border:none;border:1px solid #ccc;background:#f6f6f6;}
.questionnaire-form .btnSearchZipCode:hover,
.questionnaire-form .btnSearchZipCode:focus{background:#eee;}
.questionnaire-form table p{margin:.5em 0 0;font-size:90%;}
.questionnaire-form input[type='text'],
.questionnaire-form textarea,
.questionnaire-form select{margin:0;padding:3px 3px 3px 3px;border:1px solid #ccc;border-radius:0;outline:none;}
.questionnaire-form textarea{display:inline-block;vertical-align:bottom; width:400px;}
.questionnaire-form select{padding-right:20px;}
.questionnaire-form input[type='text']:focus,
.questionnaire-form textarea:focus,
.questionnaire-form select:focus{box-shadow:rgba(204,204,204,.5) 0 0 8px 0;}
div[id$="ViewMailForm_pnlInput"] div input[type="submit"]{margin:0 10px;padding:8px 40px;border:none;border:1px solid #ccc;background:#f6f6f6;}
div[id$="ViewMailForm_pnlInput"] div input[type="submit"]:hover,
div[id$="ViewMailForm_pnlInput"] div input[type="submit"]:focus{background:#eee;}


/*========================================================
 TOPページ
========================================================*/
/* h2 */
.contentShop h2,
.contentTopics h2,
.contentRecipe h2,
.contentNews h2{display:inline-block;width:100%; border:none; font-size:150%; padding:0; margin:70px auto 25px; font-weight:bold;text-align:center; background-color:inherit;}
.ContentPane .contentNews h2:first-of-type{ margin:70px auto 20px;}
.contentShop h2 span,
.contentTopics h2 span,
.contentRecipe h2 span,
.contentNews h2 span{display:block;margin:0 auto 0.2em;text-align:center;}

/* 店舗 / チラシを探すPaneと「プレッセ」 */
.contentShopWrap{padding-bottom:60px;}
.contentShopWrap .inner:after,
.contentMain01:after{content:"";display:block;clear:both;}
.contentShopWrap .shopLeftPane,
.contentMain01 .ContentMainLeftPane{width:470px; float:left;}
.contentShopWrap .shopRightPane,
.contentMain01 .ContentMainRightPane{width:470px; float:right;}

/* shopLeftPane */
.shopAriaMap{display:inline-block; width:100%; min-height:330px; background:url(/Portals/0/images/index/fig_map.jpg) no-repeat center top;}
.shopAriaMap .shopAria{margin:67px 0 0; padding:0 20px; background-color:rgba(255,255,255,0.8); border-radius:8px; border:1px solid #cfcfcf; }
.shopAriaMap .shopAria ul{ padding:0; margin:0; display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row; flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.shopAriaMap .shopAria ul li{ list-style-type:none; text-align:center; padding:20px 0;}
.shopAriaMap .shopAria ul li a{ font-size:113%; font-weight:bold; color:#333; vertical-align:middle; padding:0; width:100%; display:block; text-align:center;}
.shopAriaMap .shopAria ul li a:after{content:""; display:inline-block; width:21px; height:21px; margin:-1px 0 0 0.5em; vertical-align:middle; background:url(/Portals/0/images/common/arrow_circle_navi.png) no-repeat center center;}
.shopAriaMap .shopAria ul:first-child li{width:33.3%; border-bottom:1px solid #CCC;}
.shopAriaMap .shopAria ul:nth-child(2) li{width:50%;}
.shopAriaMap .shopAria ul li:nth-child(2) a,
.shopAriaMap .shopAria ul li:nth-child(3) a{border-left:1px solid #CCC;}
/* shopRightPane */
.myAriaBox{margin-bottom:2em;}
.myAriaBox .myAria{display:inline-block; width:100%; border:13px solid #f9e9e9; border-radius:8px; text-align:center; background:url(/Portals/0/images/index/fig_city.jpg) no-repeat center bottom;}
.myAriaBox .myAria ul{margin:30px auto 15px; padding:0; display:inline-block;}
.myAriaBox .myAria ul li{padding:0; font-size:113%; font-weight:bold; color:#333; list-style-type:none; text-align:left; text-shadow:#FFF 1px 1px 0, #FFF -1px -1px 0,/*右下、左上*/ #FFF -1px 1px 0, #FFF 1px -1px 0,/*右上、左下*/ #FFF 0px 1px 0, #FFF 0-1px 0,/*右、左*/ #FFF -1px 0 0, #FFF 1px 0 0;/*上、下*/}
.myAriaBox .myAria ul li:before{content:""; display:inline-block; width:12px; height:12px; vertical-align:middle; background:url(/Portals/0/images/index/dot_mystore.png) no-repeat center top; margin-right:0.5em;}
.myAriaBox .myAria h3{font-size:163%; margin:0; padding:10px 0; background-color:#FFF; vertical-align:middle; text-align:center;}
.myAriaBox .myAria h3 span{ margin:0 0.5em 0 0; vertical-align:middle; display:inline-block;}
.myAria .btnSearch{text-align:center;}
.myAria .btnSearch > a{ color:#FFF; display:inline-block; text-align:center; font-weight:bold; border-radius:8px; border:3px solid #FFF; background-color:#e6000d; padding:12px 30px; position:relative; transition:all 0.25s ease-out;}
.myAria .btnSearch > a:hover{text-decoration:none; background-color:#ee4d56; }
.myAria .btnSearch > a:before{content:""; display:inline-block; width:18px; height:18px; margin:-1px 0.5em 0 0; vertical-align:middle; background:url(/Portals/0/images/common/ico_search.png) no-repeat center center;}

/* マイストア登録後(TOPページ) */
.myStoreBox{display:inline-block; width:100%; border:13px solid #f9e9e9; border-radius:8px; text-align:center; background-color:#f9e9e9;}
.myStoreBox .myStore h3{ padding:0; margin:0; text-align:center;}
.myStoreBox .myStore h3 a{ color:#333; text-decoration:none; display:block; padding:5px 30px 5px 5px; margin: 5px 0 15px 0; position:relative;}
.myStoreBox .myStore h3 a:before{content:"";position:absolute;top:50%;right:0;left:inherit;-webkit-transform:rotate(45deg) translate(-50%,0);-ms-transform:rotate(45deg) translate(-50%,0);transform:rotate(45deg) translate(-50%,0);width:14px;height:14px;margin:0;border:none;border-top:2px solid #e6000d;border-right:2px solid #e6000d;}
.myStoreBox .myStore h3 a:hover{ color:#e6000d; }
.myStoreBox .chirashiBox{overflow-x:auto;}
.myStoreBox .chirashiBox #chirashiWrap{margin-bottom:0 !important;width: 100% !important; background-color:#FFF;}

.myStoreBox .Product.flyer1 .shufoo-horizontal > ul,
.myStoreBox .Product.flyer2 .shufoo-horizontal > ul{display:-webkit-flex !important;display:-moz-flex !important;display:-ms-flex !important;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;-webkit-flex-wrap:nowrap !important;-ms-flex-wrap:nowrap !important;-moz-flex-wrap:nowrap !important; justify-content: center;}
.myStoreBox .Product.flyer1 .shufoo-horizontal > ul > li,
.myStoreBox .Product.flyer2 .shufoo-horizontal > ul > li{float:none !important; width:440px !important; margin:0 10% !important;}

.myStoreBox .shufoo-list-parent.shufoo-horizontal .shufoo-chirashi_wrapper,
.myStoreBox .shufoo-list-parent.shufoo-horizontal .shufoo-chirashi_area,
.myStoreBox .shufoo-list-parent.shufoo-horizontal .shufoo-thumb{width:auto !important;}
.myStoreBox .shufoo-list-parent.shufoo-horizontal .shufoo-ui-area{width:auto !important;}
.myStoreBox .shufoo-list-parent.shufoo-horizontal .shufoo-ui-area > div{width:auto !important;}
.myStoreBox .chirashiBox #chirashiWrap .shufoo-chirashi{display:table !important;}
.myStoreBox .chirashiBox #chirashiWrap .shufoo-chirashi,
.myStoreBox .shufoo-list-parent.shufoo-horizontal #chirashiList1{width:100% !important;}

/*div#shufoo-chirashi_area_1 li,
div#shufoo-chirashi_area_2 li,
div#shufoo-chirashi_area_3 li,
div#shufoo-chirashi_area_4 li,
div#shufoo-chirashi_area_5 li,
div#shufoo-chirashi_area_6 li,
div#shufoo-chirashi_area_7 li,
div#shufoo-chirashi_area_8 li,
div#shufoo-chirashi_area_9 li,
div#shufoo-chirashi_area_10 li {float: left;}*/


/* ContentMiddlePane */
.contentTopics ul{ padding:0 0 3em 0; margin:0; /*display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row; flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;*/ display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row; flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}

.contentTopics ul:after{content:"";display:block;clear:both;}
.contentTopics ul li{width:235px;display:block;margin-right:20px;margin-bottom:20px; padding:0;}
.contentTopics ul li:nth-child(4n){margin-right:0;}
.contentTopics ul li:nth-child(4n+1){clear:left;}

.contentTopics ul li a{color:#FFF; text-align:left; display:block; height:100%; border-radius:8px; overflow:hidden;}
.contentTopics ul li a img{vertical-align:top; min-height:185px;}
.contentTopics ul li a p{padding:1em 20px 1em 1em; margin:0; position:relative; width:100%; cursor:pointer; vertical-align:middle; background-color:#e6000d; position:relative; text-decoration:none; transition:all .4s; min-height:82px; height:calc(100% - 185px);
display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;
flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;align-items:center;}

.contentTopics ul li a p:after{content:"";display:block;position:absolute;top:50%;right:10px;-webkit-transform:translate(-50%,0) rotate(45deg);-ms-transform:translate(-50%,0) rotate(45deg);transform:translate(-50%,0) rotate(45deg);width:8px;height:8px;margin:auto;border-top:1px solid #fff;border-right:1px solid #fff;}
.contentTopics ul li a p > span{ display:block;}
.contentTopics ul li a[href*=".pdf"]:after{display:none;}

/* index slider */
.main.slider > div:not(.slick-list):not(:first-child) {display:none;}
.indexKvSliderArea{width:1000px; margin:0; position:relative; left:50%; margin-left:-500px; z-index:0;}
.indexKvSliderArea .slicksliderArea{margin:0 auto;}
.indexKvSliderArea .slick-slide{padding:0; margin:0;}
.indexKvSliderArea .slick-slide img{margin:0 auto; width:1000px; vertical-align:top;}
.indexKvSliderArea .slick-slider button.slick-arrow{width:60px;height:60px;border-radius:30px;}
.indexKvSliderArea .slick-slider button.slick-arrow:before{display:none;}
.indexKvSliderArea .slick-slider button.slick-prev{left:-30px;background:url(/Portals/0/images/common/arrow_prev.png) 20px center no-repeat rgba(255,255,255,0.8);}
.indexKvSliderArea .slick-slider button.slick-next{right:-30px;background:url(/Portals/0/images/common/arrow_next.png) 24px center no-repeat rgba(255,255,255,0.8);}
.indexKvSliderArea ul.slick-dots{padding: 10px 0 20px;}
.indexKvSliderArea ul.slick-dots li{margin:0 10px;}
.indexKvSliderArea ul.slick-dots li button{width:14px;height:14px;border-radius:7px;background-color:#facccf;}
.indexKvSliderArea ul.slick-dots li button:hover,
.indexKvSliderArea ul.slick-dots li.slick-active button{background-color:#e6000d;}
.indexKvSliderArea .slick-list.draggable{padding:0px !important; overflow:visible;}
.indexKvSliderArea .slick-slide a[href*=".pdf"]:after{display:none;}

.bannerSliderArea{padding:25px 65px;border-radius:8px;background:#f9e9e9;}
.bannerSliderArea .banner{position:relative;padding:30px 40px;background:#fff;}
.bannerSliderArea .banner .slick-arrow{position:absolute;width:65px;height:100%;}
.bannerSliderArea .banner .slick-arrow:before{display:none;}
.bannerSliderArea .banner .slick-prev{left:-65px;background:url(/Portals/0/images/common/arrow_prev.png) center center no-repeat;}
.bannerSliderArea .banner .slick-next{right:-65px;background:url(/Portals/0/images/common/arrow_next.png) center center no-repeat;}
.bannerSliderArea .banner .slick-slide > *{display:block;margin:0 11px;}
.bannerSliderArea .banner .slick-slide > a[href*=".pdf"]:after{display:none;}

.slickSliderArea.recipe{position:relative;width:746px;margin:0 auto; padding-bottom:4em;}
.slickSliderArea.recipe .slick-slide > *{display:block;margin:0 10px;}
.slickSliderArea.recipe .slick-slide img{border-radius:8px;}
.slickSliderArea.recipe .slick-arrow{position:absolute;width:60px;height:230px;margin:0;}
.slickSliderArea.recipe .slick-arrow:before{display:none;}
.slickSliderArea.recipe .slick-prev{left:-65px;background:url(/Portals/0/images/common/arrow_prev.png) center center no-repeat;}
.slickSliderArea.recipe .slick-next{right:-65px;background:url(/Portals/0/images/common/arrow_next.png) center center no-repeat;}
.slickSliderArea.recipe a{color:#333;font-weight:600;text-align:center;}
.slickSliderArea.recipe a .imgArea{position:relative;}
.slickSliderArea.recipe a .imgArea:before{content:"";display: block;background: url(/Portals/0/images/common/btn_recipe.png) 0 0 no-repeat;width: 64px;height: 64px;position: absolute;top: 50%;right: 50%;transform: translate(50%, -50%);}
.slickSliderArea.recipe a:hover .imgArea:before{opacity:0.7;}
.slickSliderArea.recipe a span{display:inline-block;padding-top:0.8em;border-bottom:1px solid #333;line-height:1.2;}

/*========================================================
 下層カテゴリイメージ
========================================================*/
.TopImgPane .inner{position:relative;}
.TopImgPane .inner img{position:absolute; top:0; left:50%; transform:translate(-50%,0);}
.TopImgPane .inner h1{width:1000px; display:block; margin:0 auto; position:relative; padding:3.2em 0 0; height:240px; color:#FFF;}

/* レイアウト */
.contentTitle{position:relative; overflow:hidden;}
.contentTitle .TopImgPane{position:absolute; top:0; left:50%; transform:translate(-50%,0); text-align:center;}
.contentTitle .TopImgPane img{margin: 0 auto;}
.contentTitle .inner{position:relative;}
.contentTitle .PagetitlePane{}
.contentTitle .PagetitlePane h1{ padding:3.2em 0 0; height:240px; color:#FFF;}
.contentTitle .TopImgPane:empty + .inner h1{padding:1em 0 0; height:inherit; color:#333;}
.adminMode .contentTitle .TopImgPane{position:static; top:inherit; left:inherit; transform:translate(0,0); text-align:center;}
.adminMode .contentTitle .PagetitlePane h1{ padding:1em 0; margin:0; height:inherit; color:#333;}

/* グラデ */
.contentTitle .TopImgPane:before{content:""; display:block; width:100px; height:100%; position:absolute; top:0; left:0; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */}
.contentTitle .TopImgPane:after{content:""; display:block; width:100px; height:100%; position:absolute; top:0; right:0; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
.adminMode .contentTitle .TopImgPane:before,
.adminMode .contentTitle .TopImgPane:after{display:none;}
/*.contentTitle .TopImgPane:empty{background-color:#CCC; height:240px; width:1000px;}
.adminMode .contentTitle .TopImgPane:empty,
.previewMode .contentTitle .TopImgPane:empty{background-color:inherit; height:inherit; display:none;}*/


/*========================================================
 地域交流の事例
========================================================*/
/* モーダル（lightcase.js） */
.lightcase-icon-play,
.lightcase-icon-pause{display:none;}

/*========================================================
 店舗チラシを探す
========================================================*/
.shopListTop .CategoryMenu.ulList_vertical{ margin: 1em 0 2em;}
.shopListTop .CategoryMenu.ulList_vertical:after{content:"";display:block;clear:both;}
.shopListTop .CategoryMenu.ulList_vertical li{float:left;margin-right:2%;margin-bottom:1rem;width:32%;}
.shopListTop .CategoryMenu.ulList_vertical li:nth-child(3n){margin-right:0;}
.shopListTop .CategoryMenu.ulList_vertical li:nth-child(3n+1){clear:left;}
/* リンク */
.shopListTop .CategoryMenu.ulList_vertical li a{padding:0.5em 2.5em 0.5em 1em;background-color:#FFF;color:#e6000d; border:2px solid #e6000d; font-weight:bold; border-radius:6px; position:relative; display:block;}
.shopListTop .CategoryMenu.ulList_vertical li a:before{content:"";position:absolute;top:50%;right:0.7em;left:inherit;z-index:1;-webkit-transform:rotate(45deg) translate(-50%,0);-ms-transform:rotate(45deg) translate(-50%,0);transform:rotate(45deg) translate(-50%,0);width:9px;height:9px;margin:0;border:none;border-top:1px solid #e6000d;border-right:1px solid #e6000d;}
.shopListTop .CategoryMenu.ulList_vertical li a:hover{ background-color:#e6000d; color:#FFF; text-decoration:none;}
.shopListTop .CategoryMenu.ulList_vertical li a:hover:before{border-top:1px solid #FFF;border-right:1px solid #FFF;}

/*========================================================
 DB検索(店舗チラシを探す)
========================================================*/
.searchMenu .productSearchArea .dlList_vertical{max-width:100%;margin:0 0 2em; border-right:1px solid #ccc;border-bottom:1px solid #ccc; background-color:inherit; border-bottom: 1px solid #CCC; border-right:1px solid #CCC;}
.searchMenu .productSearchArea .dlList_vertical dt,
.searchMenu .productSearchArea .dlList_vertical dd{padding:0.7em 0.5em;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.searchMenu .productSearchArea .dlList_vertical dt{background-color:#f9e9e9; width: 20%;}
.searchMenu .productSearchArea .dlList_vertical dd{background-color:#FFF; margin-left: 20%;}
.searchMenu .productSearchArea .dlList_vertical dd .ulList_horizon{ padding: 0; margin:0;}
.searchMenu .productSearchArea .dlList_vertical dd .ulList_horizon li{ padding: 0; margin:0;}
/* テキスト */
.ProductBase .right p{padding:5px 0; display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row; flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-moz-flex-wrap:nowrap;}
.ProductBase .right p span:first-child{width:20%; font-weight:bold;}
.ProductBase .right p span:nth-child(2){width:80%;}

/* サービス・施設情報 */
.tempolist .tableBasic td .left,
.tempolist .tableBasic td .right{width:480px; vertical-align:top; float:left;}
.tempolist .tableBasic td .left{ margin-right:2%;}
.tempolist .tableBasic th{vertical-align:middle;}
.tempolist .tableBasic th span{display:inline-block; text-align:center; font-weight:bold; border-radius:6px; padding:2px 10px; float:right; cursor:pointer;}
.tempolist .tableBasic th span,
.tempolist .tableBasic th span.myStoreRegist{ color:#e50008; border:2px solid #e50008; background-color:#FFF;}
.tempolist .tableBasic th span.myStoreRegisted{ color:#FFF; border:2px solid #FFF; background-color:#e50008;}
.tempolist .tableBasic td .left p{padding:5px 0; display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row; flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-moz-flex-wrap:nowrap;}
.tempolist .tableBasic td .left p span,
.tempolist .tableBasic td .right p span{word-break:break-all; display:block;}
.tempolist .tableBasic td .left p span:first-child{width:20%; font-weight:bold;}
.tempolist .tableBasic td .left p span:nth-child(2){width:80%;}
.tempolist .tableBasic td .right p{padding:5px 0; display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row; flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-moz-flex-wrap:nowrap;}
.tempolist .tableBasic td .right p span:first-child{width:20%; font-weight:bold;}
.tempolist .tableBasic td .right p span:nth-child(2){width:80%;}

/* 店舗詳細 */
.ProductName h1{margin:0 auto 1.2em;padding:8px 12px 6px 15px;background-color:#eee;color:#333;font-weight:bold;font-size:187%; border-radius:6px; vertical-align:middle;border-left:6px solid #e50008;}
.ProductBase{margin-bottom: 2em;}
.ProductBase:after{content:"";display:block;clear:both;}
.ProductBase .left{width:49%; float: left; margin-right:2%; }
.ProductBase .right{width:49%; float: left;}
.ProductBase .left.ProductImage a{display:block;}
.ProductBase .left.ProductImage img{width:100%; vertical-align:top;}
.BtnArea{text-align:right; margin-bottom: 0.5em;}
.BtnArea > span{display:inline-block; text-align: center; font-weight: bold; border-radius: 6px; padding: 2px 10px; cursor:pointer;}
.BtnArea > span.myStoreRegisted{color:#FFF; background-color:#e6000d; border:2px solid #FFF;}
.BtnArea > span.myStoreRegist{color:#e6000d; background-color:#FFF; border:2px solid #e6000d;}

/* お得情報 */
.Product.goodvalue span{display: inline-block; margin:0 1em 0.5em 0; width:150px; vertical-align:top;}
.Product.goodvalue span > img{vertical-align:top;}
.Product.goodvalue .name{margin-bottom:4em;}
/* サービス・施設情報 */
.Product.facility span{display: inline-block; margin:0 1em 1em 0; width:150px; vertical-align:top;}
.Product.facility span > img{vertical-align:top;}
.Product.facility .img{margin-bottom:4em;}

/*チラシ*/
.Product.flyer1 ul,
.Product.flyer2 ul{padding:0; margin:0; width: 100%;}
.Product.flyer1 ul:after,
.Product.flyer2 ul:after{content:"";display:block;clear:both;}
.Product.flyer1 ul li,
.Product.flyer2 ul li{list-style-type:none;float: left; width:49%;}

/*MAP*/
.contentShopWrap{position:relative;}
.contentShopWrap .MapPane{ position:absolute; right:0; bottom:0; width:490px;}
.adminMode .contentShopWrap .MapPane{ position:static; left:inherit; bottom:inherit; width:inherit;}
.contentShopWrap .MapPane .ViewGMap{margin:0 0 0 50px;}
/* googleMap */
.gm-style-iw p{padding:0 0 0 0;}
.gm-style .gm-style-iw{font-size:11px;}

/* テナント */
.Product.tenant table{border-right:1px solid #aaa;border-bottom:1px solid #aaa; width:100%;}
.Product.tenant table th,
.Product.tenant table td{border-top:1px solid #aaa;border-left:1px solid #aaa;padding: 0.5em;}
.Product.tenant table th{background-color:#f9e9e9;}
.Product.tenant table th:first-child,
.Product.tenant table td:first-child{width:23%;}
.Product.tenant table th:nth-child(2),
.Product.tenant table td:nth-child(2){width:21%;}
.Product.tenant table th:nth-child(3),
.Product.tenant table td:nth-child(3){width:33%;}
.Product.tenant table th:nth-child(4),
.Product.tenant table td:nth-child(4){width:23%;}

/*パート/MAP*/
.Product.parttimer:after{content:"";display:block;clear:both;}
.Product.parttimer .left{float: left; width:49%;}
.Product.parttimer .right{float:right; width:49%; padding-bottom:455px;/*空*/}
.Product.parttimer .left .partBox{height:455px;/*空*/ text-align:center;}
.Product.parttimer .left .partBox > a{display:block; width:300px; margin:0 auto;}
.Product.parttimer .left .partBox > a > img{width:100%;}
.Product.parttimer .left .partBox > a > span{display:block; padding:0.5em 2.5em 0.5em 1em;background-color:#FFF;color:#e6000d; border:2px solid #e6000d; font-weight:bold; border-radius:6px; position:relative;}
.Product.parttimer .left .partBox > a > span:before{content:"";position:absolute;top:50%;right:0.7em;left:inherit;z-index:1;-webkit-transform:rotate(45deg) translate(-50%,0);-ms-transform:rotate(45deg) translate(-50%,0);transform:rotate(45deg) translate(-50%,0);width:9px;height:9px;margin:0;border:none;border-top:1px solid #e6000d;border-right:1px solid #e6000d;}
.Product.parttimer .left .partBox > a:hover{ text-decoration:none;}
.Product.parttimer .left .partBox > a > span:hover{ background-color:#e6000d; color:#FFF;}
.Product.parttimer .left .partBox > a > span:hover:before{border-top:1px solid #FFF;border-right:1px solid #FFF;}
/* 地図リンク */
.ViewGMap .gmapLink a{display:block; padding:0.5em 2.5em 0.5em 1em; margin:10px 0 0 0; background-color:#FFF;color:#e6000d; border:2px solid #e6000d; font-weight:bold; border-radius:6px; position:relative; width:400px;}
.ViewGMap .gmapLink a:before{content:"";position:absolute;top:50%;right:0.7em;left:inherit;z-index:1;-webkit-transform:rotate(45deg) translate(-50%,0);-ms-transform:rotate(45deg) translate(-50%,0);transform:rotate(45deg) translate(-50%,0);width:9px;height:9px;margin:0;border:none;border-top:1px solid #e6000d;border-right:1px solid #e6000d;}
.ViewGMap .gmapLink a:hover{ background-color:#e6000d; color:#FFF; text-decoration:none;}
.ViewGMap .gmapLink a:hover:before{border-top:1px solid #FFF;border-right:1px solid #FFF;}


/* デジタルチラシ */
.chirashiBox #chirashiWrap{/*width:500px !important;*/width:100% !important; height:auto !important; margin-bottom:2em !important;}
.shufoo-list-parent.shufoo-horizontal{width:100% !important; height:auto !important; overflow-y:visible !important; overflow-x:visible !important;}
.shufoo-list-parent.shufoo-horizontal .shufoo-chirashi_wrapper{height:auto !important;}
.shufoo-list-parent.shufoo-horizontal .shufoo-chirashi_wrapper:after{content:"";display:block;clear:both;}
.shufoo-list-parent.shufoo-horizontal .shufoo-chirashi_area{/*width:300px !important;*/}
/* レイアウト */
.shufoo-list-parent.shufoo-horizontal .shufoo-chirashi_wrapper,
.shufoo-list-parent.shufoo-horizontal .shufoo-chirashi_area,
.shufoo-list-parent.shufoo-horizontal .shufoo-thumb{width:100% !important;}
.shufoo-list-parent.shufoo-horizontal .shufoo-ui-area{width:100% !important;}
.shufoo-list-parent.shufoo-horizontal .shufoo-ui-area > div{width:100% !important; height:auto !important;}

/*.shufoo-list-parent.shufoo-horizontal #chirashiList1{width:100% !important;}
.shufoo-list-parent.shufoo-horizontal #chirashiList1 > li:first-child{margin-right:2% !important;}*/

.chirashiBox #chirashiWrap .shufoo-chirashi{width:100% !important;display:table !important;}
.shufoo-list-parent.shufoo-horizontal > ul{width:100% !important; display:-webkit-flex !important;display:-moz-flex !important;display:-ms-flex !important;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;-webkit-flex-wrap:nowrap !important;-ms-flex-wrap:nowrap !important;-moz-flex-wrap:nowrap !important; margin:0px auto !important; justify-content: center;}
.shufoo-list-parent.shufoo-horizontal > ul > li{float:none !important; width:250px !important; margin:0 0 !important;}

/* ボタン */
.shufoo-ui-area .shufoo-dc,
.shufoo-ui-area .shufoo-pdf{ float:none !important; width:100% !important; margin:1em 0 0 0 !important;}
.shufoo-ui-area .shufoo-dc a,
.shufoo-ui-area .shufoo-pdf a{display:block; padding:0.5em 2.5em 0.5em 1em;background-color:#FFF;color:#e6000d; border:2px solid #e6000d; font-weight:bold; border-radius:6px; position:relative;}
.shufoo-ui-area .shufoo-dc a:before,
.shufoo-ui-area .shufoo-pdf a:before{content:""; position:absolute;top:50%;right:0.7em;left:inherit;z-index:1;-webkit-transform:rotate(45deg) translate(-50%,0);-ms-transform:rotate(45deg) translate(-50%,0);transform:rotate(45deg) translate(-50%,0);width:9px;height:9px;margin:0;border:none;border-top:1px solid #e6000d;border-right:1px solid #e6000d;}
.shufoo-ui-area .shufoo-dc a:after{content:"デジタルチラシ";}
.shufoo-ui-area .shufoo-pdf a:after{content:"PDFチラシ";}
.shufoo-ui-area .shufoo-dc a img,
.shufoo-ui-area .shufoo-pdf a img{display:none;}
.shufoo-pc .shufoo-title{width:100% !important; text-align:left;}
.shufoo-list-parent.shufoo-horizontal .shufoo-scheme{margin:1em 0px 0 !important; text-align:left;}
.shufoo-ui-area .shufoo-dc a:hover,
.shufoo-ui-area .shufoo-pdf a:hover{ background-color:#e6000d; color:#FFF; text-decoration: none;}
.shufoo-ui-area .shufoo-dc a:hover:before,
.shufoo-ui-area .shufoo-pdf a:hover:before{border-top:1px solid #FFF;border-right:1px solid #FFF;}

/*ない場合*/
.clearCategory > h2,
.clearItem > h2{display:none;}
.Product.parttimer .clearItem{display:none;}

/*========================================================
 DB検索(プライベートブランド（TOKYU Store +）一覧)
========================================================*/
/* レイアウト */
.cateListBox .layoutItem{/*justify-content:space-between;*/}

/* デザイン */
.cateListBox .layoutItem .ProductItems{position:relative;}
.cateListBox .layoutItem.flexed > .ProductItems{margin-bottom:2.5em; width:250px; padding:0 8px 60px 7px;}
.cateListBox .layoutItem .ProductItems > div{}
.cateListBox .layoutItem .ProductItems > .ProductImage{margin-bottom:1em;}
.cateListBox .layoutItem .ProductItems > .ProductImage > div{}
.cateListBox .layoutItem .ProductItems > .ProductImage a{display:block; position:relative; overflow:hidden; border:2px solid #CCC; width:235px; height:235px; border-radius:8px;}
.cateListBox .layoutItem .ProductItems > .ProductImage a img{position:absolute; max-width:200px; max-height:200px; top:50%; left:50%; margin:auto; transform:translate(-50%,-50%);}
.cateListBox .layoutItem .ProductItems > .text{}
.cateListBox .layoutItem .ProductItems > .text > div{text-align:left; }
.cateListBox .layoutItem .ProductItems > .text .ProductName{font-weight:bold; text-decoration:underline; margin-bottom:0.5em;}
.cateListBox .layoutItem .ProductItems > .text .price{font-weight:bold;}
.cateListBox .layoutItem .ProductItems > .text .more{ position:absolute; bottom:0; /*width:100%;*/ width:235px;}
.cateListBox .layoutItem .ProductItems > .text .more a{padding:0.5em 2.5em 0.5em 1em; background-color:#FFF; color:#e6000d; border:2px solid #e6000d; font-weight:bold; font-size:100%; border-radius:6px; position:relative; display:inline-block; position:relative; width:100%; text-align:center;}
.cateListBox .layoutItem .ProductItems > .text .more a:before{content:"";position:absolute;top:50%;right:0.7em;left:inherit;z-index:1;-webkit-transform:rotate(45deg) translate(-50%,0);-ms-transform:rotate(45deg) translate(-50%,0);transform:rotate(45deg) translate(-50%,0);width:9px;height:9px;margin:0;border:none;border-top:1px solid #e6000d;border-right:1px solid #e6000d;}
.cateListBox .layoutItem .ProductItems > .text .more a:hover{ background-color:#e6000d; color:#FFF; text-decoration:none;}
.cateListBox .layoutItem .ProductItems > .text .more a:hover:before{border-top:1px solid #FFF;border-right:1px solid #FFF;}

.chirashiBox #chirashiWrap .shufoo-title,
.chirashiBox .shufoo-list-parent.shufoo-horizontal .shufoo-scheme{width:100% !important;}

/* タブへのアンカー */
.pageeTab{display:block; width:100% !important; text-align:right; padding:0; margin:0 8px 3em 0;}
.pageeTab a{padding:0.5em 1em 0.5em 2.5em; border:2px solid #e6000d;border-radius:6px;background-color:#fff;color:#e6000d;font-weight:bold; text-align:center; display:inline-block; position:relative;}
.pageeTab a:hover{background-color:#e6000d;color:#fff;text-decoration:none;}
.pageeTab a:after{content:"カテゴリー一覧へ";display:inline;}
.pageeTab a:before{content:"";position:absolute;top:0.6em;right:inherit;left:0.5em;z-index:1;-webkit-transform:rotate(270deg) translate(0,0);-ms-transform:rotate(270deg) translate(0,0);transform:rotate(270deg) translate(0,0);width:21px;height:21px;margin:0;border:none;background:url(/Portals/0/images/common/arrow_circle_navi.png) no-repeat center center;}


/*========================================================
 DB検索(プライベートブランド（TOKYU Store +）詳細)
========================================================*/
.ProductInfo .layout:after{content:"";display:block;clear:both;}
.ProductInfo .layout .PhotoArea{width:400px; margin-right:40px; float:left;}
.ProductInfo .layout .text{width:560px; float:left;}
.ProductInfo .layout .PhotoArea .ProductImage{}
.ProductInfo .layout .PhotoArea .ProductImage .ProductImage1{ display:block; width:400px; height:400px; position:relative;}
.ProductInfo .layout .PhotoArea .ProductImage .ProductImage1 > img{max-height:400px; max-width:400px; position:absolute; top:50%; left:50%; margin:auto; transform:translate(-50%,-50%);}
.ProductInfo .layout .summary{margin-bottom:1em;}
.ProductInfo .layout .text table.tableBasic th{width:30%;}
.ProductInfo .layout .text table.tableBasic td{width:70%;}
.ProductInfo .layout .description{width:100%; margin-top:1em;}
#lecturer-explanation .area p.alignCenter{padding:1em 0 2em;}
#lecturer-explanation .area p.alignCenter a.linkItem{padding: 0.5em 4em 0.5em 4em;}
/* アレルギー */
.allergies table{width:100%; border-right: 1px solid #aaa; border-bottom:1px solid #aaa;}
.allergies table th,
.allergies table td{border-top:1px solid #aaa; border-left:1px solid #aaa; text-align:center; padding:0.5em 0;}
.allergies table > thead > tr:first-child > th{ background-color:#f9e9e9;}

/*========================================================
 タブメニュー(プライベートブランド（TOKYU Store +）詳細)
========================================================*/
.tabCategory ul{padding:0; margin:0 0 1.5em 0; display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-moz-flex-wrap:nowrap; position:relative;}
.tabCategory ul li{list-style-type:none; cursor:pointer; display:block; width:13.8%; margin-right:0.56%; background-color:#f9e9e9; font-weight:bold; vertical-align: middle; padding:10px; border-radius:8px 8px 0 0 / 8px 8px 0 0; text-align:center; position:relative;}
.tabCategory ul li:nth-child(7n){margin-right:0;}
.tabCategory ul li span{vertical-align:middle; margin-top:1em; display:inline-block;}
.tabCategory ul li:first-child span{margin-top:0;}
.tabCategory ul:after{content:""; display:block; position:absolute; width:100%; height:2px; bottom:0; left:0; background-color:#CCC;}

/* active */
.tabCategory ul li.active{border-top:2px solid #CCC; border-left:2px solid #CCC; border-right:2px solid #CCC; background-color:#FFF; z-index:1;}
.tabCategory ul li.active:after{content:""; display:block; position:absolute; width:100%; height:2px; bottom:0; left:0; background-color:#fff;}

/*========================================================
 プライベートブランド
========================================================*/
.layoutProduct > div:first-child > p > a{display:block;}
.layoutProduct > div > h4 > div{display:inline; margin-left:2em; }

/*========================================================
 採用
========================================================*/
.ttlImgRecruit{position:relative;}
.ttlImgRecruit h3.ttlRedBox{position:absolute; display:block; padding:1.5em 1em; margin:0; color:#fff; font-weight:bold; text-align:left; background-color:rgba(229,0,8,0.75);}
.btnEntry {background-color:#f9e9e9; padding:15px; border-radius:8px; display: inline-block; margin:1em auto;}
.btnEntry > a{display:block;}
.btnEntry > a > img{vertical-align:top;}
.btnEntry > p{ padding:0; margin-top:0.5em; }
.btnEntry > p > a{}
.ttlImgRecruit.newgraduates h3.ttlRedBox{ bottom:30px; left:50%; width:420px; font-size:132%; transform:translate(-50%,0);}
.ttlImgRecruit.part h3.ttlRedBox{top: 50px; right:0; font-size:119%;}
.ttlImgRecruit.part h3.ttlRedBox span{display:block; font-size:158%; margin-bottom:0.2em;}

/*========================================================
 お得なサービス
========================================================*/
.layoutItem.service h3{margin:0 auto 1em;}
.boxBordered.greenBordered{border:solid #e9f8f5 13px;border-radius:6px;}

/*========================================================
 プレッセ
========================================================*/
.txtLargeGreen{color:#046144; font-size:200%;}

/*========================================================
 社会貢献環境活動
========================================================*/
.boxColored.pinkColored{background-color:#f9e9e9;}

/*========================================================
 お客様の声
========================================================*/
.layoutContact h3{margin-top:0;}
.inquiryCaution{font-weight:bold; font-size:187%;}
.linkItem.agree{font-size:113%; font-weight:bold}
.linkItem.agree:before{content:"";display:inline-block; position:static; width:21px;height:14px;margin:0 0.5em 0 0; border:none; background:url(/Portals/0/images/common/navi_inquiry.png) no-repeat center center;-webkit-transform: rotate(0deg) translate(0,0); -ms-transform: rotate(0deg) translate(0%,0); transform: rotate(0deg) translate(0%,0);}
.linkItem.agree:hover:before{border:none;border:none; background:url(/Portals/0/images/common/navi_inquiry_ov.png) no-repeat center center;}

/*========================================================
 よくあるご質問
========================================================*/
.listQuestion .question{color:#e50008; font-weight:bold; position:relative; padding:10px 0 8px 55px;}
.listQuestion .answer{background-color:#f9e9e9; border-radius:8px; position:relative; padding:30px 30px 30px 70px;}
.listQuestion .question:before{ content:"Q"; color:#FFF; display:inline-block; width:38px; height:38px; text-align: center; vertical-align:middle; background-color:#e50008; margin:0 1em 0 0; padding-top:3px; border-radius:6px; position:absolute; top:5px; left:0;}
.listQuestion h4.question:before{font-size:110%;}
.listQuestion .answer:before{ content:"A"; font-size:163%; color:#e50008; display:inline-block; width:38px; height:38px; text-align: center; vertical-align:middle; background-color:#FFF; position:absolute; top:30px; left:20px; border-radius:6px;}

/*========================================================
 役員紹介
========================================================*/
.officer_table table.tableBasic th{background-color:#fff;}

/*========================================================
 inquiryform
========================================================*/
.questionnaire-form{width:100%;max-width:100%;margin:0 0 2em;padding:0;border:none;border-spacing:0;border-collapse:collapse;}
.questionnaire-form td{width:100%;}
.questionnaire-form td.SubHead{font-weight:bold;font-size:128%;}
.questionnaire-form table{width:100%;max-width:100%;margin:1em 0 0;padding:0;border:none;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
.questionnaire-form > tbody > tr > td > table{border-top:1px solid #ccc;border-right:1px solid #ccc; border-left:1px solid #ccc;}
.questionnaire-form td tr{border-bottom:1px solid #ccc;}
.questionnaire-form td tr table{margin:0;}
.questionnaire-form td tr tr{border-bottom:none;}
.questionnaire-form td td{padding:0.5em 0.5em;}
.questionnaire-form td td.SubHead{width:20em;padding:0.5em 0.5em;background-color:#f9e9e9;font-size:inherit;}
.questionnaire-form .FieldValue{padding:10px 15px 10px 15px;border-top:none;border-bottom:#dbdbdb dotted 1px;border-left:none;color:#000;}
.questionnaire-form .FieldTitle .NormalBold{color:#000;font-weight:normal;}
.questionnaire-form .btnSearchZipCode{margin:0 0 0 10px;padding:3px 20px;border:none;border:1px solid #ccc;background:#f6f6f6;}
.questionnaire-form .btnSearchZipCode:hover,
.questionnaire-form .btnSearchZipCode:focus{background:#eee;}
.questionnaire-form table p{margin:0.5em 0 0;font-size:90%;}
.questionnaire-form input[type="text"],
.questionnaire-form textarea,
.questionnaire-form select{margin:0;padding:3px 3px 3px 3px;border:1px solid #ccc;border-radius:0;outline:none;}
.questionnaire-form textarea{display:inline-block;vertical-align:bottom;}
.questionnaire-form select{padding-right:20px;}
.questionnaire-form input[type="text"]:focus,
.questionnaire-form textarea:focus,
.questionnaire-form select:focus{box-shadow:rgba(204,204,204,0.5) 0 0 8px 0;}
div[id$="ViewMailForm_pnlInput"] div input[type="submit"],
div[id$="ViewMailForm_pnlConfirm"] div input[type="submit"]{margin:0 10px; padding:0.5em 1em; background-color:#FFF; color:#e6000d; border:2px solid #e6000d; font-weight:bold; border-radius:6px;transition: all 0.25s ease-out; text-align:center; min-width:170px;}
div[id$="ViewMailForm_pnlInput"] div input[type="submit"]:hover,
div[id$="ViewMailForm_pnlInput"] div input[type="submit"]:focus,
div[id$="ViewMailForm_pnlConfirm"] div input[type="submit"]:hover,
div[id$="ViewMailForm_pnlConfirm"] div input[type="submit"]:focus{background-color: #e6000d; color:#FFF; text-decoration:none;}
/*クリア・バック*/
div[id$="ViewMailForm_pnlInput"] div input[type="submit"][id$="btnInputClear"],
div[id$="ViewMailForm_pnlConfirm"] div input[type="submit"][id$="btnConfirmBack"]{ color:#666; border:2px solid #666;}
div[id$="ViewMailForm_pnlInput"] div input[type="submit"][id$="btnInputClear"]:hover,
div[id$="ViewMailForm_pnlConfirm"] div input[type="submit"][id$="btnConfirmBack"]:hover{background-color:#eee;}

/* 確認画面 */
.questionnaire-form.tableGrid{border: none;}
.questionnaire-form.tableGrid > tbody > tr > td{border:none; padding:0;}
.questionnaire-form.tableGrid table{ margin:0; }
.questionnaire-form.tableGrid table .Back{display:none;}

/* ===========================================================
A.3	プライベートブランド
=========================================================== */
/*共通*/
.txtRed {color: #e60012;}
.txtGreen {color: #00a040;}
.blockImg{display:block;}

/*========================================================
 family109
========================================================*/
.recipeVideo.layoutItem.firstitemlefted > *:first-child{margin-right: 10%;}
.recipeVideo a{color: #333; font-weight: 600; text-align: center;}
.recipeVideo a .imgArea{position: relative; color: #333; font-weight: 600; text-align: center;}
.recipeVideo a .imgArea:before{content: ""; display: block; background: url(/Portals/0/images/common/btn_recipe.png) 0 0 no-repeat; width: 64px; height: 64px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);}
.recipeVideo a .imgArea:hover:before{opacity:0.7;}
.recipeVideo a .imgArea img{border-radius:8px;}
.recipeVideo a span{display:block; padding-top:0.8em; line-height:1.2; text-align:center;}

/*========================================================
 DB管理画面
========================================================*/
table.EditProducts.tableSettings textarea{width:100%;}
table.EditProducts.tableSettings ul.ulList_horizon{width:auto;}

/*お得情報、サービス・施設情報*/
table#dnn_ctr388_EditProducts_repProducts_ctl12_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox > tbody > tr > td{display:block;}
table#dnn_ctr388_EditProducts_repProducts_ctl13_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox > tbody > tr > td{display:block; float:left; width:50%;}
table#dnn_ctr388_EditProducts_repProducts_ctl13_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox > tbody > tr:after{content:"";display:block;clear:both;}