a.btn { color: #ffffff; text-decoration: none; -webkit-border-radius: 6px; /* Safari,Google Chrome用 */ -moz-border-radius: 6px; /* Firefox用 */ border-radius: 6px; /* CSS3草案 */ background: #355c7b; background: -moz-linear-gradient(top, #907605 0%, #907605 50%, #735e04 50%, #7a6404); background: -webkit-gradient(linear, left top, left bottom, from(#907605), color-stop(0.5, #907605), color-stop(0.5, #735e04), to(#7a6404)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#907605', endColorstr='#7a6404', GradientType=0); padding: 6px 12px;}

a.btn:hover { color: #ffffff;}
body { min-width:990px; background: url(../img/wrapper-bg.jpg) center top repeat;}
body#second { background: url(../img/wrapper-bg.jpg) center -350px repeat;}
.container-wrapper { position:relative; z-index:200;}
strong { font-weight: bold;}
a:hover img.link, a:hover img { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}
a:hover { text-decoration: none;}

#main .contentswapper { margin-left: 20px; margin-top: 20px;}
.contentswapper_second { margin-left: 20px; background: #000000;}
#toppage .container {}
#second .header-image { height:230px; text-align:center; position:relative; z-index:100;}
.header-image img { width:990px;}
.header-image { height:600px; text-align:center; position:relative; z-index:100;}
.header { margin:0 !important;}
.aside-min, .aside { padding-top: 0px !important;}

#sns #tweet_btn { width: 110px;}
#sns { margin-top:15px; padding:0 !important;}
.sns { padding:0 !important;}

#second .contentswapper { margin-top: 5px;}
#second .header-image { padding-top:30px;}

#site-bnr { padding: 0 2px 0 22px;}
/*#site-bnr { padding-top: 20px;}*/
#site-bnr li { margin: 0 auto; width: 50%;}
#site-bnr a { border: none;}
#site-bnr a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}

.site-bnr { padding-bottom: 0px;}
.under-site-bnr { margin-top:15px; padding-left:2px !important;}

.main-container { margin-bottom: 40px; margin-top: 0px; padding: 0px 20px; font-size: 15px; line-height: 1.7em; color: #444444;}
.main-container .contentsarea { padding: 0px; color: #333333; margin-bottom: 0px;}
.main-container section { width:100%; margin:25px 0 50px 0; position:relative; top:-25px; right:-25px; border-radius:16px; background-color: rgba(255,189,214,0.5); box-sizing:border-box;}
.section-wrapper { position:relative; top:25px; left:-25px; padding: 5px 50px 50px 50px; border-radius:16px; background-color: rgba(255,189,214,0.5); box-sizing:border-box;}

.page-nav { max-width:1242px; margin:-50px auto 0 auto; position:relative; z-index:200;}
.page-nav ul { text-align:center; box-shadow: none !important; border: none; border-radius: 0px; background: none !important;}
.page-nav ul li { display: inline-block; width:25%; margin:8px 0; padding:0 3px; box-sizing:border-box; float:none !important;}
.page-nav ul li a { padding:0; display:block; width:100%; height:77px; background-repeat:no-repeat; background-position:0px 0px; box-shadow: none !important; background-size:contain; border:none; overflow:hidden; text-indent:-5000px;}
.page-nav ul li a:hover {}
.page-nav ul li a.top { background-image: url(../img/menu-top.png);}
.page-nav ul li a.top:hover, .page-nav ul li a.top.active { }
.page-nav ul li a.about { background-image: url(../img/menu-about.png);}
.page-nav ul li a.about:hover, .page-nav ul li a.about.active {}
.page-nav ul li a.about.off { background-image: url(../img/menu-about_off.png);}
.page-nav ul li a.backnumber { background-image: url(../img/menu-backnum.png);}
.page-nav ul li a.backnumber:hover, .page-nav ul li a.backnumber.active { }
.page-nav ul li a.backnumber.off { background-image: url(../img/menu-backnum_off.png);}
.page-nav ul li a.opinion { background-image: url(../img/menu-opinion.png);}
.page-nav ul li a:hover, .page-nav ul li a.active {}
.page-nav ul li a:hover span, .page-nav ul li a.active span {}
.page-nav-inner { padding: 0 !important;}
.page-nav a.active, .page-nav a:hover { padding: 0 !important; background-color: transparent !important; box-shadow: none !important;}

.contentswapper { margin-top: 7px;}
.contentsarea-inner { padding-top:80px;}
.contentsarea-inner h2.ttl { font-weight: bold; color: #6a3906; font-size: 180%;}
.contentsarea-inner h2.ttl p { height:45px; padding: 25px 0 0 95px;}
.contentsarea-inner section { padding:30px; overflow:hidden;}
.contentsarea-inner a { text-decoration: underline; font-size:1.4em; color: #9b3c5c;}
.contentsarea-inner a:hover { text-decoration: none;}
.contentsarea-inner .read { width:45%; padding-left:5%; float:right; margin-bottom: 25px;}
.contentsarea-inner h3.sub-ttl { width:45%; padding-left:5%; float:right; margin-bottom: 10px; font-size:1.4em; font-weight:bold;}
.contentsarea-inner h3.sub-ttl.date { color:#9b3c5c;}
.contentsarea-inner .single-photo { width:50%; float:left;}
.contentsarea-inner .single-photo img, .contentsarea-inner .guest-photo img { width: 100%; height: auto;}
.contentsarea-inner h4 { font-size: 110%; font-weight: bold; color: #1d2089; margin-bottom: 3px;}
.key-color { color: #ff5a00;}

h1.site-title {}
.top-next { overflow:hidden;}
.top-next img { margin-right:15px; float:left;}
.top-guest-img { width:100%;}

.under-title { margin:30px 0 15px 0; color: #40220f; font-weight:bold; text-shadow: 3px 3px 2px #ffffff, -3px -3px 2px #ffffff, 3px -3px 2px #ffffff, -3px 3px 2px #ffffff, 3px 3px 2px #ffffff; font-size:1.4em; line-height:1.4em;}
.under-content-frame { margin-bottom:50px; padding: 20px; border-radius:16px; background-color: rgba(226,60,92,0.2); box-sizing:border-box;}

.about-cast { margin-top:30px; text-align:center; margin-bottom: 25px;}
.about-cast-detail { display:inline-block; width:226px; margin-left:25px; text-align:center;}
.about-cast-detail:first-child { margin-left:0;}

.backnum-list { display: inline-block; width:47%; margin:10px 0 0 2%; padding: 20px; text-decoration:none; border-radius:16px; background-color: rgba(226,60,92,0.2); box-sizing:border-box;}
.backnum-list:nth-child(add) { margin-left:0;}
.backnum-list:hover { background-color: rgba(226,60,92,0.4);}
.backnum-list-num { margin-right:10px; color: #e23c5c; font-weight:bold; text-shadow: 3px 3px 2px #ffffff, -3px -3px 2px #ffffff, 3px -3px 2px #ffffff, -3px 3px 2px #ffffff, 3px 3px 2px #ffffff; font-size:1.6em;}
.backnum-list-title { color: #40220f; font-weight:bold; text-shadow: 3px 3px 2px #ffffff, -3px -3px 2px #ffffff, 3px -3px 2px #ffffff, -3px 3px 2px #ffffff, 3px 3px 2px #ffffff; font-size:1.2em;}

.rank-wrapper { overflow:hidden;}
.rank-title { margin:60px 0 15px 0; font-size:2.0em; text-align:center; color: #e23c5c;}
.rank-detail { width:31%; margin-left:3%; float:left;}
.rank-detail:first-child { margin-left:0;}
.rank-detail .under-title { font-size:1.1em; margin:15px 0 10px 0;}
.rank-detail ul {}
.rank-detail ul li { height:50px; padding-left:40px;}
.rank-detail ul li:nth-of-type(1) { background:url(../backnumber/img/rank-icon01.png) left center no-repeat;}
.rank-detail ul li:nth-of-type(2) { background:url(../backnumber/img/rank-icon02.png) left center no-repeat;}
.rank-detail ul li:nth-of-type(3) { background:url(../backnumber/img/rank-icon03.png) left center no-repeat;}
.rank-detail ul li:nth-of-type(4) { background:url(../backnumber/img/rank-icon04.png) left center no-repeat;}
.rank-detail ul li:nth-of-type(5) { background:url(../backnumber/img/rank-icon05.png) left center no-repeat;}
.rank-detail ul li:nth-of-type(6) { background:url(../backnumber/img/rank-icon06.png) left center no-repeat;}
.rank-detail ul li:nth-of-type(7) { background:url(../backnumber/img/rank-icon07.png) left center no-repeat;}
.rank-detail ul li:nth-of-type(8) { background:url(../backnumber/img/rank-icon08.png) left center no-repeat;}
.rank-detail ul li:nth-of-type(9) { background:url(../backnumber/img/rank-icon09.png) left center no-repeat;}
.rank-detail ul li:nth-of-type(10) { background:url(../backnumber/img/rank-icon10.png) left center no-repeat;}
.rank-detail ul li.rank01 { background:url(../backnumber/img/rank-icon01.png) left center no-repeat;}
.rank-detail ul li.rank02 { background:url(../backnumber/img/rank-icon02.png) left center no-repeat;}
.rank-detail ul li.rank03 { background:url(../backnumber/img/rank-icon03.png) left center no-repeat;}
.rank-detail ul li.rank04 { background:url(../backnumber/img/rank-icon04.png) left center no-repeat;}
.rank-detail ul li.rank05 { background:url(../backnumber/img/rank-icon05.png) left center no-repeat;}
.rank-detail ul li.rank06 { background:url(../backnumber/img/rank-icon06.png) left center no-repeat;}
.rank-detail ul li.rank07 { background:url(../backnumber/img/rank-icon07.png) left center no-repeat;}
.rank-detail ul li.rank08 { background:url(../backnumber/img/rank-icon08.png) left center no-repeat;}
.rank-detail ul li.rank09 { background:url(../backnumber/img/rank-icon09.png) left center no-repeat;}
.rank-detail ul li.rank10 { background:url(../backnumber/img/rank-icon10.png) left center no-repeat;}
.rank-detail ul li span { height:50px; display: table-cell; vertical-align: middle;}
.rank-nicole01, .rank-nicole02, .rank-nicole03, .rank-honda01, .rank-honda02, .rank-honda03 { min-height:400px;}
.rank-honda01 { background:url(../backnumber/img/honda01.png) right bottom no-repeat rgba(226,60,92,0.2);}
.rank-honda02 { background:url(../backnumber/img/honda02.png) right bottom no-repeat rgba(226,60,92,0.2);}
.rank-honda03 { background:url(../backnumber/img/honda03.png) right bottom no-repeat rgba(226,60,92,0.2);}
.rank-nicole01 { background:url(../backnumber/img/nicole01.png) right bottom no-repeat rgba(226,60,92,0.2);}
.rank-nicole02 { background:url(../backnumber/img/nicole02.png) right bottom no-repeat rgba(226,60,92,0.2);}
.rank-nicole03 { background:url(../backnumber/img/nicole03.png) right bottom no-repeat rgba(226,60,92,0.2);}
.rank-nicole01 p, .rank-nicole02 p, .rank-nicole03 p, .rank-honda01 p, .rank-honda02 p, .rank-honda03 p, .rank-nicole01 .under-title, .rank-nicole02 .under-title, .rank-nicole03 .under-title, .rank-honda01 .under-title, .rank-honda02 .under-title, .rank-honda03 .under-title { margin-right:280px;}

.line { border-bottom: 1px dotted #171c60; padding-bottom: 20px; font-size: 100%; font-weight: bold; margin-bottom: 20px;}
.line img { vertical-align: -3px; margin-right: 6px;}
.line .episode { display:inline-block; width:60px; height:48px; padding-top:20px; text-align:center; background:url(../img/bn-num-bg.png) center top no-repeat; color: #fff; line-height: 1.5em; margin-right: 12px;}
.line .txt { font-weight: normal;}

.form { background: #f2f2f2; padding: 10px;}

.site-bnr li:first-child { width:100% !important;}
.external-bnr-list a { padding:0 !important;}
.external-bnr-list a:hover { border: none !important; text-decoration:none;}
#btnPagetop { z-index:9999;}