#add-main {
	padding-bottom:50px;
}

#add-main img {
	border:0;
	vertical-align:top;
}

#add-main ul {
	margin:0;
	padding:0;
	list-style:none;
}

.mt5 {
	margin-top:5px !important;
}

.mt10 {
	margin-top:10px !important;
}

.mt15 {
	margin-top:15px !important;
}

.mt20 {
	margin-top:20px !important;
}

.mt25 {
	margin-top:25px !important;
}

.mt30 {
	margin-top:30px !important;
}

.mt35 {
	margin-top:35px !important;
}

.mt40 {
	margin-top:40px !important;
}

.mt45 {
	margin-top:45px !important;
}

.mt50 {
	margin-top:50px !important;
}

.mt55 {
	margin-top:55px !important;
}

.mt60 {
	margin-top:60px !important;
}

.mt70 {
	margin-top:70px !important;
}

.mt80 {
	margin-top:80px !important;
}

.mt90 {
	margin-top:90px !important;
}

/* 2020/11/30追記 */
.st_r {
	font-weight: bold;
	color: #cc0000;
}

img.sp {
	display:none;
}

.spOnly {
	display:none;
}

/* =========================================================
 ■メニュー
========================================================= */
.section-category-index .aside {
	border-bottom: none !important;
}

#add-top-menu {
	width:765px;
	height: 99px;
	z-index:10000 !important;
}

/*#add-top-menu.menu2020 {
	margin-top:20px;
	width:765px;
	height: 70px;
	z-index:10000 !important;
}*/

#add-top-menu-inner {
	width:765px;
	height:99px;
	background:#fff;
	z-index:10000 !important;
}

/*#add-top-menu-inner.menu2020-in {
	width:765px;
	height:70px;
	background:#fff;
	z-index:10000 !important;
}*/

.add-menu-area {
	/*padding:8px;*/
	padding:0 !important;
	text-align:center;
	/*border: solid 1px #d0d0d0;
	border-top: solid 8px #d0d0d0;*/
	border:none !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
 [class^="hvr-"] {
  /*margin: .4em;
  padding: 1em;*/
  /*display:block;*/
  /*width:145px;*/
  /*width:88px;*/
  width:83px !important;
 height:68px;
 cursor: pointer;
  /*background: #e1e1e1;*/
  background:url(../images/2018_09/menu_bg_of.gif);
 text-decoration: none;
 font-size:14px;
 font-weight:bold;
 color: #202020;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  /* Smooth fonts */
  -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
 [class^="hvr-"]:hover {
 background:url(../images/2018_09/menu_bg_on.gif);
 color:#FFF;
 text-decoration:none;
}
 [class^="hvr-"] div {
 /*width:145px;*/
 width:88px;
 height:68px;
 display:table-cell;
 vertical-align:middle;
 text-align:center;
}

/**/
#naviArea {
	margin-top:20px;
	height:100px;
}
#naviArea.fixed {
	/*width:100%;*/
	width:765px;
	height:80px;
	margin-top: 0;
	top: 0;
	position: fixed;
	padding-top: 0px;
	background: rgba(255, 255, 255, 1);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
	z-index:1000;
}

/* =========================================================
 ■メニュー ver2（20200804）
========================================================= */
.navi-sp {
	display:none;
}

.navi-pc {
	/*margin:20px auto 40px !important;*/
	margin:0px auto 0px !important;
}

.top-menu {
	margin:0px auto 10px !important;
	width:765px;
	display:table;
	table-layout:fixed;
}

.top-menu.second {
	margin:10px auto 0 !important;
	/*width:460px;*/
	/*width:540px;*/
	/*width:620px;*/
}

.top-menu li {
	border-right: solid 1px #000;
	display:table-cell;
}

.top-menu li:first-child {
	border-left: solid 1px #000;
}

