@charset "UTF-8";
/* -------- Media Quelies -------- */

h1 {margin:0;padding: 3% 0;}
#mainname {font-size: 32px;padding: 3% 0 0 0;}

.price {
	position: relative;
	display: inline-block;
	padding: 0 55px;
}

.price:before, .price:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background-color: #333;
}
.price:before {left:0;}
.price:after {right: 0;}




.buycntnr {
  width: 300px;
  margin: 0 auto;
	padding: 3% 0;
}

.buy_btnbox {
	width: 85%;
	margin: 0;
  padding: 5%;
  border: 1px solid #E38692;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  transition: .3s;
}
.buy_btnbox:after {
  position: absolute;
  transition: .3s;
  content: '';
  width: 0;
  left: 50%;
  bottom: 0;
  height: 3px;
  background: #E38692;
}
.buy_btnbox:after {
  left: 0;
  bottom: auto;
  top: -3px;
  width: 100%;
}
.buy_btnbox:hover {
  cursor: pointer;
}
.buy_btnbox:hover:after {
  width: 100%;
  left: 0;
}
.buy_btnbox:hover:after {
  top: calc(100% - 3px);
}
a.buy_btn:link,
a.buy_btn:visited,
a.buy_btn:active {color: #D04255;}
a.buy_btn:hover {color: #E38692;}




.bgc-gry-1,
.bgc-gry-2 {height:100%;background-color: transparent;}
.bgc-gry-1 {background-color: rgba(0,0,0,0.2);}
.bgc-gry-2 {background-color: rgba(0,0,0,0.6);}

.hrspace {border:none;margin:0;padding:2em 0;}
.minifont {font-size: 80%;}

.imgbox .contentmain.product {padding-top: 8em;}
.imgbox .contentmain h2 {color:#fff;}
a:link, a:visited, a:active {color: #fff;}
a:hover { color: #BF1E56; }

#viewer {text-align: center;}
#viewer img {width:21%;height:auto;margin: 2%;padding:0;}