@charset "utf-8";
/* CSS Document */
@import "reset.css";
@import "base_min.css";
/*******************
shared
 +00 common
 +01 site-frame (size and position)
 +02 header
 +03 catch and main
 +04 sidebar
 +05 footer
 +06 block style (product-item,search-box,etc...)
********************/

/*-------------------------------------------
 00 common
-----------------------------------------------*/
/* font-style */
.red {color: #ce060d;}
.bold {font-weight: bold;}
.uline {text-decoration: underline;}
.fs-s {font-size: .8em;}
.fs-l {font-size: 1.2em;}
.mk { /* marker color rgba(255,222,0,1) */
  background: -webkit-linear-gradient(rgba(255,222,0,0) 0%, rgba(255,222,0,0) 14%, rgba(255,222,0,1) 15%, rgba(255,222,0,1) 85%, rgba(255,222,0,0) 86%, rgba(255,222,0,0) 100%);
  background: -o-linear-gradient(rgba(255,222,0,0) 0%, rgba(255,222,0,0) 14%, rgba(255,222,0,1) 15%, rgba(255,222,0,1) 85%, rgba(255,222,0,0) 86%, rgba(255,222,0,0) 100%);
  background: linear-gradient(rgba(255,222,0,0) 0%, rgba(255,222,0,0) 14%, rgba(255,222,0,1) 15%, rgba(255,222,0,1) 85%, rgba(255,222,0,0) 86%, rgba(255,222,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffde00', endColorstr='#00ffde00',GradientType=0 );
}
.hover a img {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.hover a:hover img {
  opacity: .7;
}


/*-------------------------------------------
 01 site-frame
-----------------------------------------------*/


header {
	background: url(../img/header_bg.png) repeat-x top center;
  width: 100%;
	position: relative;
  margin: 0 auto;
	z-index: 3;
}
.header-box {
  box-sizing: border-box;
  padding: 0px;
  margin: 0 auto;
  width: 1180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header-sitename {
	position: relative;
	margin-bottom: -18px;
}
#container {
  box-sizing: border-box;
  padding: 0 20px;
  margin: 25px auto;
  width: 1180px;
	position: relative;
	z-index: 2;
}
#container #main {
  box-sizing: border-box;
  display: block;
  float: right;
  width: 800px;
	position: relative;
	z-index: 2;
}
#container #side {
  box-sizing: border-box;
  display: block;
  float: left;
  width: 280px;
	position: relative;
	z-index: 2;
}




/*-------------------------------------------
 02 header
-----------------------------------------------*/
.header-box h1 {
  display: inline-block;
}
.header-box nav {
  display: inline-block;
}
.header-box .header-nav {
  display: inline-block;
  padding:10px 20px;
}
.header-box li {
  display: inline-block;
  padding: 0 .5em;
}

/*-------------------------------------------
 03 catch main
-----------------------------------------------*/
#catch {
  margin: 0 auto;
  width: 100%;
	position: relative;
	z-index: 1;
}



/*-------------------------------------------
 04 sidebar
-----------------------------------------------*/
.side-dl {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}
.side-dl + .side-dl {
  margin-top: 36px;
}
.side-dl dt {
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
}
.side-dl dd {
	background-image: url(../img/side_btm.png) , url(../img/side_rp.png);
	background-repeat: no-repeat , repeat-y;
	background-position: bottom center , top center;
  box-sizing: border-box;
  padding: 12px 12px 24px;
  width: 100%;
}
.side-dl li {
  box-sizing: border-box;
  display: block;
}
.side-dl li a {
  box-sizing: border-box;
  display: block;
}

/* side-column */
.side-column ul {
	padding: 0 5px;
	box-sizing: border-box;
	width: 100%;
}
.side-column ul li {
	background: url(../img/icon_chk.png) no-repeat;
	background-position: 0px 10px;
  box-sizing: border-box;
	border-bottom: 1px solid #aaaaaa;
  padding: .5em 0 .5em 22px;
	word-break: break-all;
	line-height: 1.22em;
	letter-spacing: -0.05em;
}


/* side-product */
.side-product ul{
  box-sizing: border-box;
  padding: 0;
  width: 100%;
}
.side-product li {
  box-sizing: border-box;
  text-align: center;
  padding: 20px 0;
  position: relative;
}
.side-product li + li:before {
	content: "";
	height: 2px;
	width: 90%;
	margin: 0 auto;
	display: block;
	background-color: #b5b5b5;
	position: absolute;
	top: -1px;
	left: -webkit-calc((100% - 90%) / 2);
	left: -o-calc((100% - 90%) / 2);
	left: calc((100% - 90%) / 2);
}

.side-product .side-product-img {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
}
.side-product .side-product-name {
  text-align: center;
  font-size: 1em;
	font-weight: bold;
	color: #201e1e;
}
.side-product .side-product-com {
  text-align: center;
  font-size: .88em;
	color: #63524c;
	font-weight: bold;
	letter-spacing: -0.04em;
}





/*-------------------------------------------
 05 footer
-----------------------------------------------*/
footer {
	border-top: 2px solid #223091;
  margin: 50px auto 0;
	background-color: #eeeeee;
}
.footer-ttl {
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	padding: 2em 0 1.5em;
}
/* gotop btn */
#gotop-btn {
  box-sizing: border-box;
  width: 100%;
}
#gotop-btn .gotop-btn-box {
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 1060px;
}
#gotop-btn #gotop {
  cursor: pointer;
  display: block;
  position: absolute;
  bottom: 2em;
  right: 0;
}

