@charset "utf-8";
/*----------------------------------------------------------------------
　サイトリセットCSS
----------------------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ul,ol,li,pre,embed,
code,form,fieldset,length,textarea,input,blockquote,font,
th,td,tr,span,label,legend,small,strike,strong,b,u,i,tt,sup,
var,caption,table,tbody,thead,center,a,em,dfn,big,cite,applet,
sub,del,kbd,object,iframe,abbr,hgroup,img,button,mark,audio,video,article,
section,header,footer,menu,nav,figure,ins,s,samp,rudy,details,figcaption,
summary,aside,acrony,q{margin:0;padding:0;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0; box-sizing:border-box;}
body{line-height:1;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
blockquote,q{quotes:none;}
fieldset,img{border:0;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
a{color:#333; text-decoration:none;}
#analyzeId{display: none;}

/*----------------------------------------------------------------------
　厳選サイト表示時の既存CSSリセット対応（他に影響しないようスコープを深く）
----------------------------------------------------------------------*/
#dynamicPageWrapper{width: auto!important;}
#dynamicPageWrapper #Header{margin-bottom: 10px;}
#main_content, #mainTitle{margin: 0 auto;}
#categoryList > .SalemenuList li{width: 102px;}
#goodslist #deliveryTime #txtArea a.trig{width: 120px;}
#dynamicPageWrapper form[name="CartListForm"]{width: 986px; margin: 0 auto;}
form[name=AgeConfirmForm], form[name=EkimuConfirmForm]{width: 986px; margin: 0 auto!important;}
#main_content #sidemenu1{min-height: 300px!important;}
form[name=ThanksForm] > table{margin: 0 auto 40px auto;}
#dynamicPageWrapper #foot_area{background-color: #fffbe9; font-size: 13px;}
#contents-wrapper .result-0-btn{display: none;}
#contents-wrapper .error-search-block .error-search-form input{padding: 8px 5px 8px 28px;}
#dynamicPageWrapper .search-navi-area img{width: 100%;}

/*----------------------------------------------------------------------
　サイト共通CSS
----------------------------------------------------------------------*/
/* ヘッダー */
header{position: relative;}
#Header{ border-top: 4px solid #f68b1f;}
.header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 6px;
	width: 1000px;
	margin: 0 auto 10px auto;
}
.header > p{display: flex; align-items: center;}
.header > p img{width: 100%;}

/* ヘッダーメニュー（ナビブロック） */
#Navi{display: flex; justify-content: space-between;}

/* ヘッダーメニュー（サブナビ） */
#subnavigation{
	display: flex;
	flex-wrap: wrap;
	width: 420px;
	padding-top: 10px;
	position: relative;
}
#subnavigation li{margin-right: 15px;}
#subnavigation a{
	display: inline-block;
	position: relative;
	z-index: 0;
	padding: 0 20px 0 0;
	font-size: 14px;
	line-height: 1;
	color: #3366cc;
	font-weight: bold;
}
#subnavigation a,
#subnavigation a span{
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
#subnavigation li.Accordion{position: relative; cursor: pointer;}
#subnavigation li.innerAccordion{
	position: absolute;
    z-index: 5;
    top: 86%;
    left: 31%;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    box-shadow: 2px 2px 5px #dbb35b;
}
#subnavigation li.innerAccordion p{text-align: center;}
#subnavigation a:hover{text-decoration: underline;}

#subnavigation a::before{
	content: "";
	position: absolute;
	right: 0;
	top: 46%;
	z-index: 8;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #3366cc;
	transform: translate(0, -50%);
}
#subnavigation a::after{
	content: "";
	position: absolute;
	right: 8px;
	top: 38%;
	z-index: 10;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg) translate(0, -50%);
}

#subnavigation a.inquiry::after{
	right: 4px;
	top: 10%;
	transform: rotate(135deg);
}

/* ヘッダーメニュー（アイコン） */
#navigation{display: flex; align-items: center;}
#navigation li{margin-left: 10px; position: relative;}
#navigation li a:hover{opacity:0.7;}
#navigation li img{width: 100%;}

