@charset "shift-jis";
/*
-------------------------------------------------------------------------------
SHOKUBI CSS
-------------------------------------------------------------------------------
DATE   : 2020/07
AUTHOR : http://www.ntsys.co.jp
-------------------------------------------------------------------------------

framework  : Bootstrap v4.3.1

Breakpoint : 
sm- 576px
md- 768px
lg- 992px
xl-1200px

defalt-color:
#212529
-------------------------------------------------------------------------------
*/

/*
-------------------------------------------------------------------------------
共通設定
-------------------------------------------------------------------------------
*/

/*slickのflexbox対策*/
*{
min-height:0;
min-width : 0;
}


p.item-id{
	background-color:#FFFFCC;
	border:1px solid #663300;
	color:#663300;
	padding:4px;
	line-height:1;
	white-space:nowrap;
	text-align:center;
	font-weight:bold;
}


/*
-------------------------------------------------------------------------------
移転告知
-------------------------------------------------------------------------------
*/
.genre-top{
	margin-top:15px;
}
.move-info{
	border:3px solid #C00;
	border-radius:5px;
	margin-bottom:1rem;
}

.move-info .content{
	display:none;
	padding:10px 10px 0px;
	border-top:1px solid #C00;
	word-break:break-all;
	font-size:.95rem;
}
.genre-top .content{
	display:block;
}
.move-info .content-open{
	color:#C00;
	position: relative;
	margin:0;
	padding:10px 25px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	font-size:1rem;
}
.genre-top .content-open{
	cursor:default;
	font-size:1.2rem;
}
.move-info .content-open:hover{
	background-color:#FAFAFA;
}
.genre-top .content-open:hover{
	background-color:#FFFFFF;
}
.move-info .content-open::before{
	content: "＋";
	position: absolute;
	left:10px;
}
.move-info .content-open.active::before{
	content: "−";
}
.genre-top .content-open::before,
.genre-top .content-open.active::before{
	content:none;
}


/*
-------------------------------------------------------------------------------
商品アナウンス
-------------------------------------------------------------------------------
*/
.item-announce{
	border:2px solid #06C;
	border-radius:5px;
	padding:.3rem;
}
.item-announce p{
	margin-bottom:.3rem;
}
.item-announce .head{
	color:#06C;
	font-weight:bold;
	margin-bottom:.5rem;
	text-align:center;
}
.item-announce .more{
	color:#06C;
	font-weight:bold;
	margin-bottom:.5rem;
	text-align:center;
}
.item-announce .more-content{
	display:none;
	border-top:1px solid #DDD;
	padding:.3rem 0 0 0;
	cursor:pointer;
}
/*
-------------------------------------------------------------------------------
パンくず
-------------------------------------------------------------------------------
*/
div.topic-path{
	width:auto;
	padding:0.25rem;
	margin:0 auto 1rem;
	clear:both;
	text-align:left;
	background-color:#F9F9F9;
	border:1px solid #CCC;
	border-radius:3px;
	font-size:0.9rem;
}
div.topic-path ul{
	margin:0px 0px 0px 0px;
	float:left;
	clear:both;
	width:100%;
}
div.topic-path ul li{
	float:left;
	font-size:100%;
	list-style-type:none;
	color:#444444;
}
div.topic-path ul li a{
	float:left;
}
div.topic-path ul li a:after{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "  \f105  ";
	font-weight:900;
}
div.topic-path ul li:last-child a:after{
	content:none;
}

@media screen and (max-width:768px){
div.topic-path{
    overflow-y:hidden;
    overflow-x:scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
	white-space:nowrap;
}
div.topic-path ul{
	white-space:nowrap;
}
div.topic-path ul li{
	float:none;
	display:inline;
	white-space:nowrap;
}
div.topic-path ul li a{
	float:none;
}
div.topic-path::-webkit-scrollbar{
  height:5px;
}
div.topic-path::-webkit-scrollbar-track{
  margin:2px;
  background:#DDD;
  border-radius:5px;
}
div.topic-path::-webkit-scrollbar-track-piece{
  margin:2px;
  background:#DDD;
  border-radius:5px;
}
div.topic-path::-webkit-scrollbar-thumb{
  border-radius:5px;
  background: #999;
}

}


/*
-------------------------------------------------------------------------------
ジャンルパス
-------------------------------------------------------------------------------
*/
div.topic-path-genre{
	width:auto;
	margin:0 auto 1rem;
	clear:both;
	text-align:left;
	background-color:#FFF;
	border:1px solid #CCC;
	font-size:0.9rem;
	line-height:1;
}
div.topic-path-genre ul{
	margin:0px 0px 0px 0px;
	float:left;
	clear:both;
	width:100%;
	line-height:1;
}
div.topic-path-genre ul li{
	float:left;
	font-size:.9rem;
	list-style-type:none;
	color:#444444;
	line-height:1;
}

div.topic-path-genre ul li a{
	float:left;
	color:#212529;
	padding:0.3rem;
}

div.topic-path-genre ul li:first-child a{
	font-weight:bold;
	background-color:#E8180C;
	color:#FFF;
}

div.topic-path-genre ul li a:after{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	color:#E8180C;
	content : "\f105";
	font-weight:900;
	margin:0 0 0 .4rem;
}


div.topic-path-genre ul li:first-child a:after{
	content:"\f138";
	color:#FFF;
}


div.topic-path-genre ul li:last-child a:after{
	content:none;
}

@media screen and (max-width:768px){
div.topic-path-genre{
    overflow-y:hidden;
    overflow-x:scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
	white-space:nowrap;
}
div.topic-path-genre ul{
	white-space:nowrap;
}
div.topic-path-genre ul li{
	float:none;
	display:inline;
	white-space:nowrap;
}
div.topic-path-genre ul li a{
	float:none;
	display:inline-block;
	padding:.2rem;
}
div.topic-path-genre::-webkit-scrollbar{
  height:5px;
}
div.topic-path-genre::-webkit-scrollbar-track{
  margin:2px;
  background:#DDD;
  border-radius:5px;
}
div.topic-path-genre::-webkit-scrollbar-track-piece{
  margin:2px;
  background:#DDD;
  border-radius:5px;
}
div.topic-path-genre::-webkit-scrollbar-thumb{
  border-radius:5px;
  background: #999;
}
}
/*詳細画面*/
.item-name div.topic-path-genre{
	display:inline-block;
	clear:both;
	font-size:.85rem;
	margin-bottom:0;
}

@media screen and (max-width:768px){
.item-name div.topic-path-genre{
	display:block;
}
}



/*
カテゴリ見出し
*/

h1.category-title,
h1.result-title,
h1.event-title{
	font-weight:bold;
	font-size:1.6rem;
}
h1.category-title span,
h1.result-title span{
	font-size:1.3rem;
	margin:0 0 0 1rem;
}
h2.event-subtitle{
	text-align:center;
	line-height:1;
	padding:0;
	font-size:1.1rem;
}
h2.event-subtitle span{
	line-height:1;
	display:inline-block;
	background-color:#F00;
	color:#FFF;
	padding:.3rem .5rem;
}
h2.event-subtitle span:before{
    font-family: "Font Awesome 7 Free";
    white-space: pre;
    content: "\f08d";
    font-weight: 900;
    margin-right: 0.3rem;
}

p.category-comment{
	
}

.btn-category{
	border:2px solid #F00;
	border-radius:3px;
	color:#F00;
	font-weight:bold;
	line-height:1;
	margin:1rem 0;
	box-shadow:0 6px 2px -3px rgba(0,0,0,0.15);
	padding:.7rem .5rem;
}
.btn-category:hover{
	color:#F00;
}


a.category-banner{
	text-decoration:none;
}


div.category-banner{
	text-align:center;
    color: #FFF;
    text-align: center;
    background-size: cover;
    background-position: 50% 50%;
	position: relative;
	z-index: 0;
 	overflow: hidden;
	background-color:rgba(255,255,255,1);
	background-blend-mode:lighten;
	border-radius:5px;
	border:1px solid #DDD;
	margin:1rem auto;
}
div.category-banner:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(15px);
  -moz-filter: blur1(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur1(15px);
  position: absolute;
  top: -15px;
  left: -15px;
  right: -15px;
  bottom: -15px;
  z-index: -1;
  opacity:0.6;
}
div.category-banner:hover{
  opacity:0.8;
}


a div.category-banner h2{
	font-size:1rem;
	padding:6px;
	background-color:rgba(0,0,0,0.6);
	margin:0;
	text-decoration:none !important;
}
div.category-banner img{
	width:420px;
	height:auto;
}







/*カテゴリ表示*/



div.category-unit,
div.genre-unit{
	margin:15px auto;
	padding:7.5px 0;
	border-top:2px solid #600;
	border-bottom:2px solid #F30;
}

div.category-unit h2,
div.genre-unit h2{
	color:#600;
	font-size:1.1rem;
	font-weight:bold;
}
ul.category-unit,
ul.genre-unit{
	margin:0;
}
ul.category-unit li,
ul.genre-unit li{
	padding-bottom:15px;
}
@media screen and (max-width:576px){
ul.category-unit li,
ul.genre-unit li{
	padding:0;
}
}


ul.category-unit li img,
ul.genre-unit li img{
	width:100px;
	height:auto;
	float:left;
	margin:0 0 7.5px 0;
	border:1px solid #DDD;
}
ul.category-unit p,
ul.category-unit h3,
ul.category-unit ul,
ul.genre-unit p,
ul.genre-unit h3,
ul.genre-unit ul{
	margin-left:105px;
	margin-bottom:0;
}
ul.category-unit ul,
ul.genre-unit ul{
	margin-top:15px;
}
ul.category-unit a,
ul.genre-unit a{
	text-decoration:none;
	display:block;
}