/* link list */
.footer-list {
  box-sizing: border-box;
  width: 100%;
  padding: 1em 0 3em;
}
.footer-list .footer-list-area {
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  width: 1120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-list .footer-list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: stretch;
  align-items: stretch;
	box-sizing: border-box;
}
.footer-list .footer-list-box + .footer-list-box {
	padding-left: 46px;
}
.footer-list .footer-list-box > ul {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: stretch;
  align-items: stretch;
  width: 100%;
}
.footer-list .footer-list-dl {
  width: 100%;
}
.footer-list .footer-list-dl dt {
  width: 100%;
	color: #223091;
	font-weight: bold;
	padding-bottom: 1em;
}
.footer-list .footer-list-dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-list .footer-list-dl dd > ul {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: stretch;
  align-items: stretch;
  width: 100%;
}

.footer-list-box ul li a {
	box-sizing: border-box;
	padding: 0 0 1em 14px;
	background: url(../img/footer_ar.png) no-repeat top left;
	display: block;
	line-height: 1em;
}

/* footer link */

.footer-link {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
  width: 100%;
}
.footer-link li {
  display: inline-block;
  padding-left: .6em;
}
#copy {
  text-align: center;
  width: 100%;
	background: url(../img/copy_bg.png) repeat top center;
  color: #fff;
  padding: .8em 0;
  font-size: .8rem;
}



/*-------------------------------------------
 06 block style (product-item,search-box,etc...)
-----------------------------------------------*/
/* pan */
.pan {
  font-size: .85em;
  width: 100%;
}
.pan li {
  display: inline-block;
}
.pan li + li:before {
  content: ">";
  display: inline-block;
  padding-right: .3em;
}

