﻿.affiliate {
	text-align:center;
	overflow:hidden;
	line-height:24px;
	margin:40px 10px;
	padding:10px;
	border:3px double #ccc;
}

.affiliate .affiliate_info {
	font-size:12px;
}

.affiliate .affiliate_product {
	margin-bottom:10px;
}

.affiliate .affiliate_image {
	height:150px;
	width:200px;
	margin:0 auto 10px auto;
}

.affiliate .affiliate_image img{
	height:100%;
}

.affiliate .affiliate_title {
	font-size:14px;
	
}

.affiliate .affiliate_author {
	
}

.affiliate .affiliate_money {
	
}

.affiliate .affiliate_basic {
	
}

.affiliate .affiliate_link {
	width:135px;
	margin:0 auto 10px auto;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 5px;
	border: 1px solid #000000;
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
	display:inline-flex;
}

.affiliate .affiliate_button {
	width:135px;
	margin:0 auto 10px auto;
	text-align:center;
}

.affiliate .affiliate_button img {
	height:50px;
}

.affiliate .affiliate_link a {
	width:100%;
	display:block;
	padding:10px 0;
	color:#1d3994;
	text-decoration:none !important;
}

.affiliate .affiliate_link.amazon {
/*
	background:#febd69;
	background: -moz-linear-gradient(
		top,
		#FFFFFF 0%,
		#febd69 99%,
		#febd69 83%,
		#febd69 99%,
		#FFFFFF);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#FFFFFF),
		color-stop(0.99, #febd69),
		color-stop(0.83, #febd69),
		color-stop(0.99, #febd69),
		to(#FFFFFF));
*/
	border:1px solid #febd69;
	-moz-box-shadow:
		0px 3px 0px #febd69,
		inset 0px 0px 0px #febd69;
	-webkit-box-shadow:
	0px 3px 0px #febd69,
		inset 0px 0px 0px #febd69;
	box-shadow:
		0px 3px 0px #febd69,
		inset 0px 0px 0px #febd69;
}

.affiliate .affiliate_link.rakuten {
/*
	background:#BF0000;
	background: -moz-linear-gradient(
		top,
		#FFFFFF 0%,
		#BF0000 99%,
		#BF0000 53%,
		#BF0000 99%,
		#FFFFFF);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#FFFFFF),
		color-stop(0.99, #BF0000),
		color-stop(0.53, #BF0000),
		color-stop(0.99, #BF0000),
		to(#FFFFFF));
*/
	border:1px solid #BF0000;
	-moz-box-shadow:
		0px 3px 0px #BF0000,
		inset 0px 0px 0px #BF0000;
	-webkit-box-shadow:
	0px 3px 0px #BF0000,
		inset 0px 0px 0px #BF0000;
	box-shadow:
		0px 3px 0px #BF0000,
		inset 0px 0px 0px #BF0000;
}

.affiliate .affiliate_link.itunes {
	border:1px solid #000000;
	background:#000000;
	-moz-box-shadow:
		0px 3px 0px #000000,
		inset 0px 0px 0px #000000;
	-webkit-box-shadow:
	0px 3px 0px #000000,
		inset 0px 0px 0px #000000;
	box-shadow:
		0px 3px 0px #000000,
		inset 0px 0px 0px #000000;
}

.affiliate .affiliate_link.itunes a{
	color:#FFFFFF;
	font-weight:bold;
}

.affiliate .affiliate_link.sonota {
	font-size:14px;
	border:1px solid #08db13;
	-moz-box-shadow:
		0px 3px 0px #08db13,
		inset 0px 0px 0px #08db13;
	-webkit-box-shadow:
	0px 3px 0px #08db13,
		inset 0px 0px 0px #08db13;
	box-shadow:
		0px 3px 0px #08db13,
		inset 0px 0px 0px #08db13;
}

/***************************************************
アプリ用
****************************************************/
.affiliate_appli {
	text-align:center;
	overflow:hidden;
	line-height:24px;
	margin:0 10px;
	padding:10px;
	border:1px solid #ccc;
}

.affiliate_appli .affiliate_image {
	height:150px;
	margin-bottom:10px;
}

.affiliate_appli .affiliate_image img{
	height:100%;
}

.affiliate_appli .affiliate_title {
	font-size:14px;
	margin-bottom:10px;
}

.affiliate_appli .affiliate_author {
	margin-bottom:10px;
}

.affiliate_appli .affiliate_money {
	margin-bottom:10px;
}

.affiliate_appli .affiliate_basic {
	margin-bottom:10px;
}

.affiliate_appli .affiliate_link {
	width:90%;
	margin:0 auto 10px auto;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-shadow: 1px 1px 1px #FFFFFF;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #737373), color-stop(0.48, #4a4545), color-stop(0.54, #454545), color-stop(0.54, #454545), color-stop(0.01, #c9c5c5), color-stop(0.00, #e3e2e1), color-stop(0.00, #e3e2e1), color-stop(0.00, #e3e2e1));
	background : -webkit-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%);
	background : -moz-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%);
	background : -o-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%);
	background : -ms-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%);
	background : linear-gradient(to bottom, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%);
}

.affiliate_appli .affiliate_link:hover {
	background : -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7c7c7), color-stop(0.48, #575757), color-stop(0.48, #575757), color-stop(0.00, #7a7a7a));
	background : -webkit-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%);
	background : -moz-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%);
	background : -o-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%);
	background : -ms-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%);
	background : linear-gradient(to bottom, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%);
}

.affiliate_appli .affiliate_link a {
	width:100%;
	display:block;
	padding:10px 0;
	text-decoration:none;
	color:#FFFFFF;
}

.affiliate_appli .affiliate_descript {
	text-align:left;
	font-size:14px;
}

.affiliate_fieldset {
	position: relative;
	margin:0 10px;
	padding:10px;
	border:2px solid #08db13;
	background:#f6fff5;
}

.affiliate_legend {
	padding:0 10px 0 26px;
	background-color:#08db13;
	border-radius:10px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}

.affiliate_legend::after {
	position:absolute;
	top:-5px;
	left:4px;
	width:28px;
	height:28px;
 	background-color:#08db13;
	border-radius:14px;
	line-height:28px;
	text-align:center;
	content:"●";
	font-size:10px;
	color:#fffbf5;
}

.affiliate_fieldset_link {
	padding:0 10px 10px 10px;
}

.affiliate_fieldset_link a {
	color:#1d3994;
}

/***********************640px***********************/
@media screen and (min-width:640px) { 

.affiliate .affiliate_image {
	height:200px;
	float:left;
	width:29%;
}

.affiliate .affiliate_info {
	float:left;
	width:65%;
	margin-left:5%;
}

.affiliate .affiliate_product {
	height:153px;
	margin:0;
}

.affiliate .affiliate_title {
	font-size:18px;
	text-align:left;
}

.affiliate .affiliate_author {
	text-align:left;
}

.affiliate .affiliate_money {
	text-align:left;
}

.affiliate .affiliate_basic {
	text-align:left;
}

.affiliate .affiliate_link {
	float:left;
	margin-right:4%;
}

.affiliate .affiliate_button {
	float:left;
	margin-right:2%;
	text-align:left;
}



.affiliate_appli .affiliate_image {
	height:200px;
}

.affiliate_appli .affiliate_title {
	font-size:18px;
}

}