/* カテゴリ・グループのフリースペース内全体の指定 */
.cg_freespace_01 {}
.cg_freespace_02 {}
/* カテゴリ・グループのフリースペース内の<p>タグの余白設定 */
.cg_freespace_01 p,.cg_freespace_02 p {}
/* カテゴリ・グループのフリースペース内の<ul>タグの余白設定 */
.cg_freespace_01 ul,.cg_freespace_02 ul {}

.prd_con{letter-spacing:-0.4em; vertical-align:top;}
.prd_sum{width:136px; display:inline-block; letter-spacing:normal; margin-right:15px; line-height:normal; margin-bottom:14px;}
.prd_sum:nth-child(5n){margin-right:0;}
.prd_sum>a:first-child{display:block; width:136px; border:6px solid #FFF362; position:relative;}
.prd_sum>a:first-child:hover{border:6px solid #FFD700; top:-8px;}
.prd_sum>a:first-child img{width:100%;}
.prd_sum strong{display:block;}
.prd_sum strong a{color:#FFF362; word-break:break-all; word-wrap:break-word;}

.prd_sum >div{padding:4px 8px; background-color:#BC771A; background-image:url(https://myatt-ec.jp/spongebob/ki.png); text-shadow:-1px -1px 2px rgba(0,0,0,0.5); border-radius:6px; box-shadow:-2px -2px 2px rgba(0,0,0,0.4) inset,2px 2px 2px rgba(255,255,255,0.3) inset; }

.prd_sum >div span{color:#FFF; font-size:90%;}

.breadcrumb{vertical-align:top;}
.breadcrumb a{padding:8px 14px; display:inline-block; background:#00508A; color:#FFF; font-weight:bold; border-radius:12px;}
.breadcrumb a:last-child{background:#F29200; text-decoration:none;}
.breadcrumb span{padding:8px 2px;; display:inline-block; vertical-align:top; color:#00508A; font-weight:bold;}

.sort{display:table; margin:8px 0 12px; width:340px;}
.sort>*{display:table-cell; padding:8px 0; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box;}
.sort span{background:#EDFFB1; color:#3C6226; font-weight:bold; box-shadow: 0px 5px 5px rgba(60, 98, 38,0.5) inset;}
.sort a{background-color:#3C6226; color:#EDFFB1; text-decoration:none; box-shadow: 0px 5px 5px rgba(255,255,255,0.5) inset;}
.sort a:hover{background-color:#487A2C;}
.sort a:nth-child(-n+2){border-right:#EDFFB1 1px solid;}

.sort>*:first-child{border-radius:12px 0 0 12px;}
.sort>*:last-child{border-radius:0 12px 12px 0;}

.prd_pages{text-align:center; background:rgb(188, 234, 248); background:rgba(255,255,255,0.6); color:#333; border-radius:18px; height:32px; line-height:32px; margin-bottom:12px; position:relative; border:2px solid #909;}
.prd_pages a{display:inline-block; height:32px; padding:0 8px; background:#909; box-shadow:-1px -1px 2px rgba(0,0,0,0.5) inset; color:#FFF; font-weight:bold; position:absolute; top:0px; text-decoration:none;}
.prd_pages a.nextpage{right:0px; border-radius:0px 16px 16px 0px; padding-right:14px; transition: right 0.2s linear; }
.prd_pages a.nextpage:hover{right:-4px; background:#C09;}
.prd_pages a.prevpage{left:0px; border-radius:16px 0px 0px 16px; padding-left:14px; transition: left 0.2s linear;}
.prd_pages a.prevpage:hover{left:-4px; background:#C09;}


.subgroup{font-size:0px; margin-top:12px;}
.subgroup li{width:138px; margin:0 10px 10px 0!important; display:inline-block; vertical-align:top; font-size:13px; background:#CD301A; box-shadow:1px 1px 2px rgba(0,0,0,0.6);} 
.subgroup li:hover{background:#CC5E10;} 
.subgroup li a{color:#fff; text-decoration:none; display:block; padding:4px; font-weight:bold;}
.subgroup li img{display:block; margin-bottom:4px; width:100%; border-radius:8px;}
.subgroup li:nth-child(5n){margin:0 0px 10px 0;}

.soldout{display:inline-block; padding:2px 4px; background:#f00; color:#FFF; font-weight:bold; margin:2px 0 0;}