/* search-box */
.search-box {
  margin: 20px auto 50px;
}
.search-box-ttl {
  text-align: center;
}
.search-box-form {
	background: url(../img/search_bg.png) repeat-y top center;
	padding: 6px 6px 20px;
	box-sizing: border-box;
}
.search-box-inner {
	border: 1px solid #846f50;
	background-color: #fff;
	box-sizing: border-box;
	padding: 15px;
	width: 100%;
	margin: 0 auto 20px;
}
.search-box-inner select {
	width: 100%;
	box-sizing: border-box;
	padding: .3em .3em .2em;
	border: 1px solid #dadada;
	border-radius: 4px;
}
.search-box-inner select  + select {
	margin-top: 10px;
}
.search-box-table {
  width: 100%;
  margin: 10px auto 0px;
}
.search-box-table th {
  border: 1px solid #dadada;
  background-color: #eeeeee;
  box-sizing: border-box;
  padding: 10px;
	text-align: center;
  vertical-align: middle;
  width: 180px;
	font-size: .94em;
	line-height: 1.4em;
}
.search-box-table td {
  border: 1px solid #dadada;
  background-color: #fff;
  box-sizing: border-box;
  padding: 10px 25px;
  vertical-align: middle;
	font-size: .94em;
}
.search-box-table td label {
  padding:.2em  .5em .2em 0;
  display: inline-block;
	line-height: 1.4em;
}
.search-box-table td label input {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	margin-right: .2em;
}
.search-box-table td label:last-child {
  padding-right: 0;
}
.search-box .search-box-submit {
  margin: 0 auto;
  padding: 0;
  border: none;
  box-sizing: border-box;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/search_btn.png) no-repeat top center;
  width: 268px;
  height: 72px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.search-box .search-box-submit:hover {
  opacity: .7;
}

/* comparison-table */
.comparison-table {
	position: relative;
  margin: 0px auto 50px;
}
.comparison-table table {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
	font-size: .88em;
}
.comparison-table caption {
  text-align: center;
  vertical-align: bottom;
}
.comparison-table tr th {
  width: 128px;
  background-color: #dcdcdc;
  border: 1px solid #000;
}
.comparison-table tr th .rel {
	position: relative;
}
.comparison-table tr th:first-child {
  width: 104px;
  box-sizing: border-box;
  padding: 16px 0;
  text-align: center;
	line-height: 1.3em;
	font-size: 17px;
  border: 1px solid #000;
  vertical-align: middle;
}
.comparison-table tr td {
  text-align: center;
  border: 1px solid #333;
  line-height: 1.5em;
  vertical-align: text-top;
  background-color: #fff;
}
.comparison-table table {
	position: relative;
}
.comparison-table tbody .rank-s {
  background:#fffcb1 url(../img/icon_s.png) no-repeat;
	-webkit-background-size: 21px 32px;
	background-size: 21px 32px;
  background-position: 50% 15px;
  padding: 58px 8px 8px;
}
.comparison-table tbody .rank-a {
  background:#fff url(../img/icon_a.png) no-repeat;
	-webkit-background-size: 29px 28px;
	background-size: 29px 28px;
  background-position: 50% 15px;
  padding: 58px 8px 8px;
}
.comparison-table tbody .rank-b {
  background:#fff url(../img/icon_b.png) no-repeat;
	-webkit-background-size: 25px 28px;
	background-size: 25px 28px;
  background-position: 50% 15px;
  padding: 58px 8px 8px;
}
.comparison-table tbody .rank-c {
  background:#fff url(../img/icon_c.png) no-repeat;
	-webkit-background-size: 24px 28px;
	background-size: 24px 28px;
  background-position: 50% 15px;
  padding: 58px 8px 8px;
}
.comparison-table tbody .rank-d {
  background:#fff url(../img/icon_d.png) no-repeat;
	-webkit-background-size: 26px 28px;
	background-size: 26px 28px;
  background-position: 50% 15px;
  padding: 58px 8px 8px;
}

.comparison-table .comparison-table-head {
  background-color: #dcdcdc;
}