ul.category-unit a:hover,
ul.genre-unit a:hover{
	opacity:0.8;
}
ul.category-unit a h3.name,
ul.genre-unit a h3.name{
	font-size:1rem;
	font-weight:bold;
	border-bottom:1px solid #212529;
	margin-bottom:0.2rem;
	margin-top:0.8rem;
	color:#212529;
	padding-bottom:.2rem;
	text-align:left;
}
ul.category-unit a h3.name:before,
ul.genre-unit a h3.name:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f0da";
	font-weight:900;
	margin-right:0.3rem;
}
ul.category-unit a p.button button,
ul.genre-unit a p.button button{
	font-size:.8rem;
	background-color:#C00;
	font-weight:bold;
	padding:4px;
	box-shadow:none;
	border:2px solid #C00;
}
ul.genre-unit a p.button button{
	border-color:#E8180C;
	background-color:#FFF;
	color:#E8180C;
}
ul.category-unit a p.button button:focus,
ul.genre-unit a p.button button:focus{
	box-shadow:none;
	outline:none;
}
ul.category-unit a p.button button:before,
ul.genre-unit a p.button button:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f058";
	font-weight:900;
	margin-right:0.3rem;
}
ul.genre-unit a p.button button:before{
	content : "\F138";
}
ul.category-unit p.comment,
ul.genre-unit p.comment{
	font-size:0.75rem;
}
ul.category-unit a p.comment,
ul.genre-unit a p.comment{
	font-size:0.75rem;
	color:#212529;
	margin-top:.3rem;
}

ul.category-unit ul li,
ul.genre-unit ul li{
	font-size:0.8rem;
	margin:0;
	margin-left:0.5rem;
	border:none;
	padding-bottom:0;
}
ul.category-unit ul li a,
ul.genre-unit ul li a{
	font-weight:bold;
}
ul.category-unit ul li a:before,
ul.genre-unit ul li a:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f0da";
	font-weight:900;
	margin-right:0.3rem;
}


/*
-------------------------------------------------------------------------------
商品リスト
-------------------------------------------------------------------------------
*/
nav div.category,
nav div.genre{
	width:230px;
	padding:0 15px 0 0;
	border-right:1px solid #DDD;
	border-radius:3px;
}

nav div.category p,
nav div.genre p{
	margin:0;
}
nav div.category p a,
nav div.genre p a{
	color:#FFF;
	background-color:#C00;
	font-size:0.9rem;
	text-align:center;
	display:block;
	font-weight:bold;
	padding:3px 0;
}
nav div.genre p a{
	background-color:#E8180C;
}
nav div.category ul,
nav div.genre ul{
	margin:0;
	margin-top:10px;
}
nav div.category ul li,
nav div.genre ul li{
	font-size:0.9rem;
	margin-left:1em;
}
nav div.category ul li a,
nav div.genre ul li a{
	color:#212529;
	text-indent:-1em;
	display:block;
}
@media screen and (max-width:1400px){
nav div.category,
nav div.genre{
	width:200px;
}
nav div.category p a,
nav div.genre p a{
	font-size:0.8rem;
}
nav div.category ul li,
nav div.genre ul li{
	font-size:0.8rem;
}
}

@media screen and (max-width:992px){
nav div.category,
nav div.genre{
	width:auto;
	padding:0;
	border:0;
	margin:0 -15px;
}
nav div.category ul li,
nav div.genre ul li{
	margin-left:0;
}
nav div.category ul li a,
nav div.genre ul li a{
	border-top:1px solid #DDD;
	display:block;
	text-indent:0;
	padding:5px 3px;
}
}

nav div.category ul li ul,
nav div.genre ul li ul{
	margin:0 0 0.5rem 0.5rem;
}
nav div.category ul li a:before,
nav div.genre ul li a:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f0da";
	font-weight:900;
	margin-left:0.3rem;
	margin-right:0.3rem;
}
nav div.category ul li.active a,
nav div.genre ul li.active a{
	color:#F30;
	font-weight:bold;
}
nav div.genre ul li.active a{
	color:#E8180C;
	font-weight:bold;
}
nav div.category ul li.active li a,
nav div.genre ul li.active li a{
	color:#212529;
	font-weight:normal;
}
nav div.category ul li.active a:before,
nav div.genre ul li.active a:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f152";
	font-weight:900;
	margin-left:0rem;
	margin-right:0.2rem;
}

/*リスト*/
.page-navi .sort p,
.page-navi .sort ul,
.page-navi .sort li{
	display:inline-block;
	margin:0;
}
.page-navi .sort li{
	padding-right:2px;
}
.page-navi .sort nav{
	text-align:left;
	font-size:.85rem;
	border:1px solid #CCC;
	border-radius:0.2rem;
	padding: .5rem 0rem;
	display:inline-block;
	margin-bottom:5px;
}



@media screen and (max-width:768px){
.page-navi .sort nav{
	width:100%;
}
}

.page-navi .sort nav p{
	color:#212529;
	border-right:1px solid #DDD;
	padding-right:.2rem;
	padding-left:.2rem;
	font-size:80%;
	font-weight:bold;
}

.page-navi .sort nav label{
	margin:0;
}
.page-navi .sort nav ul li{
	margin:0px 1px;
}

.page-navi .sort nav ul li a{
	text-decoration:underline;
}
.page-navi .sort nav ul li a.active{
	color:#212529;
	font-weight:bold;
}
.page-navi .sort nav ul li a:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f0c8";
	margin-right:2px;
}
.page-navi .sort nav ul li a:hover:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f14a";
	margin-right:2px;
}
.page-navi .sort nav ul li a.active:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f14a";
	font-weight:900;
	margin-right:2px;
}

@media screen and (max-width:768px){
.page-navi .sort nav p{
	font-size:0.8rem;
}
.page-navi .sort nav p i{
	display:none;
}
}

/*ページネーション*/

.page-nation{
	background-color:#EEE;
}

.page-nation button{
	background-color:#FFF;
	color:#666;
	border:1px solid #DDD;
	border-radius:0.25rem;
	font-size:1rem;
    padding:.375rem .75rem;
	display:inline-block;
    text-align: center;
    vertical-align: middle;
	line-height: 1.5;
	box-shadow:0px 1px 1px -0.5px rgba(0,0,0,0.1);
}
.page-nation a button{
	color:#007BFF;
}
.page-nation ul li{
	display:inline-block;
	margin:0 2px;
}

.page-nation nav.prev i{
	margin-right:3px;
}
.page-nation nav.next i{
	margin-left:3px;
}
.page-nation nav.nombre p{
	font-size:1rem;
    padding:.375rem .75rem;
	display:inline-block;
    text-align: center;
    vertical-align: middle;
	line-height: 1.5;
	margin:0;
}

.page-nation ul li.active button,
.page-nation ul li.active button:hover{
	background-color:#CCC;
	border-color:#CCC;
	color:#212529;
	opacity:1;
	cursor:not-allowed;
	box-shadow:1px 1px 1px rgba(0,0,0,0.3) inset;
}
.page-nation button[disabled],
.page-nation button[disabled]:hover{
	color:#666;
	opacity:1;
	box-shadow:none;
}
.page-nation nav.nombre li.active button{
	cursor:not-allowed;
}
/*リスト本体（new）*/

.item-list ul.item-list,
.item-list-result ul.item-list,
.item-list-event ul.item-list{
}
.item-list ul.item-list div,
.item-list-result ul.item-list div,
.item-list-event ul.item-list div{
	margin-bottom:2.2rem;
}

.item-list ul.item-list div.image,
.item-list-result ul.item-list div.image,
.item-list-event ul.item-list div.image{
	float:left;
	width:150px;
	height:150px;
}
.item-list ul.item-list div.image img,
.item-list-result ul.item-list div.image img,
.item-list-event ul.item-list div.image img{
	width:150px;
	height:auto;
	border:1px solid #DDD;
	position:absolute;
	z-index:10;
}
ul.item-list div.group{
	position:relative;
}
ul.item-list div.group img{
	border-color:#CCC !important;
}

.item-list ul.item-list div.group:before,
.item-list-result ul.item-list div.group:before,
.item-list-event ul.item-list div.group:before{
	content:"";
	border:1px solid #CCC;
	background-color:#FFF;
	width:150px;
	height:150px;
	display:block;
	position:absolute;
	top:4px;
	left:4px;
	z-index:100;
	opacity:0;
	animation:fadeIn-01 0.5s ease-in 0.2s 1 normal;
animation-fill-mode: forwards;
}
.item-list ul.item-list div.group:after,
.item-list-result ul.item-list div.group:after,
.item-list-event ul.item-list div.group:after{
	content:"";
	border:1px solid #CCC;
	 background-color:#FFF;
	width:150px;
	height:150px;
	display:block;
	position:absolute;
	top:8px;
	left:8px;
	z-index:10;
	opacity:0;
	animation:fadeIn-02 0.5s ease-in 0.4s 1 normal;
	animation-fill-mode: forwards;
}
@keyframes fadeIn-01{ 
  from {opacity:0;top:0;left:0;}
  to   {opacity:1;top:4px;left:4px;}
}
@keyframes fadeIn-02{ 
  from {opacity:0;top:0;left:0;}
  to   {opacity:1;top:8px;left:8px;}
}


.item-list ul.item-list .image .caption,
.item-list-result ul.item-list .image .caption,
.item-list-event ul.item-list .image .caption{
	background-color:#F00;
	position:relative;
	top:152px;
	opacity:1;
	border-radius:2px;
	z-index:10000;
}
.item-list ul.item-list .image .caption:before,
.item-list-result ul.item-list .image .caption:before,
.item-list-event ul.item-list .image .caption:before{
	content: "";
	position: absolute;
	top:-10px;
	left:50%;
	margin-left:-5px;
	border:5px solid transparent;
	border-bottom:5px solid #F00;
}
.item-list ul.item-list .image .caption p,
.item-list-result ul.item-list .image .caption p,
.item-list-event ul.item-list .image .caption p{
	margin:0;
	color:#FFF;
	padding:0.2rem;
	font-size:0.65rem;
	text-align:center;
	line-height:1;
}

.item-list ul.item-list div.info,
.item-list-result ul.item-list div.info,
.item-list-event ul.item-list div.info{
	margin-left:160px;
	padding-right:15px;
}

@media screen and (max-width:576px){
.item-list ul.item-list div.info,
.item-list-result ul.item-list div.info,
.item-list-event ul.item-list div.info{
	padding-right:0;
}
}


.item-list ul.item-list div.info p,
.item-list-result ul.item-list div.info p,
.item-list-event ul.item-list div.info p{
	line-height:1;
	margin:0;
}


