@charset "utf-8";

/* feature */
#feature, #feature-v2{margin:10px;}
#feature .feature-ttl{border-bottom:solid 3px #b6aa82;}

#feature .feature-ttl p{
	background-color:#b6aa82;
	padding:2px 5px;
	color:#fff;
	-moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-radius-topright: 6px;
    border-top-right-radius: 6px;
	width:150px;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
#feature ul li,
#feature-v2 #featureList ul#FT1 li{
	border-bottom:dotted 1px #4b4b4b;
}
#feature ul li a{display:block;padding:10px;}

#feature ul li a .column-ttl,
#feature-v2 #featureList ul#FT1 li a .column-ttl{text-shadow: -1px -1px 1px #e9ebea; display:block;}
#feature ul li a:hover .column-ttl{
	color:#000;
	text-shadow: -1px -1px 1px #ccc;
}
#feature ul li a .main-ttl,
#feature-v2 #featureList ul#FT1 li a .main-ttl{
	color:#000;
	text-shadow: -1px -1px 1px #ccc;
	font-size:1.2em;
	font-weight:bold;
	display:block;
}
#feature ul li a .subtitie,
#feature-v2 #featureList ul#FT1 li a .subtitie{
	color:#000;
	text-shadow: -1px -1px 1px #ccc;
	font-size:1.1em;
	display:block;
}
/* feature-v2 */
#feature-v2 #featureList ul#FT1 li a{display:block;padding:5px;}
#feature-v2 #featureList ul#FT1 li a .main-ttl{line-height:1.3;}
#feature-tab .commonfeatureTab{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	-moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-radius-topright: 6px;
    border-top-right-radius: 6px;
	padding:5px;
	border:solid 1px #b4ab82;
	background-color:#fff; font-weight:bold;
	background-image:none !important;
	color:#444; font-weight:bold;
}
#feature-tab .commonfeatureTab.current{
	background-color:#b4ab82;
	color:#fff;
	text-shadow:1px 1px 1px #c3a35e;
}
#feature-v2 #featureList ul#FT1 li:last-child,
#feature-v2 #rankingList ul li:last-child{border:none;}
#feature-v2 #featureList ul#FT1 li:last-child p{text-align:right;}
#feature-v2 #featureList ul#FT1 li:last-child p a{padding:2px 0; color:#000;}
ul#FT2{display:none;}

/* 最新記事 */
#top-latest{margin:15px 10px 5px 10px;}
#top-latest .top-latest-ttl{
	background-color:#8a0000;
	color:#fff;
	display:block;
	text-shadow: 1px 1px 1px #660000;
	padding:2px 5px 2px 10px;
	margin-bottom:10px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#top-latest ul li{
	border-bottom:dotted 1px #4b4b4b;
	background:url(/common/images/v4/smartphone/top-latest-arrow.png) no-repeat 0px 12px;
	-webkit-background-size: 10px 10px;
	padding-left:10px;
}
#top-latest ul li a{display:block;padding:5px;color:#000;}
#top-latest ul li a .main-ttl{font-size:1.1em;}