/* サブヘッダー */
#subheader{background-color: #f68b1f;}
.MenuInner{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 10px 0;
}
.InnerRight{position:relative; display: flex; width: 82%; align-items: center; justify-content: space-between;}

/*たべる。って？*/
.conceptArea{
  position: absolute;
  right: 0;
  top: 5px;
  display: flex;
  flex: 1;
  align-items: center;
}
.conceptArea p {
  color: #fff;
  display: inline-block;
  margin-right: 5px;
  font-size: 18px;
  line-height: 26px;
}
.conceptBtn{
  position: relative;
  display: block;
  width: 26px;
  height: 26px;
  background-color: #fff;
  border-radius: 13px;
  -webkit-perspective: 500px;
  perspective: 500px;
}
.conceptBtn::before, .conceptBtn::after{
  position: absolute;
  content: "";
  width: 3px;
  height: 15px;
  border-radius: 2px;
  background-color: gray;
  left: 46%;
  top: 21%;
}
.conceptBtn::after{
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* カテゴリから探す */
#categoryList{
	position: relative;
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding-left: 10px;
  padding-top: 3px;
	width: 160px;
  line-height: 36px;
	border-radius: 5px;
	background: linear-gradient(180deg, #fff 0%, #fefefe 80%, #ccc 100%);
	cursor: pointer;
}

#categoryList::before{
    content: "";
    position: absolute;
    right: 8px;
    top: 48%;
    z-index: 8;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #f68b1f;
    transform: translate(0, -50%);
}
#categoryList::after{
    content: "";
    position: absolute;
    right: 15px;
    top: 32%;
    z-index: 10;
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(135deg) translate(0, -50%);
}

/* 商品検索 */
#SearchMenuForm{background-color: #f68b1f; margin-right: 15px;}
.searchSite{display: none;}
.searchArea{display: flex; width: 250px;}
.searchBox{
	position: relative;
    background: url(https://www.japanet.co.jp/shopping/img/taberu/common/header/search.png) 5px center no-repeat #fff;
    font-size: 14px;
    padding: 0 5px 0 28px;
    line-height: 36px;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
	border: 1px solid #e3e3e3;
}
.searchArea .searchBtn{
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c91217),color-stop(100%,#9f0609));
    border: indianred;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    cursor: pointer;
    width: 25%;
    font-size: 14px;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.searchArea .searchBtn:hover{
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#9f0609),color-stop(100%,#c91217));
	text-decoration: none;
}

/* 注目ワード */
#hotwordSearch{
  width: 46%;
	align-items: center;
	overflow-x: scroll;
	scrollbar-width: none;
	white-space: nowrap;
}
#hotwordSearch::-webkit-scrollbar{display: none;}

#hotwordSearch li{margin-right: 10px;display: inline-block;}
#hotwordSearch li:first-child{display: block;}
#hotwordSearch li a{
	background-color: #fff;
	color: #f68b1f;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2;
	text-decoration: underline;
	padding: 2px 25px 2px 25px;
	border-radius: 20px;
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
}
#hotwordSearch li a:hover{
	background: linear-gradient(180deg, #fff 0%, #fefefe 60%, #ccc 100%);
	text-decoration: none;
}

#hotwordSearch li.noSearch{color: #fff; font-weight: bold; font-size: 14px; white-space: nowrap;}