.item-list ul.item-list div.info .name,
.item-list-result ul.item-list div.info .name,
.item-list-event ul.item-list div.info .name{
	line-height:1.2;
}

.item-list ul.item-list div.info .name a,
.item-list-result ul.item-list div.info .name a,
.item-list-event ul.item-list div.info .name a{
	word-break: break-all;
	color:#212529;
	font-weight:bold;
}


.item-list ul.item-list div.info ul,
.item-list-result ul.item-list div.info ul,
.item-list-event ul.item-list div.info ul{
	margin-top:0.5rem;
	text-align:left;
}

.item-list ul.item-list div.info li,
.item-list-result ul.item-list div.info li,
.item-list-event ul.item-list div.info li{
	display:inline-block;
}
.item-list ul.item-list div.info li img,
.item-list-result ul.item-list div.info li img,
.item-list-event ul.item-list div.info li img{
	width:35px;
	height:auto;
	cursor:pointer;
}
.item-list ul.item-list div.info p.std-price,
.item-list ul.item-list div.info p.price,
.item-list-result ul.item-list div.info p.std-price,
.item-list-result ul.item-list div.info p.price,
.item-list-event ul.item-list div.info p.std-price,
.item-list-event ul.item-list div.info p.price{
	font-size:0.8rem;
	color:#333;
	margin-top:0.5rem;
	text-align:left;
}
.item-list ul.item-list div.info p.price,
.item-list-result ul.item-list div.info p.price,
.item-list-event ul.item-list div.info p.price{
	margin-top:0.2rem;
	color:#F00;
}
.item-list-result ul.item-list div.info p.std-price,
.item-list-result ul.item-list div.info p.price,
.item-list-event ul.item-list div.info p.price{
	text-align:left;
}
.item-list ul.item-list div.info p.price span,
.item-list-result ul.item-list div.info p.price span,
.item-list-event ul.item-list div.info p.price span{
	font-family:'Roboto',sans-serif;
	font-size:1.1rem;
}

.item-list ul.item-list div.info p.group,
.item-list-result ul.item-list div.info p.group,
.item-list-event ul.item-list div.info p.group{
	font-size:0.8rem;
	margin-top:.7rem;
}
.item-list ul.item-list div.info p.group a,
.item-list-result ul.item-list div.info p.group a,
.item-list-event ul.item-list div.info p.group a{
	color:#212529;
}
.item-list ul.item-list div.info p.group i,
.item-list-result ul.item-list div.info p.group i,
.item-list-event ul.item-list div.info p.group i{
}


.item-list ul.item-list div.info p.cart,
.item-list-result ul.item-list div.info p.cart,
.item-list-event ul.item-list div.info p.cart{
	text-align:right;
}

.item-list ul.item-list div.info p.cart button,
.item-list-result ul.item-list div.info p.cart button,
.item-list-event ul.item-list div.info p.cart button{
	background-color:#F00;
	padding:0.4rem 0.6rem;
	margin-top:5px;
	font-size:0.8rem;
	font-weight:bold;
}
ul.item-list li.no-item{
	text-align:center;
	border:2px dashed #DDD;
	padding:40px 0;
	list-style:none;
}
ul.item-list li.no-item p{
	margin:40px 0;
	color:#666;
}



/*
-------------------------------------------------------------------------------
ジャンルトップ
-------------------------------------------------------------------------------
*/

.genre-head{
	margin:.5rem auto;
	padding:0;
}
.genre-head h1{
	text-align:center;
	font-size:1.4rem;
	color:#212529;
	display:inline-block;
	padding:.2rem .5rem;
	margin:auto;
}
h2.genre-head{
	text-align:left;
	font-size:1.2rem;
	padding:.4rem;
	background-color:#252525;
	color:#FFF;
	line-height:1;
}
h3.genre-head{
	text-align:left;
	font-size:1.1rem;
	padding:.2rem 0;
	color:#212529;
	border-bottom:2px solid #212529;
	line-height:1;
}

.genre-head p{
	margin:0;
}


.genre-eyecatch{
	text-align:center;
	border-radius:10px;
	margin-top:10px;
}


.genre-menu{
	margin-top:5px;
	margin-bottom:10px;
	position:sticky;
	top:0px;
	z-index:10000;
	background-color:#FAF8F5;
	border:1px solid #CCC;
	box-shadow:0px 2px 1px rgba(0,0,0,0.1);
}
body#article .genre-menu{
	margin-left:16px;
	margin-right:16px;
}
.genre-menu .genre-name{
	font-weight:bold;
	font-size:1.1rem;
}
.genre-menu ul li a.nav-link{
	color:#212529 !important;
	font-size:.95rem;
}
.genre-menu ul li a.nav-link:before{
	font-family:"Font Awesome 7 Free";
	content : "\f152";
	font-weight:900;
	margin-right:.1rem;
}

/*おすすめアイテム*/


div.recommend-item-genre{
	margin-top:1rem;
	position:relative;
}


div.recommend-item-genre p.list{
	font-size:0.9rem;
	margin:0;
	text-align:right;
	position:absolute;
	top:5px;
	right:0;
}


div.recommend-item-genre .slider{
	display:none;
	position:relative;
	height:
 }
div.recommend-item-genre .slick-initialized{
	display:block;
}


div.recommend-item-genre h2{
	font-size:1rem;
	text-align:left;
	border-top:3px solid #212529;
	padding-top:0.3rem;

}
div.recommend-item-genre h2 i{
 transform:rotate(45deg);    
}
div.recommend-item-genre div.recommend-container{
}

div.recommend-item-genre ul li{
	width:381px;
}
div.recommend-item-genre ul li img{
	border:1px solid #EEE;
 	animation: fadeIn .5s ease 0s 1 normal;
    -webkit-animation: fadeIn .5s ease 0s 1 normal;
}

div.recommend-item-genre ul li{
	margin:0 .5rem;
	display:inline-block;
}
div.recommend-item-genre ul li a,
div.recommend-item-genre ul li a:hover{
	text-decoration:none;
}

.recommend-item-genre ul li a p{
	font-size:.8rem;
	color:#212529;
	line-height:1.2;
	font-weight:bold;
}



.recommend-item-genre button.prev,
.recommend-item-genre button.next{
	position:absolute;
	background-color:#FFF;
	top:70px;
	z-index:1000;
	font-size:2rem;
	width:2.5rem;
	height:2.5rem;
	padding:.1rem;
	border-radius:5px;
	color:#039;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
}
.recommend-item-genre button.prev{
	left:-.5rem;
}
.recommend-item-genre button.next{
	right:-.5rem;
}


section.genre-feature{
	margin-top:3rem;
}

section.genre-feature div.frame{
	border-bottom:2px solid #CCC;
}
section.genre-feature div.frame:last-child{
	border-bottom:none;
}




section.genre-feature h2{
	text-align:center;
	font-size:1.3rem;
	padding:.6rem 0;
	margin-bottom:2rem;
	color:#FFF;
	background-color:#212529;
    transform: skewX(-10deg);
}
section.genre-feature h2 span{
    transform: skewX(10deg);
	display:inline-block;
}
section.genre-feature h3{
	text-align:center;
	font-size:1.7rem;
	font-weight:bold;
	margin-bottom:1.5rem;
	margin-top:1rem;
}
section.genre-feature h4{
	font-size:1rem;
	font-weight:bold;
	margin-bottom:.5rem;
	text-align:left;
}
/*
-------------------------------------------------------------------------------
イベント
-------------------------------------------------------------------------------
*/

.event-image{
    text-align:elft;
    color: #FFF;
    margin: 1rem auto;
}

/*
-------------------------------------------------------------------------------
商品詳細
-------------------------------------------------------------------------------
*/

div.upper-limit{
	margin:.2rem .2rem;
	text-align:center;
}

div.upper-limit p{
	text-align:center;
	display:inline-block;
	border:1px solid #F00;
	border-radius:4px;
	padding:0rem .2rem;
	font-size:.8rem !important;
	font-weight:bold !important;
	white-space:nowrap;
}
div.upper-limit p:before{
	font-family:"Font Awesome 7 Free";
	content : "\f35b";
	color:#F00;
	margin-right:.2rem;
	font-weight:900;
}

div.upper-limit p strong{
	color:#F00;
	margin-left:.2rem;
    font-family: 'Roboto',sans-serif;
	font-weight:bold;
}

p.jancode{
	display:inline-block;
	margin:0;
	padding:1px 1px 1px 5px;
	line-height:1;
	font-size:0.8rem;
	background-color:#099;
	color:#FFF;
}

p.jancode span{
	background-color:#FFF;
	line-height:1;
	display:inline-block;
	padding:3px 5px;
	margin:0 0 0 5px;
	color:#212529;
}
ul.delivery-icon{
	text-align:center;
	margin:.5rem 0 0;
}
ul.delivery-icon li{
	display:inline-block;
}
ul.delivery-icon li img{
	width:50px;
	height:auto;
}



p.list-price,
p.sale-price,
p.d-rate,
p.stock-info{
	margin:0;
	padding:0;
}
p.list-price{
	line-height:1;
	margin-top:5px;
}

p.sale-price{
	color:#F00;
	line-height:1;
	margin-top:3px;
}
p.sale-price span{
	font-size:1.8rem;
	font-family: 'Roboto',sans-serif;
}
p.sale-price strong.d-rate{
	background-color:#F00;
	color:#FFF;
	padding:4px 5px;
	display:inline-block;
	transform: skewX(-10deg);
	line-height:1;
	font-size:1.4rem;
	font-family: 'Roboto',sans-serif;
}



/*在庫情報*/

p.stock-info{
	margin-top:0rem;
	font-size:0.8rem;
}
p.stock-info span{
	display:inline-block;
	color:#FFF;
	padding:4px 1.5rem;
	transform: skewX(-10deg);
	font-size:1.1rem;
}
p.stock-info span strong{
	display:inline-block;
	transform: skewX(10deg);
	font-weight:normal;
}
p.stock-info .stock{
	background-color:#090;
}
p.stock-info .in-stock{
	background-color:#F30;
}
p.stock-info .low-stock{
	background-color:#06C;
}
p.stock-info .out-of-stock{
	background-color:#F03;
}
p.stock-info .back-order{
	background-color:#F30;
}
p.stock-info i{
	margin-right:5px;
	transform: skewX(10deg);
}


