/*
	Theme Name:atranking_201503
*/

/********** common **********/
body{
	margin:0px;
	min-width:1060px;
	line-height:1.75em;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
ul, ol { margin-bottom: 0px; }
h1{ font-size:28px; }
h2{ font-size:26px; }
h3{ font-size:24px; }
h4{ font-size:22px; }
h5{ font-size:20px; }

/* main frame */
.cusrow{margin-top:28px;}
.cus-col-728{ width:728px; float:right; }
.cus-col-300{ width:300px; float:left; }

/* rollover  */
a:hover.rollmenu {text-decoration: none;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.rollmenu a:active {text-decoration: none;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.rollmenu img {
	margin-top:0px;
	margin-bottom:1px;
	margin-right:1px;
}
.rollmenu img:hover,.rollmenu img:active {
	margin-top:1px;
	margin-bottom:0px;
	margin-right:0px;
}
img.logo {
	width:300px;
	height:auto;
}


/********** header **********/
.menu-gnavi-container ul{ clear: both; }
.menu-gnavi-container li{ float:left; }
.menu-gnavi-container li a{
	display: block;
	height:74px;
	padding:25px 22px 15px 22px;
	text-decoration: none;
}
.logo_area {
	margin-bottom:10px;
}
.arank-logo {
	max-width:300px;
	width:auto;
	float:left;
	padding-top:0px;
}
.arank-sub-logo {
	max-width:728px;
	width:auto;
	float:right;
}
.site_description {
	margin-top:3px;
}

/********** サイドナビ **********/
/* ad */
.arank-adbox{}
/* rank */
.arank-siderank{}
.arank-siderank h3{
	font-size:19px;
	padding:17px 10px 14px 62px;
	margin-top: 0px;
	margin-bottom: 17px;
}
.arank-siderankboxover{}
.arank-srankbox{
	padding-bottom:5px;
	margin-bottom:15px;
}
.arank-srleft{
	width:120px;
	float:left;
	padding-top:0px;
	padding-left:0px;
}
.arank-rnum{
	font-size:20px;
	padding:8px 5px 8px 60px;
	margin-bottom:18px;
}
.arank-srleft img{ width:120px; }
.arank-srright{
	width:55%;
	float:right;
}
.arank-srright h3{
	font-size:17px;
	line-height: 1.35em;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
	margin-right: 0px;
}
.arank-srright a{text-decoration: underline; }
.arank-srright a:hover{text-decoration: none; }
.arank-side-star{ margin-bottom: 4px; }
.arank-side-star .sstar-des{display:none;}
.arank-srright p{
	font-size:13px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	line-height: 1.5em;
}
.arank-srright p a{
	font-size:13px;
}
.arank-srankbox-img{
	text-align:left;
	margin-top: 8px;
	margin-bottom: 12px;
}
/* side menu */
.arank-colmenu{}
.arank-colmenu h3{
	font-size:20px;
	padding:17px 10px 14px 62px;
	margin-top: 25px;
	margin-bottom: 1px;
}
.arank-colmenu .menu{margin-bottom:10px;}
.arank-colmenu .menu li{ padding:0px; }
.arank-colmenu .menu a{
	display: block;
	font-size:16px;
	padding:14px;
	text-decoration: none;
}
/********** フッター **********/
.bt_top_navi_div{}
.bt_top_navi{
	position: fixed;
	right: 8px;
	bottom: 8px;
	z-index:10000;
	width:55px;
}
.arank-footnavi{ padding:30px 0px 60px 0px; margin-top:50px;}
.menu-fnavi-container { }
.menu-fnavi-container ul{}
.menu-fnavi-container li{
	margin-left:5px;
}
ul.lp_line {
	margin:0 auto;
	width:300px;
	overflow:hidden;
}
li.lp_col {
	display:inline;
	float:left;
	padding-right:35px;
	text-align:left;
	overflow:hidden;
}

.menu-fnavi-container li a{
	color:#fff;
	text-decoration: none;
}
.menu-fnavi-container li a:hover{ text-decoration: underline;}
.arank-footlogo{ padding:14px 0px;}
.arank-footnavitw{
	text-align:center;
	padding:22px 0px 8px 0px;
}


/***** 3カラム対応 *****/
#footer_line {
	clear:both;
	height:auto;
	margin:0 auto;!important
	width:1060px;
	overflow:hidden;
	padding-left:5px;
}
#footer_line .footer_box {
	display:inline;
	width:320px;
	float:left;
	overflow:hidden;
	margin:15px;
	color:#fff;
	text-align:left;
}



/********** 一覧・固定ページ・投稿ページ **********/
.postarticle{}
.pagearticle{}
.postarticle h2,.pagearticle h2{
	padding:2px 0px 2px 8px;
	margin-bottom:18px;
}
h2.arank-pagetitle{
	font-size:26px;
	padding:14px 0px 12px 0px;
	margin-top:0px;
	margin-bottom:5px;
	border-left:none;
}
h1.arank-posttitle,h2.arank-pcatch-h2 {
	font-size:24px;
	padding:16px 14px 14px 14px;
	margin-top:0px;
	margin-bottom:5px;
	border:none;
}
.postarticle h3,.pagearticle h3{
	padding-bottom:12px;
	margin-bottom:18px;
}
.metadata dt{
	width:81%;
	float:left;
}
.metadata dd{
	width:17%;
	text-align:right;
	float:right;
}
.arank-postdetail ul,.pagearticle ul,.arank-rankpage ul,
.arank-postdetail ol,.pagearticle ol,.arank-rankpage ol{
	padding-top:5px;
	padding-bottom:8px;
}
.arank-postdetail ul li,.pagearticle ul li,.arank-rankpage ul li,
.arank-postdetail ol li,.pagearticle ol li,.arank-rankpage ol li{
	padding-left:2px;
	padding-bottom:3px;
}
.arank-postdetail blockquote p{ font-size:15px; }
/* 1カラム */
.page-frame-820{
	width:820px;
	margin: 0px auto;
}
/*** 用語集 ***/
.postarticle .glossary_text {
	float: left;
	width: 65%;
	margin-bottom: 20px;
	padding: 10px;
}
.postarticle .glossary_img {
	text-align:right;
}
.postarticle p .glossary_p_bg {
	padding:1px 10px 1px 10px;
	margin-right:5px;
}
.glossary_box h4 {
	clear: both;
	padding: .1em .4em;
	margin-bottom: 10px;
	margin-top: 10px;
}
.relation_btn {
	overflow:hidden;
	padding:5px 3px 30px 0px;
	float: left;
	width:auto;
}
.relation_btn a {
	margin: 7px;
	padding: 3px 10px 3px 10px;
}
.relation_btn a:hover {
	margin: 7px;
	padding: 3px 10px 3px 10px;
}
p.relation_column {}

/********** 商品一覧ページ **********/
.arank-prolist article{
	padding-bottom:25px;
	margin-bottom:30px;
}
/**** ランキング商品パーツ ****/
.arank-ranklist{ padding-bottom:20px; }
/* タイトル */
h3.arank-ranklisth3{
	font-size:26px;
	font-weight:normal;
	padding:12px 0px 7px 115px;
	line-height: 1em;
}
.arank-rankh3{
	font-size:26px;
	padding:11px 0px 9px 0px;
	margin-top:0px;
	margin-bottom:5px;
	border-left:none;
}
.numtitle-left{
	width:140px;
	float:left;
}
.numtitle-right{
	width:582px;
	float:right;
	padding-top:10px;
}
.numtitle-right-one{
	width:670px;
	float:right;
	padding-top:10px;
}
/* カテゴリータブ */
.arank-cat-list{
	margin-top:16px;
	margin-bottom:16px;
}
.arank-cat-list li{
	color:#fff;
	float:left;
	margin-left:6px;
	margin-right:6px;
	margin-bottom: 3px;
	line-height: 1.5em;
}
.arank-cat-list li a{
	background:#6ecadf;
	color:#fff;
	display:block;
	padding:5px 7px;
	text-decoration:none;
}
.arank-cat-list li a:hover{
	background:#ddd;
	display:block;
	padding:5px 7px;
	text-decoration:none;
}
.arank-rnumno{ padding-right:15px; }
/* 11位以下余白調整 */
.subrankh3{ padding-top:12px; }
/* 順位無し余白調整 */
.norankh3{
	padding-top:18px;
	padding-bottom:15px;
}
.arank-numnoimg{
	font-size:39px;
	font-weight:bold;
	float:left;
	padding-left:43px;
	padding-top:10px;
	padding-bottom:0px;
}
/* 画像　評価　表 */
.arank-left{
	width:30%;
	float:left;
}
.arank-right{
	width:69%;
	float:right;
}
.arank-ec-free{
	width:200px;
	margin-top:12px;
}
.arank-leftstar{
	margin-top:12px;
	margin-right:18px;
	text-align:center;
	padding:10px 12px;
}
.arank-leftstar h4{
	font-size:16px;
	font-weight:bold;
	margin-top:7px;
	margin-bottom:8px;
	padding-bottom:7px;
}
/* レビュープラグイン余白調整 */
.detailrating img{padding:2px }
.post-ratings img{padding:2px !important;}
/* タグ一覧 */
.arank-lefttagbox{
	margin-top: 12px;
	margin-bottom: 12px;
}
.arank-lefttagbox li{
	margin-left: 0px;
	margin-right: 12px;}
/* 表 */
.arank-table{
	width: 100%;
	max-width: 100%;
	text-align:center;
	margin-bottom:8px;
}
.arank-table th{
	width: 35%;
	font-size:14px;
	padding:10px;
	text-align:left;
	line-height: 1.2em;
}
.arank-table td{
	font-size:14px;
	text-align:left;
	padding:10px 14px 10px 14px;
}
/* 詳細とお問合せ */
.arank-clink{
	text-align:center;
	padding:20px 52px;
}
/*.arank-clink-left{ float:left; }
.arank-clink-right{ float:right; }*/
/* 1カラム */
/* 画像　評価　表 */
.one-arank-left{
	width:26%;
	float:left;
}
.one-arank-right{
	width:72%;
	float:right;
}
.one-arank-leftstar{ margin-right:13px;}

/********** 商品詳細ページ **********/
.arank-products{}
/* メインイメージ */
.arank-h1{
	padding-top:0px;
	margin-top:0px;
}
/* 商品概要 */
.arank-mcon{ margin-top:20px; }
.arank-afbox{
	padding:20px 52px;
}
/* 商品コメント（口コミ） */
.arank-comments h3{
	font-size: 24px;
	padding: 24px 0px 17px 47px;
	margin-top: 0px;
	margin-bottom: 14px;
	border-bottom:none;
}
.arank-comments-area{}
/* コメントリスト */
.arank-commentlist{}
.arank-commentitem{
	padding-bottom:10px;
	margin-bottom:15px;
}
.arank-commentitem h4{
	font-size:14px;
	margin:5px 0px 7px 0px;
	padding:15px 20px 15px 50px;
	position: relative;
}
.arank-comdate{
	font-size:14px;
	top:35%;
	left:88%;
	position: absolute;
}
.arank-commentitem h5{
	font-size:18px;
	padding:2px 15px;
	font-weight:bold;
	margin-bottom:0px;
}
.arank-commentitem p{
	font-size:14px;
	padding:5px 15px;
	margin-bottom:0px;
}
/* コメントフォーム */
.arank-comsubmit{
	padding:5px 10px;
	margin-bottom:10px;
}
.arank-comsubmit .comment-reply-title{
	border:none;
	margin:0px;
	background:none;
	padding:10px;
}
.arank-comsubmit label{ width:21.5%; vertical-align: top;padding-left:10px;}
.arank-comsubmit label.arank-input-tarea{ width:22.5%;}
.arank-comsubmit .form-control{ display: inline; width: 50%;}
.arank-comsubmit .form-control-tarea{ width: 70%;}
.arank-comsubmit .form-control-select{ width: 30%;}
.arank-comsubmit #arank-submit{
	width:38%;
	height:52px;
	font-size:16px;
	font-weight:bold;
	margin-top:4px;
	margin-left:25.5%;
	padding:6px 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
}
/* 商品詳細 */
.arank-pdetail{}
.arank-pdetail h3{
	font-size: 24px;
	padding: 24px 0px 17px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom:none;
}
.arank-detailtable{
	width: 100%;
	max-width: 100%;
	margin-top:5px;
	margin-bottom:25px;
}
.arank-detailtable th{
	vertical-align: top;
	width:24%;
	padding: 12px;
}
.arank-detailtable td{
	vertical-align: top;
	padding: 12px;
}
.arank-freearea{ margin-bottom:40px; }

