ol {}
ol li {display:inline;}

/* 追加230412 */
.midashi {
	width: calc(100% - 20px);
	margin: 100px auto 0;
	/* margin-top: 100px; */
	margin-block-end: 0;
	padding: 0 0 10px;
	border-bottom: 2px #f0e6d4 solid;
	font-family: 'Zen Maru Gothic';
	font-size: 2.3em;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.ribbon1 {
  margin:0 auto;
  display: inline-block;
  position: relative;
  height: 30px;/*リボンの高さ*/
  line-height: 30.5px;/*リボンの高さ*/
  text-align: center;
  padding: 0 60px 0 60px;/*横の大きさ*/
  font-size: 18px;/*文字の大きさ*/
  background: #ff7e7c;/*塗りつぶし色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
  
}

.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon1:before {
  top: 0;
  left: 0;
  border-width: 16px 15px 15px 16px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon1:after {
  top: 0;
  right: 0;
  border-width: 16px 15px 15px 16px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
.under-item {
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
  /*width: 100%;*/
  width: calc(100% - 20px);
  margin: 0 auto;
  /* border-bottom: 2px #f0e6d4 solid; */
  font-family:
  Arial,
  "Hiragino Kaku Gothic ProN",
  "Hiragino Sans",
  Meiryo,
  sans-serif;
}

.under-item div {
  /*width: 22%;*/
  width: 50%;
}

.under-item div a {
  margin-top:30px;
  display: block;
  color: #333;
  background: #f4faf1;
  padding: 10px;
  transition: 0.3s;
  border-radius: 15px;
  box-shadow: 2px 2px 0px 0px rgba(26, 54, 18, 0.08);
}

.under-item div a:hover {
  box-shadow: 7px 7px 0px 0px rgba(26, 54, 18, 0.2);
}

.under-item div a .item-img {
  width: 100%;
}

.under-item div a .item-img img {
  width: 100%;
  border-radius: 10px 10px 0 0;
}

.under-item div a .item_name {
  font-size: .82em;
  height: 35px;
  overflow: hidden;
}

.under-item div a .item_stock {
  margin: 0;
  margin-top: 10px;
}

.under-item div a .item_price {
  font-weight:bold;
  font-size: 1.6em;
  /*font-style: italic;*/
}

.under-item div a .item_price .tax_notation_contents {
  font-size: 0.5em !important;
}

/* 以下変更なし */
#top_img_back {
width:100%;
height:200px;
min-height:200px;
max-height:200px;
overflow:hidden;
}
#top_img_back p {
desplay:block;
text-align:center;
margin:0 auto;
}
#top_img_back p img {
width:100%;
min-height:200px;
max-height:200px;
}

.face {
margin:0 auto;
text-align:center;
width:100%;
position:absolute;
min-height:200px;
max-height:200px;
overflow:hidden;
}
.face img {
height:200px;
}

/*タイトル・見出し
--------------------------------------------*/
#top_main_title {
text-align:center;
font-size:12px;
margin:20px auto;
width:100%;
padding:0 10px;
}
#top_caption {
text-align:center;
font-size:0.8em;
font-weight:normal;
margin:0 auto;
width:100%;
padding:0 10px;
}
.midashi {
font-size:1.2em;
margin:10px;
margin-top:50px;
}
.midashi span {
font-size:0.6em;
font-weight:normal;
display:block;
margin:0;
padding:0;
}

.back_lightcolor {
background:#FEF7CC;
height:550px;
position:absolute;
left:0;
width:100%;
z-index:-1;
margin-top:-30px;
}
.back_color {
background:#F6F6F5;
height:880px;
position:absolute;
left:0;
margin-top:-20px;
width:100%;
z-index:-1;
}

/*トップメニュー
--------------------------------------------*/
#top_menu {
width:100%;
margin:20px auto;
}
#top_menu:after {
width:100%;
clear:both;
content:"";
display:block;
}
#top_menu ul {
float:left;
margin:0;
padding:0;
width:100%;
list-style:none;
}
#top_menu ul li {
float:left;
margin:0;
padding:0;
width:50%;
}
#top_menu ul li a {
display:block;
color:#61534F;
background:#F2F0EB;
padding:20px 0;
margin:3px;
text-align:center;
font-weight:bold;
border-radius:3px;
transition:0.3s;
font-size:13px;
}
#top_menu ul li a:hover {
background:#EAE7DF;
}

/*商品一覧
--------------------------------------------*/
/*
店長のおすすめ
----------------------------------------*/
.item_list_img {
	margin:0 auto;
	padding:0;
	list-style:none;
	display: flex;
	flex-wrap: wrap;
	width:100%;
}

.item_list_img p {
	margin:0;
	padding:0;
	width:33.3333%;
}

.item_list_img p a {
	display: block;
	border: 5px #333 solid;
	border-radius: 10px;
	box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 11px 11px 0px 0px rgba(0,0,0,0.1);
	margin:15px;
  position: relative;
  top: 5px;
  transition: 0.3s;
}

.item_list_img p a img {
	width: 100%;
	border-radius: 4px;
  display: block;
}
.item_list_img p a:hover {
	top: -10px;
}


