@charset "utf-8";
.common-wp{margin:.6em}
#bookcover-slide{padding-bottom:22px;margin-bottom:20px}
#bookcover-slide span.slide-btn{display:block;width:25px;height:194px;cursor:pointer}
#bookcover-slide span.slide-prev{background:url(/common/images/v1/common/slide-prev.jpg) no-repeat 0 0 transparent}
#bookcover-slide span.slide-next{background:url(/common/images/v1/common/slide-next.jpg) no-repeat 0 0 transparent}
#menu-btn .category_list{display:none}
#menu-btn .category_list_index{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;display:block;-webkit-transform-origin:0 0;-webkit-transform:scale(1,1.01);-moz-transform-origin:0 0;-moz-transform:scale(1,1.01);-o-transform-origin:0 0;-o-transform:scale(1,1.01);font-weight:700;font-size:1.625em;margin-bottom:10px;color:#333}
#menu-btn .category_list_index a{color:#333}
#menu-btn.common-menu-btn ul#menu-btn-list li a.st-menu{background:url(/common/images/v1/common/menu-btn-list2x.png)}
#main-contents.sales ul.artile-list.default li:first-child .icon,#main-contents.sales ul.artile-list.default li:nth-child(4n) .icon,#main-contents.sales ul.artile-list.default li .icon{background:none;border:none;max-width:240px;width:inherit;float:inherit;margin:0 auto}
#main-contents.sales ul.artile-list.default li .icon img{max-height:200px;float:inherit;border:1px solid #ddd}
#main-contents.sales ul.artile-list.default li .text{display:block;width:100%;margin:5px auto;min-height:inherit}
p.sales_subttl{margin-bottom:20px}
h4.midashi01{position:relative;padding:.5em;background:#000;color:#ffeb3b}
h4.midashi01:before{position:absolute;content:'';top:100%;left:0;border:none;border-bottom:solid 15px transparent;border-right:solid 20px #959e9b}
h4.midashi02{position:relative;background:#cb9f6f;box-shadow:0 0 0 4px #cb9f6f;border:dashed 2px #fff;padding:.2em .5em;color:#000}
h4.midashi02:after{position:absolute;content:'';left:-7px;top:-7px;border-width:0 0 15px 15px;border-style:solid;border-color:#fff #fff #a27c53;box-shadow:1px 1px 1px rgba(0,0,0,0.15)}
h4.midashi03{position:relative;color:#FFF;background:#000;line-height:1.4;padding:.7em;margin:2em 0 .5em;border-radius:0 5px 5px 5px;border-left:none}
h4.midashi03:after{position:absolute;font-family:"Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;content:'\f00c Check';background:#000;color:#FFF;left:0;bottom:100%;border-radius:5px 5px 0 0;padding:3px 7px 1px;font-size:.7em;line-height:1;letter-spacing:.05em}
h4.midashi04{position:relative;border-top:solid 2px #000;border-bottom:solid 2px #000;border-left:none;background:#f4f4f4;line-height:1.4;padding:.6em .5em;margin:2em 0 .5em}
h4.midashi04:after{position:absolute;font-family:"Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;content:'\f0a7\ POINT';background:#000;color:#fff;left:0;bottom:100%;border-radius:5px 5px 0 0;padding:5px 7px 3px;font-size:.7em;line-height:1;letter-spacing:.05em}
#article-signage span.articledate{font-size:1em;color:#999;display:inline-block;margin-bottom:10px}
#article-signage span.cat{display:inline-block;color:#fff;font-size:.875em;line-height:1.4em;padding:0 6px;border-radius:4px;margin-left:10px;vertical-align:text-top}
#article-top h2,#article-signage h1{font-size:1.375em;padding-right:20px;margin-bottom:20px}
#article-top h2,#article-signage h1,ul.artile-list.default li .title,.feature-signage h1{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif}
.article-social-st{margin-top:10px}
.green{font-weight:600;color:#007f0b}
.red{font-weight:600;color:#7f0045}
#article-signage .image{text-align:center;width:100%}
#article-signage .image img{margin:30px auto 0;width:100%}
#article-signage .bottom-section{margin-top:15px}
#article-signage .image .imgcap{font-size:.8em;color:#8D8D8D;text-align:right}
.article-social-pc{display:none}
#article-signage ul li{float:left;margin-right:10px;background:none}
#article-signage ul li a.article-social{display:block;width:30px;height:30px}
#article-signage ul li a.article-tw,#article-signage ul li a.article-tw:hover{background-position:-880px 0;text-indent:-1110em}
#article-signage ul li a.article-fb,#article-signage ul li a.article-fb:hover{background-position:-910px 0;text-indent:-1110em}
#article-signage ul li a.article-google{background-position:-820px 0;text-indent:-1110em}
#article-signage ul li a.article-google:hover{background-position:-940px 0}
#article-signage ul li a.article-hatena,#article-signage ul li a.article-hatena:hover{background-position:-970px 0;text-indent:-1110em}
#article-signage ul li.article-line{padding-top:5px}
#article-signage ul li.article-line a{background:none}
#article-signage.default{padding-bottom:10px;color:#333}
#article-signage.default span.category{font-size:1.125em;font-weight:700;color:#999;margin-bottom:19px;display:inline-block}
#article-signage.default h1{margin-bottom:10px;padding-right:0;font-size:1.5em;line-height:1.35}
#article-signage h2{font-size:1.125em;font-weight:400}
#article-signage .author{margin:0 0 20px;font-size:1.25em;font-weight:700}
#article-signage .author span{font-weight:400;font-size:1em}
#article-signage.default .date{font-size:.75em;color:#999;float:right;line-height:30px}
#article-signage.default .article-social-st,#article-signage.default .article-social-pc{float:left}
#article-signage.default .bottom-section::after{content:"";display:block;clear:both}
#article-signage.default .image{text-align:center;margin:1em -1em}
#article-signage.default .image img{width:100%}
#article-signage.default .image p.imgcap{text-align:right;font-size:.75em;color:#999}
.common-contents-right #main-contents{color:#48403e;background-color:#FFF;font-size:1em!important;line-height:1.5!important;letter-spacing:.03rem}
#main-contents h2,#main-contents p.midashi{font-size:1.125em;margin:2em 0 1em;font-weight:700}
#main-contents h4{border-left:solid 5px #2c2c2c;padding-left:10px;margin-bottom:17px}
#main-contents p{word-break:normal;margin-bottom:1.5em;line-height:175%;/* font-size:1em!important; */}
#main-contents p span.lspace{letter-spacing:0}
#main-contents p.read{padding:20px;background-color:#f9f5f0}
#main-contents .article-summary{border-bottom:dotted 1px #a0a0a0;padding:0 0 25px;margin-bottom:30px}
#main-contents .article-summary p{margin-bottom:0}
p.text-min{font-family: 'Sawarabi Mincho', sans-serif;}
.feature-contents #article-signage .author{font-size:.95em}
.feature-contents #article-signage span.articledate{font-size:1em;color:#999;display:inline-block;margin-bottom:10px;float:left;padding-right:1%}
.feature-contents #article-signage{line-height:1.4;background-position:left bottom;padding:10px 0;x-shadow:-1px 3px 2px -3px #b1b1b1}
.series-contents .common-contents-right #main-contents p{margin:0}
.series-contents #article-signage h2{font-size:2.125em;font-weight:600}
.figure-left,.figure-right,.figure-center{margin:0 auto 15px}
.central{text-align:center}
.figure-left img,.figure-right img,.figure-center img{display:block;margin:0 auto;width:100%!important}
.fukidashi01,.fukidashi01L{position:relative;background-color:#CBE6DA;padding:4%;border-radius:20px}
.fukidashi01:before{content:"";position:absolute;top:-30px;left:55px;margin-left:-15px;border:15px solid transparent;border-bottom:15px solid #CBE6DA}
.fukidashi01:before{content:"";position:absolute;top:-30px;left:50%;margin-left:-15px;border:15px solid transparent;border-bottom:15px solid #CBE6DA}
.fukidashi01L:before{content:"";position:absolute;top:50%;left:-30px;margin-top:-15px;border:15px solid transparent;border-right:15px solid #CBE6DA}
#main-contents .figure-left.etoki span,#main-contents .figure-right.etoki span,#main-contents .figure-center.etoki span{padding-top:7px;font-size:.75em;color:#787878;line-height:1.4;display:block}
figcaption{font-size:.8em;line-height:1.2;color:#8D8D8D;margin-top:4px}
figcaption a{font-size:.8em;line-height:1.2}
.movie{height:0;padding-bottom:56.25%;padding-top:30px;position:relative;margin:0 auto 40px;width:100%}
.movie iframe{height:100%;left:0;right:0;position:absolute;top:0;width:100%}
blockquote{margin:0 3%;border-left:#e9e9e9 2px solid;padding-left:2%}
.figure-left,.figure-right,.figure-center{margin:0 auto 15px}
table.event-table{margin-bottom:20px}
table.event-table th,table.event-table td{line-height:1.4}
table.event-table td{padding:15px 20px 12px 15px}
table.event-table th{padding:15px 5px 15px 15px;width:67px}
table.event-table td span{display:block}
table.event-table ol{list-style-type:decimal!important;margin:10px 0 10px 30px}
table.event-table li{list-style-type:disc!important}
.information{border-left:solid 5px #dcdcdc;font-size:.75em;line-height:1.6;padding-left:20px}
.information strong{font-size:.875em;display:block;margin-bottom:5px}
.informationarea{border-left:solid 5px #000;font-size:.75em;line-height:1.6;padding-left:20px}
.informationarea strong{font-size:1.25em;display:block;margin-bottom:5px}
.related-article dl{margin:15px}
.related-article dt,.related-article dd{display:inline-block;vertical-align:top;margin-bottom:20px;line-height:1.2em}
.related-article dt{text-align:center;background:url(/common/images/v1/common/menu-btn-list2x.png) 0 0;font-size:0;border:1px solid #ddd}
.related-article dt a{display:block}
.related-article dd{font-size:90%;line-height:1.4em}
.related-article dd::after{content:" ";display:block;width:90%;position:absolute;left:5%}
.related-article dd:last-child::after{border-bottom:none!important}
.related-article dd span{display:table;margin-bottom:10px;color:#fff;margin-bottom:6px;line-height:1;padding:4px 6px;border-radius:4px;font-size:.68em}
.related-article dd span.date{display:inherit;color:#333;padding:0;border-radius:inherit;margin-bottom:inherit}
.related-article dd span.sales{background:#2b61bb}
.related-article dd span.event{background:#be323b}
.related-article dd span.info{background:#729a04;border-left:none}
.related-article dd span.news{background:#6440a0}
.related-article dd span.series{border:1px solid #000;color:#222;background:#fff}
.related-article dd span.special{background:#000}
.related-article dd span.review{background:#FF6B35}
.related-article dd span.bessatsu-bungeishunju{background:#5dcc1e}
.related-article dd span.interview{background:#09796b}
.related-article dd span.bunshun-photo{background:#6a503c}
.related-article dd span.feature{background:#A40E4C}
.related-article dd span.koukousei{background:#39A1DA}
.related-article dd span.columnessay{background:#BD6856}
.related-article dd span.mystery-ch{background:#BD6856}

.informationbox h5{width:100%;font-size:1.25em}
.books-information,.informationbox{background-color:#e6e6e6;border:dotted 1px #a0a0a0;padding:20px;margin-bottom:20px}

.books-information .figure-left{float:left;margin-bottom:20px;margin-right:4%}
.books-information img{border:solid 1px #dcdcdc;width: 15vh;}
.books-information .figure-book{display: block;}
.books-information .books-detail{display: block;width:60%;margin-left: 5%;}
.books-information h5,.books-information p{width:129px;width:100%;font-size:.875em;line-height:1.2}
.books-information h5{color:#055f96;margin-bottom:10px;font-size:1.125em}
.books-information h5 span,.books-information p span{display:block}
.books-information h5 span{color:#333;}
#main-contents .books-information p{font-size:.875em;margin-bottom:12px}
.books-information ul li{width:48%;font-weight:700;font-size:.75em;line-height:23px}
.books-information ul li a{display:block;height:30px;background-color:#fff;border-bottom:solid 1px #dcdcdc}
.books-information ul li a span{float:left;width:23px;height:23px;text-indent:-1100em;margin-right:7px;}
.books-information ul li a.tachi-read{padding:8px 0 0 18px}
.books-information ul li a.detail-read{padding:8px 0 0 14px}
.books-information ul li a.tachi-read span{background-position:-760px -284px}
.books-information ul li a.detail-read span{background-position:-760px -309px}
#main-contents .sp_banner{text-align:center}
#main-contents .sp_banner img{max-width:538px;width:100%;border:1px solid #333}
.figure-right.book{width:100%!important;margin:0 0 8%;display:block}
.figure-right.book:nth-of-type(2n){clear:both;width:100%!important}
.figure-right.book img{width:60%!important}
.figure-right.book figcaption{font-size:.96rem}
.p-body-btn{text-align:center}
.p-body-btn a{text-align:left;line-height:23px;color:#fff;font-weight:700;display:block;background-color:#055f96;width:276px;height:36px;margin:0 auto;padding:14px 0 0 14px}
.p-body-btn a span{float:left;width:23px;height:23px;text-indent:-1100em}
.p-body-btn a span.subscribe{background-position:-188px -471px;margin-right:82px}
.p-body-btn a span.download{background-position:-188px -513px;margin-right:50px}
.wapper-special{box-sizing:border-box;max-width:980px;margin:0 auto;padding:3%;text-align:center}
.wapper-special ul li{box-sizing:border-box}
.wapper-special img{max-width:100%;height:auto;vertical-align:bottom}
.special-sns{margin:10px auto 0;text-align:center;width:inherit}
.special-sns span{display:inline-block;line-height:1;vertical-align:top}
#main-contents .wapper-special{line-height:1.6;font-size:1em;letter-spacing:0}
#main-contents .wapper-special h2{margin:0}
#main-contents .wapper-special p,#main-contents .wapper-special h4,#main-contents .wapper-special h3{border-left:none;padding-left:0;margin:0;text-align:left}
.bunshun-photo-info{background-color:#fffee4;border:1px dotted #b4b4b4;margin-bottom:25px;padding:20px 20px 0}
.bunshun-photo-info dt{margin-bottom:5px;font-weight:700;position:relative}
.bunshun-photo-info dd{font-size:.75em;line-height:22px;margin-bottom:20px}
.article-bottom-message{background-color:#f7fafe;border:1px dotted #b4b4b4;clear:both;font-size:.75em;margin-bottom:30px;padding:10px}
.article-bottom-message img{float:left}
.article-bottom-message a img,.article-bottom-message a:visited img,.article-bottom-message a:active img,.article-bottom-message a:link img{border:1px solid #c8c8c8}
.article-bottom-message a:hover img{border:1px solid #6a503c}
#main-contents .article-bottom-message p{float:right;line-height:1.5;margin-bottom:10px;width:70%}
.article-bottom-message p strong{font-size:.875em}
.article-bottom-message p a.link,p a.link{background:url(/common/images/v1/common/link1.jpg) no-repeat left;padding-left:19px}
.article-bottom-message p a.link a,.article-bottom-message p a.link a:active,.article-bottom-message p a.link a:visited,.article-bottom-message p a.link a:link{color:#333}
.article-keywords{margin-bottom:5px;padding:1%;border-top:1px dotted #666}
.article-keywords span{display:inline-block;margin-bottom:10px}
.article-keywords span a{display:block;background:#929292;border-radius:4px;padding:.5em 1em;line-height:1;font-size:.8em;color:#FFF}
.next-info{text-align:center;font-weight:700}
#common-category-aside{width:90%;text-align:center;margin:0 auto;padding-top:4%}
#common-category-aside a img{width:90%;margin:1%}
#common-category-aside #sns_icon,#common-category-aside #twitter,#common-category-aside #month5{display:none}
#newbookslist{padding:2% 0 1%;background:#e4dad64a}
#newbookslist h2{font-size:1.33rem}
ul.artile-list.default li{padding:1% 0 2%;border-bottom:dotted 1px #a0a0a0}
ul.artile-list.default li div.icon{width:100%}
ul.artile-list.default li div.icon a{background:url(/common/images/v1/common/menu-btn-list2x.png);border:1px solid #ddd;display:block;text-align:center;width:fit-content;margin:0 auto}
ul.artile-list.default li div.text{width:100%}
ul.artile-list.default li div.text .title{font-size:1.25rem;display:block;font-weight:500;margin-bottom:.6em}
ul.artile-list.default li div.text .subtitle{font-size:1.1em}
ul.artile-list.default li .title a{color:#4e4645}
ul.artile-list.default li .date{color:#999;text-align:right;margin-top:.7em}
ul.artile-list li p a span.date{display:inline-block;color:#999;font-weight:700;margin-bottom:6px}
ul.artile-list li p a span.title{display:inline-block}
ul.artile-list li{padding:17px 0;border-bottom:dotted 1px #a0a0a0;font-size:.875em;line-height:1.4}
ul.artile-list li p a{display:block}
ul.artile-list li p a span.cat, ul.artile-list li .text .news, ul.artile-list li .text .series, ul.artile-list li .text .special, ul.artile-list li .text .review, ul.artile-list li .text .outset, ul.artile-list li .text .bessatsu-bungeishunju, ul.artile-list li .text .interview, ul.artile-list li .text .feature, ul.artile-list li .text .columnessay, ul.artile-list li .text .bunshun-photo, #article-signage span.cat.koukousei, ul.artile-list li .text .koukousei
{
  display: inline-block;
  color: #fff;
  margin: 0 0 6px;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 4px;
  font-size: .8rem;
  margin-right: .8em
}

ul.artile-list li p a span.cat.info,#article-signage span.cat.info{background:#729a04;border-left:none}
ul.artile-list li p a span.cat.sales, #article-signage span.cat.sales{background:#2b61bb;border-left:none}

#article-signage span.cat.news,ul.artile-list li .text .news{background:#6440a0}
#article-signage span.cat.series,ul.artile-list li .text .series{border:1px solid #000;color:#222}
#article-signage span.cat.special,ul.artile-list li .text .special{background:#000}
#article-signage span.cat.review,ul.artile-list li .text .review{background:#FF6B35}
#article-signage span.cat.bessatsu-bungeishunju,ul.artile-list li .text .bessatsu-bungeishunju{background:#5dcc1e}
#article-signage span.cat.interview,ul.artile-list li .text .interview{background:#09796b}
#article-signage span.cat.bunshun-photo,ul.artile-list li .text .bunshun-photo{background:#6a503c}
#article-signage span.cat.feature,ul.artile-list li .text .feature{background:#A40E4C}
#article-signage span.cat.koukousei,ul.artile-list li .text .koukousei{background:#39A1DA}
#article-signage span.cat.outset,ul.artile-list li .text .outset{background:#ff9c00}
#article-signage span.cat.columnessay,ul.artile-list li .text .columnessay{background:#BD6856}
#article-signage span.cat.mystery-ch,ul.artile-list li .text .mystery-ch{background:#5e535d}

.contents-headerimg a{text-decoration:none}
.series-contents .common-wp{background-color:rgba(255,255,255);transition-duration:10s}
.series-contents .figure-center{margin: 3% auto;}

@media only screen and (min-width: 320px) {
.series-contents{margin:0;padding:0!important;-webkit-perspective:1px;perspective:1px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;height:100%;overflow-y:scroll;overflow-x:hidden}
.series-contents .common-wp{width:100%;margin:0}
.series-contents #main-contents{background-color:inherit}
.series-contents .contents-headerimg{border-bottom:none; height:15vh}
.series-contents .contents-headerimg h1{text-align:left; padding:3%}
.series-signage h3.author{padding: 0 4%;}
.series-contents #article-signage{margin:2%!important}
.series-contents .books-information,.informationbox{padding:10px;}
.series-contents #article-signage h2{font-size:1.65em}
.series-contents #main-contents{padding:0!important}
.series-contents #main-contents p{line-height:2.15em;text-align:justify;letter-spacing:.05em;padding:0 2%;}
.contents-headerimg{background: no-repeat;background-size: contain;padding-top:60%;/*height:120px;border-bottom:1px solid #bdbdbd;padding-bottom:3%*/}
.contents-headerimg .feature-signage{width:90%;color:#4e4645;margin:10px auto}
.contents-headerimg h1{font-size:1.4em;line-height:1.3;/*text-shadow:none;text-align:left*/}
.contents-headerimg p.catgorytitle{display:none}
ul.artile-list.default li{line-height:1.2;padding:6% 0 7%}
ul.artile-list.default li div.icon{margin-bottom:3%}
ul.artile-list.default li div.icon a img{max-height:180px;max-width:100%;vertical-align:bottom}
ul.artile-list.default li div.text .title{font-size:1.1rem;margin-top:2%;line-height:1.3}
ul.artile-list.default li div.text .subtitle{font-size:.86rem}
ul.artile-list.default li div.text .author{margin-bottom:3%;font-size:.95rem;font-weight:500}
#menu-btn ul.artile-list.default{margin-top:5%}
#article-signage{padding-bottom:5%;line-height:1.4}
#article-top h2,#article-signage h1{padding:0}
.other_media-top .common-contents-right #main-contents{padding:10% 4%}
.other_media-top #menu-btn .category_list{display:none}
.other_media-top ul.artile-list li .text .category_tag{margin:0}
.books-information,.informationbox{/*display:flex*/}
.books-information .books-infoBox{display:flex;}
.books-information ul{display:flex;clear:both;}
.books-information ul li:first-child{margin-right:3%}
.books-information ul li a.detail-read{padding: 3% 0 0 18%;}
.books-information ul li a.tachi-read{padding: 3% 0 0 22%;}

.books-information h5{font-size:1.38em;}
.books-information h5 span{margin:7px 0;font-size: 1.1rem;line-height: 1;}
.books-information p span{ font-size: .75rem;line-height: 1.4;}
.books-information p{font-size: .77em;margin-bottom:12px;}
.books-information .figure-left{margin-bottom:10px}
.books-information,.informationbox{padding:10px}
.books-information .books-detail{margin-left:4%}
.books-information img{width:13vh}

.books-information ul li{width:48%;font-weight:700;font-size:.85em;line-height:23px;}



.related-article h5{color:#4e4645}

.related-article dl{margin:2% 0}
.related-article dt img{max-height:92px;max-width:136px}
.related-article dt a{overflow:hidden}
.related-article dt{width:38.2%;margin:0 9px 20px 0}
.related-article dd{width:56%;font-size:.96em;line-height:1.35em}
.related-article dd span.date,.related-article dd span{font-size:.8em}
table.event-table th,table.event-table td{line-height:1.2}
table.event-table td{padding:2%}
}


@media only screen and (max-width: 479px) {
/*.feature-contents .contents-headerimg{background-image:none!important}*/
}


@media only screen and (min-width: 480px) {
.common-wp{width:95%;margin:0 auto}
.feature-contents .common-wp{margin:2% auto 0!important}
.feature-contents .contents-headerimg{position:relative;z-index:0;background-size:cover;background:opacity:0!important;width:100%;overflow:hidden;text-align:center}
.feature-contents .contents-headerimg::before{content:'';position:absolute;top:-9px;bottom:-40px;left:-5px;right:-5px;background:inherit;filter:blur(13px) saturate(93%);-webkit-filter:blur(13px) saturate(93%);-moz-filter:blur(13px) saturate(93%);-o-filter:blur(13px) saturate(93%);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='13');z-index:-1}
.feature-contents .contents-headerimg h1{text-shadow:1px 1px 6px #1f1f1f;margin-bottom:2%;font-size:1.48em}
.feature-contents .contents-headerimg .feature-signage{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);text-align:center;color:#FFF}
.feature-contents .contents-headerimg p.catgorytitle{color:#FFF;border:1px solid #FFF;padding:1%;margin:0 auto;width:8.2rem;width:7.2rem;font-size:.8rem;display:block}
.feature-contents .contents-headerimg{height:200px;color:#FFF;width:100%;padding-top: 0;}
.feature-contents .contents-headerimg .feature-signage{width:95%}
.feature-contents .contents-headerimg h1{font-size:1.4em;line-height:1.3}
.series-contents{}
.series-contents .contents-headerimg{height:20vh}
.series-contents .common-wp{}
.series-contents #main-contents p{padding:0 7%}
.series-contents #article-signage{margin:7% 2%!important}
.series-contents .books-information{width:90%;margin:3% auto}
.series-contents #article-signage h2{}
#menu-btn.common-menu-btn .category-menu-btn ul{width:100%!important}
table.event-table td span{display:inline;margin-right:10px}
#main-contents .article-bottom-message p{width:75%}
#article-top h2,#article-signage h1{font-size:1.5em}
ul.artile-list.default li{padding:5% 0 7%}
ul.artile-list.default li div.icon a img{max-height:200px}
ul.artile-list.default li div.text .title{font-size:1.2rem;margin-top:1%;line-height:1.35}
.books-information p{}
.books-information img{width: 14vh}
.books-information h5{font-size: 1.45em}
.books-information p span{/* display:inline; *//* margin-right:15px; */}
.books-information ul li a{font-size: 1.16em}
.books-information ul li a.tachi-read{padding:8px 0 0 50px}
.books-information ul li a.detail-read{padding:8px 0 0 52px}
#article-signage.default .image{text-align:center;margin:0 auto 10px;width:80%}
#main-contents.sales ul.artile-list.default li .text{margin:3% auto 0}
.article-bottom-message p{float:right;line-height:1.5;margin-bottom:10px}
.fukidashi01L:before{content:"";position:absolute;top:-10px;left:50%;margin-left:-15px;border:15px solid transparent;border-bottom:15px solid #CBE6DA}
.related-article dt img{max-height:100px;max-width:96px}
.related-article dt{width:35.2%;margin:0 9px 42px 0}
.related-article dd{width:60%;font-size:1rem;line-height:1.28em}
}


@media only screen and (max-width: 767px) {
.figure-right{width:auto!important}
#format-default{margin-bottom:15px}
#format-special{margin-bottom:15px}
}
#common-category-aside a img{width:70%}


@media only screen and (min-width: 768px) {
.common-wp{width:738px;margin:0 auto}
.feature-contents .contents-headerimg{height:280px}
.feature-contents .contents-headerimg .feature-signage{width:93%}
.feature-contents .contents-headerimg h1{font-size:1.61em;line-height:1.5}
.feature-contents .contents-headerimg #article-signage{}
.feature-contents,.series-contents{padding:0!important}
.feature-contents #article-signage .author{margin:0 0 1%;font-size:1.05em}
.feature-contents .common-wp{margin:1% auto!important}
.feature-contents .contents-headerimg p.catgorytitle{font-size:1rem}
.feature-contents #main-contents{padding:20px 40px 30px}
.feature-contents .books-information,.informationbox{padding:10px;width:90%;margin:10px auto}
.series-contents{}
.series-contents .common-wp{}

.series-contents .contents-headerimg{height:30vh}
.series-contents #article-signage{margin:3% 2%!important}
.series-contents .books-information{width:75%;margin:10px auto}
.series-contents #article-signage h2{font-size:2.25rem}
.series-contents #main-contents p{padding:0 10%}
ul.artile-list li{display:-webkit-box;display:padding:2% 0}
ul.artile-list.default li div.icon{margin-bottom:3%;margin-right:3%;width:50%}
ul.artile-list.default li div.icon a img{max-height:240px}
ul.artile-list.default li div.text .title{font-size:1.35rem;margin-top:1%;line-height:1.4}
#menu-btn ul.artile-list.default{margin-top:10%}
#menu-btn ul.artile-list.default li{position:relative;display:block}
#menu-btn ul.artile-list.default li div.icon{width:100%}
#menu-btn ul.artile-list.default li div.icon a img{max-height:160px}
#menu-btn ul.artile-list.default li div.text .title{font-size:1.05rem;margin-top:1%;line-height:1.4}
#menu-btn ul.artile-list.default li .date{font-size:.86rem}
#menu-btn ul.artile-list.default li div.text .author{font-size:.78rem}
#article-signage{padding-bottom:3%;line-height:1.6}
#article-signage h1{font-size:1.6rem;letter-spacing:.02em;line-height:1.3}
.other_media-top .common-contents-right #main-contents{padding:20px 25px 30px}
#menu-btn .category_list_index,#menu-btn .category_list{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;display:block;-webkit-transform-origin:0 0;-webkit-transform:scale(1,1.01);-moz-transform-origin:0 0;-moz-transform:scale(1,1.01);-o-transform-origin:0 0;-o-transform:scale(1,1.01);font-weight:700;font-size:1.875em;margin-bottom:10px;color:#333}
#menu-btn .category_list a{color:#333}
#menu-btn .category_list a:hover{text-decoration:none}
ul.artile-list li p a span.date,ul.artile-list li p a span.cat{float:left;margin-right:15px}
ul.artile-list li p a span.cat{margin-left:0}
#main-contents{padding:30px;font-size:1.125em!important;line-height:1.75rem!important}
#main-contents .article-bottom-message p{width:80%}
#main-contents.sales ul.artile-list.default li:first-child .icon,#main-contents.sales ul.artile-list.default li:nth-child(4n) .icon,#main-contents.sales ul.artile-list.default li .icon{float:left;width:32.2%;margin-right:0;background:none;border:none;margin-right:15px;max-width:240px}
#main-contents.sales ul.artile-list.default li .text{width:64%;float:right}
#main-contents.sales ul.artile-list.default li .text{margin:0 auto}
#article-signage .image img{margin-top:10px;width:100%}
.figure-left{float:left;margin:0 20px 15px 0}
.figure-right{float:right;margin:0 0 20px 15px}
.figure-center{margin:0 auto 20px}
.figure-right.book img{max-width:170px}
.figure-right.book{max-width:190px;width:46%!important;margin:0 0 20px 15px;display:inline-block}
.figure-right.book:nth-of-type(n+2){clear:both;max-width:190px;width:46%!important;margin:0 0 20px 15px;display:inline-block}
.figure-right.book img{width:100%!important}
.figure-right.book figcaption{font-size:90%}
.related-article dt{width:30%}
.related-article dt img{max-height:138px;max-width:143px}
.related-article dd{width:67%;font-size:90%;line-height:1.28em}
.related-article dd::after{content:" ";display:block;width:460px;position:absolute;left:-120px;bottom:0}
.related-article dd span.date,.related-article dd span{font-size:90%}
.books-information .books-detail{margin-left:3%}

.books-information .figure-left{margin:0 20px 0 0}
.books-information h5{font-size:1.55em;}
.books-information h5 span{margin: 5px 0;font-size: 1.2rem;line-height: 1.2;}
.books-information h5 p{font-size:.875em;margin-bottom:12px}
.books-information p span{ font-size: .9rem;line-height: 1.7;}
.books-information img{width:16vh}

.books-information h5,.books-information p,.books-information ul{width:100%}
.books-information ul li a{font-size: .96em}
.books-information ul li a.tachi-read{padding: 3% 0 0 30%;}
.books-information ul li a.detail-read{padding: 3% 0 0 32%;}
.books-information ul li:first-child{margin-right:3%}





.wapper-special{border:solid 1px #c8c8c8;box-sizing:border-box}
.special-sns{text-align:right}
.special-sns span{display:inline-block;line-height:1;vertical-align:top}
.article-bottom-message p{width:80%}
#format-default{float:none}
#format-special{float:none}
#menu-btn.default{border-bottom:none}
#common-category-aside a img{width:100%}
}


@media only screen and (min-width: 1024px) {
.common-wp{width:980px}
.other_media-top .common-contents-right #main-contents{padding:25px 40px}
.feature-contents .contents-headerimg h1,#article-signage h1{font-size:1.88rem;line-height:1.5;letter-spacing:0}
ul.artile-list.default li{padding:2% 0 0}
ul.artile-list.default li div.icon{width:40%}
ul.artile-list.default li div.text .title{font-size:1.4rem;margin-top:1%;line-height:1.4}
#menu-btn ul.artile-list.default li{padding:4% 0 6%}
ul.artile-list.default li div.text .subtitle{font-size:1.15rem}
ul.artile-list.default li div.text .author{font-size:1.08rem}
#menu-btn ul.artile-list.default li div.text .subtitle{font-size:.9rem;display:block;margin-bottom:1%}
#menu-btn ul.artile-list.default li div.text .author{font-size:.96rem}
#article-signage{line-height:1.4;background-position:left bottom;padding:10px 0;margin-bottom:27px}


#main-contents{font-size:1em}
#main-contents h2,#main-contents p.midashi{font-size:1.25em;margin:2em 0 1em;font-weight:700}
#main-contents h4{border-left:solid 5px #2c2c2c;padding-left:13px;margin-top:48px;margin-bottom:20px;margin-top:48px;font-size:1.3rem}
#main-contents p{margin-bottom:2rem;/* word-break:normal; *//* font-size:1em!important */}
#main-contents p.read{padding:20px;background-color:#f9f5f0}
.article-social-st{display:none}
.article-social-pc{display:block}
.article-social-pc .common-social{float:left;margin-right:10px;line-height:1}
.article-social-pc .common-social.line{float:left}
.fukidashi01L:before{content:"";position:absolute;top:50%;left:-15px;margin-top:-15px;border:15px solid transparent;border-right:15px solid #CBE6DA}
.movie{width:80%}
.related-article dt{width:24%;margin:0 12px 20px 0}
.related-article dt img{margin:0 auto;max-width:154px;max-height:135px;width:auto}
.related-article dd{width:69%;min-height:120px;margin:0;font-size:1em}
.feature-contents .books-information{width:75%}
/*.books-information h5,.books-information p,.books-information ul{width:579px}*/
.books-information h5{font-size:1.6em;}
.books-information h5 span{margin:10px 0; font-size:1.4rem; line-height:1.4}
.books-information h5 p{font-size:.875em;margin-bottom:12px}
.books-information img{width:14vh}

.books-information ul li:first-child{margin-right:4%}
.books-information ul li a{font-size: 1.16em}
.books-information ul li a.detail-read{padding: 3% 0 0 32%;}




.special-sns span.line{display:none}
#main-contents .article-bottom-message p{width:580px}
.feature-contents .common-contents-right #main-contents{padding:25px 80px}
.feature-contents .contents-headerimg{height:400px}
.feature-contents .contents-headerimg .feature-signage{width:980px}
.series-contents #main-contents p{padding:0 16%}
.series-contents #article-signage{text-align:center}
.series-contents .contents-headerimg{height:40vh}
}



@media only screen and (min-width: 1280px) {
.common-wp{width:1200px}
.feature-contents .contents-headerimg{height:425px}
.series-contents .contents-headerimg{height:50vh}
.series-signage h3.author{font-size:1.8rem; font-weight:400}
.series-contents #main-contents p{padding:0 25%}
.series-signage h3.author{}
.series-prevnext{ padding:0 15%}
ul.artile-list.default li div.text .title{font-size:1.55rem;margin-top:1%;line-height:1.35}
ul.artile-list.default li div.text .author{font-size:1.2rem}
ul.artile-list.default li div.text .subtitle{font-size:1.05rem}
.other_media-top .common-contents-right #main-contents{padding:25px 55px 30px}
.feature-contents .common-contents-right #main-contents{padding:25px 120px 30px}
#menu-btn ul.artile-list.default li{padding:3% 0 6%}
#menu-btn ul.artile-list.default{margin-top:6%}
.other_media-top ul.artile-list.default li .icon{max-width:298px}
.other_media-top ul.artile-list.default li .title{font-size:1.15rem}
#article-signage h1{font-size:1.88rem}
}



/*発売情報 html変更 css修正*/
ul.releaseinfo li{margin:20px auto 40px}
ul.releaseinfo li a{text-align: center;display: block;margin-bottom:20px}
ul.releaseinfo li a img{max-width:200px}
ul.releaseinfo li dl{border: solid 1px #dcdcdc;}
ul.releaseinfo li dl,
ul.releaseinfo li dt,
ul.releaseinfo li dd {width: auto}
ul.releaseinfo li dt{padding:2%;border-bottom: solid 1px #dcdcdc;font-weight: bold;font-size: 0.875em;background-color: #e9f5fd; }
ul.releaseinfo li dd {font-size: 0.875em;border-bottom: solid 1px #dcdcdc;padding: 3% 1% 3% 3%;}
ul.releaseinfo li dd a{display: unset; text-align: left;}
ul.releaseinfo li dd:last-of-type{border-bottom:none}

@media only screen and (min-width: 1030px){
ul.releaseinfo li{ display: flex;padding: 2% 0;justify-content: space-between;}
ul.releaseinfo li a{width: 32.2%;background: none; border: none;max-width: 240px;text-align:left;margin-bottom:0px}
ul.releaseinfo li a img{max-width:180px}
ul.releaseinfo li dl{width: 70%;display: flex;flex-wrap: wrap;margin:0}
ul.releaseinfo li dt{width: 67px;padding: 3% 5px 15px 15px;}
ul.releaseinfo li dd { width: calc(98% - 97px);}
ul.releaseinfo li dt:last-of-type{border-bottom:none}
}