.switch {
 -webkit-animation: switchtext 0.5s infinite alternate;
 -moz-animation: switchtext 0.5s infinite alternate;
 animation: switchtext 0.5s infinite alternate;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}.switch {
 -webkit-animation: switchtext 0.5s infinite alternate;
 -moz-animation: switchtext 0.5s infinite alternate;
 animation: switchtext 0.5s infinite alternate;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}.coupon{
	box-shadow:2px 2px 5px #cccccc;  margin:3% 10%; margin-bottom:5px; border-radius:15px; cursor:pointer; padding:5px; letter-spacing:1px;  color:#ffffff; font-weight:bold; text-align:center; font-size:12px;
	}.coupon{
	box-shadow:2px 2px 5px #cccccc;  margin:3% 10%; margin-bottom:5px; border-radius:15px; cursor:pointer; padding:5px; letter-spacing:1px;  color:#ffffff; font-weight:bold; text-align:center; font-size:12px;
	}.coupon{
	box-shadow:2px 2px 5px #cccccc;  margin:3% 10%; margin-bottom:5px; border-radius:15px; cursor:pointer; padding:5px; letter-spacing:1px;  color:#ffffff; font-weight:bold; text-align:center; font-size:12px;
	}.coupon{
	box-shadow:2px 2px 5px #cccccc;  margin:3% 10%; margin-bottom:5px; border-radius:15px; cursor:pointer; padding:5px; letter-spacing:1px;  color:#ffffff; font-weight:bold; text-align:center; font-size:12px;
	}.coupon{
	box-shadow:2px 2px 5px #cccccc;  margin:3% 10%; margin-bottom:5px; border-radius:15px; cursor:pointer; padding:5px; letter-spacing:1px;  color:#ffffff; font-weight:bold; text-align:center; font-size:12px;
	}.coupon{
	box-shadow:2px 2px 5px #cccccc;  margin:3% 10%; margin-bottom:5px; border-radius:15px; cursor:pointer; padding:5px; letter-spacing:1px;  color:#ffffff; font-weight:bold; text-align:center; font-size:12px;
	}.coupon{
	box-shadow:2px 2px 5px #cccccc;  margin:3% 10%; margin-bottom:5px; border-radius:15px; cursor:pointer; padding:5px; letter-spacing:1px;  color:#ffffff; font-weight:bold; text-align:center; font-size:12px;
	}.coupon{
	box-shadow:2px 2px 5px #cccccc;  margin:3% 10%; margin-bottom:5px; border-radius:15px; cursor:pointer; padding:5px; letter-spacing:1px;  color:#ffffff; font-weight:bold; text-align:center; font-size:12px;
	}@charset "utf-8";

/**/
#main{
	width:100%;
	background-color:#d21511;
}
#main .matomeBox
{
	/**
	text-align: center;
	margin: 0 auto;
	border:5px solid;
	**/
	margin:0% 2% 7% 2%;
	position:relative;
	background-color:#ffffff;
	overflow:hidden;	
	border-radius:10px;
	text-align:center;	
	padding-bottom:10px; 
}
#main .cospaName {
    position: relative;
    padding-top: 20px;
	text-align: center;
}
/**
#main .cospaName img {
    position: absolute;
}
**/

#main p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	margin-top: 0px;
}
#main .text{
	font-weight:bold;
	color: #F00;
	text-align:center;
	font-size:15px;
	margin-bottom: 0px;
}
#main .textmini{
	color: #434343;
}
#main hr.titleLine {
    background-color: #fff;
    border-top: 2px solid #d94275;
	margin-top:5px;
}
#main .lensBox {
	margin-top: 0px;
    margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 20px;
}
#main .yajirushi{
	text-align:center;
	display:compact; 
	margin:0px; 
	padding:0px; 
	font-size:200%; 
	color:#ffff00; 
	font-weight:bold;
}

#main .lensBox .lensBoxMini{
	margin:0% 0%;
	overflow:hidden;
}


#main .lensBox .lensBoxMiniBox{
	width:48%;
	float:left;
	margin:1%;
	padding:0% 0% 2% 0%;
}