/*----------------------------------------------------------------------
　メガドロップメニュー（カテゴリから選ぶ）
----------------------------------------------------------------------*/
#dropMenu{
  visibility: hidden;
  opacity: 0;
  height: 0;
  position: fixed;
  z-index: 20;
  width: 100vw;
  background-color: rgba(0,0,0,0.6);
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
#dropMenu.open {
  visibility: visible;
  opacity: 1;
  height: 323px;
}
.gnavi_list li{color: #333; line-height: 1.0; margin: 0px 0 6px 6px;}
.nav_subscription li{color: #333; line-height: 1.0; margin: 0px 6px 6px 6px;}
.gnavi_list li:nth-child(1),.gnavi_list li:nth-child(2),.gnavi_list li:nth-child(3),.gnavi_list li:nth-child(4),
.nav_subscription li:nth-child(1){margin-top: 6px;}
.gnavi_list li:nth-child(4n),.gnavi_list li:last-child{margin-right: 6px;}
#dropMenu li img {border:solid 3px #fff;}
#dropMenu li:hover img {border:solid 3px #f68b1f;}
#dropMenu li a{display:flex; align-items: center; color: #333; text-decoration: none; cursor: pointer; font-weight: bold;}

/* ドロップダウン1階層メニューデザイン */
.gnavi_list_wrap{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  padding: 12px 0;  
  margin: 0 auto;
}
.gnavi_list, .nav_subscription{
  display: flex;
  flex-wrap: wrap;
	z-index: 2;
  width: 784px;
  margin-right: 10px;
	font-size: 15px;
  background-color: #fff;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.nav_subscription{
  width: 196px;
  margin-right: 0;
}
.nav_subscription p{
  display: block;
  line-height: 68px;
  color: #3E0000;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.gnavi_list > li, .nav_subscription li{
	position: relative;
	width: 188px;
	background-color: #fff;
}
/*.gnavi_list > li:not(:first-child)::before{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}*/
.gnavi_list img, .nav_subscription img {
  width: 100%
}
.gnavi_list > li > a, .nav_subscription > li > a{
	display: block;
	text-decoration: none;
}
/*.gnavi_list > li > a::before {
	content: "";
  position: absolute;
  right: 8px;
  top: 48%;
  z-index: 8;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #f68b1f;
  transform: translate(0, -50%);
}
.gnavi_list > li > a::after {
	content: '';
  position: absolute;
  right: 14px;
  top: calc(50% - 4px);
  z-index: 10;
  display: block;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(135deg);
}*/
/*.gnavi_list > li > a:hover{background-color: #f5a451;}
.gnavi_list > li > a:hover::before{border-color: #fff;}*/

/* ドロップダウン2階層メニューデザイン */
.dropdown_list{
	position: absolute;
	top: -1px;
	left: 200px;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	background: #fff;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	border: 1px solid #ccc;
}
.gnavi_list > li:hover .dropdown_list, .nav_subscription > li:hover .dropdown_list {visibility: visible; opacity: 1;}

.dropdown_list > li{
	position: relative;
	transition: all .3s;
	z-index: 10;
}
.dropdown_list > li:not(:first-child)::before{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

/* ドロップダウンメニューデザイン */
.dropdown_list > li a{
	display: flex;
	align-items: center;
	text-decoration: none;
	position: relative;
	padding: 15px 0 15px 45px;
}
.dropdown_list > li a:hover{background-color: #f5a451;}
.dropdown_list > li:not(.service) a::before {
    content: "";
    background: url(https://www.japanet.co.jp/shopping/img/taberu/common/genre_icon.png) center 2px no-repeat;
    background-size: 90%;
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 50px;
    background-color: #fff;
    width: 30px;
    height: 30px
}
/*.dropdown_list > li#genre02 a::before{background-position-y: -28px;}
.dropdown_list > li#genre03 a::before{background-position-y: -58px;}
.dropdown_list > li#genre04 a::before{background-position-y: -88px;}
.dropdown_list > li#genre05 a::before{background-position-y: -118px;}
.dropdown_list > li#genre06 a::before{background-position-y: -146px;}
.dropdown_list > li#genre07 a::before{background-position-y: -177px;}
.dropdown_list > li#genre08 a::before{background-position-y: -237px;}
.dropdown_list > li#genre09 a::before{background-position-y: -207px;}
.dropdown_list > li#genre10 a::before{background-image: url(https://img.japanet.co.jp/shopping/img/taberu/taberu_category/frozen-icon.png); background-position: top;}
.dropdown_list > li#genre11 a::before{background-position-y: -268px;}
.dropdown_list > li#genre12 a::before{background-position-y: -297px;}
.dropdown_list > li#genre13 a::before{background-position-y: -327px;}
.dropdown_list > li#genre14 a::before{background-position-y: -357px;}
.dropdown_list > li#genre15 a::before{background-position-y: -385px;}*/

.dropdown_list > li a::after {
	content: '';
	position: absolute;
	right: 10px;
	top: calc(50% - 5px);
	z-index: 10;
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #f68b1f;
	border-left: 2px solid #f68b1f;
	transform: rotate(135deg);
}
.dropdown_list > li a:hover::after {border-color: #fff;}

/*----------------------------------------------------------------------
　ログイン表示 / カート商品投函数
----------------------------------------------------------------------*/
#login_box{
	font-size: 13px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#login_box a{color: #333; display: inline-block; font-weight: bold; text-align: center;}
#login_box a:hover{text-decoration: none;}

#login_box .user{
	padding-right: 10px;
	white-space: nowrap;
}
#login_box .user a{
	text-align: inherit;
	display: inline;
}
#login_box .user, #login_box .possess li{
	font-size: 13px;
	font-weight: bold;
}
#login_box .possess li.announce{font-weight: normal;}
#login_box .possess li.announce a{
	text-align: left;
}
#login_box .user a:hover, #login_box .announce a:hover, #login_box .Jcard a:hover{text-decoration: underline!important;}

.nologin{
	background-color: #fff;
	border-radius: 5px;
	padding: 5px 7px;
	color: #333;
  width: 120px;
}
a.nologin:hover{background: linear-gradient(180deg, #fff 0%, #fefefe 60%, #ccc 100%);}

#cartNum{
    position: absolute;
    right: 4px;
    top: -4px;
    color: #fff;
    background-color: #c90010;
    font-size: 14px;
    line-height: 1;
    border-radius: 20px;
    z-index: 250;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 右追従 */
#follow_right{
	position: fixed;
	top: 64%;
	right: -220px;
	transform: translate(0, -50%);
	display: inline-block;
	z-index: 20;
	transition: .8s;
}
#follow_right ul{
	box-shadow: 0 0 4px #333;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #fffbe9;
	padding: 5px 0 5px 5px;
}
#follow_right a{
	display: block;
	padding: 15px 10px 15px 30px;
	font-size: 16px;
	font-weight: bold;
	color: #3e0000;
	text-decoration: none;
	position: relative;
}

#follow_right a:hover{background-color: #e7dba4;}

#follow_right li a::before{
    position: absolute;
    content: "";
    top: 30%;
    left: 20px;
    width: 7px;
    height: 7px;
    border-top: 3px solid #3e0000;
    border-right: 3px solid #3e0000;
    transform: rotate(225deg) translate(0, -50%);
}

