@charset "utf-8";
.aligncenter,.image-example,figure,figcaption{text-align:center;}
.alignright{text-align:right;}
.alignleft{text-align:left;}
.article-body p.explain{margin-top:5px;font-size:.8em;}
.nospace{white-space:nowrap;}
span.count{display:block;margin:10px 0 0;}
span.delete{text-decoration:line-through;}
figcaption{font-size:.8em;}
.detail a{display:inline-block;margin:0;padding:4px 8px 3px;background:#003c55;border-radius:2px;color:#fff;white-space:nowrap;text-align:center;}
.detail a:hover{background:#167294;text-decoration:none;}
.favoritelink{position:relative;margin-bottom:10px;}
.favoritelink a,.comment-opener{position:relative;display:inline-block;padding:15px 36px 15px 36px;background:#003c55;border-radius:5px;font-size:1.2em;color:#fff;}
.favoritelink a:hover,.comment-opener:hover{background:#003c55;text-decoration:none;cursor:pointer;}
#article-title{padding:15px 0;font-size:1.25em;line-height:1.5;}
.favoritelink a:after{position:absolute;top:3px;right:5px;content:"18禁";font-size:11px;}
.publish-date{margin:-12px 0 30px;padding:0 0 15px;font-size:12px;text-align:right;}
footer .publish-date{margin:0 0 5px;padding-top:5px;border-top:dotted 1px #333;}
.article-body h2,main aside h2{margin:30px 0;border-bottom:solid 1px #003c55;font-size:1.2em;}
.article-body h3,main aside h3{margin:15px 0;padding:3px 0 0 5px;border-left:solid 3px #003c55;font-size:1em;line-height:1;}
.article-body h4,main aside h4{margin:15px 0;font-size:1em;line-height:1;}
.article-body h4::before,main aside h4::before{content:"▶";}
.article-body h5,main aside h5{margin:15px 0;font-size:1em;line-height:1;}
.article-body p,.article-body dl,#article-list p.description{margin:30px 0;}
dl.app-evaluation{display:flex;flex-wrap:wrap;border:solid 1px #bacacf;border-top:none;}
dl.app-evaluation dt{padding:10px;background:#eff9fd;width:30%;box-sizing:border-box;border-top:solid 1px #bacacf;}
dl.app-evaluation dd{margin:0;padding:10px;border-left:solid 1px #bacacf;border-top:solid 1px #bacacf;width: 70%;background:#fff;box-sizing:border-box;}
.blackboard{position:relative;margin:2em auto;padding:3.2em 1em 1em;width:90%;background-color:#063;border:solid 8px #b2771f;border-radius:3px;box-shadow:0 0 5px #333, 0 0 5px #555 inset;font-size:.96em;color:#fff;}
.clip-box{position:relative;margin:2em auto;padding:15px 35px 15px 25px;width:90%;background:#eff9fd;border:solid 1px #bacacf;box-shadow:1px 1px 1px #acacac;}
.clip-box::before{position:absolute;content:'';top:-15px;right:10px;background-color:none;border-radius:12px;border:solid 3px #555;box-shadow:1px 1px 2px #999;width:15px;height:55px;transform:rotate(10deg);z-index:1;}
.clip-box::after{position:absolute;content:'';top:0px;width:10px;right:20px;border:solid 5px #eff9fd;z-index:2;}
.article-body .clip-box p{margin:0;font-size:.96em;}
.blackboard::before,
.blackboard::after{position:absolute;content:'';bottom:0;}
.blackboard::before{right:10px;border:solid 3px #fff;width:20px;border-radius:3px 2px 0 2px;}
.blackboard::after{right:40px;border:solid 3px #ffff6b;width:15px;border-radius:8px 5px 2px 5px;}
.title-blackboard{position:absolute;left:1em;top:.5em;font-weight:bold;font-size:1.1em;color:#ffff6b;}
.article-body .blackboard p{margin:8px 0;color:#fff;}
.article-body .blackboard ul,.article-body .blackboard ol{margin:8px 0 8px 24px;color:#fff;}
.article-body .blackboard ul li,.article-body .blackboard ol li{color:#fff;}
.point{position:relative;margin:45px 0;padding:15px;border:solid 2px #003c55;border-radius:8px;}
.point .point-title{position:absolute;display:inline-block;top:-7px;left:10px;padding:0 9px;background:#FFF;font-weight:bold;font-size:16px;color:#003c55;line-height:1;}
.article-body .point p{margin:0 0 7px;padding:0;font-size:.96em;}
.article-body .point p:last-child{margin:0;}
#author-information{margin:30px 0;padding:15px;background:#f0f8ff;font-size:13px;}
.article-body figure ol.comment-list{margin:0 0 45px;}
figure.comment-citation{text-align:left;}
.article-body p.source{margin:0 0 45px;}
.article-body figure p{margin:0 0 5px;}
.rate{position:relative;display:inline-block;width:100px;height:20px;font-size:20px;}
.rate:before,.rate:after{position:absolute;top:0;left:0;content:"★★★★★";display:inline-block;height:20px;line-height:20px;}
.rate:before{color:#ccc;}
.rate:after{color:#e7711b;overflow:hidden;white-space:nowrap;}
.rate0:after{width:0;}
.rate0-5:after{width:10px;}
.rate1:after{width:20px;}
.rate1-5:after{width:30px;}
.rate2:after{width:40px;}
.rate2-5:after{width:50px;}
.rate3:after{width:60px;}
.rate3-5:after{width:70px;}
.rate4:after{width:80px;}
.rate4-5:after{width:90px;}
.rate5:after{width:100px;}
.rate-wrap{width:100px;margin:0;}
figure#eye-catching-image img{max-width:100%;}
.article-body ul,main aside ul{margin:30px 0 30px 30px;}
.article-body ol{margin:30px 0 30px 30px;}
.article-body ul li{list-style:disc;}
.article-body ol li{list-style:decimal;}
.article-body dt{font-weight:bold;}
.article-body dd{margin:0 0 20px;}
main aside ul,main aside ol{margin:0;}
main aside ul li,main aside ol li{padding:8px 0 0;list-style:none;}
main aside li time{font-size:.86em;}
main aside ul li a,main aside ol li a{display:block;padding:0 0 8px;border-bottom:dotted 1px #bacacf;text-decoration:none;line-height:1.33;}
table{margin:30px 0 45px;border:solid 1px #003c55;border-collapse:collapse;border-spacing:0;width:100%;}
thead th{padding:5px 0 4px;background:#003c55;border:1px solid #000e14;font-weight:normal;color:#fff;}
table.basic-information th{background:#eff9fd;font-weight:normal;text-align:left;}
table.basic-information td{position:relative;}
table.basic-information td:{position:relative;}
tbody th,tbody td{border:1px solid #bacacf;padding:5px;font-weight:normal}
table.review-summary tbody th{text-align:left;}
table.review-summary td{text-align:right;}
.article-body table p,.article-body table ul,.article-body table ul li,#article-list,#article-list li,#article-list h2,#article-list p{margin:0;list-style:none;}
#article-list p.description{margin:0;}
.image-guess-content{float:right;margin:0 0 15px 15px;}
.image-guess-content{max-width:125px;}
.entry-meta,.entry-meta li{display:inline;}
.article-body ul.entry-meta{margin:0;}
.article-body #article-list footer{margin:15px 0 30px;font-size:.9em;}
.recent-comment-list-wrapper{padding:10px;background:#eff9fd;border:solid 1px #bacacf;}
#recent-comments{margin:0 0 30px;padding:0 0 3px;border-top:solid 1px #bacacf;}
blockquote,.specific{padding:15px 32px 4px 55px;background:#f0f8ff;border-left:10px solid #8bbacd;border-radius:5px;position:relative;margin:5px auto;color:#333;}
blockquote:before,.specific:before{content:'“';position:absolute;top:-25px;left:15px;margin:0;padding:0;font-size:80px;color:#8bbacd;}
#recent-comments li{margin:0;padding:10px;background:#eff9fd;border:solid 1px #bacacf;border-top:none;list-style:none;line-height:1.5em;}
.comment-post-title{display:block;margin:0 0 8px;padding:0 0 5px;border-bottom:dotted 1px #bacacf;color:#222;}
#recent-comments p{margin:0 0 5px;font-size:.9em;}
.post-note{margin:0 0 15px;padding:10px;background:#fbf8ef;border:solid 1px #f2e6c6;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.article-body .post-note p{margin:0 0;font-size:.9em;}
#commentform,#review-search-form{margin:0 0 30px;padding:15px;background:#eff9fd;border:solid 1px #bacacf;}
#commentform p,#review-search-form p{margin:5px 0;}
#commentform textarea{width:100%;height:50px;}
input.button,input#submit{margin:10px 0 0;padding:5px 15px;cursor:pointer;}
#comment-number{padding:3px 0 0 22px;background:url("/images/comment.jpg") no-repeat;border:none;}
.article-body ol.comment-list{margin:0 0 45px;border-top:solid 1px #bacacf;}
.article-body ol.comment-list li{margin:0;padding:10px;background:#eff9fd;border:solid 1px #bacacf;border-top:none;list-style-position:inside;}
.article-body ol.comment-list li.reference{list-style:none;}
.article-body ol.comment-list li p{margin:0 0 5px;font-size:.9em;}
.article-body p.comment-meta{font-size:.8em;color:#c00;}
.article-body p.comment-detail{font-weight:bold;}
.article-body .comment-meta{margin:0 0 5px;padding:0;font-weight:normal;font-size:.9em;}
.comment-author-name{display:inline-block;margin:0 15px 0 5px;color:#c00;}
.comment-author-name:after{content:" さん"}
.rank-site{clear:left;margin:0 0 5px;padding:8px 5px 5px;border:solid 1px #bacacf;-moz-box-shadow:1px 1px 2px #888;-webkit-box-shadow:1px 1px 2px #888;box-shadow:1px 1px 2px #888;}
.site{float:left;width:100px;text-align:center;}
.site-top{float:left;width:100px;text-align:center;}
.article-body p.site-point{margin:10px 0 10px 135px;}
.article-body .rank-site p.favoritelink{margin:5px 0 0;}
.article-body .rank-site ul{margin:0 0 5px 30px;}
.article-body .rank-site ul li{margin:0;font-size:.9em;line-height:1.1em;}
.rank-comment{clear:left;padding:10px 0 0;}
.rank-comment-top{margin:0 0 0 115px;}
.site-top p{margin:0 0 5px;}
.article-body .rank-comment p{margin:0 0 10px;font-size:.9em;line-height:1.5em;}
.article-body .rank-comment-top p{margin:0 0 5px;font-size:.9em;line-height:1.5em;}
.rank-comment-top a{display:inline-block;margin:5px 0;font-weight:bold;font-size:1.1em;}
.article-body .rank-comment-top p:first-child{margin:0 0 8px;font-size:1.15em;}
.article-body p.recent-review{margin:8px 0;padding:8px 0 0;border-top:dotted 1px #bacacf;font-weight:bold;}
.reviewlink a,.comment-opener{display:block;margin:60px auto;padding:18px 0 15px;background:#eff9fd;border:solid 1px #bacacf;border-radius:5px;width:100%;font-size:1.4em;text-decoration:none;}
.reviewlink a:hover,.comment-opener:hover{background:#d4e7f1;cursor:pointer;}
.vote-box{margin:10px 0 2px;padding:10px 0 0; border-top:dotted 1px #bacacf;text-align:right;}
.vote-box a{display:inline-block;background:#fefefe;background-image:-webkit-linear-gradient(top,#fefefe,#f5f5f5);background-image:-moz-linear-gradient(top,#fefefe,#f5f5f5);background-image:-ms-linear-gradient(top,#fefefe,#f5f5f5);background-image:-o-linear-gradient(top,#fefefe,#f5f5f5);background-image:linear-gradient(to bottom,#fefefe,#f5f5f5);border:solid 1px #d5d5d5;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;min-width:70px;text-align:center;vertical-align:middle;line-height:1em;text-decoration:none;outline:0;}
.vote-box a span{display:block;padding:5px 5px 4px 23px;background:url("/images/thumbsup.png") no-repeat;min-height:10px;font-size:.85em;color:#111;vertical-align:middle;zoom:1;}
.vote-box a.good span{background-position:7px 7px;}
.vote-box a.bad span{background-position:7px -52px;}
.vote-box a strong{position:relative;top:1px;padding:0 3px;font-weight:bold;font-size:1.2em;}
.vote-box a.good strong{color:#dd0918;}
.vote-box a.bad strong{color:#003c55;}
.vote-box a.clicked{background:#efefef;cursor:default;-webkit-tap-higilight-color:transparent;}
.vote-box a.good span.clicked{background-position:7px -23px;}
.vote-box a.bad span.clicked{background-position:7px -81px;}
.vote-box p.alert{font-weight:bold;font-size:.8em;color:#dd0918;}
.feature{clear:both;position:relative;margin:30px 0 5px;padding:10px 15px;background:#ffffea;border:solid 1px #eeeed2;}
main aside .feature h2{margin:0 0 15px;font-size:1.15em;}
.feature h2:after{position:absolute;top:45px;right:15px;content:"※18歳未満利用禁止";font-weight:normal;font-size:.5em;}
main aside .feature h3{margin:30px 0 10px;}
.feature a{display:block;text-decoration:none;}
.feature span.link-title{text-decoration:underline;}
.feature a:hover span.link-title{text-decoration:none;}
span.link-title{font-weight:bold;font-size:1.08em;}
span.link-url{margin:0 0 10px 10px;font-size:.8em;color:#1f8db5;}
span.link-text{display:block;margin-bottom:20px;font-size:.96em;color:#000;}
span.age{display:inline-block;margin-left:8px;font-size:10px;}
ul.prev-next{margin:0;display:table;table-layout:fixed;background:#eff9fd;width:100%;}
ul.prev-next li{display:table-cell;margin:0;padding:3px;font-size:.85em;list-style:none;line-height:1em;}
ul.prev-next li.prev{text-align:left;}
ul.prev-next li.next{text-align:right;}
.twitter-tweet{margin-left:auto;margin-right:auto;}
.social-share{margin:30px auto;width:100%;}
ul.share-button{margin:15px auto 30px;padding:0;border:none;}
ul.share-button li{display:inline-block;text-align:center;margin:0 5px;padding:0;list-sytle-type:none;}
#facebook{fill:#3c5a99;}
#twitter{fill:#55acee;}
#line{fill:#00c300;}
#hatena{fill:#3c7dd1;}
#pocket{fill:#ef4056;}
.thumbnail{width:100%;margin:0 auto;-moz-box-shadow:0 0 0 #ddd;-webkit-box-shadow:0 0 0 #ddd;text-align:center;}
#article-list dl.res-comments{margin:15px 0;}
#article-list dl.res-comments dt{text-align:center;}
#article-list dl.res-comments dd{margin:0;padding:8px;background:#eff9fd;border-bottom:dotted 1px #bacacf;line-height:1.5em;}
#article-list dl.res-comments dd:before{content:"";}
#article-list dl.res-comments dd p{margin:0;font-size:.98em;line-height:1.5em;}
#confirm{position:absolute;top:1px;right:1px;font-size:10px;}
ul#comments-pagination{margin:30px 0;display:table;table-layout:fixed;width:100%;}
ul#comments-pagination li{display:table-cell;margin:0;padding:3px 1px;font-size:.9em;list-style:none;line-height:1em;}
ul#comments-pagination li.prev-comments{text-align:left;}
ul#comments-pagination li.next-comments{text-align:right;}
.pagination,.search-pagenation{margin:30px auto;font-size:.9em;line-height:13px;text-align:center;}
.pagination span,.pagination a,.search-pagenation span,.search-pagenation a,ul#comments-pagination li a{margin:0 3px;padding:5px 10px 4px;background:#003c55;border:solid 1px #000e14;color:#fff;text-decoration:none;}
.pagination a:hover,.search-pagenation a:hover,ul#comments-pagination li a:hover{background:#f0f8ff;color:#000e14;}
.pagination .current{padding:5px 10px 4px;background:#f0f8ff;border:solid 1px #000e14;color:#000e14;}
#recommend-site{position:fixed;bottom:-7px;right:0;}
#recommend-site img{width:100%;}
.highlight{background-color:yellow;}
p#highlight-button{position:fixed;bottom:0px;right:50%;padding:4px 8px;background:#000e14;opacity:0.7;font-weight:bold;font-size:20px;color:#fff;}
p#highlight-button a{color:#fff;}
#footer h2{margin:0 0 10px;font-size:1.1em;}
#footer-menu-category div,#footer-menu-blog div{margin:0 0 30px;padding:0 0 0 15px;border-left:solid 1px #bacacf;}
#footer-menu-tag ul li{display:inline;margin:0 5px 10px 0;}
#site-info ul li{word-break:keep-all;}
#site-info p{font-size:.8em;}
@media screen and (max-width:727px){}
@media screen and (min-width:728px){.article-body h2,main aside h2{font-size:1.25em;}
.article-body h3,main aside h3{font-size:1.05em;}
.article-body ul,main aside ul{margin:0 0 30px 45px;}
.article-body ol,main aside ol{margin:0 0 30px 45px;}
main aside ul li{list-style:disc;}
main aside ol li{list-style:decimal;}
main aside ul li,main aside ol li{margin-bottom:5px;padding:0;}
main aside li time{font-size:1em;}
main aside ul li a,main aside ol li a{padding:0;border:none;text-decoration:underline;}
#footer h2{font-size:1em;}
.thumbnail{float:left;width:150px;margin:0 0 30px;-moz-box-shadow:0 1px 10px #ddd;-webkit-box-shadow:0 1px 10px #ddd;}
#article-list dl.res-comments{margin:15px 0;}
#article-list dl.res-comments dt{margin:0 0 15px;font-size:1.1em;text-align:left;}
.image-guess-content{max-width:200px;}
#footer-menu-category{float:left;width:48%;}
#footer-menu-blog{float:right;width:48%;}
}