p.delivery-info{
	margin:.7rem 0 .2rem;
	text-align:center;
}


.cta-area p.delivery-free{
	margin:.3rem auto .1rem;
    text-align: center;
    font-size:.7rem;
    padding:2px;
    border: 1px solid #F00;
    background-color: #FFF;	
}
.cta-area p.delivery-free strong{
	font-size:.8rem;
	color:#F00;
	font-weight:bold;
	margin:0;
}


p.delivery-info a{
	font-size:.8rem;
	text-decoration:underline;
	font-weight:bold;
}
p.delivery-info a i{
	margin-right:.2rem;
}


.item-name p.successor{
	font-size:0.8rem;
	padding:0;
	clear:none;
	margin:0 0 5px 0;
	color:#630;
}
.item-name p.successor strong{
	display:inline-block;
    color: #663300;
	border:1px solid #663300;
	font-weight:normal;
	padding:0px 4px;
	margin:0 3px 0;
	text-align:center;
}

div.successor{
	padding:5px;
	margin-bottom:15px;
	border:1px solid #DDD;
}
div.successor a{
	display:block;
	text-decoration:none;
	color:#212529;
}
div.successor p.info{
	color:#F30;
	margin:0 0 5px 0;
	font-weight:bold;
	font-size:0.9rem;
}
div.successor div img{
	float:left;
	width:80px;
	height:80px;
	border:1px solid #DDD;
}
div.successor div p{
	margin:0;
	margin-left:90px;
	font-size:0.9rem;
	line-height:120%;
}
div.successor div p.sale-price{
	margin-top:5px;
}
div.successor div p.sale-price,
div.successor div p.sale-price span{
	font-size:1rem;
}



.item-name h1{
	font-size:1.7rem;
	font-weight:bold;
	margin:0 0 0 0;
	line-height:1.2;
	padding-bottom:0.5rem;
	border-bottom:1px solid #DDD;
	word-break: break-all;
}

.item-name p.item-id{
	font-size:0.8rem;
	padding:4px;
	line-height:1;
	display:inline-block;
	margin:0 0 .5rem 0;
}

/*商品情報*/
.item-name ul.icon{
	margin:5px 0 0 0;
}
.item-name ul.icon li{
	display:inline-block;
	margin-right:5px;
}
.item-name ul.icon li a{
	display:block;
}

.item-name ul.icon li a:hover{
	opacity:0.8;
	cursor:pointer;
	position:relative;
}

.item-name ul.icon li img{
	width:35px;
	height:35px;
}

/*bootstrapツールチップ*/

div.popover{
	font-family:'Noto Sans JP','游ゴシック Medium','游ゴシック体','Yu Gothic Medium', YuGothic,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.2;	
	box-shadow:4px 4px 2px 0px rgba(0,0,0,0.1);
}


h3.popover-header{
	color:#F30;
	background-color:#FFF;
	font-weight:bold;
	text-align:center;
}

p.item-summary{
	font-size:1.3rem;
	line-height:1.2;
	font-weight:bold;
	color:#600;
}

p.item-feature{
	font-size:1rem;
}




.staf-review{
  width: 100%;
  margin: 1em 0;
}
.staf-review .icon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.staf-review .icon img{
  width: 80px;
  height: auto;
  border: solid 1px #DDD;
  border-radius: 50%;
}

.staf-review .comment {
  width: 100%;
}

.review {
  display: inline-block;
  position: relative; 
  margin: 0 0 0 90px;
  padding:.5rem;
  border-radius: 4px;
  background: #EEE;
}

.review:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 25px; 
  left: -16px;
  border: 8px solid transparent;
  border-right: 8px solid #EEE;
}

.review p {
  margin: 0;
  padding: 0;
  font-size:1rem;
}
.review p.head{
	font-size:.8rem;
	margin-bottom:.5rem;
	line-height:1.2;
	color:#666;
	font-weight:normal;
}
div.catalog-info{
	border-top:2px solid #444444;
	border-bottom:2px solid #444444;
	padding:5px;
	display:inline-block;
	margin:10px 0;
}
div.catalog-info img{
	float:left;
	width:40px;
	height:auto;
	border:1px solid #CCC;
	transform:rotate(0deg); 
}
div.catalog-info p{
	margin:0;
	line-height:1;
	margin-left:50px;
	font-size:0.9rem;
}
div.catalog-info p.name{
	font-weight:bold;
	margin-top:0.3rem;
}
div.catalog-info p.code{
	margin-top:0.8rem;
	font-size:0.8rem;
}
div.catalog-info p.code strong{
	margin-left:0.2rem;
	color:#36C;
	font-size:1rem;
}

/*バリエーション*/

.variation{
	margin:2rem 0;
}
.variation p{
	margin:0;
	color:#F30;
	font-size:0.75rem;
	font-weight:bold;
	line-height:1.1;
	padding-top:0.1rem;
}
.variation ul{
	margin-top:3px;
	vertical-align:top;
}
.variation ul li{
	vertical-align:top;
	display:inline-block;
	width:74px;
	height:115px;
}
.variation ul li .name{
	text-align:center;
	word-break:break-all;
}
.variation ul li a{
	text-decoration:none;
}
.variation ul li a .name{
	color:#212529;
	text-decoration:none;
	font-weight:bold;
	word-break:break-all;
}
.variation ul li a:hover .name{
	color:#F30;
}
.variation ul li img{
	width:74px;
	height:74px;
	border:3px solid #CCC;
}
.variation ul li.active img,
.variation ul li a:hover img{
	border-color:#F30;
}
.variation ul li.active{
	position:relative;
}
.variation ul li.active:before{
	font-family:"Font Awesome 7 Free";
	content : "\f13a";
	font-weight:900;
	font-size:1.2rem;
	position:absolute;
	color:#F30;
	top:0px;
	left:5px;
}


/*バリエーション未設定時*/
.variation ul.un-divid{
	border-top:1px solid #DDD;
	margin-bottom:0;
}
.variation ul.un-divid li{
	display:block;
	clear:both;
	border-bottom:1px solid #DDD;
	width:auto;
	height:auto;
}
.variation ul.un-divid li::after {
	display: block;
	clear: both;
	content: "";
}
.variation ul.un-divid li a{
	display: block;
}
.variation ul.un-divid li a::after {
	display: block;
	clear: both;
	content: "";
}
.variation ul.un-divid li img{
	width:50px;
	height:50px;
	border:3px solid #CCC;
	display:block;
	float:left;
}
.variation ul.un-divid li.active,
.variation ul.un-divid li a:hover{
	background-color:rgba(255,51,0, 0.05);
}

.variation ul.un-divid li.active img,
.variation ul.un-divid li a:hover img{
	border-color:#F30;
}
.variation ul.un-divid li .name{
	margin-left:55px;
	text-align:left;
	font-size:0.8rem;
	padding:6px;
	word-break:break-all;
}
.variation ul.un-divid li:last-child{
	opacity:1;
}

.variation div.more-variation{
	text-align:center;
	padding:0.8rem 0;
}
.variation div.more-variation button{
	padding:0.5rem;
	border-radius:5px;
	color:#007BFF;
	border:2px solid #007BFF;
	background-color:#FFF;
}
.variation div.more-variation button:before{
	font-family:"Font Awesome 7 Free";
	content : "\f13a";
	font-weight:900;
	margin-right:0.4rem;
}
/*注意事項*/

.caution{
	color:#C00;
	background-color:#FCC;
	margin:2rem auto;
	padding:10px;
	border-radius:5px;
}
.caution p.head{
	font-weight:bold;
	margin:0;
	padding:0;
}
.caution p.comment{
	margin:5px 0 0 0;
	font-size:0.9rem;
}
.caution p.comment a{
	text-decoration:underline;
}

/*スペック表示*/

p.item-commonspec{
	font-size:1rem;
	margin:1.5rem 0;
}

div.spec{
	overflow-x:auto;
	overflow-y:hidden;
	padding:0 0 0 0;
    -webkit-overflow-scrolling: touch;
	margin:2rem 0;
}
.spec h2{
	color:#400A00;
	padding:0;
	font-size:0.9rem;
	margin-bottom:2px;
	font-weight:bold;
}
.spec h2:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f022";
	font-weight:900;
	margin-right:0.3rem;
}
ul.spec-icon{
	margin-top:1rem;
}

ul.spec-icon li{
	display:inline-block;
	margin-right:3px;
}
ul.spec-icon li img{
	cursor:pointer;
	width:50px;
	height:50px;
}
ul.spec-icon li img:hover{
	position:relative;
	top:-2px;
	left:-2px;
	opacity:.7;
}
ul.spec-icon li img:active{
	position:relative;
	top:0;
	left:0;
	opacity:.7;
}

p.spec-icon-link{
	font-size:.8rem;
	font-weight:bold;
	margin-top:-.5rem;
}

.spec table{
	font-size:0.95rem;
	border:1px solid #DDD;
	border-left:none;
	border-right:none;
	border-collapse:collapse;
	width:100%;
}
.spec table th,
.spec table td{
	padding:3px;
}
.spec table th,
.spec table td{
	border-top:1px solid #DDD;
}
.spec table th{
	color:#400A00;
	padding-left:5px;
	padding-right:5px;
	width:35%;
}
.spec table td{
	word-break:break-all;
	width:65%;
}
@media screen and (max-width:768px){
.spec table td{
	word-break:normal;
}
}

.spec table tr:nth-child(odd) th,
.spec table tr:nth-child(odd) td{
    background:#F2F2F2;
}

/*シリーズ商品*/

div.series-items{
	margin-top:1.5rem;
}
div.series-items h2{
	color:#400A00;
	font-size:1rem;
	font-weight:bold;
	padding:0.2rem 0;
	text-align:left;
	margin:0;
	border-top:2px solid #400A00;
}
div.series-items h2 i{
	margin-right:5px;
}
div.series-items ul{
	margin:0;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
}
div.series-items ul:after{
  content: "";
  display: block;
  clear: both;
}