/* 左追従 */
#follow_left{
	position: fixed;
	top: 80%;
	left: -240px;
	transform: translate(0, -50%);
	z-index: 20;
	text-align: center;
	transition: .8s;
}
#follow_left.Off{display: none;}

#follow_left .follow_close{
	content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 30;
    width: 26px;
    height: 26px;
    background-color: #333;
    opacity: 0.6;
    border-radius: 20px;
	cursor: pointer;
}

#follow_left .follow_close::before, #follow_left .follow_close::after{
	content: "";
    position: absolute;
    top: 4px;
    right: 11px;
    z-index: 30;
    width: 3px;
    height: 18px;
	cursor: pointer;
    background-color: #fff;
}
#follow_left .follow_close::before{transform: rotate(45deg);}
#follow_left .follow_close::after{transform: rotate(-45deg);}


/*----------------------------------------------------------------------
　メインスライダー
----------------------------------------------------------------------*/
#Slider{
	width: 986px;
	margin: 15px auto 30px auto;
}
#Slider li.slick-slide{margin: 0 5px;}
#Slider img{width: 100%;}


/*----------------------------------------------------------------------
　閲覧履歴
----------------------------------------------------------------------*/
.recommend{width: 1000px; margin: 0 auto 30px auto;}
.recommend h2{
	position: relative;
    padding: 0 0 0 12px;
    font-size: 18px;
	font-weight: bold;
	color: #333;
}
.recommend h2::before{
	content: "";
    position: absolute;
    left: 4px;
    top: 45%;
    transform: translate(0, -50%);
    background-color: #f68b1f;
    width: 4px;
    height: 18px;
}

