:root{
    --default-font:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --heading-font:Jost,sans-serif;
    --nav-font:Poppins,sans-serif;
    --background-color:#fff;
    --background-dark-color:#1c2a42;
    --default-color:#444;
    --heading-color:#37517e;
    --accent-color:#47b2e4;
    --surface-color:#fff;
    --contrast-color:#fff;
    --nav-color:#fff;
    --nav-hover-color:#47b2e4;
    --nav-mobile-background-color:#fff;
    --nav-dropdown-background-color:#fff;
    --nav-dropdown-color:#444;
    --nav-dropdown-hover-color:#47b2e4;
    --btn-bg: #d0104c;
    --btn-bg-hover: #90E0F3;
    --btn-hover-color: #222;
    --section-border-color: #37517e;
    --bonus-c: #F6AE2D;
    --sec-btn-border: #eee;
    --sec-btn-bg-hover: #f3f2ff;
    --sec-btn-color: #2E174F;
    --transition: all .2s ease-in-out;
    --icon-rating-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 16.627 15.888'%3E%3Cg data-name='Group 15'%3E%3Cpath d='M12.074 15.152c-.227 0-.455-.055-.659-.161L8.31 13.359l-3.102 1.63A1.42 1.42 0 0 1 3.15 13.5l.593-3.455-2.513-2.451a1.423 1.423 0 0 1-.016-2.01c.215-.218.498-.36.798-.406l3.473-.504 1.551-3.147A1.423 1.423 0 0 1 8.94.882c.277.138.504.366.64.64l1.555 3.15 3.468.504c.372.053.705.249.932.551.228.303.324.676.272 1.052a1.424 1.424 0 0 1-.42.823l-.002-.002-2.504 2.438.59 3.459a1.418 1.418 0 0 1-1.396 1.655Zm2.298-8.38h.002-.002Z' data-name='Path 47' style='fill:%23fbe269;stroke-width:0'/%3E%3C/g%3E%3C/svg%3E");
    --icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
    --icon-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
    --pros-check-c: invert(58%) sepia(63%) saturate(5959%) hue-rotate(72deg) brightness(94%) contrast(101%);
    --cons-x-c: invert(13%) sepia(99%) saturate(5094%) hue-rotate(338deg) brightness(78%) contrast(109%);
 
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,b,u,i,center,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{overflow-y:scroll}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,textarea{margin:0;padding:0}
ol,ul,li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
a:focus{outline:none}
a{outline:0}
img{vertical-align:top}
/* .contents_box,.category_list,.category_text,#category_text,#magazine_text,.magazine_box{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none} */
body{width:100%;color:#222;font-size:16px;background-color:#fff;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;text-align:center;min-width:320px}
a{color:#222;text-decoration:none}
a:hover{color:#666}
#header{padding-top:20px}
#header h1{font-weight:700;letter-spacing:1px}
#header a:hover{color:#222}
#header div{letter-spacing:2px;padding-top:10px}
#header div a{font-weight:700}
.navbar-toggler{position: absolute;  top: -30px;  right: 10px;  border: none;}
.navbar-toggler:focus{outline:0; border: none;box-shadow:none;}
#contents{width:310px;margin:20px auto 0}
h1,h2,h3{padding:10px 0;font-weight:700;letter-spacing:1px;background-color:#eee;border-bottom:1px solid #ccc}
h2 span{font-weight:700;display:block}
#topics,#special,.magazine_list{width:310px;margin:0 auto}
#topics h3,#special h3,.magazine_list h3{margin-top:15px;border:1px solid #ccc}
#menu ul,#menu ol,#topics ul,#special ul,.magazine_list ul{box-sizing:border-box;border-left:1px solid #ccc}
#menu ul li,#menu ol li,#topics ul li,#special ul li,.magazine_list ul li{border-right:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box}
#menu ul li a,#special ul li a,.magazine_list ul li a{height:45px;line-height:45px;font-weight:700;letter-spacing:1px;display:block}
#menu ol li a,#topics ul li a{padding:8px 6px;font-size:15px;text-align:left;display:block;word-break:break-all}
#menu ul li a:hover,#menu ol li a:hover,#topics ul li a:hover,#special ul li a:hover,.magazine_list ul li a:hover{color:#222;background-color:#eee}
#menu_btn{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box}
#menu_btn a{height:45px;line-height:45px;font-weight:700;letter-spacing:1px;display:block}
#menu_btn a:hover{color:#222;background-color:#eee}
#footer{padding:20px 0}
#header ul,#footer ul{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#f8f8f8}
#header ul:after,#footer ul:after{content:"";display:block;clear:both}
#header ul li a,#footer ul li a{font-weight:700;background-color:#f8f8f8;display:block}
#header ul li#lefttb,#header ul li#centtb,#footer ul li#leftfb,#footer ul li#centfb{width:33.3333333333%;border-right:1px solid #ccc}
#header ul li#righttb,#footer ul li#rightfb{width:33.3333333333%}
#header ul li a:hover,#footer ul li a:hover{color:#222;background-color:#eee}
@media screen and (min-width: 992px) {
  #header ul li,#footer ul li{text-transform:uppercase;box-sizing:border-box;display: flex;flex-direction: column;width: 33%;}
}
#footer p{margin-top:15px}
#footer p a{font-size:15px}
#footer div{margin-top:5px}
.contents_box,#topics_box,#furoku_box{border:1px solid #ccc}
#category_text,.category_text{margin-top:15px;border:1px solid #ccc}
#topics_box p,#furoku_box p,#category_text p,.category_text p,.category_list_text p{width:280px;margin:10px auto;text-align:left}
#topics_box p,#furoku_box p,#magazine_text div p,.magazine_box div p,#category_text p,.category_text p,.category_list_text p,.category_list dl dd p.text,.category_list dl dd p.review{line-height:24px} 
.contents_box{margin-bottom: 1.5rem;}
.contents_box p{padding: 1rem;}
.contents_box p a,#category_text p a,.category_text p a,.category_list_text a,.category_list dl dd p.review a,.category_list dl dd p.btm a,.category_list dl dd p.text a,.magazine_box div p a,.magazine_box div ul li a,#topics_box p a,#furoku_box p a,#topics_box dl dd.link a,#furoku_box dl dd.link a,#furoku_box dl dd.shop a,.topics_list ul li p.link,.topics_list ol li p.link{text-decoration:underline}
.category_list_text{border-bottom:1px solid #ccc}
.category_list{margin-top:15px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}
.category_list dl dt a{width:90%;height:45px;margin:15px auto 0;line-height:45px;font-weight:700;border:1px solid #ccc;background-color:#f8f8f8;display:block}
.category_list dl dt a:hover{color:#222;background-color:#eee}
.category_list dl dd{border-bottom:1px solid #ccc}
.category_list dl dd p.book,.category_list dl dd p.cover,.category_list dl dd p.image,.category_list dl dd p.thumbnail{padding-top:14px;padding-bottom:7px}
.category_list dl dd p.book img,.category_list dl dd p.cover img{width:auto;height:300px;max-width:300px}
.category_list dl dd p.image img{width:auto;height:240px;max-width:240px}
.category_list dl dd p.thumbnail img{width:auto;height:120px;max-width:120px}
#topics_box dl dd p.no_image span,.category_list dl dd p.cover span{line-height:278px;color:#777;letter-spacing:2px}
.category_list dl dd p.image span{line-height:198px;color:#888;letter-spacing:1px}
.category_list dl dd p.rank,.category_list dl dd p.title,.category_list dl dd p.kana,.category_list dl dd p.pub,.category_list dl dd p.issue,.category_list dl dd p.sale,.category_list dl dd p.age,.category_list dl dd p.btm,.category_list dl dd p.price,.category_list dl dd p.style{line-height:30px}
.category_list dl dd p.btm,.category_list dl dd p.price{padding-bottom:10px}
.category_list dl dd p.rank{letter-spacing:2px}
.category_list dl dd p.rank span{color:#ffd700}
.category_list dl dd p.title span,.category_list dl dd p.issue span{display:block}
.category_list dl dd p.text{width:276px;margin:2px auto 12px;text-align:left}
.category_list dl dd p.review{width:280px;margin:0 auto;padding:10px 0;text-align:left}
.category_list ul{padding-bottom:12px;border-bottom:1px solid #ccc}
.category_list ul li{width:90%;margin:12px auto 0;text-align:left}
.category_list ul li a{word-break:break-all;text-decoration:underline}
.category_list_text h4{font-weight:700;letter-spacing:2px}
.category_list_text table{width:91%;margin:15px auto 20px;border-collapse:collapse;border-top:1px solid #ccc}
.category_list_text table tr{height:30px;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.category_list_text table th,.category_list_text table td{padding:8px 0;text-align:center;border-left:1px solid #ccc}
.category_list_text table th{width:20%;background-color:#f8f8f8}
.category_list_text table td{width:78%}
.topics_list{margin-top:15px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}
.topics_list ul li,.topics_list ol li,.topics_list dl dd{border-bottom:1px solid #ccc}
.topics_list ol li:after{content:"";display:block;clear:both}
.topics_list ol li div{float:right}
.topics_list ol li div p.title,.topics_list ol li div p.short,.topics_list dl dd p,#furoku_box dl dt{text-align:left;word-break:break-all}
.topics_list ol li{padding:16px 8px 12px}
.topics_list ol li div{width:204px}
.topics_list ol li div p.title,.topics_list ol li div p.short{line-height:20px}
.topics_list ol li div p.short{height:41px}
.topics_list ol li div p.date,.topics_list ol li div p.genre{font-size:15px;text-align:left}
.topics_list ol li div p.dates{text-align:left;color:#DC143C;display:block}
.topics_list ol li p.image{width:80px;height:80px;float:left}
.topics_list ol li p.image img{max-width:100%;max-height:100%}
.topics_list ul li{padding:15px}
.topics_list ul li p.image img{width:auto;height:auto;max-width:100%;max-height:500px}
.topics_list ol a:hover{color:#222;opacity:.7}
.topics_list dl dt{margin-top:18px}
.topics_list dl dt img{width:280px;height:280px}
.topics_list dl dd{padding-top:12px;padding-bottom:12px}
.topics_list dl dd p{width:280px;margin:0 auto;line-height:24px;font-size:15px}
.topics_list dl dd a,#furoku_box dl dt a,#furoku_box dl dt.cover,#topics_box dl dt{font-weight:700}
#furoku_box{margin-top:15px}
#furoku_box dl dt{padding:10px;border-top:1px solid #ccc;background-color:#f8f8f8}
#furoku_box dl dt.cover,#furoku_box dl dd p.model,#topics_box dl dd p.date,#error_text p{text-align:center}
#furoku_box dl dd{border-top:1px dotted #ccc}
#furoku_box dl dd.image{padding:10px 0}
#topics_box dl dt,#topics_box dl dd{padding:12px 0 11px;border-top:1px dotted #ccc}
#topics_box dl dt.url{background-color:#f8f8f8}
#furoku_box dl dd img,#topics_box dl dd img{margin:5px 0}
#topics_box dl dd p{width:278px;margin:0 auto}
#topics_box dl dd.image{min-height:280px}
#topics_box dl dd p.no_image{width:220px;margin:5px auto;text-align:center;border:1px solid #ccc}
#furoku_box dl dd.shop{line-height:45px}
#furoku_box p,#topics_box p{word-break:break-all}
#magazine h2{border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}
#magazine_info{margin:0 auto;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
#magazine_info dl:after{content:"";display:block;clear:both}
#magazine_info dl dt{width:22%;height:40px;line-height:40px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box;float:left}
#magazine_info dl dd{width:78%;height:40px;line-height:40px;border-bottom:1px solid #ccc;box-sizing:border-box;float:right}
#magazine_info_image{padding:17px 0;box-sizing:border-box}
#magazine_info_image img{width:auto;height:160px;max-width:160px}
#magazine_info_no_image{width:122px;height:156px;margin:0 auto;line-height:156px;color:#888;letter-spacing:1px;border:1px solid #ccc}
#magazine_text{padding:12px 0;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
#magazine_text div{width:90%;margin:0 auto}
#magazine_text div p{text-align:left}
#magazine_text ul{width:90%;margin:0 auto}
.magazine_list ol li p,#magazine_text ul li p{margin-top:5px;text-align:left}
.magazine_list ol li p,.magazine_box div p span,#magazine_text ul li p span,#furoku_box dl dd p span,#topics_box dl dd p span{font-size:14px}
#magazine_text ul li a{width:auto;margin-top:10px}
.magazine_list ol li a,#magazine_text ul li a,.link_btn a{height:45px;line-height:45px;font-weight:700;text-align:center;letter-spacing:1px;border:1px solid #ccc;background-color:#f8f8f8;display:block}
.magazine_list ol li a:hover,#magazine_text ul li a:hover,.link_btn a:hover{color:#222;background-color:#eee}
.magazine_list ol{padding:15px 15px 0;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc}
.magazine_list ol li a{margin:0 auto 15px}
.magazine_box{margin-top:15px;padding-bottom:15px;border:1px solid #ccc}
.magazine_box div{width:90%;margin:15px auto 0}
.magazine_box div h4{margin-top:10px;margin-bottom:7px;padding-bottom:6px;letter-spacing:1px;text-align:left;border-bottom:1px solid #ccc}
.magazine_box div p{text-align:left}
.magazine_box ul li,.magazine_box_image,.magazine_box_image_add{margin-top:15px;padding-top:15px;border-top:1px dotted #ccc}
#rakuten_mag img{margin-top:12px}
#rakuten_mag img,#furoku_box dl dd img,#topics_box dl dd img,.magazine_box_image img,.magazine_box_image_add img,.magazine_box ul li img{width:auto;height:auto;max-width:90%;max-height:500px}
.link_btn{margin:10px auto 0}
.link_btn a{margin:0 auto}
#navi{padding-top:5px;padding-bottom:10px}
#error_text{padding-top:15px;padding-bottom:20px}
.abc_n,.abc_s{margin-top:15px}
.abc_n{height:280px}
#search{margin-top:15px;padding:15px 12px 10px;border:1px solid #ccc}
#search input[type=text]{width:190px}
@media only screen and (min-width: 360px) {
#topics,#special,#contents,.magazine_list,.abc_n{width:350px}
#topics h3,#special h3,.magazine_list h3,#furoku_box,.topics_list,.category_list,#category_text,.category_text,.abc_n,.abc_s,#search{margin-top:20px}
#menu ul li a,#special ul li a,#menu_btn a{letter-spacing:2px}
#menu ol li a,#topics ul li a{font-size:16px;padding:10px 15px}
#furoku_box p,#topics_box p,#topics_box dl dd p,#category_text p,.category_text p,.category_list_text p,.category_list dl dd p.review{width:320px}
.category_list dl dd p.text{width:280px}
.category_list dl dd p.book img{height:340px;max-width:340px}
.category_list dl dd p.cover img{height:320px;max-width:320px}
.category_list dl dd p.cover span{line-height:298px}
#furoku_box dl dt{padding:10px 15px}
.topics_list ol li{padding:16px 20px 16px 8px}
.topics_list ol li div{width:212px}
.topics_list ol li div p.title{line-height:24px}
.topics_list ol li div p.short{padding-top:5px}
.topics_list ol li div p.genre{padding-top:6px}
.topics_list ol li div p.date,.topics_list ol li div p.dates{padding-top:3px}
.topics_list ol li p.image{width:100px;height:100px}
.topics_list ul li{padding:20px}
.topics_list dl dt img{width:320px;height:320px}
.topics_list dl dd{padding-top:14px;padding-bottom:14px}
#magazine_info,#magazine_text,.magazine_box{width:310px}
#magazine{padding-bottom:20px;border:1px solid #ccc}
#magazine h2{border-top:none;border-left:none;border-right:none}
#magazine_info{margin-top:20px;border-top:1px solid #ccc}
#magazine_text{margin:0 auto}
.magazine_box{margin:20px auto 0}
.abc_n{padding:20px 0;border:1px solid #ccc}
#search input[type=text]{width:220px}
}
@media only screen and (min-width: 400px) {
#header h1,h2,h3{letter-spacing:2px}
#topics,#special,#contents,.magazine_list,.abc_n{width:390px}
#furoku_box p,#topics_box p,#topics_box dl dd p,#category_text p,.category_text p,.category_list_text p,.category_list dl dd p.review{width:360px}
#magazine_info,#magazine_text,.category_list dl dd p.review,.magazine_box{width:350px}
.category_list_text table td,.category_list dl dt a{letter-spacing:2px}
.category_list dl dd p.book img{height:380px;max-width:380px}
.category_list dl dd p.cover img{height:360px;max-width:360px}
.topics_list ol li{padding:18px 24px}
}
@media only screen and (min-width: 480px) {
#header h1,h2,h3{font-size:18px}
#topics,#special,#contents,.magazine_list,.abc_n{width:440px}
#furoku_box p,#topics_box p,#topics_box dl dd p,#category_text p,.category_text p,.category_list_text p{width:400px}
#furoku_box p,#topics_box p,#magazine_text div p,.magazine_box div p,.category_text p,#category_text p,.contents_box ul li,.category_list_text p,.category_list dl dd p.text,.category_list dl dd p.review{line-height:26px}
.category_list dl dd p.book img{height:400px;max-width:400px}
.category_list dl dd p.text{height:55px}
.category_list dl dd p.review{width:390px}
.category_list ul{padding-bottom:15px}
.category_list ul li,.magazine_box div,.link_btn{margin-top:15px}
#furoku_box dl dt{padding:15px 20px;letter-spacing:2px}
#topics_box dl dt{padding:16px 0 14px;letter-spacing:2px}
#furoku_box dl dd.image{padding:15px 0}
#furoku_box dl dd p{margin:15px auto}
#topics_box dl dd.link{letter-spacing:1px}
.topics_list ol li{padding:20px 20px 20px 8px}
.topics_list ol li div{width:300px}
.topics_list ol li div p.title{padding-top:5px;line-height:30px}
.topics_list ol li div p.genre,.topics_list ol li div p.date{padding-top:5px;font-size:16px}
.topics_list ol li div p.dates{padding-top:6px;letter-spacing:1px}
.topics_list dl dt img{width:380px;height:380px}
.topics_list dl dd{padding-top:15px;padding-bottom:15px}
.topics_list dl dd p{width:310px;font-size:16px}
#magazine_info,#magazine_text,.magazine_box{width:400px}
#magazine_text{padding:15px 0}
#footer ul li a,#magazine_text ul li a,.link_btn a{letter-spacing:2px}
.magazine_box{padding-bottom:20px}
.magazine_box div h4{margin-top:10px}
.abc_s{width:inherit;padding-bottom:10px;box-sizing:border-box}
#rakuten{margin-bottom:10px}
#search input[type=text]{width:300px}
}
@media only screen and (min-width: 640px) {
#header{padding-top:22px}
#header div{padding-top:0}
h2 span{letter-spacing:1px;display:inline}
#topics,#special,#contents,.magazine_list,.abc_n{width:600px}
#menu ol li a,#topics ul li a{font-size:15.4px;padding:0;height:48px;line-height:48px;text-align:center}
#menu ul:after,#special ul:after,.magazine_list ul:after{content:"";display:block;clear:both}
#menu ul li,#special ul li,.magazine_list ul li{width:50%;float:left}
#furoku_box p,#topics_box p,#category_text p,.category_text p,.category_list_text p{width:555px}
#category_text p,.category_text p,.category_list_text p,#magazine_text div p,.magazine_box div p,#furoku_box p,#topics_box p{line-height:28px}
.category_list{border-bottom:1px solid #ccc}
.category_list dl{width:560px;margin:0 auto;padding-bottom:20px}
.category_list dl dt a{width:inherit}
.category_list dl dd{border-left:1px solid #ccc;border-right:1px solid #ccc}
.category_list dl dd:after{content:"";display:block;clear:both}
.category_list dl dd div{width:330px;border-left:1px dotted #ccc;float:right}
.category_list dl dd p.image,.category_list dl dd p.thumbnail{width:225px;border-bottom:none;float:left}
.category_list dl dd p.book,.category_list dl dd p.cover{padding:15px 0;border-bottom:1px dotted #ccc}
.category_list dl dd p.book img{height:500px;max-width:500px}
.category_list dl dd p.image img{height:200px;max-width:200px}
.category_list dl dd p.thumbnail img{height:100px;max-width:100px}
.category_list dl dd p.image{padding:22px 0}
.category_list dl dd p.thumbnail{padding:10px 0}
.category_list dl dd p.rank,.category_list dl dd p.title,.category_list dl dd p.kana,.category_list dl dd p.pub,.category_list dl dd p.issue,.category_list dl dd p.sale,.category_list dl dd p.age,.category_list dl dd p.btm,.category_list dl dd p.price,.category_list dl dd p.style{line-height:40px}
.category_list dl dd p.rank,.category_list dl dd p.title,.category_list dl dd p.kana,.category_list dl dd p.pub,.category_list dl dd p.issue,.category_list dl dd p.sale,.category_list dl dd p.age,.category_list dl dd p.style{border-bottom:1px dotted #ccc}
.category_list dl dd p.btm,.category_list dl dd p.price{padding:0}
.category_list dl dd p.title span,.category_list dl dd p.issue span{display:inline}
.category_list dl dd p.text{height:56px;margin:12px auto;line-height:28px}
.category_list dl dd p.review{width:528px}
.category_list ul{padding-top:5px;padding-bottom:20px;border-bottom:none}
.category_list ul li{width:550px;letter-spacing:1px}
#furoku_box dl dt{text-align:center;letter-spacing:0;padding:12px 0}
#furoku_box dl dt.cover{letter-spacing:1px}
#furoku_box dl dd p{width:538px}
#topics_box dl dd p{width:512px}
#topics_box dl dd img{padding:5px 0}
.topics_list ol li{padding:22px 48px 22px 40px}
.topics_list ol li div{width:350px}
.topics_list ol li div p.title{letter-spacing:2px;line-height:37px}
.topics_list ol li div p.short{height:38px;font-weight:700;letter-spacing:1px;border-bottom:1px dotted #ccc}
.topics_list ol li div p.genre{padding-top:18px}
.topics_list ol li div p.date,.topics_list ol li div p.dates{padding-top:8px}
.category_list_text table th,.topics_list ol li div p.date,.topics_list ol li div p.dates,.topics_list ol li div p.genre,.topics_list ol li p.link,.topics_list ul li p.link{letter-spacing:2px}
.category_list_text table td{letter-spacing:3px}
.topics_list ol li p.link,.topics_list ul li p.link a,.topics_list ol li a div p.title,.topics_list ol li div p.dates{font-weight:700}
.topics_list ol li p.image{width:120px;height:120px}
.topics_list dl dt{margin-top:22px}
.topics_list dl dt img{width:500px;height:500px}
.topics_list dl dd p{width:380px;font-size:18px;line-height:28px;letter-spacing:1px}
#magazine_info,#magazine_text,.magazine_box{width:560px}
#magazine_info{border-bottom:none}
#magazine_info:after{content:"";display:block;clear:both}
#magazine_info dl{width:360px;height:200px;margin:0;float:right}
#magazine_info dl dt{width:90px;border-left:1px solid #ccc}
#magazine_info dl dd{width:270px}
#magazine_info_image{width:200px;height:200px;padding:20px 0;border-bottom:1px solid #ccc;float:left}
#magazine_text div,#magazine_text ul,.magazine_box div,.link_btn a{width:520px}
#magazine_text ul li a{margin-top:12px}
#magazine_text ul li p{text-align:center}
.magazine_list ol{padding:20px 20px 5px}
.magazine_box ul li,.magazine_box_image,.magazine_box_image_add{height:500px;display:flex;justify-content:center;align-items:center}
.magazine_box ul li img,.magazine_box_image img,.magazine_box_image_add img{max-width:520px}
#search input[type=text]{width:460px}
}
@media only screen and (min-width: 1000px) {
#menu ul li{width:100%;float:none}
#menu ol li a{font-size:16px;padding:8px 12px;line-height:24px;text-align:left}
#special{width:960px}
#special ul li{width:33.3333333333%}
#header ul,#footer ul{border-left:1px solid #ccc;border-right:1px solid #ccc;width: 100%; justify-content: space-between; text-align: center;}
#rakuten{height:250px}
#error_text{padding-top:41px;padding-bottom:50px}
#search{padding:15px 10px 10px 15px}
#search input[type=text]{width:210px}
}
.primary-table .in-btn {border: 1px solid var(--sec-btn-border);color: var(--sec-btn-color);transition: var(--transition);}
.primary-table .in-btn:hover {border: 1px solid var(--sec-btn-bg-hover);background: var(--sec-btn-bg-hover);}
.primary-table .table-row { border: 1px solid var(--section-border-color); background: var(--transparent);}
.primary-table .table-row:first-child { background: var(--white); border-width: 2px; }
.primary-table .brand-rating { border-right: 1px solid #C4C4C4; }
.primary-table .label {color: var(--txt-color); }
.primary-table .brand-cta { gap: 8px; }
.primary-table .rating-value {font-size: 22px; }
.primary-table h3 {background-color: transparent;text-align: center;}
@media screen and (min-width: 1200px) {
   .primary-table .table-row { height: 110px; }
  .primary-table .border-logo {border-right: 1px solid #C4C4C4;}
}
@media screen and (max-width:1199px) {
	.primary-table { width: 350px; max-width: 100%;}
	.primary-table .brand-logo { display: block; height: 65px;}
	.primary-table .brand-rating { border-right: none; border-bottom: 1px solid #C4C4C4; padding: 12px 0;}
	.primary-table .brand-bonus { padding: 12px 0; }
	.primary-table .brand-cta { gap: 12px; }
	.primary-table :is(.brand-rating, .brand-bonus, .brand-cta) {max-width: 300px;}
	.primary-table .border-logo {border-bottom: 1px solid #C4C4C4;}
}
.terms, .date{font-size: 12px;}
.cta-btn{font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:12px 20px;border-radius:5px;transition:.5s;margin:10px;color:var(--contrast-color);background: var(--btn-bg);transition: var(--transition);}
.cta-btn:hover{background:var(--btn-bg-hover);color:var(--btn-hover-color);}
.brand-bonus { font-weight: 700; line-height: 1.2; min-height: 90px; }
.bonus-amount { font-size: 36px; font-weight: 700;color: var(--bonus-c); }
.bonus-before { color: var(--bonus-c); font-size: 18px; }
.bonus-after { font-size: 18px; }
.table-responsive-md table, .table-responsive-lg table, .table-responsive-xl table, .table-responsive-xxl table {
  width: 768px;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .table-responsive-sm table, .table-responsive-md table, .table-responsive-lg table, .table-responsive-xl table, .table-responsive-xxl table {
      width: 992px;
      max-width: 100%;
  }
}
.brand-intro .company-size { width: 100%; height: 100px;border-radius: 0;}
.brand-intro .list-box .heading { background: var(--sec-btn-border);  font-weight: bold;}
.brand-intro .list-box li:not(.heading) {position: relative;padding-left: 20px;font-size: 14px;}
.brand-intro .list-box li:before {position: absolute;content:'';width: 15px;height: 15px;top: 50%;transform:translateY(-50%);left: 0;}
.brand-intro .list-box.pros li:not(.heading):before {background: var(--icon-check) no-repeat center; filter: var(--pros-check-c)}
.brand-intro .list-box.cons li:not(.heading):before {background: var(--icon-x) no-repeat center; filter: var(--cons-x-c)}