/*商品リスト
-------------------------------*/
.item_list {
  margin:0 auto;
  padding:0;
  list-style:none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*width:92%;*/
  width:100%;
}
.item_list:after {
  width:100%;
  clear:both;
  content:"";
  display:block;
}
.item_list li {
  margin:10px 0 0;
  padding:0;
  width:33%;
}
.top-item .item_list li {
  /*width:48%; */
  /*width:96%;*/
  display: flex;
  flex: 0 0 96%;
}
.under-item .item_list li {
  /*width:24%; */
  /*width:48%;*/
  display: flex;
  flex: 0 0 48%;
}


.item_list li a {
  /*display:block;*/
  display: flex;
  flex-direction: column;
  background-color: #fff;
  /* margin:15px 0; */
  color:#333;
  /*border: 5px rgb(236, 37, 160) solid;*/
  /*border-radius: 10px;*/
  padding: 10px;
  /*box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 11px 11px 0px 0px rgba(0,0,0,0.1);*/
  border:5px #f2f0eb solid
}
.item_list li a img {
  position:relative;
  top:0;
  width:100%;
  border: 1px #D1D1D1 solid;
  /*border-radius: 10px;*/
  transition:0.3s;
}
.item_list li a:hover img {
  top:-5px;
}
.item_list li a .item_name {
  /*height:40px;*/
  height: auto;
  margin: 10px 0;
  font-size: 0.8em;
  /*color: #0062FF;*/
  color: #333;
  flex: 1 auto;

  /* cut */
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.item_list li a:hover .item_name {
  /*text-decoration:underline;*/
  text-decoration:none;
}
.item_list li a .item_stock {
  margin:0;
  /*text-align: right;*/
  text-align: left;
}

.item_list li a .item_stock .souryoumuryou_chk_icon {
  /*padding: 4px 18px;*/
  padding: 4px 6px;
  margin: 0 0 0 4px;/*add*/
  /*background: #1D2088;/!*add*!/*/
  background: #fff;/*add*/
  /*border: 1px #1D2088 solid;/!*add*!/*/
  border: 1px #ff0000 solid;/*add*/
  /*font-size: 16px;*/
  font-size: 0.8em;
  /*color: #fff;/!*add*!/*/
  color: #ff0000;/*add*/
  line-height: 1;/*add*/
}

.item_list li a .item_stock .non_stock_chk_icon,
.item_list li a .item_stock .stock_chk_icon,
.item_list li a .item_stock .yoyaku_chk_icon {
  padding: 4px 6px;
  margin-right: 0px;
  font-size: 0.8em;
  margin-bottom: 0px;
  line-height: 1;
}

.item_list li a .item_price {
  color:#DF0101;
  /*font-size:2em;*/
  font-size:1.5em;
  /*text-align: right;*/
  text-align: left;
  font-weight: bold;
  letter-spacing: -1px;
  /*font-style: italic;*/
  font-style: normal;
}
.item_list li a .item_price::first-letter{
  font-family: sans-serif;
  font-size:0.7em;
  font-weight:900;
}
.item_list li a .item_price span,/*add*/
.item_list li a .item_price .tax_notation_contents {
  color:#DF0101 !important;/*add*/
  font-size:0.5em !important;
}
.item_list li a .item_price_normal {/*add*/
  margin: 0;
  padding: 0;
  color:#333;/*add*/
  /*font-size:0.8em !important;/!*add*!/*/
  font-size:1em !important;/*add*/
  text-decoration: line-through;/*add*/
}
/* 
.item_list_wrap {
width:100%;
max-width:1200px;
margin:0 auto;
}
.item_list_wrap:before , .item_list_wrap:after {
width:100%;
clear:both;
content:"";
display:block;
}
.item_list_wrap ul {
float:left;
margin:20px 0;
padding:0;
width:100%;
list-style:none;
}
.item_list_wrap ul li {
float:left;
margin:0;
padding:0;
width:20%;
}
.item_list_wrap ul li a {
display:block;
width:100%;
margin-bottom:30px;
text-align:center;
}
.item_list_wrap ul li a img {
width:90%;
position:relative;
top:1px;
transition:0.3s;
}
.item_list_wrap ul li a:hover img {
top:-5px;
}
.item_list_wrap ul li a .item_name {
color:#333;
font-size:1em;
height:40px;
overflow:hidden;
width:90%;
margin:5px auto;
}
.item_list_wrap ul li a:hover .item_name {
text-decoration:underline;
}
.item_list_wrap ul li a .item_stock {
margin:0;
text-align:center;
width:90%;
}
.item_list_wrap ul li a .item_price {
color:#DF0101;
font-size:1em;
text-align:center;
width:90%;
} */


.ribbon{
  position:relative;
  background:#B40404;
  padding:3px 10px;
  padding-right:30px;
  color:#fff;
  display:inline-block;
  font-size:14px;
}
.ribbon:after{
  content: "";
  position:absolute;
  top:0;
  right:0;
  width:0;
  height:0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 13px 13px 13px 0;
}

.dashed_border {position:absolute;border-bottom:3px dashed #B40404;display:block;width:100%;max-width:1200px;z-index:-1;margin-top:-16px;}


.more_btn:before {width:100%;clear:both;content:"";display:block;}
.more_btn {text-align:center;margin:0px auto 50px;}
.more_btn a {display:inline-block;padding:10px 30px;text-align:center;margin:10px 10px;color:#0066cc;border:1px #0066cc solid;border-radius:50px;transition:0.3s;}
.more_btn a i {margin-left:10px;}
.more_btn a:hover {background:#F4FBFF;}


.page_up {margin:0 auto;text-align:right;position:absolute;right:10px;margin-top:-50px;}
.page_up a {font-size:0.8em;}