#main .review {
    font-size: 13px;
    line-height: 18px;
    color: #333;
    letter-spacing: 1px;
}
#main .review_center {
    font-size: 13px;
    line-height: 18px;
    color: #333;
    letter-spacing: 1px;
	text-align:center;
	font-weight:bold;
    padding: 10px 0px 10px 0px;
}	

#main .review_title {
    font-size: 18px;
    line-height: 18px;
    color: #333;
    letter-spacing: 1px;
	text-align:center;
	margin-bottom:0px;
}
#main .img90 {
    width: 90%;
    height: auto;
   /** clear: right;**/
}
#main .img100 {
    width: 100%;
    height: auto;
}
#main .img80 {
    width: 80%;
    height: auto;
	margin:0 auto;
}
#main .spe {
    padding: 10px 5px 0px 5px;
    font-size: 13px;
    line-height: 15px;
    margin:10px auto 3px;
	background: #000;
	color:#fff;
}
img {
    vertical-align: bottom;
}
/**
#main .bo2 {
    font-weight: bold;
    font-size: 11px;
    padding-left: 3px;
    color: #fff;
    letter-spacing: 2px;
}**/
#main .bo2 {
    font-weight: bold;
    font-size: 12px;
    color: #d21511;
	text-align: center;
	margin:2px;
</span></span>}

#main .gray {
    font-size: 9px;
    color: #fff;
    padding-left: 3px;
}
#main .popo {
    margin-top: 4px;
}
#main .hai {
    background-color: #F0F0F0;
    padding: 5px;
    width: 100%;
    margin-top: 5px;
}
a.small {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
	color:ffffff;
}
#main p.title1 {
    font-size:  30px;
    font-weight: bold;
    letter-spacing: 2px;
    padding-top: 0px;
	margin-bottom:0px;
	color: #fff;
	text-align: center;
}
#main p.title1Text {
    font-size:  12px;
    letter-spacing: 2px;
    padding-top: 0px;
	margin-bottom:0px;
	color: #fff;
	text-align: center;
}
.brandName {
    padding: 0px 5px;
    background: #f6f5f5;
}
#main .ui_btn {
    width:100%;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:5px 0 5px;
    color:#ffffff;
    background-color:#d94275;
    border-radius:5px;
	box-shadow:2px 2px 2px #a0a0a0;
	margin:10px 3px;
}
#main .pin {
    float: right;
    margin-bottom: 15px;
}
#main .ui_btn div a {
    color: #fff;
    text-decoration: none;
}

#main .cl {
clear:both;
font-size:1px;
height:0;
line-height:0;
}
#main .imgBtn{
	float:left;
	margin-left:2px;
	width:100%;
}
#main .text1{
	border-bottom: 2px solid #d94275;
}
#main .text2{
	background-color: #ffff66;
    color: #d94275;
}
#main .en{
    color:#F00;
	font-size:15px;
	font-weight:bold;
}
#main .red{
    color:#F00;
}

/*まとめ買い*/
.matomegai { background-color:#FFF; background-image:url(http://www.sho-bionlinestore.jp//image/gr1072/matomegai_h.jpg) } 
.matomegai a:link{ color:#a7001b; text-decoration:underline!important; } 
.matomegai a:visited{ color:#a7001b; text-decoration:underline!important; }
.matomegai img{ border:0; }
.matomegai span{ color:#a7001b; font-weight:bold; text-decoration:underline; }
.matomegai ul{ list-style-type:none; padding:10px 20px; }


.medama1{
	border:5px solid;
	margin:0% 3% 7% 3%;
	position:relative;
	background-color:#ffffff;
	overflow:hidden;
}

/**アニメ　ふわふわ**/
#anime {
    width: 60px;
    height: 81px;
    margin: 1rem;
	
    left: -10px;
    top: -20px;	
}
.animation {
    animation-name: key;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes key {
    0% { transform:rotate(-25deg) }
    50% { transform:rotate(25deg) }
    100% { transform:rotate(-25deg) }
}


/* アニメ―ジョンン　ふりふり */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

/***/
#main .saleBtn{
	margin:10px;
}
#main .saleBtn2{
	/*background-color:#000000;*/
	color:#FFFfff;
	text-align:center;
	width:48%;
	float:left;
	border-radius:5px;
	margin:1%;
	padding:3% 0% 3% 0%;
	box-shadow: 2px 2px 2px  rgba(0,0,0,0.2);
	line-height:120%;
	 background-color:#ffff00;
}

#main .saleBtn2 .price1{
	color:#d21511; font-size: 18px; font-weight: bold;
}
#main .saleBtn2 .price2{
	color:#d21511; font-size: 15px; font-weight: bold;
}