.top-menu li p {
	height:30px;
	font-size:15px;
	font-weight:bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.top-menu a {
	display:block;
	color:#000;
	background:#fff;
}

.top-menu a:hover {
	text-decoration:none;
	background:#d9e3ef;
}

/* =========================================================
 ■送料無料バナー（202009）
========================================================= */
.bn-freeshipping {
	margin:10px auto 20px !important;
}

/* =========================================================
 ■ピックアップ
========================================================= */
.pickup-sp {
	display:none;
}

.top-pickup-ttl-sp {
	display:none;
}

/* ----- 【変則並び】 ----- */
.m_inner {
	/*overflow:hidden;*/
	margin-left:0px;
	width:765px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.m_itembox01 {
	/*width:490px;*/
	/*width:377px;*/
	/*height:160px;*/
	/*float: left;*/
	/*margin: 0px;*/
	/*padding: 30px 0 0;*/
	/*border-bottom: solid 2px #EBEADD; */
	/*overflow: hidden;
	zoom: 1;*/
}

.m_inner li {
	overflow:hidden;
	margin-top:30px;
	width:377px;
}

/*.m_inner li:nth-child(-n+2) {
	margin-top:0 !important;
}
*/
.m_itembox01 p {
	overflow: hidden;
	zoom: 1;
	text-align:left;
}

.m_itembox01 li:last-child {
	border-bottom: none !important;
}

.m_photo {
	float: left;
	margin-right: 10px;
	/*margin-right: 40px!important;*/
	position:relative;
	/*height:252px;*/
	width:150px;
}

.m_photo img {
	width:100% !important;
}

.m_date_wrap {
	float: left;
	/*margin-left: 40px!important;*/
	position:relative;
	/*height:380px;*/
	/*width:260px;*/
	width:217px;
}

.m_date_inner {
	/*height:145px;
	overflow:hidden;
	background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%, #fff 100%);*/
	background-color: #fff;
	height: 210px;
	position: relative;
	overflow:hidden;
}
.m_date_inner::after {
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 2;
 content: '';
 width: 100%;
 height: 50%;
 background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%, #fff 100%);
}

/*li:nth-child(2n+1) .m_photo {
	float: left;
	margin-right: 40px!important;
	position:relative;
	height:380px;
}

li:nth-child(2n) .m_photo {
	float: right;
	margin-left: 40px!important;
	position:relative;
	height:380px;
}*/


.m_photo .mark_new, .m_itembox02 .mark_new {
	position:absolute;
	top:8px;
	left:8px;
}

p.m_data {
	border-bottom: solid 1px #EBEADD;
	border-top: solid 1px #EBEADD;
	padding: 8px 0 8px 0em;
	margin: 10px 0;
	font-size: 12px;
	color: #006488;
	line-height: 1.8;
}

p.m_lead {
	line-height: 1.8;
}

/*p.m_btn_shopping_wrap {

	        position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
    padding-top: 60px;
    text-align: center;
    line-height: 30px;
    background: linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 70%);
    cursor: pointer;
    transition: bottom 0.2s;
}*/

p.m_btn_shopping {
	/*border-radius: 5px;*/
	/*background-color: #ffea00;*/
	background:#c69e42;
	color: #fff;
	margin-top: 0em;
	text-align: center;
	font-size: 120%;
}

p.m_btn_shopping a {
	position:relative;
	display:block;
	padding: 0 0.5em;
	color:#fff;
	text-decoration:none;
	height:40px;
	line-height:40px;
	border-radius:12px;
}

p.m_btn_shopping a:before, p.m_btn_shopping a:after {
	content:"";
	display:block;
	position:absolute;
}

p.m_btn_shopping a:before {
	width:16px;
	height:16px;
	/*background:#fff;
	border-radius:50%;*/
	right:12px;
	top:12px;
}

p.m_btn_shopping a:after {
	width:4px;
	height:4px;
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	right: 18px;
	top: 17px;
}

p.m_btn_shopping:hover {
	opacity:0.7;
}

p.m_btn_shopping_01 {
	border-radius: 5px;
	background-color: #ffea00;
	color: #fff;
	margin-top: 0em;
	text-align: center;
	font-size: 120%;
	width:400px;
	float:right;
	margin:50px 10px 30px;
	overflow:hidden;
}

p.m_btn_shopping_01 a:hover {
	opacity:0.7;
}

p.m_btn_shopping_01 a {
	position:relative;
	display:block;
	padding: 0 0.5em;
	color:#333;
	text-decoration:none;
	height:40px;
	line-height:40px;
	border-radius:12px;
}

p.m_btn_shopping_01 a:before, p.m_btn_shopping_01 a:after {
	content:"";
	display:block;
	position:absolute;
}

p.m_btn_shopping_01 a:before {
	width:16px;
	height:16px;
	/*background:#fff;
	border-radius:50%;*/
	right:12px;
	top:12px;
}

p.m_btn_shopping_01 a:after {
	width:4px;
	height:4px;
	border-right:2px solid #333;
	border-top:2px solid #333;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	right: 18px;
	top: 17px;
}

/* =========================================================
 ■トップ（20190831）
========================================================= */
.top-cate-ttl {
	text-align:center;
	background:url(../images/2019_09/cate_ttl_bg.gif) repeat-x left center !important;
}

.top-cate-ttl span {
	padding:0 20px;
	display:inline-block;
	background:#fff;
}

.top-cate-ttl.henrei span {
	padding:0px;
	display:inline-block;
	background:#fff;
}

.top-cate-box {
	margin-bottom:70px;
}

.top-cate-list {
	width:765px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.top-cate-list li {
	margin-top:20px;
}

/* マナー
--------------------------------------------------------- */
.top-manner-sub-txt {
	margin-top:5px;
	width:380px;
}

/*
 ■ご用途から選ぶ（SP用タイトル）（20200804）
--------------------------------------------------------- */
.sp-youto-ttl {
	display:none;
}

/* カテゴリから選ぶ
--------------------------------------------------------- */
.top-cate-ttl-sub {
	margin:20px auto;
	text-align:center;
	font-size:18px;
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.top-cate-reco {
	width:765px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.top-cate-reco li {
	margin-top:20px;
}

.top-cate-reco.osusume li:first-child {
	margin-top:0px;
}

.top-cate-reco.sonota li:nth-child(-n+3) {
	margin-top:0px;
}

.top-cate-reco li a {
	display:block;
	color:#000;
}

.top-cate-reco li a img:hover {
	opacity:1;
}

.top-cate-reco li a:hover {
	opacity:0.7;
}

.top-cate-reco-set {
	width:372px !important;
	font-size:19px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	text-align:center;
	background:#f3f6fb;
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}


.top-cate-reco-set.catalog {
	width:765px !important;
}

.top-cate-reco-set p {
	width:50%;
}

.top-cate-reco-set span {
	padding-left:15px;
	display:inline-block;
	background:url(../images/2019_09/arrows_cate.png) no-repeat left center;
}


.top-cate-reco-set span i {
	font-style:normal !important;
	font-size:16px;
}


/*その他*/
.top-cate-reco-set-sonota {
	width:240px;
	font-size:16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	text-align:center;
	background:#f3f6fb;
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.top-cate-reco-set-sonota p:first-child {
	width:100%;
}

.top-cate-reco-set-sonota span {
	padding-left:15px;
	display:inline-block;
	text-align:left;
	background:url(../images/2019_09/arrows_cate.png) no-repeat left center;
}

/* 特集から選ぶ
--------------------------------------------------------- */
.top-feature-box {
	width:765px;
	overflow:hidden;
}

.top-feature-box li {
	float:left;
	margin-top:20px;
	margin-right:30px;
	width:235px;
}

.top-feature-box li:nth-child(3n) {
 margin-right:0;
}

.top-feature-box li .sub-txt {
	margin-top:3px;
}

#add-main .sub-txt {
	margin-top:5px;
}

/* 価格から選ぶ
--------------------------------------------------------- */
.top-price-list {
	/*margin:25px auto 0;*/
  margin:10px auto 0;
	width:765px;
		display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

}

.top-price-list li {
	margin-top:25px;
	width:240px;
}
/*.top-price-list li:nth-child(3n) {
 margin-right:0;
}*/
.top-price-list li:nth-child(-n+3) {
 margin-top:0;
}

.top-price-list li a {
	display:block;
}

.top-price-list li a div:hover {
	opacity:0.7;
}

.top-price-list li a:hover {
	text-decoration:none;
}

.top-price-set {
	width:240px;
	height:90px;
	display:table-cell;
	vertical-align:middle;
	/*font-size:20px;*/
  /*font-size:19px;*/
  font-size:18px;
	text-align:center;
	background:#e3e7ea url(../images/2017_09/price_tri.png) no-repeat left 15px center;
}

.top-price-set span {
	display:inline-block;
	text-align:left;
}

.top-price-set .fs {
	padding-left:10px;
}

.cate-sub-ttl {
	margin:25px auto 0;
	/*padding:7px 0;*/
	width:725px;
	font-size:18px;
	font-weight:bold !important;
	color:#000;
	text-align:center;/*border: solid 1px #ccc;*/
}

/* ランキング
--------------------------------------------------------- */
.top-ranking-box {
	margin-bottom:50px !important;
}

.top-btn-ranking {
	margin-top:30px;
}

.top-btn-ranking p {
	height:80px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	border: solid 4px #d1b15a;
	box-sizing:border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.top-btn-ranking p span {
	padding-left:50px;
	display:inline-block;
	background:url(../images/2019_09/icon_crown.gif) no-repeat left center;
}

.top-btn-ranking a {
	display:block;
	color:#000;
}

.top-btn-ranking a:hover {
	opacity:0.7;
	text-decoration:none;
}

.top-ranking-sub-txt {
	margin-top:10px;
}

/*sp用*/
.menuLong {
	display:none;
}

/* お知らせ
--------------------------------------------------------- */
.top-info-list {
	margin-top:5px !important;
	margin-left:1em !important;
}

.top-info-list li {
	margin-top:10px;
	padding-left:0 !important;
	text-indent:0 !important;
}

.top-info-list li:first-child {
	margin-top:0;
}

.top-info-list a {
	color:#00F;
	text-decoration:underline;
}


/* psページトップ非表示
--------------------------------------------------------- */
#page-top {
	display:none;
}

/* =========================================================
 「固定メニュー」（202008追加）
========================================================= */

/* =========================================================
 ■sp-area
========================================================= */
.sp-area {
	display:none;
}
.foot-bnr-area .sub-txt {
	display:none;
}


.sec-se {
    margin-top: 25px;
		margin-bottom:25px;
		clear:both;
		overflow:hidden;
}




/* =========================================================
 2021.01.28 更新
========================================================= */
#add-main .top-cate-ttl {
	font-size:22px !important;
	font-weight:bold;
}
#add-main .top-cate-reco.c3 li {
	width:100%;
}
#add-main .top-cate-reco.c3 li:nth-child(1) {
	margin-top:0;
}
#add-main .top-cate-reco.c3 li img {
	width:100%;
}


#add-main .top-cate-list.recom li {
	width:372px;
}