#HistoryArea{padding: 10px; margin-bottom: 30px;}
#HistoryArea ul{
	white-space: nowrap;
    overflow-x: auto;
    overflow-y: clip;
    padding-bottom: 10px;
}

#HistoryArea ul::-webkit-scrollbar{height: 4px;}
#HistoryArea ul::-webkit-scrollbar-track{background-color: #ccc; border-radius: 20px;}
#HistoryArea ul::-webkit-scrollbar-thumb{background-color: #fab00e; border-radius: 20px;}

#HistoryArea li{
    width: 180px;
    display: inline-table;
	margin-right: 5px;
}

#HistoryArea li a{display: contents;}

.historyItem{display: inline-grid;}
.historyItem dt{margin-bottom: 5px; overflow: hidden;}
.historyItem dt img{
	width: 100%!important;
	height: auto!important;
	transition: all 0.35s ease-in-out;
	transform: scale(1);
}
#HistoryArea li a:hover img{transform: scale(1.1);}

.historyItem .itemName{font-size: 13px; font-weight: bold;}

.historyItem .itemName{
    min-height: 3.9em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.3;
	white-space: pre-wrap;
}
.historyItem .price{font-size: 18px; padding: 3px 0; font-weight: bold;}

.historyItem .buy_btn{
	display: block;
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	font-weight: bold;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F68B1F),color-stop(100%,#F68B1F));
	text-align: center;
}
.historyItem .buy_btn::after{
	content: "";
    width: 6px;
    height: 6px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    right: 3px;
    top: 47%;
    transform: rotate(45deg) translate(-50%, 0);
}
#HistoryArea li a:hover .historyItem .buy_btn{
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c56300),color-stop(100%,#F68B1F));
}


#HistoryArea .information{
	padding: 15px 0;
	text-align: center;
}

#HistoryArea .noresult{width: 1000px; margin: 0 auto;}
#HistoryArea .historyInfo{font-weight: bold;}

