@charset "utf-8";
/*****************
Dmorning 2015/07
******************/


/*****************
base
******************/
html, body { height: 100%;}
html,body,div,span,h1,h2,h3,h4,p,dl,dt,dd,ul,ol,li,form,table,tr,th,td,a,input,select,textarea,button {
margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; vertical-align: baseline;}
header,footer,section { display: block;}
table { width: 100%; border-collapse: collapse;}


/*****************
format
******************/
html { overflow-y: auto; font-size: 62.5%; /*10px*/}
html,body { width: 100%; height: 100%;}
body { color:#333; background: #f0f0f0; word-break: break-all; word-wrap: break-word; font-size:13px; font-size: 1.3rem; /*13px*/}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td { margin: 0; padding: 0;}
header,footer,nav,main,section,article,figure,figcaption,menu,address { display: block; margin: 0; padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,input,textarea { font-size: 100%; font-weight: normal;}
fieldset,img {border: 0}
img { vertical-align: top;}
ol,ul {list-style: none}
p { line-height: 1.7}
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal;}
br {letter-spacing: 0}
hr { border: none; border-top: solid 1px #ccc; margin: 15px auto;}
.disp { font-size: 0; line-height: 0; height: 0; display: block; text-indent: -9999px;}
.fl { float: left;}
.fr { float: right;}
.clear { clear: both;}
.clearfix:after { content: ''; display: block; clear: both;}
.clearfix { zoom: 1; /* for IE6/7 */}
.center { text-align: center;}
.right { text-align: right;}
.red { color: #F00;}
.white { color: #FFF;}
.bold { font-weight: bold;}
.mT10 { margin-top: 10px;}
.mT20 { margin-top: 20px;}
.mT30 { margin-top: 30px;}
.mT50 { margin-top: 50px;}
.mL10 { margin-left: 10px;}
.mL20 { margin-left: 20px;}
.mL70 { margin-left: 70px;}
.pT30 { padding-top: 30px;}

/* default link color */
a,a:active { color: #4783bf; cursor: pointer; text-decoration: underline; outline: none; font-weight: bold;}
a:hover { color: #5d297e; text-decoration: underline;}
a:hover img, .btnAbout a:hover, #header #navi li a:hover, #footer .btnApp a:hover,
.topImg a.newMokuji:hover, #subscriptionNavi li a:hover, .topList a.btnRead:hover, .topList a.btnMember_normal_campaign:hover,
.topList a.btnMember:hover, a.btnMember_normal:hover, .topList a.btnApps:hover,
.topList a.btnNewcomic:hover, .topList a.btnBN:hover, #footer a.appStore:hover,
#footer a.gglPlay:hover, a.course_premium:hover, a.course_dmorning:hover, a.btnNewcomic_premium:hover,
a.btnBN_premium:hover, a.btnRead_premium:hover, a.btnMember_normal_premium:hover, a.btnMember_normal_premium_campaign:hover, a.btnMember_premium:hover, a.btnApps_premium:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}

/* font-family */
body,input,textarea,select,button { font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W6', 'sans-serif';}
#wrap { font-size: 18px;}


/*****************
header
******************/
#header { height: 124px; background-color: #25206f; min-width: 1200px;}
#inner { height: 111px; width: 1200px; margin: 0 auto; padding: 13px 0 0 0;}
.d-morning-logo a { width: 320px; height: 96px; background-image: url(http://image.excite.co.jp/jp/dmorning/images/d_pc/logo.png);}
.btnAbout { display: block; padding: 6px 0 0 20px;}
.btnAbout a { width: 190px; height: 44px; background-image: url(//image.excite.co.jp/jp/dmorning/images/d_pc/sprite_2.png); background-position: -702px -204px;}
#header #navi { width: 400px; margin-top: 9px;}
#header #navi li { float: left; margin-right: 14px;}
#header #navi li.last { margin: 0; float: right;}
#header #navi li a { width: 80px; height: 80px; overflow: hidden; background-image: url(//image.excite.co.jp/jp/dmorning/images/d_pc/sprite_2.png);}
#header #navi li .naviBacknumber { background-position: -350px 0;}
#header #navi li .naviMyPage { background-position: -262px 0;}
#header #navi li .naviAbout { background-position: -175px 0;}
#header #navi li .naviInfo { background-position: -437px 0;}
#header #navi li .naviLogin { background-position: 0 0;}
#header #navi li .naviLogOut { background-position: -87px 0;}
#share li { float: left; width: 100px; margin: 20px 0 0 20px;}

/*****************
トップページのコース選択
******************/
#toppage_selector { background-color: #fff; min-width: 1200px; box-shadow:rgba(204, 204, 204, 0.258824) 1px 1px 1px 1px;}
#toppage_selector #inner { height: 100px; padding-top: 10px;}
#toppage_selector .course_dmorning,
#toppage_selector .course_premium  { width: 1200px; height: 90px; display: block; overflow: hidden;}

/*****************
本棚のコース選択
******************/
#bookshelf_selector { width: 100%; overflow: hidden; margin-bottom: 40px; font-size: 20px;}
#course_dmorning { margin-right: 18px;}
#course_dmorning,
#course_premium { width: 438px; height: 54px; line-height: 54px; border: 2px solid #4783bf; float: left; text-align: center; cursor: pointer; border-radius: 4px; color: #4783bf; font-weight: bold; background: #fff;}
#course_premium:hover,
#course_dmorning:hover { background: #d3d3d3;}
#bookshelf_selector .course-pick { 
background: #0063a6;
background: -moz-linear-gradient(top, #0063a6 0%, #339dd7 100%);
background: -webkit-linear-gradient(top, #0063a6 0%,#339dd7 100%);
background: linear-gradient(to bottom, #0063a6 0%,#339dd7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0063a6', endColorstr='#339dd7', GradientType=0);
border: 2px solid #4783bf;
color: #fff;
cursor: default;}

.course_description { border-top: 1px solid #ccc; margin-top: 14px; overflow: hidden;}
.course_description_dmo,
.course_description_pre { float: left; width: 46%;}
.course_description_dmo { margin-right: 4%; border-right: 1px solid #ccc; padding-right: 3%;}
.course_description_pre p,
.course_description_dmo p { min-height: 280px;}
.course_description_dmo .btn,
.course_description_pre .btn { width: 300px; margin: 0 auto; display: block;}
.course_description_pre h2 img,
.course_description_dmo h2 img { width: 250px;}
.new-magazine img { width: 200px; margin-bottom: 48px;}
.caution-text { font-size: 14px; color:#666;}


/*****************
footer
******************/
.toTop { width: 1200px; margin: 0 auto; text-align: right; margin-bottom: 10px;}
.toTop a { color: #fff; text-decoration: none; font-size: 16px; padding: 3px 5px; background-color: #25206f;}
.toTop a:hover { background-color: #4783bf;}
#footer { text-align: center; font-size: 16px; height: 295px; width: 100%; min-width: 1200px; margin: 0 auto; position: absolute; bottom: 0; padding-top: 5px;}
#footer #footerBg { background-color: #25206f; padding: 20px;}
#footer p.appRead { width: 478px; height: 52px; margin: 0 auto; background-image: url(http://image.excite.co.jp/jp/dmorning/images/d_pc/sprite_2.png); background-position: 0 -1494px;}
#footer .footernavi { position: relative; overflow: hidden;}
#footer .footernavi ul { float:left; left:50%; position:relative;}
#footer .footernavi li { float: left; padding: 0 10px; border-right: solid 1px #fff; left:-50%; position:relative;}
#footer .footernavi li.last { border: none;}
#footer .footernavi a { color: #fff; text-decoration: none; font-weight: normal;}
#footer .footernavi a:hover { color: #0066ff;}
#footer .btnArea { padding: 0 0 20px 0; height:79px;}
#footer a.appStore { width: 255px; height: 79px; background-image: url(http://image.excite.co.jp/jp/dmorning/images/d_pc/sprite_2.png); background-position: -728px -549px;}
#footer a.gglPlay { width: 265px; height: 79px; background-image: url(http://image.excite.co.jp/jp/dmorning/images/d_pc/sprite_2.png); background-position: -719px -780px;}
#footer #copyright { color: #fff; margin-top: 5px;}


/*****************
footer下部固定
******************/
html,body{ height: 100%;}
#all{ width: 100%; position: relative; height: auto !important; height: 100%; min-height: 100%;}


/*****************
contents
******************/
#wrapTop { width: 1200px; margin: 0 auto; padding-bottom: 310px; overflow: hidden;}
#lowerBanner{text-align:center;display:block;width: 1200px;height: 95px;overflow: hidden;}
#wrap { width: 920px; margin: 0 auto; padding-bottom: 345px;}
h1 { padding: 40px 0 30px; font-size: 34px; text-align: center;}
h2 { margin: 40px 0; color: #6c6c6c; font-size: 32px; text-align: center;}
h3 { margin: 25px 0 0 0; color: #333; font-weight: bold; font-size: 22px; text-align: left;}
#wrap dt { font-weight: bold;}
#wrap dd { padding: 0 0 35px 20px;} 

/* top */
.topImg { width: 560px; margin: 48px 40px 0 0;}
.topImg .newMokuji { width: 280px; height: 62px; display: block; margin-top: 15px; overflow: hidden; background: url(http://image.excite.co.jp/jp/dmorning/images/d_pc/sprite_2.png) -637px -300px;}
.topList { width: 600px; padding-top: 48px;}
.topList .read, 
.topList .read_premium { width: 600px; margin: 0; padding: 0; display: block; overflow: hidden; background: url(http://image.excite.co.jp/jp/dmorning/images/d_pc/sprite_2.png) no-repeat;}
.topList .read { height: 220px; background-position: 0 -305px;}
.topList .read_premium { height: 150px; background: url(http://image.excite.co.jp/jp/dmorning/images/d_pc/premium_read.png) no-repeat;}
/* dmorning */
.topList .btnRead,
.topList .btnMember, 
.topList .btnMember_normal,
.topList .btnApps,
.topList .btnNewcomic,
.topList .btnBN,
.topList .btnMember_normal_campaign { width: 601px; margin: 19px 0 0; padding: 0; display: block; overflow: hidden; background: url(//image.excite.co.jp/jp/dmorning/images/d_pc/sprite_2.png) no-repeat;}
.topList .btnRead { height: 190px; background-position: 0 -543px;}
.topList .btnMember { height: 202px; background-position: 0 -737px;}
.topList .btnMember_normal { height: 202px; background-position: 0 -1565px;}
.topList .btnApps { height: 131px; background-position: 0 -943px;}
.topList .btnNewcomic { height: 190px; background-position: 0 -1078px;}
.topList .btnBN { height: 191px; background-position: 0 -1271px;}
.topList .btnMember_normal_campaign { height: 202px; background-position: 0 -2900px;}
/* premium */
.topList .btnRead_premium,
.topList .btnMember_premium, 
.topList .btnMember_normal_premium,
.topList .btnMember_normal_premium_campaign,
.topList .btnNewcomic_premium,
.topList .btnApps_premium,
.topList .btnBN_premium { width: 601px; margin: 19px 0 0; padding: 0; display: block; overflow: hidden; background: url(//image.excite.co.jp/jp/dmorning/images/d_pc/sprite_2.png) no-repeat;}
.topList .btnRead_premium { height: 190px; background-position: 0 -1772px;}
.topList .btnMember_premium { height: 202px; background-position: 0 -2560px;}
.topList .btnMember_normal_premium { height: 202px; background-position: 0 -1966px;}
.topList .btnMember_normal_premium_campaign { height: 202px; background-position: 0 -2560px;}
.topList .btnNewcomic_premium { height: 190px; background-position: 0 -2172px;}
.topList .btnBN_premium { height: 191px; background-position: 0 -2366px;}
.topList .btnApps_premium { height: 132px; background-position: 0 -2766px;}


/* news */
#news { width: 920px;}
#news a { text-decoration: none; font-weight: normal; display: block; padding: 7px;}
#news .day { display: inline-block; vertical-align: top; padding-top: 2px; color: #6d6d6d; font-size: 14px;}
#news .newsTtl { width: 660px; padding-left: 8px; display: inline-block; vertical-align: top;}
#news .openArrow { width: 28px; height: 28px; display: inline-block; float: right; margin: 0 10px 0 0; background-image: url(http://image.excite.co.jp/jp/dmorning/images/d_pc/sprite_2.png); background-position: -649px -427px;}
#news li:nth-child(even) { background-color: #f0f0f0;}
#news li:nth-child(odd) { background: #e6e6e6;}
#news .newsCon { font-size: 16px; padding: 0 10px; display:none}
#news .newsCon p { padding-top: 10px;}
/* アコーディオンオープン時 */
#news .open { border-bottom: dashed 1px #999;}
#news .open .openArrow { width: 28px; height: 28px; display: inline-block; float: right; margin: 0 10px 0 0; background-image: url(http://image.excite.co.jp/jp/dmorning/images/d_pc/sprite_2.png); background-position: -702px -427px;}

/* subscription */
#subscriptionNavi { width: 920px; height: 74px; margin-bottom: 50px;}
#subscriptionNavi a { width: 131px; height: 74px; overflow: hidden; background-image: url(http://image.excite.co.jp/jp/dmorning/images/d_pc/sprite_2.png);}
#subscriptionNavi li { float: left;}
#subscriptionNavi li .ssAbout { background-position: 0 -99px;}
#subscriptionNavi li .ssSignup { background-position: -136px -99px;}
#subscriptionNavi li .ssCredit { background-position: -272px -99px;}
#subscriptionNavi li .ssPeriod { background-position: -407px -99px;}
#subscriptionNavi li .ssSituation { width: 132px; background-position: -543px -99px;}
#subscriptionNavi li .ssTakeover { background-position: -678px -99px;}
#subscriptionNavi li .ssQA { width: 132px; background-position: -814px -99px;}
#qa dt { background-color: #e6e6e6;}
#qa dt, #qa dd { font-weight: normal; margin: 10px 0 0; padding: 0;}
#qa dd { margin: 10px 0 20px;}
#qa dl dd:first-letter,
#qa dl dt:first-letter { font-size: 22px; font-weight: bold; margin-right: 10px; padding: 5px; font-family: 'Nunito', sans-serif;}
#qa dl dt:first-letter { color: #0F78E1;}
#qa dl dd:first-letter { color: #64ac71;}

/* backnumber */
.Bnumber { background-color: #F0C;}
.Bnumber li { float: left; width: 210px; height: 370px; margin: 5px 20px 15px 0;}
.Bnumber li:last-child { margin-right: 0;}
.Bnumber li img { width: 210px; border: solid 1px #a9a9a9;}
.Bnumber dl { width: 137px; font-size: 12px; margin-top: 8px;}
#wrap .Bnumber li dl dd { padding: 0;}
.Bnumber a.comicCon {
float: right;
display: inline-block;
margin-top: 8px;
padding: 3px 15px;
color: #FFF;
font-size: 16px;
font-weight: normal;
text-decoration: none;
-moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
-webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
box-shadow: inset 0px 1px 0px 0px #bee2f9;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #40a5db), color-stop(1, #005c9d) );
background: -moz-linear-gradient( center top, #40a5db 5%, #005c9d 100% );
background: -ms-linear-gradient( top, #40a5db 5%, #005c9d 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40a5db', endColorstr='#005c9d');
background-color: #40a5db;}

/* pager */
#pageNavi { margin: 0 0 10px; padding: 12px; text-align: center;}
#pageNavi li { display: inline; margin: 0 1px; padding: 0;}
#pageNavi li span, #pageNavi li a { display: inline-block; font-size: 14px; font-weight: normal; padding: 1px 8px; background: #fff; border: 1px solid #4783bf; vertical-align: middle; text-decoration: none;}
#pageNavi li span { font-weight: bold;}
#pageNavi li a:hover { color: #fff; background-color: #4783bf;}
.pagerInfo { text-align: center; font-size: 16px;}

/* mokuji */
.conNews { display:none; height:600px; width:450px; border:1px solid #000; background: #fff; overflow:auto;}
.conNews #contentsNews { background-color: #9a9a9a; padding: 15px; font-size: 16px; color: #fff; text-align: center;}
.conNews #contentsLst dl { height: 116px; padding: 5px 0; border-bottom: solid 1px #ccc;}
.conNews #contentsLst dt { width: 120px; height: 116px; float: left;}
.conNews #contentsLst dd { width: 220px; height: 116px; float: right; font-size: 12px;}
.conNews #contentsLst dd .conTtl { font-size: 15px; font-weight: bold;}
.ui-draggable .ui-dialog-titlebar { text-align: center; font-weight: bold;}
.ui-widget-overlay { background: #333; opacity: 0.5; -moz-opacity: 0.5; filter: Alpha(Opacity=50);}

/* kiyaku */
.kiyaku dt { margin-top: 20px;}
#wrap .kiyaku dd { padding-left: 0;}
.kiyaku ol { list-style: decimal; padding: 10px 0 0 35px;}
.kiyaku ol li { padding-bottom: 5px;}

/* help */
.helpList ul, .helpList li { margin: 10px 0;}
.helpList h2 { margin: 50px 0 0 0; color: #333; font-weight: bold; font-size: 22px; text-align: left;}

/* button */
.btnArea { height: 90px; display: table; margin: 0 auto; padding: 30px 0;}
.oneBtn { margin: 40px auto; text-align: center;}
.btn { display: inline-block;}
.btnInner { display: table-cell; width: 300px; height: 90px; background: #000; color: #fff; text-align: center; vertical-align: middle;	border-radius: 6px;	text-decoration: none; font-size: 24px; font-weight: normal;}
.btnInner:hover { text-decoration: none; color: #fff;}
.btnInner:active { font-weight: normal;}

.btnBlue {
-moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
-webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
box-shadow: inset 0px 1px 0px 0px #bee2f9;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #40a5db), color-stop(1, #005c9d) );
background: -moz-linear-gradient( center top, #40a5db 5%, #005c9d 100% );
background: -ms-linear-gradient( top, #40a5db 5%, #005c9d 100% );
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#40a5db', endColorstr='#005c9d');
background-color: #40a5db;}
.btnBlue:hover, .Bnumber a.comicCon:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2f7da7), color-stop(1, #02487a) );
background: -moz-linear-gradient( center top, #2f7da7 5%, #02487a 100% );
background: -ms-linear-gradient( top, #2f7da7 5%, #02487a 100% );
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2f7da7', endColorstr='#02487a');
background-color: #02487a;}

.btnGreen {
-moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
-webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
box-shadow: inset 0px 1px 0px 0px #bee2f9;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6ab177), color-stop(1, #449152) );
background: -moz-linear-gradient( center top, #6ab177 5%, #449152 100% );
background: -ms-linear-gradient( top, #6ab177 0%, #449152 100% );
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6ab177', endColorstr='#449152');
background-color: #449152;}
.btnGreen:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #51875b), color-stop(1, #346f3f) );
background: -moz-linear-gradient( center top, #51875b 5%, #346f3f 100% );
background: -ms-linear-gradient( top, #51875b 0%, #346f3f 100% );
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#51875b', endColorstr='#346f3f');
background-color: #346f3f;}

.btnGray {
height: 50px;
font-size: 20px;
-moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
-webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
box-shadow: inset 0px 1px 0px 0px #bee2f9;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a1a1a1), color-stop(1, #6b6b6b) );
background: -moz-linear-gradient( center top, #a1a1a1 5%, #6b6b6b 100% );
background: -ms-linear-gradient( top, #a1a1a1 5%, #6b6b6b 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1a1a1', endColorstr='#6b6b6b');
background-color: #a1a1a1;}
.btnGray:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7f7f7f), color-stop(1, #555) );
background: -moz-linear-gradient( center top, #7f7f7f 5%, #555 100% );
background: -ms-linear-gradient( top, #7f7f7f 5%, #555 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f7f7f', endColorstr='#555');
background-color: #555;}

.btnDmorning {
position: relative;
-moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
-webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
box-shadow: inset 0px 1px 0px 0px #bee2f9;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00a4ed), color-stop(1, #006dbb) );
background: -moz-linear-gradient( center top, #00a4ed 5%, #006dbb 100% );
background: -ms-linear-gradient( top, #00a4ed 0%, #006dbb 100% );
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00a4ed', endColorstr='#006dbb');
background-color: #006dbb;}
.btnDmorning:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006dbb), color-stop(1, #135d91) );
background: -moz-linear-gradient( center top, #006dbb 5%, #135d91 100% );
background: -ms-linear-gradient( top, #006dbb 0%, #135d91 100% );
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#006dbb', endColorstr='#135d91');
background-color: #135d91;}
#process .btnArea,
#qa+.btnArea { margin-top: 100px;}
.btnArea .btnDmorning:before,
.btnArea .btnPremium:before {
content: "";
background: url(http://image.excite.co.jp/jp/dmorning/images/d_pc/logo.png) no-repeat;
background-size: 90%;
position: absolute;
display: block;
width: 320px;
height: 96px;
top: -100px;
left: 8px;}
.btnPremium {
position: relative;
-moz-box-shadow: inset 0px 1px 0px 0px #e5c56e;
-webkit-box-shadow: inset 0px 1px 0px 0px #e5c56e;
box-shadow: inset 0px 1px 0px 0px #e5c56e;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #caaa53), color-stop(1, #836622) );
background: -moz-linear-gradient( center top, #caaa53 5%, #836622 100% );
background: -ms-linear-gradient( top, #caaa53 0%, #836622 100% );
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#caaa53', endColorstr='#836622');
background-color: #836622;}
.btnPremium:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #836622), color-stop(1, #5b430c) );
background: -moz-linear-gradient( center top, #836622 5%, #5b430c 100% );
background: -ms-linear-gradient( top, #836622 0%, #5b430c 100% );
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#836622', endColorstr='#5b430c');
background-color: #5b430c;}
.btnArea .btnPremium:before {
background: url(http://image.excite.co.jp/jp/dmorning/images/d_pc/logo_premium.png) no-repeat;
background-size: 90%;}