div.series-items li{
	padding:0.2rem 0;
	border-bottom:1px solid #DDD;
	margin:0 0 -1px 0;
	width:50%;
	float:left;
}
@media screen and (max-width:576px){
div.series-items li{
	width:100%;
	float:none;
}
}

div.series-items div.image img{
	width:100px;
	height:auto;
	border:1px solid #DDD;
}

div.series-items div.info p.name{
	font-size:.9rem;
	font-weight:bold;
	line-height:1.2;
	margin-top:0.5rem;
	margin-bottom:0;
}
div.series-items div.info p.name a{
	color:#212529;
}
div.series-items div.info p.price{
	color:#F00;
	font-size:.9rem;
	margin-bottom:0;
	font-family: 'Roboto',sans-serif;
}
div.series-items div.info p.price span{
}
div.more-series{
	text-align:center;
	padding:0.5rem;
	clear:both;
	background-color:#EEE;
}

div.more-series button{
	padding:0.7rem;
	font-weight:bold;
	background-color:#F30;
}

div.more-series button:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f13a";
	font-weight:900;
	margin-right:0.3rem;
}

/*シリーズ商品（改）*/

div.series-item{
	margin-top:1.5rem;
}

div.series-item h2{
	color:#400A00;
	font-size:1rem;
	font-weight:bold;
	padding:0.2rem 0 .5rem;
	text-align:left;
	margin:0;
	border-top:2px solid #400A00;
}
div.series-item ul li{
	text-align:center;
}
div.series-item ul li img{
	max-width:120px;
	height:auto;
}
@media screen and (max-width:1300px){
div.series-item ul li img{
	width:100%;
}
}
div.series-item ul li .info .name{
	font-size:.75rem;
	font-weight:bold;
	line-height:1.2;
	margin:0;
	word-break:break-all;
}
div.series-item ul li .info .name a{
	color:#212529;
}
div.series-item ul li .info .price{
	color:#F00;
	font-size:.85rem;
	margin-bottom:0;
	font-family: 'Roboto',sans-serif;

}
/*関連商品*/
.relational-item{
	margin-top:15px;
	padding:0 0px;
}

.relational-item h2{
	color:#BF2600;
	text-align:left;
	margin:0 0 10px 0;
	padding:0.2rem 0;
	font-size:1rem;
	border-top:2px solid #BF2600;
}
.relational-item h2 i{
	margin-right:5px;
}
.relational-item ul{
	position:relative;
	cursor:move;
}
.relational-item ul button{
	position:absolute;
	top:50px;
	width:30px;
	height:40px;
	background-color:#F30;
	text-align:center;
}
.relational-item ul button.slick-disabled{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity:0.8;
}
.relational-item ul button.prev{
	left:-12px;
	z-index:1000;
}
.relational-item ul button.next{
	right:-15px;
}
.relational-item ul li{
	width:130px;
	text-align:center;
}

.relational-item ul li img{
	width:120px;
	height:auto;
	margin:auto;
	border:1px solid #DDD;
}
.relational-item ul li p.name,
.relational-item ul li p.price{
	line-height:1.1;
	text-align:center;
	padding:0 5px;
}
.relational-item ul li p.name a{
	line-height:1;
	font-size:.75rem;
	font-weight:bold;
	color:#212529;
	text-align:center;
	word-break:break-all;
}
.relational-item ul li p.price{
	color:#F00;
	font-size:.85rem;
	line-height:1.2;
	font-family: 'Roboto',sans-serif;
}
.relational-item ul li p.price span{
	font-family: 'Roboto', sans-serif;
}

/*おすすめ商品*/
.recommend-item{
	margin-top:15px;
	padding:.5rem;
	border:3px solid #CCC;
	border-radius:0px;
}

.recommend-item h2{
	color:#F00;
	text-align:left;
	margin:0 0 .3rem 0;
	padding:0 0 0.2rem;
	font-size:.85rem;
}
.recommend-item h2 span{
	display:inline-block;
	background-color:#F00;
	color:#FFF;
	font-size:.9rem;
	margin-right:.5rem;
	padding:.3rem .2rem;
	line-height:1;
    font-family: 'Roboto', sans-serif;
    transform: skewX(-10deg);
}
.recommend-item h2 i{
	margin-right:5px;
}
.recommend-item ul{
	position:relative;
	cursor:move;
	margin:0 .7rem;
}
.recommend-item ul button{
	position:absolute;
	top:40px;
	width:30px;
	height:40px;
	background-color:#FFF;
	color:#F00;
	border:2px solid #F00;
	text-align:center;
}
.recommend-item ul button.slick-disabled{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity:0.8;
}
.recommend-item ul button.prev{
	left:-40px;
	z-index:1000;
}
.recommend-item ul button.next{
	right:-40px;
}
.recommend-item ul li{
	width:250px;
	text-align:center;
	margin-right:10px;
}

.recommend-item ul li img{
	width:120px;
	height:auto;
	float:left;
	margin:auto;
	border:1px solid #DDD;
}
.recommend-item ul li p.name,
.recommend-item ul li p.price{
	font-size:0.8rem;
	margin:0px 0 0 125px;
	line-height:1.1;
	text-align:left;
}
.recommend-item ul li p.name a{
	line-height:1;
	font-size:0.9rem;
	font-weight:bold;
	color:#212529;
	word-break:break-all;
}
.recommend-item ul li p.price{
	color:#F00;
	font-size:1rem;
	line-height:1.2;
	font-family: 'Roboto',sans-serif;
}
.recommend-item ul li p.price span{
	font-family: 'Roboto', sans-serif;
}




/*商品画像*/

div.item-media .item-image{
	width:600px;
	margin:auto;
}
div.item-media .item-image .main-image-container{
	border:1px solid #EEE;
	width:600px;
	height:600px;
	display:flex;
	justify-content:center;
	align-items:center;
}
div.item-media .item-image .main-image-container img{
	aspect-ratio:1/1;
}
div.item-media .item-image img:hover{
	opacity:0.8;
}
@media screen and (max-width:1550px){
body#d-menu div.item-media .item-image{
	width:450px;
}
body#d-menu div.item-media .item-image .main-image-container{
	width:450px;
	height:450px;
}
}
@media screen and (max-width:1440px){
div.item-media .item-image{
	width:500px;
}
div.item-media .item-image .main-image-container{
	width:500px;
	height:500px;
}
body#d-menu div.item-media .item-image{
	width:400px;
}
body#d-menu div.item-media .item-image .main-image-container{
	width:400px;
	height:400px;
}
}
@media screen and (max-width:1280px){
div.item-media .item-image{
	width:450px;
}
div.item-media .item-image .main-image-container{
	width:450px;
	height:450px;
}
body#d-menu div.item-media .item-image{
	width:250px;
}
body#d-menu div.item-media .item-image .main-image-container{
	width:250px;
	height:250px;
}
}
@media screen and (max-width:992px){
body#d-menu div.item-media .item-image{
	width:450px;
}
body#d-menu div.item-media .item-image .main-image-container{
	width:450px;
	height:450px;
}
}

@media screen and (max-width:768px){
div.item-media .item-image{
	width:450px;
}
div.item-media .item-image .main-image-container{
	width:450px;
	height:450px;
}
}
@media screen and (max-width:576px){
div.item-media .item-image{
	width:300px;
}
div.item-media .item-image .main-image-container{
	width:300px;
	height:300px;
}
body#d-menu div.item-media .item-image{
	width:300px;
}
body#d-menu div.item-media .item-image .main-image-container{
	width:300px;
	height:300px;
}
}




div.item-media .item-image .caption{
	background-color:#F00;
	position:relative;
	opacity:1;
	padding:0.3rem;
	border-radius:4px;
	z-index:10;
	margin-bottom:7px;
	/*点滅*/
	-webkit-animation:caption-blink 0.5s linear infinite alternate;
	-moz-animation:caption-blink 0.5s linear infinite alternate;
	animation:caption-blink 0.5s linear infinite alternate;
	
}
div.item-media .item-image .caption:before{
	content: "";
	position: absolute;
	bottom:-20px;
	left:50%;
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 15px solid #F00;
}
div.item-media .item-image .caption p{
	margin:0;
	color:#FFF;
	font-size:0.85rem;
}

/*点滅*/
@-webkit-keyframes caption-blink{
	0% {opacity:0.5;}
	100% {opacity:1;}
}
@-moz-keyframes caption-blink{
	0% {opacity:0.5;}
	100% {opacity:1;}
}
@keyframes caption-blink{
	0% {opacity:0.5;}
	100% {opacity:1;}
}






div.item-media .item-image ul{
	width:auto;
	margin:.5rem auto;
	padding:.5rem 0;
	border-bottom:1px solid #DDD;
}
div.item-media .item-image ul li{
	display:inline-block;
	margin:0 2.5px 5px;
}

div.item-media .item-image ul li a:hover{
	opacity:0.8;
}
div.item-media .item-image ul li a img{
	width:80px;
	height:80px;
	border:2px solid #007bff;
}

@media screen and (max-width:1280px){
body#d-menu div.item-media .item-image ul li a img{
	width:64px;
	height:64px;
}
}

@media screen and (max-width:768px){
div.item-media .item-image ul li a img{
	width:64px;
	height:64px;
}
}
/*webカタログ*/
.web-catalog{
	margin:15px auto 0;
}
.web-catalog p{
	margin:0;
	font-size:0.9rem;
	color:#F30;
}
.web-catalog ul{
	margin:5px 0 10px 0;
}
.web-catalog ul li{
	display:inline-block;
	margin:5px 2px;
}
.web-catalog ul li a{
	display:inline-block;
	background-color:#F30;
	color:#FFF;
	margin:0 0;
	padding:7px 5px;
	border-radius:3px;
	font-size:0.8rem;
	line-height:1.2;
	text-decoration:none;
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.2);
}
.web-catalog ul li a:hover{
	opacity:0.8;
}
.web-catalog ul li a i{
	color:#FF0;
	font-size:1.1rem;
	padding-right:3px;
}
.web-catalog ul li a strong{
	color:#FF0;
	font-size:1.1rem;
	padding-right:3px;
}
/*補足資料*/
.additonal-file p{
	margin:15px auto 0;
}
.additonal-file p{
	margin:0;
	font-size:0.9rem;
	color:#F30;
	color:#04C;
}
.additonal-file ul{
	margin:5px 0 0 0;
}
.additonal-file li{
	display:inline-block;
	margin-bottom:5px;
}
.additonal-file a{
	border-radius:4px;
	background-color:#04C;
	color:#FFF;
	padding:4px 10px;
}
/*動画埋め込み*/

