@charset "UTF-8";

.social_button {
	position: absolute;
	text-align: right;
	top: 20px;
	right: 0px;
	z-index: 100;
	padding: 0px;
 line-height: 1  width: 100%;
}
.social_button li {
	display: inline-block;
	margin-right: 10px;
	line-height: 30px
}
.fb_iframe_widget span{
vertical-align: top !important;
}
.wsbl_facebook_like{
    width: 105px;
}

a{
	 color: #000000;
	 }
 
 /* General button style (reset) */
.btn {
	line-height: 3px;
	border: none;
	background: none;
	cursor: pointer;
	padding: 20px 20px;
	display: inline-block;
	text-transform: uppercase;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-non {
	color:#fff;
	font-size:18px;
	line-height: 3px;
	border: none;
	padding: 20px 20px;
	display: inline-block;
	text-transform: uppercase;
	outline: none;
	position: relative;
	background-color:#eee;	
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.icon-cart:before {
	content:url(http://font.heartx.info/img/cart.png);
}
.icon-DL:before {
	content:url(http://font.heartx.info/img/dl.png);
}



 /* Button 5 */
.btn-5 {
	background: #cc0000;
	color: #fff;
	height: 40px;
	min-width: 100px;
	font-size: 18px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

/*
.btn-5:active {
	background: #cc0005;
	top: 2px;
}
*/
.btn-5 span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-transition: all 0.3s;
	-moz-backface-visibility: hidden;
	transition: all 0.3s;
	backface-visibility: hidden;
}

.btn-5:before {
	position: absolute;
	height: 100%;
	width: 100%;
	/*line-height: 2.5;*/
	font-size: 180%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-5:active:before {
	color: #000000;
}

/* Button 5a */
.btn-5a:hover span {
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%);
}

.btn-5a:before {
	left: 0;
	top: -100%;
}

.btn-5a:hover:before {
	top: 0;
}

 
body{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 14px;
	line-height: 30px;
	vertical-align: baseline;
	}

#seciton1{
	background-color: #cc0000;
	margin:auto 0;
}

.title {
	position: absolute;
	left: 20px;
	z-index: 100;
	padding: 5px;
	line-height: 1
}

.top_title{
	display:inline-block;
	width: 100%;
	height: 1440px;
}

.top_title h1{
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/title.png);
	width: 1021px;
	height: 691px;
}

.copy{
	margin-top:100px;
	text-align:center;
	font-family:'Georgia','Hiragino Mincho ProN', 'ヒラギノ明朝 ProN','MS PMincho','MS P明朝','serif';
	color: #ffffff;
	font-size: 20px;
	line-height: 48px;
	transform: scale(1,1);
}

#section2{
	width:1024px;
    margin-top:100px;
	margin-left:auto;
	margin-right:auto;
}

.name{
	margin-top:25px;
	margin-bottom:25px;
	height: 40px;
    color: #000000;
	font-size: 24px;
	line-height:40px;
	transform: scale(1,1);
}

.rightbox{
	float:left;
	width: 700px;
	display:inline-block;
	margin-bottom:100px;
}
.leftbox{
	
	width: 100px;
	display:inline-block;
	margin-bottom:100px;
}

.leftbox2{

	width: 160px;
	display:inline-block;
	margin-left:10px;
	margin-bottom:100px;
}

h2{
	font-size: 14px;
	transform: scale(1,1);
}
h3{
	font-size: 18px;
	transform: scale(1,1);
}
.license{
	margin-top:50px;
	margin-bottom:100px;
	font-size: 14px;
	line-height: 30px;
	transform: scale(1,1);
	clear:both;
}