.comparison-table .comparison-table-head th {
	height: 90px;
}
.comparison-table .comparison-table-name {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
	line-height: 1.1em;
}
.comparison-table .comparison-table-com {
  text-align: center;
  font-weight: normal;
  display: block;
  font-size: 13px;
  line-height: 1.3em;
}
.comparison-table .comparison-table-img {
	position: absolute;
	bottom: 58px;
	left: 0;
	width: 100%;
	height: 133px;
	text-align: center;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content:center;
}
.comparison-table .comparison-table-img-min {
	bottom: 40px;
}
.comparison-table .comparison-table-img-mid {
	bottom: 45px;
}
.comparison-table .comparison-table-img-rec {
	bottom: 16px;
}
.comparison-table .comparison-table-point td {
  font-size: 2em;
  vertical-align: middle;
  padding: 20px 0 20px;
	line-height: 1.3em;
}
.comparison-table .total-vgood {
  background-color: #fffcb1;
  color: #ce060d;
  font-weight: bold;
}
.comparison-table.border-red tbody tr > *:nth-child(2) {
	position: relative;
}
.comparison-table.border-red tbody tr > *:nth-child(2):after {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	bottom: -3px;
	left: -3px;
	top: -3px;
	right: -3px;
	width: -webkit-calc(100% + 6px);
	width: -o-calc(100% + 6px);
	width: calc(100% + 6px);
	height: -webkit-calc(100% + 6px);
	height: -o-calc(100% + 6px);
	height: calc(100% + 6px);
	z-index: 2;
	border-left: 5px solid #d60200;
	border-right: 5px solid #d60200;
}
.comparison-table.border-red tbody tr:first-child > *:nth-child(2):after {
	content: "";
	border-top: 5px solid #d60200;
}
.comparison-table.border-red tbody tr:last-child > *:nth-child(2):after {
	content: "";
	border-bottom: 5px solid #d60200;
}
.comparison-table .comparison-table-btn {
  border: none;
}
.comparison-table .comparison-table-btn td {
  border: none;
  padding: 18px 0;
}
.comparison-table .comparison-table-btn a {
	display: block;
	margin: 2px auto;
}



/* top-ranking  */
.top-ranking {
	width: 100%;
}
.top-ranking-ttl {
	box-sizing: border-box;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	padding: 0px;
}
.top-ranking-list {
	background: url(../img/top3_02.png) no-repeat top center;
	display: table;
	width: 100%;
	height: 454px;
	text-align: center;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 48px 50px 0;
}
.top-ranking-list li {
	display: table-cell;
	width: -webkit-calc(100% / 3);
	width: -o-calc(100% / 3);
	width: calc(100% / 3);
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.top-ranking-list li:nth-child(1) .top-ranking-num {
	display: block;
	padding-top: 58px;
}
.top-ranking-list li:nth-child(3) .top-ranking-num {
	display: block;
	padding-top: 18px;
	padding-right: 18px;
}
.top-ranking-list span {
	display: block;
}
.top-ranking-name {
	color: #202020;
	font-size: 1.22em;
	font-weight: bold;
	text-decoration: underline;
	margin: .4em auto;
	line-height: 1.15em;
}
.top-ranking-cp {
	font-size: 1.09em;
	line-height: 1.15em;
	text-decoration: underline;
}
.top-ranking-txt {
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
	box-sizing: border-box;
}

.btn-ranking {
	margin: 65px auto 80px;
	text-align: center;
	
}

/* product-item */
.product-item {
  border: 2px solid #2e3fad;
  background: #fff;
  box-sizing: border-box;
  position: relative;
  padding: 0;
  width: 100%;
  margin: 32px auto;
}
.product-item + .product-item {
	margin-top: 50px;
}

.product-box {
  background-color: #fff;
  padding-bottom: 30px;
  position: relative;
  z-index: 2;
}
.product-box-ttl {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.3em;
  padding: 0;
	position: relative;
	margin: -2px -2px 0;
	width: -webkit-calc(100% + 4px);
	width: -o-calc(100% + 4px);
	width: calc(100% + 4px);
}
.product-box-catch {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content:center;
	padding: 30px 0;
}
.product-box-catch .product-box-img {
	padding-top: 10px;
  position: relative;
  z-index: 2;
	width: 324px;
	box-sizing: border-box;
	padding-left: 10px;
	text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content:center;
}
.product-box-catch .product-box-img-ct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content:center;
}
.product-box-catch .product-box-list {
	padding-top: 25px;
  width: 390px;
  z-index: 3;
}
.product-box-catch .product-box-list  dt {
	font-size: 1.333em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 auto .8em;
	color: #243293;
}
.check-list li {
  background: url(../img/icon_chk_pk.png) no-repeat;
	background-position: 0 3px;
  box-sizing: border-box;
  padding: 0 0 0 24px;
  margin: 0 auto 1em;
}
.product-box-btn-m {
  display: block;
  z-index: 3;
	margin: 0 auto 35px;
	text-align: center;
}