/* ランキング一覧 */
#ranking-list .category-list-title{
	background-color:#353535;
	color:#fff;
	display:block;
	text-shadow: 1px 1px 1px #000;
	padding:2px 5px;
	margin-bottom:10px;
}
.ranking-tab ul{
	display: -webkit-box;
	display: -moz-box;
	width: 100%;
}
.ranking-tab ul li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	-moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-radius-topright: 6px;
    border-top-right-radius: 6px;
	padding:5px;
	border:solid 1px #b4ab82;
	background-color:#fff;
	color:#908146;
}
.ranking-tab ul li.current{
	background-color:#b4ab82;
	color:#fff;
	text-shadow:1px 1px 1px #333;
}
.ranking-tab ul li.current a{color:#fff;}

#ranking-list{
	margin:10px;
}
#ranking-daily-fulllist,#ranking-hourly-fulllist{border:solid 1px #b4ab82;padding:10px;}
#ranking-daily-fulllist ul li .itemphoto img,#ranking-hourly-fulllist ul li .itemphoto img{max-width:100px;}
#ranking-daily-fulllist ul li .itemphoto,#ranking-hourly-fulllist ul li .itemphoto{float:left;width:100px;margin:0 10px 10px 0;}
#ranking-daily-fulllist ul li .itemtitle .main-ttl,#ranking-hourly-fulllist ul li .itemtitle .main-ttl{display:block;font-size:1.1em;font-weight:bold;}
#ranking-daily-fulllist ul li,#ranking-hourly-fulllist ul li{border-bottom:dotted 1px #666;}
#ranking-daily-fulllist ul li:last-child,#ranking-hourly-fulllist ul li:last-child{border-style:none;}
#ranking-daily-fulllist ul li a,#ranking-hourly-fulllist ul li a{padding:5px;display:block;}
#ranking-daily-fulllist a,#ranking-hourly-fulllist a{color:#000;}
#ranking-daily-fulllist ul li .icon,#ranking-hourly-fulllist ul li .icon{float:left;width:40px;margin:0 10px 10px 0;}
.rank{font-weight:bold;}

/* 著者一覧 */
#author{margin:10px;}

#author #category-title{
	background-color:#000;
	background-repeat:no-repeat;
	background-position:right top;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	margin:0 0 15px 0;
	padding:10px;
}
#author #category-title .title{color:#beaf76;font-size:1.2em;font-weight:bold;}
#author #category-title .summary p{color:#fff;font-size:0.9em;}

#author-articles{border:solid 1px #b4ab82;padding:10px;}
#author-articles ul li .itemphoto img{max-width:100px;}
#author-articles ul li .itemphoto{float:left;width:100px;margin:0 10px 10px 0;}
#author-articles ul li .itemtitle .main-ttl{display:block;font-size:1.1em;font-weight:bold;}
#author-articles ul li{border-bottom:dotted 1px #666;}
#author-articles ul li:last-child{border-style:none;}
#author-articles ul li a{padding:5px;display:block;}
#author-articles a{color:#000;}
#author-articles ul li .icon{float:left;width:40px;margin:0 10px 10px 0;}

/* ページ繰り */
#mp-ie{
	margin:10px 0;
}
#multipage div a{
	display:block;
	color:#4c4c4c;
	border:solid 1px #ccc;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:3px 10px;
	text-align:center;
	width:40%;
}
.back_p a{float:left;}
.next_p a{float:right;}

/* 週末版 */
section#weekend-feature{
	margin:0 5px 10px 5px;
    border:solid 2px #b6aa82;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

section#weekend-feature .title h2{font-size:18px;float:left;}
section#weekend-feature .title .weekend-date{float:right;}
section#weekend-feature .title{border-bottom:dotted 1px #000;padding:0 10px;}
section#weekend-feature h3{color:#8A0000;font-size:1.1em;}
.weekend-feature-pr .pr{color:#fff;background-color:#8A0000;padding:0 2px;margin-left:5px;}

section#weekend-feature a{color:#000;}

.thisweek{border-bottom:dotted 1px #000;padding:5px 10px;margin-bottom:5px;}
.thisweek span.weekttl{font-weight:bold;display:block;font-size:1.3em;}
.thisweek span.subtitle{display:block;font-weight:bold;}
.thisweek a span.weekttl{color:#AA8F3D;}

.weekend-list{border-bottom:dotted 1px #000;padding:5px 10px;margin-bottom:5px;}
.weekend-list ul li{
	background:url(/common/images/v4/smartphone/weekend-arrow.png) no-repeat 0px 5px;
	-webkit-background-size: 10px 10px;
	padding-left:10px;
	margin-bottom:4px;
}
.weekend-list ul li a{padding:5px;}

.weekend-feature-pr{padding:5px 10px;margin-bottom:5px;}

.sponsor-text{background-color:#b6aa82;padding:5px 10px;}
.sponsor-text .maintxt{font-weight:bold;}
.sponsor-text .subtxt{float:right;}