.sp {
	display:none;
}
#add-main .b_txt  {
	margin-top:5px;
}



/* 210804 */
/* =========================================================
 ■カテゴリ
========================================================= */
.top_cate_up {
	width:100%;
	overflow:hidden;
}
#add-main .top_cate_up li {
	width:32%;
	margin-left:2%;
	margin-top:15px;
	float:left;
}
 #add-main .top_cate_up li:nth-child(3n+1) {
 margin-left:0;
}
.top_cate_up img {
	width:100%;
}
.top_cate_btn {
	text-align:center;
	font-size:12px;
	background:#003893 url(../images/2021_09/arrow_catalog.png) no-repeat right 3px center;
	background-size:8px auto;
	width:100%;
	line-height:1.2;
}
#Category li:hover .top_cate_btn,
#Category a:hover img,
#Category img:hover,
#Category a:hover,
.top_cate_btn:hover {
	opacity:.5 !important;
}

#add-main .top_cate_btn {
	/*display:table-cell;*/
	display:block;
	vertical-align:middle;
	color:#fff;
	padding:5px 0;
	width:100%;
}
.top_cate_btn.ls {
	letter-spacing:-.1px;
}
.lh2 {
	line-height:2.6;
}
#add-main .cate_img {
	width:100%;
	border:1px solid #003893;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* =========================================================
 ■価格