#main .saleBtn2:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.waku2{
	overflow:hidden;
	margin:20px;
	padding:0px;
}
#main .waku2 img{
	width:48%;
	border:#eeeeee 1px solid;
}
#main .tokkaTitle{
font-size:20px; background-color:#000; text-align:center; color:#ffff00; padding:8px; font-weight: bold;

}
#main .coupon{
	box-shadow:2px 2px 5px #cccccc;  margin:3% 10%; margin-bottom:5px; border-radius:15px; cursor:pointer; padding:5px; letter-spacing:1px;  color:#ffffff; font-weight:bold; text-align:center; font-size:12px; background-color:#d21511;
	}
	
	
/**くるくる**/
.topTitle {
  width: 100%;
  /*d21511
  background: #b6291a;
  */
  background: #d21511;  
  color: #fff;
  text-align: center;
  height: auto;
}

section {
  padding: 40px 15px;
}	
.topBox {
  padding: 70px 0;
  position: relative;
  overflow: hidden;
}

.topBox:before{
    position: absolute;
    top: -50%;
    left: -50%;
    content: "";
    width: 200%;
    height: 200%;
    z-index: 1;
    -webkit-animation: rotate 50s steps(50) infinite;
    animation: rotate 50s steps(50) infinite;
    background: url(http://www.sho-bionlinestore.jp/image/yamiichi/top_title_bg.png) no-repeat center;
    background-size: 500%;
	
	
	-webkit-perspective: 500px;
perspective: 500px;
}

.topImageBox {
    position: relative;
    width: 100%;
    z-index: 2;
}

.topBox h1 {
    transition: 1s;
    transition-delay: 1.8s;
    -webkit-animation: scale 0.5s ease;
    animation: scale 0.5s ease;
}

.topImageMain {
    width: 90%;
}
.topImageNo1 {
    position: absolute;
    /*
	top: -30%;
    right: -5%;
    width: 48%;
	*/
	top: -30%;
    left: -10%;
    width: 50%;
    -webkit-animation: switch 1.5s ease;
    animation: switch 1.5s ease;
}
.topImageNo2 {
    position: absolute;
    /*
	bottom: -30%;
    left: -5%;
    width: 40%;
	*/
	bottom: -28%;
    right: -5%;
    width: 40%;
    -webkit-animation: switch 2s ease;
    animation: switch 2s ease;
}


@-webkit-keyframes rotate {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

@keyframes rotate {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(3);
            transform: scale(3);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
   }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(3);
            transform: scale(3);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
   }
}

@-webkit-keyframes switch {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
 
@keyframes switch {
  0% { opacity: 0 }
  100% { opacity: 1 }
}

@media (min-width: 769px) {
  .top_block {
    padding: 140px 0;
    background-size: 300%;
  }

  .top_block > div {
        width: 750px;
        margin: 0 auto;
    }
  .top_block__main {
        width: 100%;
    }
  .top_block__fukidashi1 {
        width: 50%;
        right: -5%;
    }
  .top_block__fukidashi2 {
        width: 40%;
        left: -5%;
    }

}



/*点滅*/
@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.8;/*透明度80%*/
 }
}
.blinking{
-webkit-animation-name: pulse;/* 実行する名前 */
-webkit-animation-duration: 0.3s;/* 0.3秒かけて実行 */
-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
}

/*点滅2*/
.switch {
 -webkit-animation: switchtext 0.5s infinite alternate;
 -moz-animation: switchtext 0.5s infinite alternate;
 animation: switchtext 0.5s infinite alternate;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}


/**/

/* 文字を点滅させる */
.blinking2{
-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}

    100% {opacity:1;}
}