div.youtube{
	 margin:15px auto 0;
	 max-width:600px;
}


/*call to action*/




.cta-area{
	border:2px solid #CCC;
	width:250px;
	padding:0.4rem;
	margin-bottom:15px;
	background-color:#FCFCFC;
}
@media screen and (max-width:1200px){
.cta-area{
	margin:20px auto;
	width:auto;
}
}
.cta-area p.sale-price{
	text-align:center;
	line-height:1;
	font-size:1.0rem;
}
.cta-area p.sale-price span{
	text-align:center;
	line-height:1;
	font-size:1.7rem;
	font-family: 'Roboto',sans-serif;
}
.cta-area p.unit{
	text-align:center;
	font-size:0.8rem;
	margin:5px auto;
	line-height:1;
}
.cta-area p.unit strong{
	color:#F00;
	font-weight:bold;
	font-size:1rem;
}

div.quantity-unit{
	width:140px;
	margin:0 auto 0.5rem;
}

div.quantity-unit button{
	background-color:#EEE;
	border:1px solid #999;
	color:#04C;
	font-size:0.9rem;

}
div.quantity-unit input{
	border-color:#999;
	text-align:center;
	font-family: 'Roboto',sans-serif;
}

.cta-area div.quantity{
	font-size:1.0rem;
	text-align:center;
}

.cta-area div.quantity div{
	display:inline-block;
	vertical-align:top;
}

.cta-area div.quantity input{
    width: 50px;
    border: 1px solid #999;
    border-radius: 3px;
    text-align: center;
}
.cta-area div.quantity button{
    background-color: #EEE;
    color: #04C;
    border: 1px solid #999;
    padding: 5.5px;
    width: 1.7rem;
	display:inline-block;
	vertical-align:top;
	border-radius:3px;
}

.cta-area button.cart{
	background-color:#F00;
	width:100%;
	padding:15px 5px;
	font-size:1rem;
	margin:10px auto 0;
	font-weight:bold;
	border-radius:3px;
}
.cta-area button.suspend{
	background-color:#999;
	margin:0 auto;
}
.cta-area button.suspend:hover{
	background-color:#999;
	opacity:1;
	cursor:not-allowed;
}

.cta-area p.postage-info{
	text-align:center;
	font-weight:bold;
	padding:.7rem 0;
	margin:0;
	font-size:.9rem;
	text-decoration:underline;
}


.cta-area button.inquiry{
	background-color:#090;
	width:100%;
	padding:15px 5px;
	font-size:0.8rem;
	margin:3px auto 0;
	font-weight:bold;
	border-radius:3px;
}
.cta-area button.inquiry i{
    margin-right: 3px;
}
.cta-area div.tel{
	background-color:#FFF;
	border:1px solid #DDD;
	padding:0.5rem;
	margin:0.4rem auto 0;
}
.cta-area div.tel p{
	font-size:0.8rem;
	margin:0;
	text-align:center;
}
.cta-area div.tel p span{
	color:#060;
	display:block;
	padding:3px 0;
	line-height:1;
	font-size:0.9rem;
	border:2px solid #060;
	background-color:#FFF;
	white-space:nowrap;
}

@media screen and (max-width:768px){
.cta-area div.tel p{
	text-align:center;
}
.cta-area div.tel p span{
	display:block;
}
}


.cta-area div.tel p span strong{
	font-size:.95rem;
	font-family: 'Roboto', sans-serif;
	margin-left:5px;
	line-height:1;
}
.cta-area div.tel dl{
	margin:10px 0 0 0;
	text-align:center;
}
.cta-area div.tel dl dt{
	font-size:0.8rem;
	font-weight:normal;
	line-height:1;
}
.cta-area div.tel dl dt i{
	display:none;
}
.cta-area div.tel dl dd{
	margin:0;
	padding-top:4px;
}
.cta-area div.tel dl dd a{
	font-size:1.6rem;
	color:#C00;
	font-family: 'Roboto';
	line-height:1;
}
.cta-area div.tel dl dd a:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f879";
	font-weight:900;
	margin-right:0.3rem;
}


.cta-area a.successor{
	display:block;
	text-align:center;
	text-decoration:none;
}

.cta-area a.successor p.info{
	color:#F30;
	text-align:center;
	font-size:.85rem;
	font-weight:bold;
	text-decoration:none;
}
.cta-area a.successor img{
	border:1px solid #DDD;
}
.cta-area a.successor p.name{
	color:#212529;
	font-size:.9rem;
	line-height:1.2;
	margin:0.2rem 0 0;
}
.cta-area a.successor p.sale-price,
.cta-area a.successor p.sale-price span{
	font-size:1rem;
	line-height:1.2;
}

/*閲覧履歴*/

div.item-history .frame{
	border-top:1px solid #DDD;
	padding:15px 0 5px;
	margin:15px 0 0 0;
}
div.item-history h2{
	font-size:1rem;
	color:#F30;
}
div.item-history div.wrapper{
	overflow-x:auto;
	overflow-y:hidden;
	padding:0 0 0 0;
    -webkit-overflow-scrolling: touch;
    height:auto;
	width:100%;
	position:relative;
}
div.item-history div.wrapper::-webkit-scrollbar {
    width:20px;
	height:20px;
}
/*スクロールバーのレール*/
div.item-history div.wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #CCC;
}
/*スクロールバーのつまみ*/
div.item-history div.wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #F30;
}
div.item-history div.wrapper::-webkit-scrollbar-thumb:hover{
  background: #F90;
}
div.item-history div.wrapper ul{
	clear:both;
	white-space:nowrap;
	margin:0;
	padding:10px 0;
}
div.item-history div.wrapper ul li{
	display:inline-block;
	margin-right:15px;
	width:120px;
	vertical-align:top;
}
div.item-history div.wrapper ul li img{
	width:120px;
	height:120px;
}
div.item-history div.wrapper ul li p{
	font-size:0.8rem;
	padding:0;
	margin:3px 0 0 0;
	white-space:normal;
	line-height:110%;
	text-align:center;
}
div.item-history div.wrapper ul li p a{
	line-height:110%;
	word-break: break-all;
	text-align:center;
	color:#212529;
	font-weight:bold;
}

/*注意書き*/

.item-caution{
	margin:15px 0;
	font-size:0.9rem;
	border-top:1px solid #DDD;
}

.item-caution p{
	color:#F30;
	font-weight:bold;
	padding-top:5px;
	margin-bottom:0.5rem;
}
.item-caution ul{
	padding:0;
}
.item-caution ul li{
	margin:0.2rem 0 0.2rem 1.5em;
}


/*
-------------------------------------------------------------------------------
トップページ
-------------------------------------------------------------------------------
*/
.eyecatch-container{
}

/*CLS対策*/

/*1980-1700*/

.eyecatch-container{
	height:508px;
}
.top-eyecatch li img{
	width:900px;
	height:473px;
}

@media screen and (max-width:1700px){
.eyecatch-container{
	height:455px;
}
.top-eyecatch li img{
	width:800px;
	height:420px;
}
}
@media screen and (max-width:1200px){
.eyecatch-container{
	height:350px;
}
.top-eyecatch li img{
	width:600px;
	height:315px;
}
}

@media screen and (max-width:992px){
.eyecatch-container{
	height:298px;
}
.top-eyecatch li img{
	width:500px;
	height:263px;
}
}
@media screen and (max-width:576px){
.eyecatch-container{
	height:196px;
}
.top-eyecatch li img{
	width:300px;
	height:158px;
}
}
.eyecatch-container .top-eyecatch{
	display:none;
	position:relative;
 }
.eyecatch-container .slick-initialized{
	display:block;
}
.top-eyecatch li{
	margin:0 0px;
	display:inline-block;
	position:relative;
	padding-bottom:3px;
}
.top-eyecatch li a{
	display:inline;
}
.top-eyecatch li img{
	margin:auto;
	z-index:10000:
	
}
.top-eyecatch .slick-slide{
	z-index:1;
}
.top-eyecatch .slick-slide img{
	opacity:0.3 !important;
	transform: scale(0.9,0.9);
	filter: blur(3px);
}
.top-eyecatch .slick-center{
	z-index:1000;
}

.top-eyecatch .slick-center img{
	opacity:1.0 !important;
	transform: scale(1,1);
	filter: blur(0);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
 	animation: fadeIn .5s ease 0s 1 normal;
    -webkit-animation: fadeIn .5s ease 0s 1 normal;
}
@keyframes fadeIn { 
    0% {opacity: 0} 
    100% {opacity: 1} 
}




.top-eyecatch button.prev,
.top-eyecatch button.next{
	position:absolute;
	background-color:#FFF;
	top:50%;
	margin-top:-1.25rem;
	z-index:1000;
	font-size:2rem;
	width:2.5rem;
	height:2.5rem;
	padding:.1rem;
	border-radius:5px;
	color:#039;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
}
.top-eyecatch button.prev{
	left:-.5rem;
}
.top-eyecatch button.next{
	right:-.5rem;
}



/*お知らせ*/
.top-main div.info{
	border:1px solid #CCC;
	padding:5px;
	position:relative;
}

.top-main div.info h2{
	font-size:0.8rem;
	margin:0;
}
.top-main div.info ul{
	margin:.3rem 0 0 0;
	font-size:0.8rem;
	padding:0;
	padding-left:1.2rem;
}
.top-main div.info ul li a{
	color:#212529;
}
.top-main div.info ul li a strong{
	color:#C00;
}
.top-main div.info p{
	font-size:0.8rem;
	margin:0;
	text-align:right;
	position:absolute;
	top:.3rem;
	right:.3rem;
}
/*専門ショップ おすすめコンテンツ*/
div.special-store,
div.recommend-contents{
	margin-top:1rem;
	position:relative;
}
div.recommend-contents p.list{
	font-size:.9rem;
	margin:0;
	text-align:right;
	position:absolute;
	top:5px;
	right:0;
}