.product-box-table {
  width: 716px;
  margin: 0 auto 30px;
}
.product-box-table table {
  width: 100%;
  margin: 0 auto;
}
.product-box-table th {
  width: 33.333%;
  text-align: center;
  background-color: #dcdcdc;
  padding: 10px 0;
  border: 1px solid #333333;
}
.product-box-table td {
  border: 1px solid #333333;
  text-align: center;
  padding: 10px 0;
  font-size: .88em;
	line-height: 1.2em;
}
.product-box-table td.fs-l {
	font-size: 1.11em;
}
.product-box-table td.fs-s {
	font-size: 0.66em;
	line-height: 1.3em;
}
.product-box-table tbody .rank-s {
  background:#fff url(../img/icon_s.png) no-repeat;
	-webkit-background-size: 21px 32px;
	background-size: 21px 32px;
  background-position: 50% 10px;
  padding: 50px 10px 8px;
}
.product-box-table tbody .rank-a {
  background:#fff url(../img/icon_a.png) no-repeat;
	-webkit-background-size: 29px 28px;
	background-size: 29px 28px;
  background-position: 50% 15px;
  padding: 58px 8px 8px;
}
.product-box-table tbody .rank-b {
  background:#fff url(../img/icon_b.png) no-repeat;
	-webkit-background-size: 25px 28px;
	background-size: 25px 28px;
  background-position: 50% 15px;
  padding: 58px 8px 8px;
}
.product-box-table tbody .rank-c {
  background:#fff url(../img/icon_c.png) no-repeat;
	-webkit-background-size: 24px 28px;
	background-size: 24px 28px;
  background-position: 50% 15px;
  padding: 58px 8px 8px;
}
.product-box-table tbody .rank-d {
  background:#fff url(../img/icon_d.png) no-repeat;
	-webkit-background-size: 26px 28px;
	background-size: 26px 28px;
  background-position: 50% 15px;
  padding: 58px 8px 8px;
}


.product-box-table-att {
  font-size: .777em;
  text-align: right;
	line-height: 1.3em;
	margin-top: .5em;
}
.product-box-fea {
  width: 100%;
  margin: 0 auto 30px;
}
.product-box-fea h3 {
  text-align: center;
  box-sizing: border-box;
  padding:0 0 35px;
}
.product-box-fea .product-box-fea-txt {
  margin: 0 auto;
  width: 670px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content:space-between;
}
.product-box-fea .product-box-fea-txt + .product-box-fea-txt {
  margin-top: 30px;
}
.product-box-fea .product-box-fea-txt > dl {
  padding: 0;
	width: 344px;
}
.product-box-fea .product-box-fea-txt > div {
  vertical-align: top;
  width: 290px;
  text-align: center;
  padding: 0;
}
.product-box-fea .product-box-fea-txt dt {
  font-size: 1.22em;
  font-weight: bold;
  margin-bottom: 10px;
	color: #243293;
}
.product-box-fea .product-box-fea-txt dd {
  line-height: 1.75em;
}

.product-box-kuchikomi {
  width: 715px;
  margin: 20px auto 10px;
  position: relative;
  box-sizing: border-box;
	background-image: url(../img/kuchi_bg_btm.png), url(../img/kuchi_bg_rp.png);
	background-repeat: no-repeat , repeat-y;
	background-position: bottom center , top center;
	padding: 0 0 35px;
}
.product-box-kuchikomi h3 {
  text-align: center;
}
.product-box-kuchikomi .product-box-kuchikomi-list {
  box-sizing: border-box;
  width: 640px;
  padding: 15px 20px;
  height: 300px;
  overflow-y: scroll;
	margin: 0 auto;
	line-height: 1.75em;
}
.product-box-kuchikomi li {
  padding: 10px 0;
  border-bottom: 1px solid #243293;

}
.product-box-kuchikomi li + li {
	margin-top: 5px;
	padding-top: 20px;
}
.product-box-kuchikomi .kuchikomi-name {
  display: inline-block;
  margin: 2px auto;
	color: #ff9600;
	font-weight: bold;
}
.product-box-btn {
  text-align: center;
  margin: 0 auto;
	width: 760px;
}
.product-box-btn > div {
  display: inline-block;
  padding: 3px;
}








