/*btn css +++++++++++++++++++++++++++++++++++++++++ */

a.btn_19-1 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 520px;
	margin: auto;
	padding: 2rem 6rem;
	font-weight: bold;
	border: 2px solid #cc0033;
	background: #cc0033;
	color: #fff;
	border-radius: 5px;
	transition: 0.5s;
	animation: move_a 2s infinite;
}
@keyframes move_a {
    0% {transform: translate(0px, 4px);}
    5% {transform: translate(0px, -4px);}
    10% {transform: translate(0px, 4px);}
    15% {transform: translate(0px, -4px);}
    20% {transform: translate(0px, 4px);}
    25% {transform: translate(0px, -4px);}
    30% {transform: translate(0px, 0px);}
}
a.btn_19-1:hover {
	color: #cc0033;
	background: #fff;
}


.btn_19-11{
    margin-top: 110px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 50px;
}


a.btn_19 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 500px;
	margin: auto;
	padding: 2rem 6rem;
	font-weight: bold;
	border: 2px solid #cc0033;
	background: #cc0033;
	color: #fff;
	border-radius: 5px;
	transition: 0.5s;
	animation: move_a 2s infinite;
}
@keyframes move_a {
    0% {transform: translate(0px, 4px);}
    5% {transform: translate(0px, -4px);}
    10% {transform: translate(0px, 4px);}
    15% {transform: translate(0px, -4px);}
    20% {transform: translate(0px, 4px);}
    25% {transform: translate(0px, -4px);}
    30% {transform: translate(0px, 0px);}
}
a.btn_19:hover {
	color: #cc0033;
	background: #fff;
}


.btn_19-12{
    margin-top: 70px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 70px;
}


.img_area {
    position:  relative;        /* 子要素の起点を指定 */
    background-color:  #fff;    /* 背景色指定 配置場所が分かりやすいように*/
    height: 300px;              /* 高さ指定 */
}


a.btn_04-1 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 220px;
	margin: auto;
	padding: 1.5rem 4rem;
	font-weight: bold;
	border: 2px solid #ff9900;
	background: #ff9900;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	animation: move_b 4s infinite;
}
@keyframes move_b {
    0% {transform: translate(4px, 0px);}
    5% {transform: translate(-4px, 0px);}
    10% {transform: translate(4px, 0px);}
    15% {transform: translate(-4px, 0px);}
    20% {transform: translate(4px, 0px);}
    25% {transform: translate(-4px, 0px);}
    30% {transform: translate(0px, 0px);}
}
a.btn_04-1:hover {
	color: #ff9900;
	background: #fff;
}


.btn-honten{
    position:absolute;
    top: 20px;
    left: -380px;
    right:0px;
    bottom:0px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}




a.btn_04-2 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 220px;
	margin: auto;
	padding: 1.5rem 4rem;
	font-weight: bold;
	border: 2px solid #C02524;
	background: #C02524;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	animation: move_b 4s infinite;
}
@keyframes move_b {
    0% {transform: translate(4px, 0px);}
    5% {transform: translate(-4px, 0px);}
    10% {transform: translate(4px, 0px);}
    15% {transform: translate(-4px, 0px);}
    20% {transform: translate(4px, 0px);}
    25% {transform: translate(-4px, 0px);}
    30% {transform: translate(0px, 0px);}
}
a.btn_04-2:hover {
	color: #C02524;
	background: #fff;
}


.btn-rakuten{
    position:absolute;
    top: 20px;
    left: 380px;
    right:0px;
    bottom:0px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}




a.btn_04-3 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 220px;
	margin: auto;
	padding: 1.5rem 4rem;
	font-weight: bold;
	border: 2px solid #E62F2D;
	background: #E62F2D;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	animation: move_b 4s infinite;
}
@keyframes move_b {
    0% {transform: translate(4px, 0px);}
    5% {transform: translate(-4px, 0px);}
    10% {transform: translate(4px, 0px);}
    15% {transform: translate(-4px, 0px);}
    20% {transform: translate(4px, 0px);}
    25% {transform: translate(-4px, 0px);}
    30% {transform: translate(0px, 0px);}
}
a.btn_04-3:hover {
	color: #E62F2D;
	background: #fff;
}


.btn-yahoo{
    position:absolute;
    top: 130px;
    left: -380px;
    right:0px;
    bottom:0px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}




a.btn_04-4 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 220px;
	margin: auto;
	padding: 1.5rem 4rem;
	font-weight: bold;
	border: 2px solid #333E48;
	background: #333E48;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	animation: move_b 4s infinite;
}
@keyframes move_b {
    0% {transform: translate(4px, 0px);}
    5% {transform: translate(-4px, 0px);}
    10% {transform: translate(4px, 0px);}
    15% {transform: translate(-4px, 0px);}
    20% {transform: translate(4px, 0px);}
    25% {transform: translate(-4px, 0px);}
    30% {transform: translate(0px, 0px);}
}
a.btn_04-4:hover {
	color: #333E48;
	background: #fff;
}


.btn-amazon{
    position:absolute;
    top: 130px;
    left: 380px;
    right:0px;
    bottom:0px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}