div.special-store .slider,
div.recommend-contents .slider{
	display:none;
	position:relative;
	height:
}
div.special-store .slick-initialized,
div.recommend-contents .slick-initialized{
	display:block;
}
div.special-store h2,
div.recommend-contents h2{
	font-size:1rem;
	text-align:left;
	border-top:3px solid #212529;
	padding-top:0.3rem;

}
div.special-store h2 i,
div.recommend-contents h2 i{
 transform:rotate(45deg);    
}
div.special-store div.recommend-container,
div.recommend-contents div.recommend-container{
	height:180px;
}
div.special-store ul li,
div.recommend-contents ul li{
	width:250px;
}
div.recommend-contents ul li{
	width:200px;
}
div.special-store ul li img,
div.recommend-contents ul li img{
	border:1px solid #EEE;
 	animation: fadeIn .5s ease 0s 1 normal;
    -webkit-animation: fadeIn .5s ease 0s 1 normal;
}

div.special-store ul li,
div.recommend-contents ul li{
	margin:0 .5rem;
	display:inline-block;
}
div.special-store ul li a,
div.special-store ul li a:hover,
div.recommend-contents ul li a,
div.recommend-contents ul li a:hover{
	text-decoration:none;
}

.special-store ul li a p,
.recommend-contents ul li a p{
	font-size:.8rem;
	color:#212529;
	line-height:1.2;
}

.special-store button.prev,
.special-store button.next,
.recommend-contents button.prev,
.recommend-contents button.next{
	position:absolute;
	background-color:#FFF;
	top:45px;
	z-index:1000;
	font-size:2rem;
	width:2.5rem;
	height:2.5rem;
	padding:.1rem;
	border-radius:5px;
	color:#039;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
}
.recommend-contents button.prev,
.recommend-contents button.next{
	top:35px;
}
.special-store button.prev,
.recommend-contents button.prev{
	left:-.5rem;
}
.special-store button.next,
.recommend-contents button.next{
	right:-.5rem;
}

div.recommend-contents ul li a div{
	border:1px solid #DDD;
	border-radius:10px;
}
div.recommend-contents ul li a div img{
	width:198px;
	height:auto;
	border:none;
	border-radius:10px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.recommend-contents ul li a div p{
	font-size:.75rem;
	margin:.3rem;
	height:3rem;
}
/*カテゴリ*/

div.top-category{
	margin-top:1rem;
}
div.top-category h2{
	border-top:3px solid #212529;
	font-size:1.3rem;
	padding-top:0.3rem;
}
div.top-category p{
	font-size:0.9rem;
}
div.top-category .image{
	width:100px;
	height:auto;
	float:left;
	border-radius:50%;
	border:2px solid #DDD;
}
div.top-category ul li h3,
div.top-category ul li ul{
	margin-left:105px;
	line-height:1;
}
div.top-category ul li a{
	color:#212529;
}
div.top-category ul li h3{
	font-size:1rem;
	background-color:#C00;
	padding:.4rem .5rem;
	margin-bottom:0.2rem;
    transform: skewX(-5deg);
}
div.top-category ul li h3 a{
	color:#FFF;
	font-size:1rem;
	display:block;
	line-height:1;
    transform: skewX(5deg);
  text-shadow:2px 2px 0px rgba(0, 0, 0, 0.2);
}
div.top-category ul li li{
	margin:0.1rem 0;
}
div.top-category ul li li a{
	font-size:.9rem;
}
div.top-category ul li li:last-child a{
	font-size:.8rem;
	display:block;
	margin:.5rem 0 0 0;
	color:#999;
}
div.top-category ul li li a:before{
	font-family:"Font Awesome 7 Free";
	content : "\f0da";
	font-weight:900;
	margin-right:.3rem;
}
div.top-category ul li li:last-child a:before{
	font-family:"Font Awesome 7 Free";
	content : "\f07c";
	font-weight:900;
	margin-right:.2rem;
}

/*用途で選ぶ*/
div.top-purpose{
	margin-top:1rem;
}
div.top-purpose h2{
	border-top:3px solid #212529;
	font-size:1.3rem;
	padding-top:0.3rem;
}
div.top-purpose p{
	font-size:0.9rem;
}
div.top-purpose .image{
	width:100px;
	height:auto;
	float:left;
	border-radius:50%;
	border:2px solid #DDD;
}
div.top-purpose ul li h3,
div.top-purpose ul li ul{
	margin-left:105px;
	line-height:1;
}
div.top-purpose ul li a{
	color:#212529;
}
div.top-purpose ul li h3{
	font-size:1.1rem;
	background-color:#069;
	padding:.4rem .5rem;
	margin-bottom:0.2rem;
    transform: skewX(-5deg);
}
div.top-purpose ul li h3 a{
	color:#FFF;
	font-size:1rem;
	display:block;
	line-height:1;
    transform: skewX(5deg);
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3);

}
div.top-purpose ul li li{
	margin:0.1rem 0;
}
div.top-purpose ul li li a{
	font-size:.9rem;
}
div.top-purpose ul li li:last-child a{
	font-size:.8rem;
	display:block;
	margin:.5rem 0 0 0;
	color:#999;
}
div.top-purpose ul li li a:before{
	font-family:"Font Awesome 7 Free";
	content : "\f0da";
	font-weight:900;
	margin-right:.3rem;
}
div.top-purpose ul li li:last-child a:before{
	font-family:"Font Awesome 7 Free";
	content : "\f07c";
	font-weight:900;
	margin-right:.2rem;
}


/*イベント、ジャンル表示*/

div.event-digest,
div.genre-digest{
	margin:1rem 0;
}
div.genre-digest{
	border:none;
}
div.event-digest div.header,
div.genre-digest div.header{
}
.event-digest div.header h2,
.genre-digest div.header h2{
  position:relative;
  display:block;
  margin:1.5rem 0 .7rem 0;
  padding:.4rem;
  color:#FFF;
  font-size:1rem;
  background-color:#252525;
}
.event-digest div.header h2:before,
.genre-digest div.header h2:before{
  content: "";
  position: absolute;
  top: 100%;
  left: 25px;
  margin-left: -15px;
  border:7px solid transparent;
  border-top:7px solid #252525;
}


.event-digest div.header h2 a,
.genre-digest div.header h2 a{
	color:#300;
	text-decoration:none;
	font-weight:bold;
	color: #FFF;
}
.genre-digest div.header h2 a{
	display:block;
	color: #FFF;
	padding:.2rem;
}
.event-digest div.header h2 a:before{
	font-family:"Font Awesome 7 Free";
	content : "\f022";
	font-weight:900;
	margin-right:0.4rem;
}


.event-digest div.header p,
.genre-digest div.header p{
	position:absolute;
	right:0;
	top:0.2rem;
	line-height:1;
}

@media screen and (max-width:576px){
.genre-digest div.header h2,
.genre-digest div.header h2{
	margin:0.1rem 0 0 0;
}
.event-digest div.header p,
.genre-digest div.header p{
	position:static;
	margin-top:0.2rem;
	text-align:right;
}
}



.event-digest div.header p a,
.genre-digest div.header p a{
	background-color:#F30;
	color:#FFF;
	font-size:.8rem;
	border-radius:3px;
	padding:2px 4px;
	line-height:1;
	text-decoration:none;
}
.event-digest div.header p a:before,
.genre-digest div.header p a:before{
	font-family:"Font Awesome 7 Free";
	content : "\f152";
	font-weight:500;
	margin-right:3px;
}
.event-digest div.header p a:hover,
.genre-digest div.header p a:hover{
	opacity:0.8;
}
.event-digest p.comment,
.genre-digest p.comment{
	font-size:0.9rem;
	margin:0.2rem 0 0 0;
}


.event-digest ul,
.genre-digest ul{
	margin-top:1rem;
	margin-bottom:0;
	position:relative;
}
.event-digest ul button,
.genre-digest ul button{
	position:absolute;
	background-color:#F30;
	top:55px;
	z-index:1000;
	font-size:1.5rem;
	border-radius:4px;
}
.event-digest ul button.prev,
.genre-digest ul button.prev{
	left:-.5rem;
}
.event-digest ul button.next,
.genre-digest ul button.next{
	right:-.5rem;
}
.event-digest ul li,
.genre-digest ul li{
	width:180px;
	text-align:center;
	display:inline-block;
}
.event-digest ul li img,
.genre-digest ul li img{
	width:160px !important;
	height:auto;
	margin:auto;
}
.event-digest ul p.name,
.genre-digest ul p.name{
	font-size:0.8rem;
	margin:0;
	padding:0 1rem;
	line-height:1.2;
}
.event-digest ul p.name a,
.genre-digest ul p.name a{
	word-break:break-all;
	color:#212529;
	font-weight:bold;
}

.event-digest ul p.price,
.genre-digest ul p.price{
	color:#F00;
	font-size:0.6rem;
}

.event-digest ul p.price span,
.genre-digest ul p.price span{
	font-family: 'Roboto',sans-serif;
	color:#F00;
	font-size:1rem;
	margin:0;
}


p.event-list{
	text-align:center;
	padding:1rem 0 1.5rem;
}
p.event-list a{
	color:#F30;
}
p.event-list button{
	background-color:#FFF;
	color:#F30;
	border:2px solid #F30;
	padding:.6rem 1rem;
	font-size:1rem;
	font-weight:bold;
}
p.event-list button i{
	margin-right:0.4rem;
}
p.event-list span{
	display:block;
}



.top-main .article-list{
}
.top-main .article-list h2{
	color:#F30;
	font-size:1rem;
	text-align:left;
	margin:1rem auto 0;
	border:1px solid #DDD;
	border-bottom:none;
	padding:5px;
}
.top-main .article-list ul{
	border:1px solid #DDD;
	border-top:none;
	padding:5px;
	list-style:none;
	margin:0;
}
.top-main .article-list ul li a{
	font-size:0.9rem;
	color:#212529;
}
.top-main .article-list ul li a:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f0da";
	font-weight:900;
	margin-left:0.3rem;
	margin-right:0.3rem;
}
.top-main .article-list p{
	text-align:center;
	font-size:0.9rem;
	padding-top:0.4rem;
}