/********** トップページ **********/
.topcontent h1 {
  background-size: 40px;
  padding: 5px 0 0 35px;
  font-size: 25px;
}
.topcontent h2{
	font-size:25px;
	padding:14px 0px 12px 0px;
	margin-top:0px;
	margin-bottom:5px;
	border-left:none;
}
.topcontent h3{
	font-size:24px;
	padding:9px 0px 7px 0px;
	padding-bottom:12px;
	margin-bottom:20px;
}
.newtopic{ padding:10px 0px; }
.newtopictitle{ margin-bottom:5px; }
.newtopic h3{
	font-size:24px;
	padding:2px 0px 2px 10px;
	margin-top:12px;
	margin-bottom:15px;
}
.newtopic_list{
	padding:10px;
	margin-left:10px;
	margin-right:10px;
}
.nlleft{
	float:left;
	width:8%;
}
.nlcent{
	text-align:center;
	float:left;
	width:17%;
	
}
.nlicon{background:#616161; color:#ffffff; margin-right:10px;}
.nlright{
	float:left;
	width:75%;
}

/* 画像調整 */
.arank-srankbox-img a img { width: 158px; }
.arank-rnum { background-size:120px 40px; }
.arank-siderank h3 { background-size:40px; }
.arank-colmenu h3 { background-size:40px; }
.arank-comments h3{ background-size:35px; }
/* 絞り込み検索 */
#feas-0{ overflow:hidden;}
#fas_search_close{
	font-size:16px;
	text-align:center;
	height:45px;
	padding-top:11px;
	margin-bottom:25px;
}
#fas_search_close:hover{
	cursor: pointer;
}
/* TOPページ切替タブ */
.hometablist3,.hometablist4,.hometablist5{
	margin-bottom:25px;
}
.hometablist3 li,.hometablist4 li,.hometablist5  li{ float:left; }
.hometablist3 li{ width:33%; }
.hometablist4 li{ width:20%; }
.hometablist5 li{ width:20%; }
.hometablist3 a,.hometablist4 a,.hometablist5 a{
	font-size:18px;
	height:50px;
	margin-left:8px;
	padding-top:15px;
	text-align:center;
	display:block;
	border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	text-decoration:none;
}
.hometablist3 a{}
.hometablist4 a{}
.hometablist5 a{}