/* 詳細での表示 */
.checkHistoryBlock h3{
    margin: 0 0 20px 0;
    padding: 4px 0 2px 5px;
    border-left: 5px solid #f68b1f;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

/*------- お客様評価 -------*/
.star-rating {position: relative; font-size: 18px;}
.star-rating::before, .star-rating::after {
  content: "\2605\2605\2605\2605\2605";
  color: #e1e1e1;
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: -0.15em;
  line-height: 1.75;
}
.star-rating::after {color: #f6b600; overflow: hidden;}
.review{margin-bottom: 5px;}
.review .score{
	display: inline-block;
	padding: 0 0 0 78px;
	font-size: 14px;
	font-weight: 700;
	color: #434343;
}
.review .count{color: #868686; font-size: 12px; margin-left: -0.5em;}

.star-rating[data-rate="0"]::after   {width: 0px;}
.star-rating[data-rate="0.5"]::after {width: 10px;}
.star-rating[data-rate="1"]::after   {width: 18px;}
.star-rating[data-rate="1.5"]::after {width: 25px;}
.star-rating[data-rate="2"]::after   {width: 33px;}
.star-rating[data-rate="2.5"]::after {width: 40px;}
.star-rating[data-rate="3"]::after   {width: 48px;}
.star-rating[data-rate="3.5"]::after {width: 56px;}
.star-rating[data-rate="4"]::after   {width: 65px;}
.star-rating[data-rate="4.1"]::after {width: 66px;}
.star-rating[data-rate="4.2"]::after {width: 67px;}
.star-rating[data-rate="4.3"]::after {width: 68px;}
.star-rating[data-rate="4.4"]::after {width: 69px;}
.star-rating[data-rate="4.5"]::after {width: 70px;}
.star-rating[data-rate="4.6"]::after {width: 71px;}
.star-rating[data-rate="4.7"]::after {width: 72px;}
.star-rating[data-rate="4.8"]::after {width: 73px;}
.star-rating[data-rate="4.9"]::after {width: 74px;}
.star-rating[data-rate="5"]::after   {width: 75px;}


/*----------------------------------------------------------------------
　レコメンド商品紹介
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
　共通フッター
----------------------------------------------------------------------*/
#Footer{background-color: #fffbe9; font-size: 13px;}

.footer_top{
	width: 1000px;
	margin: 0 auto 50px auto;
	padding: 50px 0 0 0;
}

.ft_logo{margin-bottom: 50px;}
.ft_logo a:hover{filter: brightness(1.1);}
.footer_tit{
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.05em;
}

.footerMenu > ul{display: flex;}
.footerMenu > ul > li{width: calc(100% / 3 );}
.footerMenu ol:not(.sns){padding-top: 15px;}
.footerMenu ol:not(.sns) li a{
	display: inline-block;
	position: relative;
	padding: 10px 30px 10px 0px;
	color: #333;
}
.footerMenu ol li.Accordion{
	display: inline-block;
	position: relative;
	width: auto;
	padding: 10px 30px 10px 0px;
	cursor: pointer;
}
.footerMenu ol:not(.sns) li a:hover{text-decoration: underline;}
.footerMenu ol:not(.sns) li a::after{
	content: "";
    position: absolute;
    right: 15px;
    top: 42%;
    z-index: 10;
    width: 5px;
    height: 5px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg) translate(0, -50%);
}
.footerMenu ol:not(.sns) li.Accordion::after{
	content: "";
    position: absolute;
    right: 15px;
    top: 26%;
    z-index: 10;
    width: 5px;
    height: 5px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(135deg) translate(0, -50%);
}
.footerMenu ol:not(.sns) li.innerAccordion{
    width: 670px;
    position: absolute;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    box-shadow: 2px 2px 5px #dbb35b;
    z-index: 20;
}

.innerAccordion p{line-height: 1.35; margin-bottom: 10px;}
.innerAccordion p:last-child{margin-bottom: 0;}

/* SNSリンク */
.sns{margin-bottom: 10px;}
.sns a{display: inline-block; margin-right: 15px; padding: 10px 0 10px 10px;}
.sns a:hover{filter: brightness(1.1);}

.senqua{text-align: center; margin-bottom: 50px;}
.senqua a:hover{filter: brightness(1.1);}

/*電話でのご注文･お問い合わせ*/
.tel{margin-bottom: 20px;}
.tel p{
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.05em;
  margin-bottom: 15px;
}

/*お知らせエリア*/
.notice{
  background-color: #fff;
  padding: 10px;
}
.notice p{
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.05em;
  margin-bottom: 10px;
}
.notice ul{
  max-height: 90px;
  overflow-y: scroll;
}
.notice li{margin-bottom: 6px; border-bottom: dotted 1px #b1b1b1;}
.notice li:last-child{border-bottom: none;}
.notice a{
  color: #3366cc!important;
  text-decoration: underline;
  padding: 0 30px 7px 0!important;
}
.notice a:hover{text-decoration: none!important;}

/* グループサイト */
.groupsite {margin-top: 50px;}
.groupsite .footer_tit {text-align: center; padding-bottom: 10px;}
.groupsite dt{margin-bottom: 10px;}

.groupsite dd ul{display: flex; flex-wrap: wrap;}
.groupsite dd ul li{width: 190px; margin: 0 10px 10px 0;}
.groupsite dd ul li:nth-child(5n){margin: 0 0 10px 0;}
.groupsite dd ul li a{display: inline-block;}
.groupsite dd ul li a:hover{filter: brightness(1.1);}
.groupsite dd ul li img{width: 100%;}


.footer_bottom{
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
}
#js_footerCert{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: start;
}
#js_footerCert li{
	display: flex;
	align-items: center;
	font-size: 12px;
	margin-right: 10px;
}
#js_footerCert li:nth-child(1) img{margin-right: 10px}
#js_footerCert li:last-child{margin-right: 0; padding: 15px 0 0 0;}

.copyright{
	text-align: center;
	border-top: 1px solid #ccc;
	padding: 5px 0;
	background-color: #f68b1f;
}

/* アコーディオン */
.innerAccordion{display: none;}


/*----------------------------------------------------------------------
　パンくずリスト
----------------------------------------------------------------------*/
.pankuzu{overflow-x: scroll; background-color: #f7f7f7; padding: 5px 0!important; color: #808080; line-height: 0.6; border-top: 1px solid #e6e6e6; scrollbar-width: none;}
.pankuzu::-webkit-scrollbar{display: none;}
.breadcrumbs-lists{white-space: nowrap;}
.breadcrumbs-lists li{display: inline; font-size: 10px;}


/*----------------------------------------------------------------------
　ページトップ
----------------------------------------------------------------------*/
#page_top{
	position: fixed;
  bottom: 40px;
  z-index: 50;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
  right: 10px;
	opacity: 0;
}
#page_top a {
	display: block;
	position: relative;
  width: 56px;
  height: 56px;
  /*border: 3px solid #fff;*/
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50px;
  /*color: #000;*/
  /*box-shadow: 1px 1px 4px rgba(153, 153, 153, 0.7);*/
}
#page_top a:after {
  position: absolute;
  content: "";
  top: 22%;
  left: 45%;
  width: 20px;
  height: 19px;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  transform: rotate(-45deg) translate(-50%, 0);
}
#page_top span {
  display:none;
	/*font-size: 70%;
    vertical-align: sub;
    display: inline-block;
    margin: 14px 0 0 0;
    letter-spacing: -0.1em;
    line-height: 1.0;
	font-weight: bold;*/
}