/* medal */
.product-item-01:before {
  content: "";
  background: url(../img/medal_01.png) no-repeat top left;
  width: 144px;
  height: 147px;
  display: block;
  position: absolute;
  top: -15px;
  left: 24px;
  z-index: 5;
}
.product-item-02:before {
  content: "";
  background: url(../img/medal_02.png) no-repeat top left;
  width: 122px;
  height: 123px;
  display: block;
  position: absolute;
  top: -10px;
  left: 34px;
  z-index: 5;
}
.product-item-03:before {
  content: "";
  background: url(../img/medal_03.png) no-repeat top left;
  width: 122px;
  height: 122px;
  display: block;
  position: absolute;
  top: -10px;
  left: 34px;
  z-index: 5;
}
.product-item-04:before {
  content: "";
  background: url(../img/medal_04.png) no-repeat top left;
  width: 106px;
  height: 107px;
  display: block;
  position: absolute;
  top: -9px;
  left: 38px;
  z-index: 5;
}
.product-item-05:before {
  content: "";
  background: url(../img/medal_05.png) no-repeat top left;
  width: 106px;
  height: 107px;
  display: block;
  position: absolute;
  top: -9px;
  left: 38px;
  z-index: 5;
}
.product-item-06:before {
  content: "";
  background: url(../img/medal_06.png) no-repeat top left;
  width: 106px;
  height: 107px;
  display: block;
  position: absolute;
  top: -9px;
  left: 38px;
  z-index: 5;
}
.product-item-07:before {
  content: "";
  background: url(../img/medal_07.png) no-repeat top left;
  width: 106px;
  height: 107px;
  display: block;
  position: absolute;
  top: -9px;
  left: 38px;
  z-index: 5;
}
.product-item-08:before {
  content: "";
  background: url(../img/medal_08.png) no-repeat top left;
  width: 106px;
  height: 107px;
  display: block;
  position: absolute;
  top: -9px;
  left: 38px;
  z-index: 5;
}
.product-item-09:before {
  content: "";
  background: url(../img/medal_09.png) no-repeat top left;
  width: 106px;
  height: 107px;
  display: block;
  position: absolute;
  top: -9px;
  left: 38px;
  z-index: 5;
}
.product-item-10:before {
  content: "";
  background: url(../img/medal_10.png) no-repeat top left;
  width: 106px;
  height: 107px;
  display: block;
  position: absolute;
  top: -9px;
  left: 38px;
  z-index: 5;
}
.product-item-11:before {
  content: "";
  background: url(../img/medal_11.png) no-repeat top left;
  width: 106px;
  height: 107px;
  display: block;
  position: absolute;
  top: -9px;
  left: 38px;
  z-index: 5;
}
.product-item-12:before {
  content: "";
  background: url(../img/medal_12.png) no-repeat top left;
  width: 106px;
  height: 107px;
  display: block;
  position: absolute;
  top: -9px;
  left: 38px;
  z-index: 5;
}
.product-item-13:before {
  content: "";
  background: url(../img/medal_13.png) no-repeat top left;
  width: 106px;
  height: 107px;
  display: block;
  position: absolute;
  top: -9px;
  left: 38px;
  z-index: 5;
}
.product-item-14:before {
  content: "";
  background: url(../img/medal_14.png) no-repeat top left;
  width: 106px;
  height: 107px;
  display: block;
  position: absolute;
  top: -9px;
  left: 38px;
  z-index: 5;
}
.product-item-15:before {
  content: "";
  background: url(../img/medal_15.png) no-repeat top left;
  width: 106px;
  height: 107px;
  display: block;
  position: absolute;
  top: -9px;
  left: 38px;
  z-index: 5;
}