@charset "utf-8";
/* ------------------------------------- */
/* Layout */
/* ------------------------------------- */
#container{
	font-family:"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:1.75;
}
.layout_tw #main{
	padding: 50px 0 0;
	color: #475059;
	font-size: 14px;
}
#main h1{
	font-weight: 300;
	font-size: 36px;
	margin-bottom: 50px;
	text-align: center;
}
#main h2{
	font-weight: 300;
	line-height: 50px;
	border-left: 3px solid #0075c2;
	font-size: 24px;
	padding: 0 20px;
	margin-bottom: 30px;
}
.merchant_list .columns_3{
	margin-left:20px;
	margin-bottom:20px;
}
.merchant_list #newSite{
	margin-bottom:50px;
}
.merchant_list .columns_3 .item{
	width:210px;
	float:left;
	margin-bottom:30px;
	margin-right:13px;
}
.merchant_list .columns_3 .item_head{
	height:36px;
	padding:10px;
}
.merchant_list .columns_3 .item_head p{
	line-height:1.5;
	font-size:15px;
}
.merchant_list .columns_3 .item_body{
	height:230px;
	overflow:hidden;
	border-radius:4px;
	box-shadow:0 2px 5px #555555;
	position:relative;
}
.merchant_list .columns_3 .new .item_body:after {
	content:" ";
	display:block;
	width:110px;
	height:80px;
	position:absolute;
	top:0;
	right:0;
	background-image:url(/static/docs/PC/images/common/label_new.png);
	background-repeat:no-repeat;
	background-position:0 right;
}
.merchant_list .columns_3 .item_body .screenshot{
	margin:0 auto;
}
.merchant_list .columns_3 .item_body a{
	display:block;
	width:210px;
	height:230px;
}
.merchant_list .columns_3 .item_body a:hover{
	opacity:0.8;
}
.merchant_list .columns_3 .item_body .mobile{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-color:#f3f3f3;
	background:rgba(192,192,192,0.8);
	padding-top:10px;
	padding-bottom:10px;
}
.merchant_list .columns_3 .item_body .mobile .featurephone,
.merchant_list .columns_3 .item_body .mobile .smartphone{
	float:left;
	margin-top:-50px;
	background-position:80px 55px;
	padding:15px 20px 5px 15px;
}
.merchant_list .columns_3 .item_body .mobile .featurephone img,
.merchant_list .columns_3 .item_body .mobile .smartphone img{
}
.merchant_list .columns_3 .item_body .mobile .qr_wrapper{
	border:1px solid #aaaaaa;
	border-radius:4px;
	padding:4px;
	background-color:#FFFFFF;
}
.merchant_list .columns_3 .item_body .mobile .mobile_compatible{
	padding: 0 15px 0 20px;
}
.merchant_list .columns_3 .item_body .mobile .mobile_compatible li{
	float:left;
	margin-top:5px;
	margin-right:5px;
	padding-right:5px;
	border-right:1px solid #aaaaaa;
	line-height:1;
	color:#555555;
	text-shadow:0 1px 1px #ffffff;
}
.merchant_list .columns_3 .item_body .mobile .mobile_compatible li:last-child{
	border-right:0;
}
.merchant_list .pager{
	margin-top:-10px;
}
.merchant_list .pager .pager_inner{
	float:right;
}
.merchant_list .pager .item_count{
	float:left;
	margin-right:30px;
}
.merchant_list .pager .pager_controller{
	float:left;
	padding: 4px 20px 4px 0;
}
.merchant_list .pager .button_prev,
.merchant_list .pager .button_next{
	background-position:0 0;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-left:5px;
}
.merchant_list .pager .button_prev{
	background-image:url(/static/members/COMMON/icon/dark/16/icon_arw-back.png);
}
.merchant_list .pager .button_next{
	background-image:url(/static/members/COMMON/icon/dark/16/icon_arw-next.png);
}
.merchant_list .pager .button_prev:hover,
.merchant_list .pager .button_next:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

#side .attention {
	margin-bottom: 30px;
}
#side h2 {
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: 400;
}
#side .genre .st,
#side .genre .ex {
	margin-bottom: 30px;
}
#side .genre .st li {
	margin-bottom: 5px;
}
#side .genre .ex li {
	margin-bottom: 5px;
}