/*----------------------------------------------------------------------
　横スクロールする箇所にアイコン表示
----------------------------------------------------------------------*/
.columnBox .popularityZone, .columnBox .reviewZone, .columnBox .under5000Zone{position: relative;}
.swipeicon::before {
	content: "";
	display: inline-block;
	width: 100px;
	height: 100px;
	background-image: url(https://www.japanet.co.jp/shopping/img/detail/swipe_icon.gif);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	z-index: 10;
	left: 50%;
	bottom: -10%;
}
.swipeicon::before {
	animation-name: fadeInAnime;
	animation-fill-mode: backwards;
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
	animation-delay: 0.5s;
	animation-direction: normal;
}
@keyframes fadeInAnime {
	0% {opacity: 1; transform: translateX(0px);}
	30% {opacity: 1; transform: translateX(0px);}
	90% {opacity: 0;}
	100% {opacity: 0; transform: translateX(-50px);}
}


/*----------------------------------------------------------------------
　商品一覧
----------------------------------------------------------------------*/
.parents-cell-deals .product-sub-cell{
	box-sizing:content-box;
}


/*----------------------------------------------------------------------
　たべる。サイト用のインサート要素スタイル
----------------------------------------------------------------------*/
#CartinfoElm{
	height: 42px;
    margin: 0;
    padding: 3px 0 0 0;
    position: absolute;
    top: -20px;
    left: 0;
    display: block;
}

#GetWatchHistoryElm{
    width: 1000px;
    margin: 0 auto;
    display: block;
    padding: 0;
}

/*----------------------------------------------------------------------
　検索結果のワケありページ
----------------------------------------------------------------------*/
#defect_title{
	background: url(https://www.japanet.co.jp/shopping/img/taberu/sale/defect/defect_tit_pc.png) center center;
	height: 160px;
	background-size: auto 100%;
	margin: -10px 0 10px;
}
.defect_exp_day{
	background-color: #ffc;
	padding: 5px;
	margin: 10px auto 0;
	text-align: center;
	width: fit-content;
}
.defect_exp_day p{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 15px;
}
.defect_exp_day p.day{
	font-weight: bold;
	color: #F00;
	font-size: 20px;
}
/*メーカーで絞り込むを消す*/
#side_term div:first-of-type{
	display: none;
}
/*発売日を消す*/
.productBox .productBoxBody .product-date-cell dd.releaseDate {
	display: none
}
/*ワケあり商品０件メッセ－ジ*/
.result-0-area01 .result-0-txt{
	text-align: center;
	font-size: 20px;
	padding: 80px 0 100px;
	font-weight: bold;
}
/*カートエリア訴求の削除*/
#zeikomi_cnt{
	display: none!important;
}