/* TOPページ注目のランキングアイテム */
.pickup-product {
	margin: 0px -10px 40px -10px;
	padding:0px;
}
.pickup-product .arank-ranklist{
	padding-bottom: 0px;
	border-bottom: none;
}
.pickup-product h3.arank-rankh3 {
	background: url(images/arank_icon_pickup.png) 10px 50% no-repeat;
	background-size: 15%;
	font-size: 26px;
	font-weight: normal;
	padding: 25px 0px 22px 140px;
	line-height: 1em;
}
.pickup-product h3.arank-rankh3 a { text-decoration: underline; }
.pickup-product .arank-left{ padding-left:7px; }
.pickup-product .arank-leftstar {
	margin-top: 12px;
	margin-right: 12px;
	text-align: center;
	padding: 10px 12px;
}
.pickup-product .arank-right{ margin-right:7px; width: 68%; }
.pickup-product .arank-table{ margin-bottom: 0px; }
.pickup-product .arank-des{margin-right:7px; margin-left:7px; }
.pickup-product .arank-clink{margin-right:7px; margin-left:7px; }

/********** ソーシャルボタン **********/
.sns-snsitem{
	margin:15px auto 0px auto;
}
ul.sns-item-ul{
	display: table;
	margin:0px auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
.sns-item-ul li{
	float:left;
	margin-right:10px;
}
.sns-item-ul li.print a,.sns-item-ul li.feed a{
	display:block;
	width:71px;
	height:60px;
	text-align:center;
	padding-top:3px;
	border:solid 1px #bbb;
	border-radius:4px;
	-webkit-border-radius:4px;
	text-decoration:none;
}
.wp_rp_wrap {
	margin-left:10px;
	margin-right:10px;
}
/********** その他 **********/

/* Mac IE 文字化け回避対策 */
input, select, textarea {font-family:"Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif, ヒラギノ角ゴ Pro W3", osaka, verdana, "ＭＳ ゴシック", sans-serif;}
/* clear fix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}