@charset "UTF-8";
@font-face{font-family:RiffIcons;src:url(https://s.yimg.jp/images/riff/3.8.2/fonts/icon/RiffIcons.eot);src:url(https://s.yimg.jp/images/riff/3.8.2/fonts/icon/RiffIcons.eot?#iefix) format("eot"),url(https://s.yimg.jp/images/riff/3.8.2/fonts/icon/RiffIcons.woff2) format("woff2"),url(https://s.yimg.jp/images/riff/3.8.2/fonts/icon/RiffIcons.woff) format("woff"),url(https://s.yimg.jp/images/riff/3.8.2/fonts/icon/RiffIcons.ttf) format("truetype")}
.headline_img{padding:10px;border-top:0}
.headline_img .headlineInnr{position:relative}
.headline_img .headlineTtl h1 a{font-weight:700;letter-spacing:-.08;line-height:1.4;font-size:112.5%}
.headline_img .headlineTtl .info{margin:5px 0;line-height:24px;color:#999;font-size:81.25%}
.headline_img .headlineTtl .info:after{content:"";display:block;clear:both}
.headline_img .headlineTtl .info a{float:left}
.headline_img .headlineTtl .info .time{float:right}
.headline_img a.mainVisual{display:block}
.headline_img a.mainVisual img{-webkit-touch-callout:none}
.headline_img .credit{padding-top:5px;color:#999;font-size:75%}
.headline_txt{padding:10px;border-top:0}
.headline_txt .headlineTtl .thumb{float:left;margin-right:10px}
.headline_txt .headlineTtl h1{line-height:1.3;font-size:150%;font-weight:700}
.headline_txt .headlineTtl h1 .payArticle{font-size:45.83333%}
.headline_txt .headlineTtl .info{padding-top:5px;color:#999;font-size:75%}
.headline_txt .headlineTtl .info a .title{color:#999}
.headline_txt .headlineTtl .info .time{display:block}
.headline_txt .mainSummry{clear:both;padding-top:10px;font-size:87.5%}
.headline_txt .mainSummry a{display:inline-block;padding-left:.8em;font-weight:700}
.pager-small{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 4px;line-height:1;text-align:center}
.pager-small li{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 4px}
.pager-small li .pager-inner{display:block;padding:10px 8px;border:1px solid #bbb;border-radius:4px;color:#444;font-size:14px}
.pager-small li .pager-inner:after,.pager-small li .pager-inner:before{font-family:RiffIcons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pager-small li span.pager-inner{border-color:#eee;background-color:#eee;color:#aaa;cursor:default}
.pager-small li.prev .pager-inner{text-align:left}
.pager-small li.prev .pager-inner:before{content:"\e63c"}
.pager-small li.next .pager-inner{text-align:right}
.pager-small li.next .pager-inner:after{content:"\e63d"}
.topList .hd .sideTxt{top:10px;font-size:75%}
.topList .bd .listBody li{border-bottom:1px solid #efefef;line-height:1.3}
.topList .bd .listBody li a{display:block;padding:10px}
.topList .bd .listBody li .photo{float:right;padding-left:10px}
.topList .bd .listBody li .photo img{-webkit-touch-callout:none;width:120px}
.topList .bd .listBody li .ttl{margin-bottom:5px;font-weight:700;font-size:112.5%}
.topList .bd .listBody li .smry{color:#333;font-size:87.5%}
.topList .bd .listBody li .info{clear:both;padding-top:10px;color:#999;font-size:75%}
.topList .bd .listBody li .info:after{content:"";display:block;clear:both}
.topList .bd .listBody li .info .thumb{float:left;margin-right:10px}
.topList .bd .listBody li .info .name{color:#333}
.topList .bd .listBody li .info .time{display:block}
.newList .hd .sideTxt{font-size:75%}
.newList .bd li{border-bottom:1px solid #efefef}
.newList .bd li a{display:block;padding:10px;line-height:1.3}
.newList .bd li a .ttl{padding-bottom:5px;font-weight:700}
.newList .bd li a .info{overflow:hidden;color:#333;font-size:81.25%}
.newList .bd li a .info .thumb{float:left;margin:0 5px 5px 0}
.newList .bd li a .info .title{color:#999}
.newList .bd li a .info .time{display:block;color:#999}
.newList .bd li .msg{padding:15px;font-size:87.5%}
.module.authorList{border-top:0}
.module.authorList .hd{border-top:0}
.allAuthorList li{border-top:1px solid #efefef}
.allAuthorList li:first-child{border-top:0}
.allAuthorList li a{display:block;padding:10px}
.allAuthorList li a:after{content:"";display:block;clear:both}
.allAuthorList li .thumb{float:left}
.allAuthorList li .name{margin-left:58px;font-size:93.75%;font-weight:700}
.allAuthorList li .position{margin-left:58px;line-height:1.3;color:#999;font-size:75%}
.authorProfile{position:relative;min-height:106px;background:#fff}
.authorProfile .authorInfo{min-height:100px}
.authorProfile h1{margin:0 15px 0 135px;padding-top:15px;font-weight:700}
.authorProfile .position{display:block;margin:.5em 15px 0 135px;line-height:1.2;font-size:81.25%;color:#999}
.authorProfile .thumb{position:absolute;top:0;left:15px;display:inline-block;margin-top:-10px;padding:4px;border:1px rgba(0,0,0,.08) solid;background-color:#fff}
.authorProfile .authorLink{padding:5px 10px;border-bottom:1px solid #efefef;color:#999;font-size:81.25%}
.authorProfile .bio{font-size:81.25%;padding:10px}
.viewSwitch{border-top:1px solid #efefef;background-color:#fff;border-bottom:2px solid #666}
.viewSwitch ul:after{content:"";display:block;clear:both}
.viewSwitch li{position:relative;z-index:1;top:2px;display:block;float:left;width:50%;text-align:center;font-weight:700}
.viewSwitch li a{display:block;min-height:45px;padding:5px 0;color:#333;font-weight:700}
.viewSwitch li a span{display:block}
.viewSwitch li a span.ttl{font-size:75%}
.viewSwitch li a span.num{color:#3e5271;font-size:112.5%}
.viewSwitch li:first-child:after{position:absolute;top:10px;right:0;display:block;width:1px;height:36px;background-color:#eee;content:""}
.viewSwitch li.cur{border-bottom:2px solid #aad22f}
.viewSwitch li.cur a:after{position:absolute;bottom:0;left:50%;margin-left:-7px;border:7px solid;border-color:transparent;border-bottom-color:#aad22f;content:""}
.payModule{border-top:0}
.payModule .hd{border-top:0}
.payModule .bd{padding:10px}
.payModule .bd .info .thumb{float:left;display:inline-block;margin-right:10px;padding:3px;border:1px rgba(0,0,0,.08) solid}
.payModule .bd .info .ttl{font-weight:700}
.payModule .bd .info .charge{display:block;padding-top:15px}
.payModule .bd .info .charge .price em{font-weight:700}
.payModule .bd .info .freq{font-size:87.5%}
.payModule .bd .purchase{text-align:center}
.payModule .bd .purchase .btn{width:75%;margin:10px auto;padding:15px 0;border:3px solid #efefef;border-radius:4px;text-align:center}
.payModule .bd .purchase .backnumber{font-size:87.5%}
.payModule .bd .explain{clear:both;font-size:87.5%;padding-top:10px}
.payModule .alert{color:#e60013;font-size:75%}
.payModule+.authorArticleList{border-top:8px solid #ddd}
.authorArticleList{border-top:0}
.authorArticleList .hd{position:static}
.authorArticleList .filterMod{position:relative;margin:10px 0;padding:0 10px;text-align:right}
.authorArticleList .filterMod .num{margin-right:10px;color:#999;font-size:87.5%}
.authorArticleList .filterMod .num em{color:#333;font-weight:700}
.authorArticleList .entry{padding:10px;border-bottom:1px solid #efefef;line-height:1.5}
.authorArticleList .entry a.entryBody{display:block}
.authorArticleList .entry a.entryBody:after{content:"";display:block;clear:both}
.authorArticleList .entry .thumb{float:left;margin:0 10px 10px 0}
.authorArticleList .entry .thumb img{-webkit-touch-callout:none;width:150px}
.authorArticleList .entry .ttl{font-weight:700}
.authorArticleList .entry .summary{margin-top:5px;color:#333;font-size:81.25%}
.authorArticleList .entry .pubdate{margin:5px 0;color:#999;font-size:81.25%}
.authorArticleList .entry.msg{padding:20px 10px;text-align:center}
.authorArticleList .purchaseBtn{text-align:center;font-size:81.25%}
.authorArticleList .purchaseBtn .btnView{margin:0}
.authorArticleList .purchaseBtn .alert{margin-top:5px;color:#e60013}
#filterBtn{display:inline-block;padding:6px 8px;border:1px solid #bbb;border-radius:4px;cursor:pointer;line-height:1;font-size:87.5%}
#filterBtn:after,#filterBtn:before{font-family:RiffIcons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#filterBtn:after{content:"\e633"}
#filterBtn:after{margin-left:5px;font-size:12px;color:#666}
#filterBtn.on{border-color:#1a75ff}
#filterBtn.on:after{content:"\e632"}
#filterBtn a{color:#333;text-decoration:none}
#narrowCalList{display:none;position:absolute;top:28px;right:5px;z-index:10;padding:5px 10px;max-width:600px;max-height:500px;border-radius:4px;background:#fff;text-align:left;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 2px rgba(0,0,0,.5);overflow:auto}
#narrowCalList.on{display:block}
#narrowCalList .year{padding-top:5px;font-size:87.5%;font-weight:700}
#narrowCalList .year.cancel{padding:10px 10px 0;text-align:right}
#narrowCalList ul{width:290px}
#narrowCalList ul li{display:inline-block;width:2.4em;margin-right:1em;color:#b7b7b7;font-size:87.5%}
.backnumber .monthList{padding:10px 0;border-bottom:1px solid #efefef}
.backnumber .monthList dt{margin:0 15px}
.backnumber .monthList dt .ttl{display:inline-block;font-weight:700;font-size:93.75%}
.backnumber .monthList dt .ttl em{font-size:133.33333%;font-weight:700}
.backnumber .monthList dt .num{display:inline-block;font-size:93.75%}
.backnumber .monthList dd{margin:10px 15px}
.backnumber .monthList .purchase{padding:15px 0;border:3px solid #efefef;border-radius:4px;text-align:center}
.backnumber .monthList .purchase .btnView{margin:8px}
.backnumber .monthList .purchase .price{display:inline-block}
.backnumber .monthList .purchase .price em{font-weight:700;font-size:112.5%}
.backnumber .monthList .purchase .alert{color:#e60013;font-size:75%}
.backnumber .monthList .list{min-height:90px;font-size:87.5%}
.backnumber .monthList .list li{list-style:disc;margin-left:15px;padding-bottom:10px}
.backnumber .monthList .list li.hide{display:none}
.purchaseGuideMod .modHd{padding:8px 10px;background-color:#f7f7f7;border-bottom:1px solid #e1e1e1}
.purchaseGuideMod .modHd .ttl{font-weight:700;font-size:93.75%}
.guideMod{padding:10px;border-top:1px solid #e1e1e1}
.guideMod:nth-child(2){border-top:0}
.guideMod .hd{margin-bottom:10px}
.guideMod .hd .ttl{font-size:93.75%;font-weight:700}
.guideMod .bd{font-size:93.75%}
#purchaseNotice .bd{margin-left:10px}
#purchaseNotice li{list-style:decimal;margin-left:15px;padding-bottom:.6em;line-height:1.8}
#purchaseOverview .img{margin:20px 0;text-align:center}
#purchaseStep .bd{border:1px solid #e2e2e2;border-radius:4px;background:#ededed;text-align:center}
#purchaseStep ul.step{margin:10px 10px 0;overflow:hidden}
#purchaseStep ul.step li{display:inline-block;width:300px;margin:0 auto 10px;vertical-align:top}
#purchaseStep ul.step li.step3{width:280px}
#purchaseStep ul.step li p{width:300px;height:180px;margin-bottom:4px;background:url(../img/bg_apromo_01.png) no-repeat;text-indent:-9999px;overflow:hidden}
#purchaseStep ul.step li.step1 p{background-position:0 0}
#purchaseStep ul.step li.step2 p{background-position:-300px 0}
#purchaseStep ul.step li.step3 p{width:280px;background-position:-600px 0}
#purchaseStep ul.step li a{display:block;padding:0 0 5px 5px;text-align:left;font-weight:700;vertical-align:middle}
#purchaseStep ul.step li a:after,#purchaseStep ul.step li a:before{font-family:RiffIcons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#purchaseStep ul.step li a:before{content:"\e635"}
#purchaseStep ul.step li a:before{margin-right:3px;color:#666;font-size:13px}
.purchaseNav{border-bottom:1px solid #e1e1e1;background:#f7f7f7}
.purchaseNav ul{margin-bottom:-1px}
.purchaseNav ul:after{content:"";display:block;clear:both}
.purchaseNav li{float:left;width:33.3%;text-align:center;font-size:87.5%;font-weight:700}
.purchaseNav li a,.purchaseNav li span{display:block;height:42px;line-height:42px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.purchaseNav li a{background:0 0}
.purchaseNav li span{border-bottom-color:#fff;background:#fff}
.module.nodata{border-top:0;padding:60px 10px;text-align:center}
.module.purchaseSetting{border:0;padding:10px}
.module.purchaseSetting .bd{padding:10px;border:1px solid #e1e1e1;border-radius:4px;background:#f7f7f7;font-size:87.5%}
.purchaseHistory{border-top:0}
.purchaseHistory .hd{border-top-color:#e1e1e1}
.purchaseHistory .hd .sideTxt em{padding-left:.5em;font-weight:700;font-size:100%}
.purchaseHistory .bd .cancel{padding:10px;text-align:right;font-size:93.75%}
.module.headline_img{padding:15px 15px 10px;position:relative}
.module.headline_img .headlineTtl{position:absolute;bottom:20px;width:65%;padding:10px;background:#000;background:rgba(0,0,0,.75);color:#fff}
.module.headline_img .headlineTtl a{color:#fff}
.module.headline_img .headlineTtl h1{padding-bottom:7px;border-bottom:1px dotted #cc0}
.module.headline_img .headlineTtl .info{margin:5px 0 0}
.module.headline_txt{padding:15px 15px 10px}
.module.headline_txt h1{font-size:162.5%;font-weight:400}
.module.headline_txt h1 .payArticle{font-size:42.30769%}
.module.headline_txt .info a:hover{text-decoration:none}
.module.headline_txt .info a:hover .name{text-decoration:underline}
.pager-small{display:block;padding:8px 10px;border-top:1px solid #efefef;text-align:right}
.pager-small li{display:inline-block}
.pager-small li .pager-inner{padding:10px 12px}
.pager-small li.prev .pager-inner{padding-left:8px}
.pager-small li.next .pager-inner{padding-right:8px}
.module.topList .hd{border-bottom:1px solid #e1e1e1}
.module.topList .bd{padding:0}
.module.topList .bd .listBody:after{content:"";display:block;clear:both}
.module.topList .bd .listBody ul{width:50%;float:left}
.module.topList .bd .listBody ul li{border-bottom:0;padding:0 5px 20px}
.module.topList .bd .listBody ul.imgL li .photo{float:none;padding:0 0 5px}
.module.topList .bd .listBody ul.imgL li .photo img{width:100%}
.module.topList .bd .listBody li a .ttl{font-weight:400}
.module.topList .bd .listBody li a:hover{text-decoration:none;background-color:#f7f7f8}
.module.topList .bd .listBody li a:hover .ttl{text-decoration:underline}
.newList .bd ul{border-top:1px solid #e1e1e1}
.newList .bd li a{padding:10px 15px}
.newList .bd li a .ttl{font-weight:400}
.newList .bd li a:hover{text-decoration:none;background-color:#f7f7f8}
.newList .bd li a:hover .ttl{text-decoration:underline}
.newList .ft{padding:5px}
.module.authorList{border-bottom:0}
.allAuthorList{padding:10px 5px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.allAuthorList li{display:inline-block;width:50%;border-top:0;vertical-align:top}
.allAuthorList li a{min-height:54px}
.allAuthorList li a:hover{text-decoration:none;background-color:#f7f7f8}
.allAuthorList li a:hover .name{text-decoration:underline}
.allAuthorList li .name{font-weight:400}
.authorProfile .authorInfo{width:380px;float:left}
.authorProfile .authorLink{margin:0 0 0 380px;padding:15px 15px 0 0;border-bottom:0}
.authorProfile .bio{clear:both;padding:5px 15px 10px}
.viewSwitch{margin-bottom:5px}
.viewSwitch ul{width:480px;border-right:1px solid #efefef}
.viewSwitch li:first-child:after{height:40px}
.viewSwitch li a{position:relative;height:60px;padding:0}
.viewSwitch li a span{position:absolute;line-height:1}
.viewSwitch li a span.ttl{top:22px;left:20px;font-size:93.75%}
.viewSwitch li a span.num{top:20px;right:20px;font-size:125%}
.module.payModule .bd{padding:10px 15px;border-top:1px solid #efefef}
.module.payModule .bd:after{content:"";display:block;clear:both}
.module.payModule .bd .info{float:left;width:645px}
.module.payModule .bd .info .ttl{font-size:112.5%}
.module.payModule .bd .purchase{float:right;width:260px}
.module.payModule .bd .purchase .btn{width:auto;margin-top:0}
#narrowCalList{right:15px;border:1px solid #efefef}
#narrowCalList ul{width:auto}
.payModule+.authorArticleList{border-top:0}
.module.authorArticleList{border-bottom:0}
.module.authorArticleList .filterMod{margin-top:-34px;padding:0 15px}
.module.authorArticleList .bd>ul{border-top:1px solid #efefef}
.module.authorArticleList .entry{padding:0}
.module.authorArticleList .entry:after{content:"";display:block;clear:both}
.module.authorArticleList .entry a.entryBody{padding:15px}
.module.authorArticleList .entry a.entryBody:hover{text-decoration:none;background-color:#f7f7f8}
.module.authorArticleList .entry a.entryBody:hover .ttl{text-decoration:underline}
.module.authorArticleList .entry .thumb{width:200px;margin:0 15px 0 0;text-align:center}
.module.authorArticleList .entry .thumb img{width:auto;max-width:200px;max-height:180px}
.module.authorArticleList .entry .purchaseBtn{float:right;margin:0 15px 10px;text-align:right}
.module.authorArticleList .entry.msg{padding:25px 15px}
.backnumber{border-bottom:0}
.backnumber .bd{border-top:1px solid #efefef}
.backnumber .monthList{padding:10px 15px}
.backnumber .monthList:after{content:"";display:block;clear:both}
.backnumber .monthList dt{margin-left:0}
.backnumber .monthList .purchase{float:right;width:260px;margin:0 0 5px 10px}
.backnumber .monthList .purchase .price{display:block}
.purchaseGuideMod .modHd{padding:15px 15px 10px;background-color:transparent;border-bottom:0}
.purchaseGuideMod .modHd .ttl{font-weight:400;font-size:125%}
.guideMod{border-top:0;padding:15px}
.purchaseNav{border-top:1px solid #e1e1e1;background:#f7f7f8}
.purchaseNav ul{width:360px}
.module.nodata{padding:100px 10px}
.module.purchaseSetting{padding:15px}
.module.purchaseHistory{border-bottom:0}
.module.purchaseHistory .bd{padding:0 15px}
.module.purchaseHistory .bd .filterList{margin-top:0;text-align:left}
#purchasedList{width:100%;font-size:87.5%}
#purchasedList td,#purchasedList th{padding:.5em .7em}
#purchasedList td:last-child,#purchasedList th:last-child{border-right:0 none}
#purchasedList th{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;background-color:#f4f4f4;text-align:center;font-weight:700}
#purchasedList td{padding:.5em .7em;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;text-align:left}
#purchasedList td.yjxType{min-width:7em}
#purchasedList td.yjxCharge,#purchasedList td.yjxOrderNum{text-align:right}
#purchasedList td.yjxCharge{min-width:6em}
#purchasedList td.yjxDate{text-align:right;min-width:9em}
#purchasedList td.yjxDate .date{display:block}
#purchaseStep ul.step li a:hover{text-decoration:none}