.top-main .topseller{
	position:relative;
	background-color:#F4F1EA;
	padding:.7rem .7rem 0;
	border-radius:4px;
}
.top-main .topseller .header h2{
	color:#300;
	font-size:1.1rem;
	margin-bottom:.2rem;
}
.top-main .topseller p.comment{
	font-size:.9rem;
	margin-bottom:.3rem;
}
.top-main .topseller ol{
	margin:0;
	padding:0;
}
.top-main .topseller li{
    width: 150px;
    text-align: center;
	display:inline-block;
    list-style: none;
	position:relative;
	margin:0 .5rem;
}
.top-main .topseller li .rank{
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	padding:.3rem;
	background-color:#300;
	color:#FFF;
	line-height:1;
	font-size:.8rem;
	font-weight:bold;
}

.top-main .topseller ol li:nth-child(1) p.rank{
	background-color:#FC0;
}
.top-main .topseller ol li:nth-child(2) p.rank{
	background-color:#999;
}
.top-main .topseller ol li:nth-child(3) p.rank{
	background-color:#C63;
}

.top-main .topseller ol li:nth-child(1) p.rank:before,
.top-main .topseller ol li:nth-child(2) p.rank:before,
.top-main .topseller ol li:nth-child(3) p.rank:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f521";
	font-weight:900;
	margin-right:0.2rem;
}


.top-main .topseller li .name{
	font-size:.8rem;
	line-height:1.2;
	margin-bottom:.2rem;
}
.top-main .topseller li .name a{
	color:#212529;
	font-weight:bold;
}
.top-main .topseller li .price{
	font-family: 'Roboto',sans-serif;
    color: #F00;
    font-size: 1rem;
    margin: 0;
	margin-bottom:.5rem;
}



.top-main .topseller button{
    position: absolute;
    background-color: #F30;
    top: 50px;
    z-index: 1000;
    font-size: 1.5rem;
    border-radius:4px;
}
.top-main .topseller button.prev{
    left: -1.2rem;
}
.top-main .topseller button.next{
    right: -1.2rem;
}
.top-main .topseller button.slick-disabled{
	opacity:0.2;
}
/*ないとき*/

.item-list-result li.noitem{
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

.item-list-result li.noitem dl{
	border:1px solid #CCC;
	border-radius:4px;
	background-color:#F1F3EB;
}
.item-list-result li.noitem dl dt{
	color:#F30;
	font-size:0.9rem;
	padding:0.2rem 0;
}
.item-list-result li.noitem dl input[name="Keywords"]{
	border:1px solid #999;
	font-size:0.9rem;
	display:block;
	padding:2px;
	margin:auto;
}
.item-list-result li.noitem dl button{
	font-size:0.9rem;
	border-radius:4px;
	display:block;
	border:none;
	color:#FFF;
	background-color:#F30;
	padding:6px;
	margin:3px auto 0;
}
.item-list-result li.noitem dl dd.comment{
	font-size:0.85rem;
}
.item-list-result li.not-set p{
	border:1px solid #CCC;
	border-radius:4px;
	background-color:#F1F3EB;
	text-align:center;
	padding:30px 0;
}
/*サジェスト*/

div.search-suggest{
	background-color:#FFF;
	padding:10px 10px 5px;
	border:1px solid #DDD;
	border-radius:5px;
	margin:10px auto 0;
}
div.search-suggest h2{
	color:#F30;
	font-size:90%;
}
div.search-suggest ul{
	margin:10px 0 0 0;
}
div.search-suggest ul li{
	float:left;
	width:220px;
	margin-right:10px;
	margin-bottom:10px;
	list-style:none;
	cursor:pointer;
}
div.search-suggest ul li.selected{
	background-color:#FFE4AC;
}
div.search-suggest ul li img{
	float:left;
	width:50px;
	border:2px solid #FFF;
	box-shadow:2px 2px 1px rgba(0,0,0,0.2);
	 
}
div.search-suggest ul li.selected img{
	margin:1px 0 0 1px;
	 box-shadow:none;
}
div.search-suggest ul li h3,
div.search-suggest ul li p{
	margin-left:60px;
	font-size:80%;
}
div.search-suggest ul li p{
	font-size:75%;
	line-break:strict;
	text-align:justify; 
	text-justify:inter-ideograph;
}
/*イメージ画像がないとき*/
div.search-suggest ul li.no-image{
	background-position:0 50%;
	background-repeat:no-repeat;
}
div.search-suggest ul li.no-image h3{
	margin-left:13px;
	font-size:85%;
}
div.search-suggest ul li.no-image p{
	margin-left:13px;
	font-size:80%;
}
div.search-suggest ul li h3 a{
	line-height:120%;
}
div.search-suggest ul li p{
	margin-top:5px;
	line-height:120%;
}


/*
-------------------------------------------------------------------------------
サブ領域
-------------------------------------------------------------------------------
*/


.top-sub .catalog{
	
}
.top-sub .catalog h2{
	margin:0;
}
.top-sub .guide li{
	margin-bottom:3px;
}
@media screen and (max-width:576px){
.top-sub .catalog img,
.top-sub .guide img{
	width:100%;
	height:auto;
}
}
/*ブログ*/

.top-sub .blog{
	border:1px solid #DDD;
	width:200px;
	padding:5px;
}
@media screen and (max-width:576px){
.top-sub .blog{
	width:auto;
}

}
.top-sub .blog h2{
	text-align:center;
	font-size:0.9rem;
	font-weight:bold;
}
.top-sub .blog h2 a{
	color:#F30;
}

.top-sub .blog ul{
	margin:0;
	padding:0;
}
.top-sub .blog ul li{
	font-size:0.75rem;
	padding:0.1rem 0;
	word-break:break-all;
}

.top-sub .blog ul li a:before{
	font-family:"Font Awesome 7 Free";
	content : "  \f044";
	font-weight:900;
}




/*営業日カレンダー*/
.top-sub div.calendar{
	width:200px;
	margin-top:15px;
}
@media screen and (max-width:768px){
.top-sub div.calendar{
	width:auto;
}
}
.top-sub div.calendar h2{
	text-align:center;
	font-size:0.9rem;
	font-weight:bold;
	color:#F30;
}
.top-sub div.calendar table.topCalendar{
	border-collapse:collapse;
	width:100%;
	margin:0 auto;
}
.top-sub div.calendar table.topCalendar caption{
	color:#333333;
	font-size:0.8rem;
	text-align:center;
	padding:0.1rem 0 0.1rem 0;
	caption-side:top;
	font-weight:bold;
	
}
.top-sub div.calendar table.nextMonth caption{
	padding:10px 0 3px 0;
}
.top-sub div.calendar table.topCalendar tr th{
	color:#333333;
	font-size:0.75rem;
	text-align:center;
	border:1px solid #CCCCCC;
	background-color:#EEE;
	font-weight:normal;
	width:14.28%;
}
.top-sub div.calendar table.topCalendar tr td{
	color:#333333;
	font-size:0.75rem;
	text-align:center;
	border:1px solid #CCCCCC;
	padding:1px 2px;
	font-family: Roboto,sans-serif;
}
.top-sub div.calendar table.topCalendar tr td strong{
	background-color:#333;
	color:#FFF;
	border-radius:50%;
	width:1.1rem;
	height:1.1rem;
	display: flex;
    justify-content: center;
    align-items: center;
	margin:auto;
}
.top-sub div.calendar table.topCalendar tr td.closed{
	color:#FF0000;
	background-color:#FFEEEE;
}
.top-sub div.calendar table.topCalendar tr td.semiClosed{
	color:#FF0000;
}

.top-sub div.calendar table.topCalendar tr td.closed strong,
.top-sub div.calendar table.topCalendar tr td.semiClosed strong{
	background-color:#F00;
	color:#FFF;
}

/*イベントリスト*/

ul.event-caetegory{
}
ul.event-caetegory li{
	position:relative;
	text-align:center;
	padding-bottom:2rem;
}
ul.event-caetegory li a{
	text-decoration:none;
	display:block;
	border:1px solid #DDD;
	box-shadow:0px 7px 3px -4px rgba(0,0,0,0.1);
}
ul.event-caetegory li a:hover{
	opacity:0.7;
	box-shadow:none;
}


ul.event-caetegory li .e-badge{
	position:absolute;
	top:-5px;
	left:10px;
	background-color:#F00;
	color:#FFF;
	font-size:.8rem;
	padding:.2rem;
	transform:rotate(-3deg);
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}
ul.event-caetegory li .e-badge:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f08d";
	font-weight:900;
	margin-right:0.1rem;
	display:inline-block;
	transform:rotate(3deg);
}
ul.event-caetegory li .comment{
	color:#212529;
	font-weight:bold;
	margin:.5rem;
	line-height:1.2;
	font-size:1.1rem;
}

ul.event-caetegory li button{
	background-color:#FFF;
	color:#212529;
	padding:.4rem 2rem;
	border:1px solid #EEE;
	font-weight:bold;
	box-shadow:0px 5px 4px -2px rgba(0,0,0,0.15);
	margin-bottom:1rem;
}
ul.event-caetegory li button:before{
	font-family:"Font Awesome 7 Free";
	white-space: pre;
	content : "\f138";
	font-weight:900;
	margin-right:0.3rem;
	color:#F00;
}

ul.event-list{
	margin:15px auto 0;
	border-top:1px solid #CCC;
}
ul.event-list li{
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	padding:5px;
	list-style:none;
	font-size:90%;
	
}
ul.event-list li:nth-child(even){
	background-color:#EEE;
}

/*パネルリンク*/
ul.panel-link li{
	padding:0 0 .5rem 0;
}
div.panel-link{
	border: 1px solid #DDD;
	border-radius: 4px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
	text-align: center;
	margin:0 .2rem;
	padding:.5rem;
}
div.panel-link:hover{
	opacity:.7;
}
div.panel-link p{
	text-align:left;
	margin:0;
}

/*ミセダス商品修正*/

#cTop06 li {
    list-style: none;
}
#cTop06 img {
    width: 100%;
    max-width: 400px;
    height: auto;
    margin:0.5rem;
}