========================================================= */
.r2021 .top-price-set {
	font-size:16px;
	background: #e3e7ea url(../images/2017_09/price_tri.png) no-repeat right 15px center;
	background-size: 8px auto;
	height:auto;
	padding:15px;
	line-height:1;
	border:1px solid #ccc;
}
/* =========================================================
 ■ご自宅便
========================================================= */
.top-jitaku-sub {
	margin: 10px auto 10px !important;
	padding: 3px 15px 2px !important;
	display: table;
	font-size: 14px;
	color: #fff;
	letter-spacing: .2em;
	/* background: #a59a67; */
	background: #004191;
}

/* =========================================================
 ■重要なお知らせ（220119）
========================================================= */
.inportant-notice {
 margin:0px 0 -1px !important;
 font-size:20px;
 color:#F00;
 font-weight:bold;
 text-align:center;
 text-decoration:underline;
}

 .inportant-notice a {
	 color:#F00;
 }

 .important-notice2 {
  margin:0px 0 20px !important;
  font-size:20px;
  color:#F00;
  font-weight:bold;
  text-align:center;
  text-decoration:underline;
 }

   .important-notice2 a {
 	 color:#F00;
  }

	@media (max-width: 768px) {
		.important-notice2 {
	   margin:10px 0 10px !important;
	   font-size:15px;
	   color:#F00;
	   font-weight:bold;
	   text-align:center;
	   text-decoration:underline;
	  }
	}

/* =========================================================
 ■重要なお知らせ（240104）
========================================================= */
.inportant-notice {
 margin:0px 0 -1px !important;
 font-size:20px;
 color:#F00;
 font-weight:bold;
 text-align:center;
 text-decoration:underline;
}

 .inportant-notice a {
	 color:#F00;
 }

 .important-notice3 {
  margin:0px 0 20px !important;
  font-size:18px;
  color:#000;
  font-weight:bold;
  text-align:center;
  text-decoration:underline;
 }

   .important-notice3 a {
 	 color:#000;
  }

	@media (max-width: 768px) {
		.important-notice3 {
	   margin:10px 0 10px !important;
	   font-size:16px;
	   color:#000;
	   font-weight:bold;
	   text-align:center;
	   text-decoration:underline;
	  }
	}