@charset "UTF-8";
/* -----------------------------------------------------------
rest.css
スタイルのリセット
----------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, img { margin: 0; padding: 0; }

body { min-height: 101%; font-size: 100.01%; color: #000; background-color: #fff; text-align: left; font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

input, textarea { margin: 0; }

table { border-collapse: collapse; border-spacing: 0; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }

ol, ul, dir, menu { list-style: none; }

caption, th, td, center { text-align: left; vertical-align: top; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: bold; }

q:before, q:after { content: ''; }

img, abbr, acronym, fieldset { border: 0; }

li, dd, blockquote { margin-left: 1em; }

form label { cursor: pointer; }

object, embed { vertical-align: top; }

h1 { font-size: 2em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1em; }

sup { position: relative; bottom: 0.3em; vertical-align: baseline; }

sub { position: relative; bottom: -0.2em; vertical-align: baseline; }

acronym, abbr { cursor: help; letter-spacing: 1px; border-bottom: 1px dashed; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

dd { margin: 1em 0 1em 1em; }

/* OPERA用 */
.left { float: left; }

.right { float: right; }

.clear { clear: both; height: 1px; font-size: 1px; line-height: 1px; }

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.link2home, .link2pixiv, .link2twitter, .link2tumblr, .link2instagram { font-weight: bold; }
.link2home:hover::before, .link2pixiv:hover::before, .link2twitter:hover::before, .link2tumblr:hover::before, .link2instagram:hover::before { opacity: 0.5; }
.link2home::before, .link2pixiv::before, .link2twitter::before, .link2tumblr::before, .link2instagram::before { width: 21px; height: 21px; display: inline-block; vertical-align: middle; margin-right: 10px; border-radius: 50%; }

.link2home::before { background-color: #878996; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMSAyMSI+PHRpdGxlPmljb25faG9tZTwvdGl0bGU+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xNy41NSAxMC45NkwxMC41MyAzLjVsLTcuMDggNy40NmgyLjF2NS4yNmg0Ljk1di0zLjY2aDIuNDV2My42NmgyLjQ0di01LjI2aDIuMTZ6Ii8+PC9zdmc+"); }

.link2pixiv::before { background-color: #0096DB; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMSAyMSI+PHRpdGxlPmljb25fcGl4aXY8L3RpdGxlPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNMTUuNTUgNS44NGE2IDYgMCAwIDAtNC4yNS0xLjYxYy00LjQ3IDAtNy41MiAzLjgzLTcuNTIgMy44M2wuODYgMS41MXMuNDcgMCAuMjItLjg0YTUuNTUgNS41NSAwIDAgMSAxLjQ4LTEuNzhWMTdjLS4zNi4xMS0uODMuMzItLjUxLjY4aDIuNDZjLjMzLS4zNi0uMTktLjU4LS41LS42OHYtMi4zOGExMCAxMCAwIDAgMCAzLjUxLjczIDYuMjEgNi4yMSAwIDAgMCA0LjE0LTEuNDggNS4yMyA1LjIzIDAgMCAwIDEuNzgtNCA1LjU5IDUuNTkgMCAwIDAtMS42Ny00LjAzem0tMS4zMSA3LjI0YTQuMTQgNC4xNCAwIDAgMS0zLjA5IDEuMzQgNy4yMSA3LjIxIDAgMCAxLTMuMzYtLjcyVjYuMTZhNS44NyA1Ljg3IDAgMCAxIDMuMzYtMS4wOCA0IDQgMCAwIDEgMy4xNSAxLjQzIDUuMiA1LjIgMCAwIDEgMS4xMiAzLjM2IDQuNjYgNC42NiAwIDAgMS0xLjE4IDMuMjF6Ii8+PC9zdmc+"); }

.link2twitter::before { background-color: #1DA1F2; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMSAyMSI+PHRpdGxlPmljb25fdHdpdHRlcjwvdGl0bGU+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik03LjkxIDE2LjYxQTguMDggOC4wOCAwIDAgMCAxNiA4LjQ4di0uMzdhNS44MiA1LjgyIDAgMCAwIDEuNDMtMS40OCA1Ljc5IDUuNzkgMCAwIDEtMS42NC40NSAyLjg4IDIuODggMCAwIDAgMS4yNi0xLjU4IDUuNjkgNS42OSAwIDAgMS0xLjgyLjY5IDIuODYgMi44NiAwIDAgMC00Ljk0IDIgMy4xNiAzLjE2IDAgMCAwIC4wNy42NSA4LjEyIDguMTIgMCAwIDEtNS44OS0zIDIuODcgMi44NyAwIDAgMCAuODkgMy44MiAyLjg5IDIuODkgMCAwIDEtMS4yOS0uMzYgMi44NiAyLjg2IDAgMCAwIDIuMjkgMi44IDIuODcgMi44NyAwIDAgMS0xLjI5LjA1IDIuODYgMi44NiAwIDAgMCAyLjY3IDIgNS43MyA1LjczIDAgMCAxLTMuNTUgMS4yMyA1LjUgNS41IDAgMCAxLS42OCAwIDguMTMgOC4xMyAwIDAgMCA0LjM4IDEuMjgiLz48L3N2Zz4="); }

.link2tumblr::before { background-color: #35465c; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMSAyMSI+PHRpdGxlPmljb25fdHVtYmxyPC90aXRsZT48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTE0Ljg5IDE3LjA4YTQuMjQgNC4yNCAwIDAgMS0yLjc0LjkzSDEyYTMuOTMgMy45MyAwIDAgMS00LjMxLTQuMTJWOS42Nkg2LjMzQS4yOS4yOSAwIDAgMSA2IDkuMzd2LTJhLjUuNSAwIDAgMSAuMzMtLjQ3IDMuNzMgMy43MyAwIDAgMCAyLjUxLTMuNDNjMC0uMzIuMTktLjQ4LjQ3LS40OGgyLjA4YS4yOS4yOSAwIDAgMSAuMjkuMjl2My4zOGgyLjQzYS4yOS4yOSAwIDAgMSAuMjkuMjl2Mi40YS4yOS4yOSAwIDAgMS0uMjkuMjloLTIuNDN2My45YzAgMSAuNjUgMS4yNSAxIDEuMjVhMi45MyAyLjkzIDAgMCAwIC45NS0uMi42My42MyAwIDAgMSAuMzctLjA3LjMxLjMxIDAgMCAxIC4yMi4yM2wuNjUgMS44OGMuMTMuMTcuMTMuMzcuMDIuNDV6Ii8+PC9zdmc+"); }

.link2instagram::before { background-color: #000; background-image: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0%, #ffcd69 10%, #fa9137 28%, #eb4141 42%, rgba(0, 0, 0, 0) 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%); content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMSAyMSI+PHRpdGxlPmljb25faW5zdGFncmFtPC90aXRsZT48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTE2LjYzLDEzLjhhMi44OSwyLjg5LDAsMCwxLTIuODgsMi44OUg3LjI1QTIuODksMi44OSwwLDAsMSw0LjM3LDEzLjhWNy4yN0EyLjg5LDIuODksMCwwLDEsNy4yNSw0LjM4aDYuNWEyLjg5LDIuODksMCwwLDEsMi44OCwyLjg5Wk0xMy42OCwzSDcuMzJBNC4zNSw0LjM1LDAsMCwwLDMsNy4zMXY2LjM4QTQuMzUsNC4zNSwwLDAsMCw3LjMyLDE4aDYuMzVBNC4zNSw0LjM1LDAsMCwwLDE4LDEzLjY5VjcuMzFBNC4zNSw0LjM1LDAsMCwwLDEzLjY4LDNaIi8+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xMC41LDEzLjA4QTIuNTQsMi41NCwwLDEsMSwxMywxMC41NGEyLjUzLDIuNTMsMCwwLDEtMi41MywyLjU0bTAtNi40NWEzLjkyLDMuOTIsMCwxLDAsMy45LDMuOTIsMy45MSwzLjkxLDAsMCwwLTMuOS0zLjkyIi8+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xNC41Myw1LjU2YS45MS45MSwwLDEsMCwuOTEuOTEuOTEuOTEsMCwwLDAtLjkxLS45MSIvPjwvc3ZnPg=="); }

.mb1em { margin-bottom: 1em; }

.mb2em { margin-bottom: 1em; }

.lineloginbtn { background: #06c755 url("/images/icon-line.svg") 0.4em center no-repeat; background-size: auto 75%; display: block; width: 240px; text-align: center; font-size: 1rem; margin: 1em auto 1.5em; padding: 0.75em 0 0.7em 2em; line-height: 1; letter-spacing: 0.2em; border-radius: 0.25em; text-decoration: none; color: #FFF; box-sizing: border-box; }

.cf-turnstile { margin-top: 15px; }

.detail-price .unit { font-size: 75%; }
.detail-price .nuknownprice { color: #999; }

.nsnsbutttonlist { font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; margin: 0; padding: 0; list-style: none; text-align: center; }
.nsnsbutttonlist li { display: inline-block; margin: 0; padding: 0; line-height: 24px; height: 34px; box-sizing: border-box; }
.nsnsbutttonlist li:not(:last-child) { padding-right: 1px; }
.nsnsbutttonlist li figcaption { display: inline; }
.nsnsbutttonlist figure { color: #FFFFFF; font-size: 12px; display: block; padding: 5px; margin: 0; text-decoration: none; cursor: pointer; }
.nsnsbutttonlist figure:hover { opacity: 0.8; }
.nsnsbutttonlist svg { width: auto; height: 14px; margin: 5px 15px 5px 0; vertical-align: middle; }
.nsnsbutttonlist.col1 li { width: 100%; }
.nsnsbutttonlist.col2 li { width: 50%; }
.nsnsbutttonlist.col3 li { width: 33.33%; }
.nsnsbutttonlist.col4 li { width: 25%; }
.nsnsbutttonlist.col5 li { width: 20%; }
.nsnsbutttonlist.col6 li { width: 16.66%; }

@media (max-width: 640px) { .nsnsbutttonlist li { width: auto !important; line-height: 32px; height: 42px; }
  .nsnsbutttonlist li:not(:last-child) { padding-right: 5px; }
  .nsnsbutttonlist li figure { border-radius: 5px; }
  .nsnsbutttonlist li figcaption { display: none; }
  .nsnsbutttonlist svg { margin: 0; height: 32px; } }
.curuntarget { position: relative; z-index: 998; }

#curunwrap, #curuncover { display: none; position: fixed; }

#curunwrap { display: none; position: fixed; z-index: 990; inset: 0; }

body.curunactive #curunwrap { display: block; }
body.curunactive #curuncover { display: block; -webkit-animation-name: textLanding; animation-name: textLanding; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

body.curunscrolling #curuncover { display: none; }

#curuncover { z-index: 999; position: fixed; color: #ff0000; padding-top: 30px; margin: 0; font-weight: bold; -webkit-filter: drop-shadow(0 1px 5px #FFF); filter: drop-shadow(0 1px 5px #FFF); }
#curuncover img { display: block; position: fixed; z-index: 999; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#curuncover.left::before, #curuncover.right::before { content: ""; display: block; position: absolute; background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:red;}%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m77.44,91.68l-.39-1.23-3.67.24-.45.68-.65-.52-2.28-.03-1.18.49-2.45-.58-2.92.76-.99.86-1.32-.6-8.38-.13-1.4.34-.33-.98-1.62-.31-1.91.26-1.47-.93h0l-.67.34-3.97-.21-2.09-1.43-1.51-.34-1.49-.69-2.38-1.62-3.62-3.42-1.32-.81-.05-.89-1.9-3.01h.01l-.9-.31-.25-.8.3-3.41-.95-.39-.21-.21.04-.54-.7-3.78-.82-.44.61-.27.3-1.68.31-.11,3.26.86.85-.39,1.17,1.04,2.29.04,3.32.41,1.43-1.03,1.11.33,2.51-1.42,1.25.06,1.96-.92.94-1.07,5.35-4.6,1.79-2.4.63-1.64-.23-.56.8-.49.57-2.41-1.22-.59,1.24-.59-.33-3.31-1.68-1.61-2.43-.95-1.61.45.83-.91-3.9-1.36-2.77.42-2.23.4h0l.04,1.13-1.3-.46-3.64,1.03-4.07,2.17h.01l.58.97-1.26.12-1.67,1.43-1.8,1.57h-.01l.21.51-.62-.24-1.31,1.47-1.38,1.56h.01v.14l-.86.39.04,3.03-.66.63-.5,1.08-.29.28-.03-.02-.04-.35-.93-.58.18-.42-1.35-.62-.32-.07-.5-.69-1.15-1.65-1.86-1.76-.36-2.97-1.35-2.9-.91-.71-.27-1.17-1.17-.72,1.17.07-.17-3.52.08-.84.81-3.09-.26-.98.64-.3.29-1.22,1.31-2.14,1.16-.64-.11-1.55,1-1.05h.01l-.08-.23,2.61-2.85,1.13-1.82.12-1.06.49.21,1.61-2.13,1.43-1.26-.33-.46.99-.49,2.17-2.67.26.13.47-.59,2.7-2.55.28-.73.67.33,3.42-2.47.39-.24.19.12v.14l-1.51,3.48.35.98-.19,1.2-.95.09-.07,2.14.54.55-.43.59-1.44,1.65.59,2.31-.37-.08-.41,1.2-.35,3.99-.1,2.13,1.74,1.02,1.5-.74.46-2.15-.52-.72.94.31-.1-1.33.78-1.73.25-1.41.02-1.7.41-1.44-.33-1.45,1.01-.76.03-2.47.49-1.36.15-1.34.52-.66-.26-1.86,1.29-2.92.75-1.58.51-3.35-2.06-1.38-3.23,1.39-.26.91-.57-.6-6.79,1.16-2.03.83-.7-.03-1.38-.19-3.25,1.11-1.22.13-3.14,1-1.3.27-.8-.31-2.05.46-2.75-.31-1.09,1.67.28,1.49,3.5,1.17,3.68-1.12.78-1.24-.06,1.11,2.81-.93,2.59-.75,2.94-.6.48-.45,2.1,1.05.95-.95,4.12-.45.23-.04-.44,1.36-.33-.23-.78.99.47,1.19-.81-.77-.78.52-3.49,2.19.05.73-1.17.39-4.91,3.96-.24,1.18-.78-.09-1.44,2.78.25,1.21-.72-.55-.76.62-1.04,2-.7-.14-.57,1.54-.18.67-1.07.37-.25.53-.97,1.69-.51,2.63-.62.3-.09,1.99-1.06,2.42.59,1.04h-1.3l-.71,1.55-.69,2.88.3,2.4h0l.27.1,1.12.82-.54.99.2,1.37.98,1.83.91.72-.46.91.78,1.57.86.44-.66.41.35,1.54,2.38,2.13h.29l3.14,2.64.12.49,2.49.79.29-.21-.12.36.24.13-.51,3.74.61.63-.12.81.34,2.93.86.88-.46.93,1.45,3.94.66.61-.06,1.7,3.44,5.48,1.16.21.29,1.08,1.82,2.12,1.44.72,1.62,1.66,1.91.44,2.21,1.24.23.43,2.78.16.66-.46.23.25.08.58,2.4.54,1.07.55,1.43.07h0l2.55.86,1.4-.22,2.94.09,2.34.37.8-.38,1.77.55h0l.05-.03,2.27-.12.42-.56.43.87,1.77-.25,1.51-.05,3.31-.9.28-.71.38.61h0l1.34.13,3.85-.51,4.12-.87-.19-1.02.11-.55-.09-.3Zm-40.99-42.04l1.71-1.07.38.23.56.21,2.05-.73.87.45,1.75-1.28,2.15-.22,1.43.15.88.97h0l1.1-.27-.54,1.17.9,2.66.32.71-.06.37-1.1,1.38-1.91,1.98-.85.97-1.21,2.12-1.03.91-1.41.12h0l-.13.19-3.07,1.21-1.58,1.23-2.91.39-1.81.24-2.06.08-.82-.5h0l-1.08.4-2.3-1.26-1.11.75h-.02l-.2-.65.12-.69.59-.59.33-1.96-.58-1.11.66.14.2-2.26.89-.84,1.64-.93,1.64-2.07,1.81-1.76.55-.56,1.79.1s1.47-.38,1.47-.38Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 50px 50px; width: 50px; height: 50px; top: 0; }
#curuncover.image { inset: 0; }
#curuncover.left { padding-left: 50px; pointer-events: none; }
#curuncover.left::before { left: 0; }
#curuncover.right { padding-right: 50px; pointer-events: none; }
#curuncover.right::before { right: 0; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }
#curuncover.down { padding-top: 0; }
#curuncover.down.left::before { -webkit-transform: scale(1, -1); transform: scale(1, -1); }
#curuncover.down.right::before { -webkit-transform: scale(-1, -1); transform: scale(-1, -1); }

#curunhole { position: absolute; box-shadow: #00000055 0px 0px 0px 5000px; -webkit-filter: blur(5px); filter: blur(5px); }

@-webkit-keyframes textLanding { from { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  to { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); } }

@keyframes textLanding { from { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  to { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); } }
html { font-size: 16px; }

body { color: #212121; }

td, body, p { line-height: 1.2; }

h1 { font-size: 0.75rem; }

h2 { font-size: 1.25rem; color: #C00; margin-bottom: 0.5em; }

h3 { font-size: 0.813rem; }

.stdtitle, .sugoi h4, .dorama h4 { font-size: 1.313rem; padding: 2px 0; margin: 5px 0 15px; font-weight: normal; }

li { font-size: 0.75rem; line-height: 16px; margin-bottom: 5px; }

ul { margin-bottom: 5px; }

hr { border: 1px #CCC solid; height: 1px; }

dt { font-weight: bold; }

dd { margin: 5px 0 10px; }

/* 標準的な文字サイズ */
.j10 { font-size: 0.688rem; }

.j12 { font-size: 0.75rem; }

.j12r { font-size: 0.75rem; line-height: 1.5; }

.j14 { font-size: 0.875rem; }

.j14r { font-size: 0.875rem; line-height: 1.5; }

.j12boxb { font-size: 0.75rem; font-weight: bold; padding: 2px; }

a, .likelink { color: #344E7C; text-decoration: none; cursor: pointer; }
a:visited, .likelink:visited { color: #5E3B8B; }
a:active, a:hover, a:focus, .likelink:active, .likelink:hover, .likelink:focus { color: #990000; text-decoration: underline; }

input[type="email"], input[type="password"], input[type="text"], input[type="search"], input[type="url"], button { font-size: 1rem; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; padding: 5px 10px; -webkit-appearance: none; appearance: none; }

input::-webkit-input-placeholder { color: #AAA; }

input::-moz-placeholder { color: #AAA; }

input:-moz-placeholder { color: #AAA; }

input:-ms-input-placeholder { color: #AAA; }

input[type="email"], input[type="password"] { font-family: Menlo, Consolas, monospace, serif; }

a.white, a.white:visited, a.white:active, a.white:hover { color: #FFFFFF; }

div.baloon_box > img, div.baloon_box > a img, .icon img, #comuuser li img, div.vote_item img.usericon { width: 64px; height: 64px; -o-object-fit: contain; object-fit: contain; }

.red { color: #FF0000; }

.orange { color: orange; }

img.absmiddle { vertical-align: middle; }

.onlymember { display: none; }

p.msg, p.errer { border: 1px solid #DDD; padding: 10px; font-size: 0.875rem; margin-bottom: 10px; line-height: 1.5; }

p.errer { border-color: #C00; }

.errer { color: #C00; }

p.none { text-align: center; color: #999999; margin: 5em; }

.lead { margin-bottom: 1.75em; font-size: 0.875rem; line-height: 1.65; position: relative; }
.lead .subbtn { float: right; display: block; }
.lead .subbtn a { display: inline-block; padding: 5px 10px; text-decoration: none; border: 1px solid #999; background-color: #EEE; border-radius: 3px; line-height: 1.1; color: #333; font-size: 0.875rem; }

.active { display: block; }

.inactive { display: none; }

img.btn { cursor: pointer; }

table.pd3 td, table.pd3 td { padding: 3px; }

.breadcrumb { font-size: 12px; text-align: right; }

form.hide { display: none; }

.comdelbtn { font-size: 0.75rem; padding: 2px 2px 2px 7px; margin-left: 10px; margin-top: 0 !important; letter-spacing: 5px; line-height: 1.2; }

form.delform { display: inline; }
form.delform input[type="submit"] { font-size: 0.75rem; padding: 2px 2px 2px 7px; margin-left: 10px; margin-top: 0 !important; letter-spacing: 5px; line-height: 1.2; }

label.imgradiothumb { display: block; }

.authork { color: #555; font-size: 0.875rem; }
.authork::before { content: '（'; }
.authork::after { content: '）'; }

.onlysp { display: none; }

.onlypc { display: block; }

.coronbr { display: inline; }
.coronbr::after { content: '：'; }

.btnwrap2, .btnwrap2mini { padding-bottom: 5px; }
.btnwrap2 input[type="submit"], .btnwrap2 button, .btnwrap2 .btn2, .btnwrap2mini input[type="submit"], .btnwrap2mini button, .btnwrap2mini .btn2 { border: 1px solid #000; background-color: #333; color: white; letter-spacing: 3px; margin: 20px 0; padding: 10px 24px; cursor: pointer; font-size: 1rem; }
.btnwrap2 input[type="submit"]:hover, .btnwrap2 button:hover, .btnwrap2 .btn2:hover, .btnwrap2mini input[type="submit"]:hover, .btnwrap2mini button:hover, .btnwrap2mini .btn2:hover { background-color: #000; }

.btnwrap2mini { display: flex; }
.btnwrap2mini input[type="submit"], .btnwrap2mini button, .btnwrap2mini .btn2 { font-size: 0.875rem; padding: 5px 10px; line-height: 1.25; margin: 0; }

/* 新レイアウト関連 */
#container { display: -ms-grid; display: grid; -ms-grid-columns: 260px 1fr; grid-template-columns: 260px 1fr; -ms-grid-rows: 130px auto 159px; grid-template-rows: 130px auto 159px; min-height: 100vh; min-width: 950px; }

.toppage #container { -ms-grid-columns: 260px 1fr 200px; grid-template-columns: 260px 1fr 200px; -ms-grid-rows: 130px auto auto 159px; grid-template-rows: 130px auto auto 159px; }
.toppage #header { -ms-grid-column-span: 4; grid-column-end: 4; }
.toppage #footer { -ms-grid-column-span: 4; grid-column-end: 4; -ms-grid-row: 4; grid-row: 4; }

#header { grid-area: header; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; -ms-grid-row: 1; grid-row: 1; }

#footer { grid-area: footer; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; -ms-grid-row: 3; grid-row: 3; }

#topleft { grid-area: topleft; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 2; grid-row-end: 4; padding: 10px; }

#topright { grid-area: topright; -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 2; grid-row: 2; padding: 10px; }

#topmain { grid-area: topmain; -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 2; grid-row: 2; padding: 10px 0; }

#todayrelease { grid-area: todayrelease; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 2; grid-column-end: 4; -ms-grid-row: 3; grid-row: 3; padding-right: 10px; }

#side { grid-area: left; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; padding: 10px; }

#main { grid-area: main; -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 2; grid-row: 2; padding: 10px 10px 10px 0; }

#container > #flowbox { grid-area: flowbox; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; -ms-grid-row: 2; grid-row: 2; padding: 10px; }

/*
#header {
	min-width: 900px;
	min-height: 130px;
	margin-bottom: 10px;
}
#contents {
	min-width: 900px;
	margin:5px 11px 11px 5px;
	&:after{@include clearfix;}
}
// トップページ用
#topwrapper {margin-left:215px;}
#topleft {float:left;width:210px;}
#topright {float:right;width:180px;}
#topmain {margin-right:190px;padding-bottom:10px;}

// 中ページ用 
#side {float:left;width:260px;}
#main {width:100%;float:right;margin-left:-265px;
	.main-inner {margin-left:265px;}
}*/
.clear { clear: both; height: 1px; font-size: 1px; line-height: 1px; }

h3.ownername { margin-bottom: 5px; }

a.imghover:hover img { opacity: 0.8; }

#header { font-size: 12px; background: var(--color-primary) url(/images/header_bg.png) repeat-x left bottom; position: relative; }
#header h1 { position: absolute; height: 130px; left: 16px; top: 0; }
#header #header-inner { padding-right: 11px; }
#header #header-inner div { display: block; line-height: 28px; background: transparent url(/images/header_tab5.gif) 0 0 repeat-x; padding: 0 16px; border-radius: 0 0 3px 3px; position: absolute; right: 15px; top: 0; }
#header #header-inner div a { color: #555; }
#header #header-inner div a:hover { color: #F00; }
#header p { padding-top: 15px; font-size: 15px; text-align: right; color: #fff; line-height: 1.3; height: 77px; }
#header p span { font-size: 13px; }
#header ul { list-style-type: none; padding-top: 92px; display: flex; justify-content: flex-end; }
#header li { display: block; padding: 0 10px; margin: 0; text-align: center; border-right: 1px rgba(255, 255, 255, 0.6) solid; }
#header li:first-of-type { border-left: 1px rgba(255, 255, 255, 0.6) solid; }
#header a { color: var(--color-text); text-decoration: none; }
#header a:hover { color: #FFF890; text-decoration: none; }
#header a span { font-family: arial; display: block; }

#footer { clear: both; background: var(--color-primary) url(/images/footer_bg.png) 0 0 repeat; padding-top: 8px; color: var(--color-text); }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover, #footer p { color: var(--color-text); }
#footer:before { content: ""; height: 1px; width: 100%; display: block; font-size: 1px; line-height: 1px; background-color: #CC9966; background-image: linear-gradient(to left, #dab893, #ffffff 50%, #dab893 100%); background-size: cover; margin: 0; padding: 0; }

#footer-inner { padding: 10px 11px 10px 0; font-size: 0.75rem; text-align: right; background: transparent url(/images/footer_logo.png) 0 5px no-repeat; min-height: 130px; position: relative; }
#footer-inner p { padding-top: 15px; font-size: 0.688rem; position: absolute; right: 10px; bottom: 10px; line-height: 1.5; }

/* サイドメニュー */
.boxy { border: 1px #CCC solid; padding: 5px; margin-bottom: 11px; font-size: 0.75rem; border-radius: 3px; box-shadow: 0 0 0px 2px #fff inset; background-color: #EEE; }
.boxy div.boxy-inner { padding: 5px; }
.boxy p, .boxy h4 { text-align: left; }
.boxy h3 { padding-bottom: 3px; border-bottom: 1px #CCC solid; margin-bottom: 6px; line-height: 1.85; text-align: center; font-size: 1rem; font-weight: normal; }
.boxy h3 span { margin-left: 0.25em; font-size: 0.75rem; }
.boxy h3 a img { vertical-align: middle; }
.boxy p.kome { margin-top: 5px; font-size: 11px !important; line-height: 13px !important; }
.boxy input { margin: 3px 0; }
.boxy .btnwrap { text-align: center; }
.boxy input.btn { margin: 5px; padding: 3px 9px 2px; background-color: #3C8AD8; border: 1px solid #1B4672; border-radius: 2px; color: white; cursor: pointer; }
.boxy td.j10 { font-size: 10px; line-height: 14px; }
.boxy td { text-align: left; }
.boxy form td { vertical-align: middle; }
.boxy table { font-size: 12px; }

#openbox ul { margin-bottom: 0; }
#openbox li { margin: 0; height: 36px; overflow: hidden; line-height: 32px; font-size: 0.875rem; }
#openbox li a { display: block; }
#openbox li a:hover { background-color: #FFFFFF33; }
#openbox li .usericon { width: 32px; height: 32px; -o-object-fit: contain; object-fit: contain; float: left; margin-right: 5px; }
#openbox li em::before { content: '('; }
#openbox li em::after { content: ')'; }
#openbox li em, #openbox li span { font-size: 0.625rem; }
#openbox li .text h6 { font-weight: normal; }
#openbox li .text p { display: none; }
#openbox li .icon { display: inline; }

#flowbox { font-size: 0.88em; margin-bottom: 10px; }
#flowbox p { font-size: 1em; }

#tagcloud ul.module-list { text-align: center; list-style: none; }
#tagcloud ul.module-list li { display: inline; }
#tagcloud a { text-decoration: none; }
#tagcloud a:active, #tagcloud a:hover { text-decoration: underline; }
#tagcloud li.taglevel1 a { font-size: 18px; line-height: 20px; color: #f39; font-weight: bold; }
#tagcloud li.taglevel1 a.addbtn { width: 20px; height: 20px; margin-left: 2px; }
#tagcloud li.taglevel2 a { font-size: 16px; line-height: 18px; color: #6c0; font-weight: bold; }
#tagcloud li.taglevel2 a.addbtn { width: 18px; height: 18px; margin-left: 2px; }
#tagcloud li.taglevel3 a { font-size: 14px; line-height: 16px; color: #A63; }
#tagcloud li.taglevel3 a.addbtn { width: 16px; height: 16px; margin-left: 2px; }
#tagcloud li.taglevel4 a { font-size: 12px; line-height: 14px; color: #333; }
#tagcloud li.taglevel4 a.addbtn { width: 14px; height: 14px; margin-left: 2px; }
#tagcloud li.taglevel5 a { font-size: 11px; line-height: 13px; color: #777; }
#tagcloud li.taglevel5 a.addbtn { width: 13px; height: 13px; margin-left: 2px; }
#tagcloud li.taglevel6 a { font-size: 10px; line-height: 12px; color: #AAA; }
#tagcloud li.taglevel6 a.addbtn { width: 12px; height: 12px; margin-left: 2px; }

.addbtn { background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:%235b7420;}</style></defs><rect class="cls-1" x="2" y="6" width="12" height="4"/><rect class="cls-1" x="6" y="2" width="4" height="12"/></svg>') no-repeat center center; display: inline-block; width: 16px; height: 16px; background-size: cover; }

ul.state_change_btns { padding: 0; display: flex; flex-wrap: wrap; margin: 15px 0; }
ul.state_change_btns li { list-style-type: none; margin-left: 0; white-space: nowrap; margin-bottom: 0; }
ul.state_change_btns li:not(:first-of-type) { margin-left: 10px; }

.markD { background-image: url(/images/icon_trash.png); }

.markB { background-image: url(/images/icon_buy.png); }

.markC { background-image: url(/images/icon_later.png); }

.markN { background-image: url(/images/icon_rev.png); }

.state_change_btn_long, .state_change_btn { margin: 0 0 2px; padding: 6px 10px 6px 30px; border: 0 none; border-radius: 15px; font-size: 0.75rem; color: #FFF; background-color: #6886A4; background-position: 5px center; background-repeat: no-repeat; background-size: 18px 18px; display: inline-block; letter-spacing: 0.1em; cursor: pointer; }
.state_change_btn_long:hover, .state_change_btn:hover { background-color: #3C8AD8; color: #FFF; text-decoration: none; }

.state_change_btn_long { border: 0 none; border-radius: 3px; }

.state_change_btns.deleted .markD, .state_change_btns.buyed .markB, .state_change_btns.checked .markC, .state_change_btns.normaled .markN { background-color: #777; cursor: auto; }
.state_change_btns.deleted .markD:hover, .state_change_btns.buyed .markB:hover, .state_change_btns.checked .markC:hover, .state_change_btns.normaled .markN:hover { background-color: #777; }

/* コミュニティメニュー */
h5.titlej50 { padding: 1px; background-color: #B2B2B2; font-size: 13px; margin: 0; font-weight: normal; width: 238px; }
h5.titlej50 span { border: 1px solid #FFF; color: #FFF; display: block; background-color: #999; padding: 1px 3px; }

.communitymenuj50 { margin-bottom: 15px; display: flex; flex-wrap: wrap; width: 240px; }
.communitymenuj50 span { width: 10%; line-height: 20px; padding: 1px; display: block; box-sizing: border-box; background-color: #B2B2B2; font-size: 14px; position: relative; }
.communitymenuj50 span a { border: 1px solid #FFF; display: block; color: #FFF; text-decoration: none; text-align: center; }
.communitymenuj50 span.c0 a { background-color: #C2874B; }
.communitymenuj50 span.c1 a { background-color: #3399CC; }
.communitymenuj50 span.c2 a { background-color: #00CC99; }
.communitymenuj50 span.c3 a { background-color: #FF99CC; }
.communitymenuj50 span.c4 a { background-color: #99CC33; }
.communitymenuj50 span.c5 a { background-color: #66CCCC; }
.communitymenuj50 span.c6 a { background-color: #CC99CC; }
.communitymenuj50 span.c7 a { background-color: #99CC99; }
.communitymenuj50 span.c8 a { background-color: #66CCFF; }
.communitymenuj50 span.c9 a { background-color: #FF9933; }
.communitymenuj50 span:hover a { top: -8px; left: -8px; width: 36px; height: 36px; position: absolute; z-index: 1; font-size: 24px; line-height: 36px; }

#profile h4, #loginbox h4 { margin-top: 10px; margin-bottom: 5px; }
#profile .icon, #loginbox .icon { float: left; margin-left: 2px; }
#profile #ownertext, #loginbox #ownertext { padding-left: 72px; min-height: 64px; }
#profile #ownercomment, #loginbox #ownercomment { min-height: 48px; word-break: break-all; }
#profile #ownerlink, #loginbox #ownerlink { text-align: right; vertical-align: bottom; font-size: 11px; }

#mycomu ul { display: flex; flex-wrap: wrap; margin: 0; }
#mycomu li { display: block; width: 50%; height: 150px; text-align: center; margin: 0; }

#memkeyword .kwdcount, #minkeyword .kwdcount { margin-bottom: 3px; }

#mylist { height: 320px; overflow: scroll; text-align: left; background-color: #f9f9f9; border-left: 1px solid #CCC; border-top: 1px solid #CCC; }
#mylist ul { margin: 5px; padding: 0; }
#mylist li { margin-left: 0; }
#mylist li.exclusion, #mylist li.exclusion a { color: #666; font-weight: bold; }
#mylist li.strict, #mylist li.strict a { color: #B66; font-weight: normal; }
#mylist li > p { display: inline; margin-left: 0.25em; }
#mylist li .delbtn { display: inline-block; width: 15px; height: 15px; background: url(/images/icon_trash.gif) center center no-repeat; }

textarea#mylist { width: 100%; box-sizing: border-box; }

input.text { width: 190px; }

#ADDKEY { width: 190px; margin: 0 0 3px; box-sizing: border-box; }

#ADDBTN { width: 36px; margin: 0 0 3px; padding: 0; font-size: 12px; }

.btnedit { cursor: pointer; background: #DDD url(/images/btn_bg.gif) left center no-repeat; padding: 2px 0 2px 20px; text-align: left; font-size: 12px; margin-top: 3px; line-height: 21px; color: #344E7C; font-weight: bold; border: 1px solid #FFF; text-decoration: none; border-radius: 3px; }
.btnedit a { display: block; }
.btnedit:link, .btnedit:visited { color: #344E7C; }
.btnedit:active, .btnedit:hover, .btnedit a:active, .btnedit a:hover { color: #990000; text-decoration: none; }

table.stretch { padding: 5px 0; }

#later { display: flex; flex-wrap: wrap; }
#later > li { width: 50%; margin-left: 0; }
#later .img { float: left; margin-bottom: 20px; width: 160px; text-align: center; }
#later .img img { max-width: 160px; height: auto; max-height: 140px; }
#later .text { margin-left: 170px; }
#later .memo_box { margin-top: 5px; margin-left: 170px; margin-bottom: 20px; }
#later p { padding-bottom: 5px; }
#later .day { color: #888; }
#later .cname { font-size: 1.25rem; color: #555; }
#later .auther { font-size: 14px; }
#later .state_change_btn { margin-right: 5px; }
#later .memo_show { padding-bottom: 0; }

.memo_box .memo_form input[type="text"] { width: 100%; margin-bottom: 5px; }
.memo_box .memo_show { cursor: pointer; min-height: 24px; color: #2e8a13; }
.memo_box .memo_show:empty::before { content: "φ(。。) メモメモ"; display: inline; font-size: 0.75rem; color: #999; }
.memo_box .memo_show:hover { background-color: #ecebcb; }

table.stretch td { font-size: 12px; text-align: center; }
table.stretch p { padding: 3px; }

.linup { margin-bottom: 10px; }
.linup .day::before { content: "発売日："; }
.linup .date_past { color: #AAA; }
.linup .date_today { color: #900; font-weight: bold; }

.linup_header { background: #737684 url(/images/month_bgc.gif) 0 0 repeat; border-radius: 5px 5px 0 0; display: flex; justify-content: space-between; }
.linup_header h3 { line-height: 25px; font-size: 14px; color: #FFF; text-align: center; letter-spacing: 1px; min-height: 25px; margin: 0; padding: 0; font-weight: normal; }
.linup_header h3 span { font-size: 11px; line-height: 24px; font-weight: normal; }
.linup_header a, .linup_header del { color: #FFF; width: 104px; padding: 2px 8px 0; display: block; min-height: 21px; font-size: 0.75rem; }
.linup_header a:hover { color: #FF9; text-decoration: none; }
.linup_header .LHR { background: #737684 url(/images/month_bgr.gif) 100% 55% no-repeat; text-align: right; line-height: 25px; border-radius: 0 5px 0 0; }
.linup_header .LHL { background: #737684 url(/images/month_bgl.gif) 0% 55% no-repeat; text-align: left; line-height: 25px; border-radius: 5px 0 0 0; }
.linup_header td { font-size: 12px; vertical-align: middle; }

div.onebtn { position: absolute; bottom: 0; right: 0; display: none; }
div.onebtn span img, div.onebtn span.selected { opacity: 0.3; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; }

.linup_main tr.deleted .markD, .linup_main tr.buyed .markB, .linup_main tr.checked .markC, .linup_main tr.normaled .markN, .oneitem.deleted .markD, .oneitem.buyed .markB, .oneitem.checked .markC, .oneitem.normaled .markN { opacity: 0.3; -webkit-filter: grayscale(100%); filter: grayscale(100%); cursor: default; }

/* テキスト版 */
.linup_main { border-left: 1px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #999; margin-top: 5px; width: 100%; }
.linup_main th, .linup_main td { border-right: 1px solid #999; padding: 5px; }
.linup_main th { text-align: center; vertical-align: middle; }
.linup_main thead th { background: #757679 url(/images/item_title_bg.png); color: #FFF; line-height: 1.6; font-weight: normal; }
.linup_main td { font-size: 12px; vertical-align: middle; }
.linup_main tr { background-color: #FFF; }
.linup_main tr.pink td { background-color: #FFEEEE; }
.linup_main tbody tr:nth-child(odd) th, .linup_main tbody tr:nth-child(odd) td { background-color: #F3F3F3; background-image: linear-gradient(to bottom, #f3f3f3, #f5f5f5 66%, #f1f1f1 100%); }
.linup_main tbody tr:nth-child(odd).pink td { background-color: #F3E3E3; background-image: linear-gradient(to bottom, #f3e3e3, #f5e5e5 66%, #f1e1e1 100%); }
.linup_main tbody tr:hover td div.onebtn { display: block; }
.linup_main div.cname { position: relative; }
.linup_main div.cname span.sub { color: #606055; }
.linup_main tr.buyed div.cname::before, .linup_main tr.checked div.cname::before { background-color: transparent; background-position: left center; background-repeat: no-repeat; background-size: 15px 15px; margin-right: 3px; content: ""; display: inline-block; width: 15px; height: 15px; vertical-align: middle; }
.linup_main tr.buyed div.cname::before { background-image: url(/images/B15.gif); }
.linup_main tr.checked div.cname::before { background-image: url(/images/C15.gif); }
.linup_main tr.deleted { display: none; }
.linup_main div.cname div.onebtn { bottom: -5px; padding-top: 7px; }
.linup_main div.cname div.onebtn img { margin: 1px 3px; }
.linup_main .state_change_btn { padding: 4px; width: 16px; background-position: 3px center; margin: 2px 0 2px 2px; }
.linup_main input { margin-top: 3px; }
.linup_main .cname img.buy { vertical-align: middle; margin-right: 5px; width: 15px; height: 15px; }

.chengez { margin-top: 0.5em; font-size: 0.75rem; text-indent: 0.8em; }
.chengez img { vertical-align: -0.2em; width: 15px; height: 15px; }
.chengez input[type="radio"] { margin: 0 2px; }

#banners { height: 160px; margin: 10px 0 0 0; padding: 0 105px 0 0; }
#banners ul { list-style: none; }
#banners ul li { width: 25%; float: left; margin: 0; padding: 0; }
#banners ul li a { display: block; width: 105px; height: 160px; text-decoration: none; background-position: center center; }
#banners ul li a p { display: none; }
#banners ul li a:hover p { display: block; width: 85px; height: 140px; padding: 5px; border: 5px solid #000; background-color: #777; background-color: rgba(0, 0, 0, 0.7); color: #FFF; font-size: 12px; overflow: hidden; word-break: break-all; }
#banners ul li.last { width: 105px; height: 160px; margin-right: -105px; }

/* 画像版 */
.titlebox { background: #757679 url(/images/item_title_bg.png); padding: 5px; border-right: 2px #FFF solid; border-radius: 2px 0 0 2px; color: #fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1) inset; }

td.TMR { padding-left: 3px; }

td.TML { padding-right: 3px; }

ul.thumb_main, ul.thumb_mains { display: flex; justify-content: space-between; }
ul.thumb_main .oneitem, ul.thumb_mains .oneitem { display: flex; padding: 5px 0; position: relative; border-top: 1px #CCC solid; background-color: #F2F2F2; border-top: 10px #FFF solid; border-bottom: 1px #CCC solid; padding: 0 0 1px; margin: 0; }
ul.thumb_main .oneitem .img, ul.thumb_mains .oneitem .img { margin-right: 5px; }
ul.thumb_main .oneitem p, ul.thumb_mains .oneitem p { line-height: 1.2; margin: 0; overflow-wrap: anywhere; }
ul.thumb_main .oneitem div.onebtn img, ul.thumb_mains .oneitem div.onebtn img { margin: 3px; }
ul.thumb_main .oneitem .state_change_btn, ul.thumb_mains .oneitem .state_change_btn { padding: 4px; width: 16px; background-position: 3px center; margin: 2px 0 2px 2px; }
ul.thumb_main .oneitem .state_change_btn:hover, ul.thumb_mains .oneitem .state_change_btn:hover { background-color: #3C8AD8; }
ul.thumb_main .oneitem:hover div.onebtn, ul.thumb_mains .oneitem:hover div.onebtn { display: block; }
ul.thumb_main li.buyed, ul.thumb_mains li.buyed { background: #F2F2F2AA url(/images/B64.png) right 0 bottom -10px no-repeat; background-blend-mode: lighten; }
ul.thumb_main li.checked, ul.thumb_mains li.checked { background: #F2F2F2AA url(/images/C64.png) right 0 bottom -10px no-repeat; background-blend-mode: lighten; }
ul.thumb_main li.deleted, ul.thumb_mains li.deleted { display: none; }
ul.thumb_main p.title, ul.thumb_mains p.title { color: #FFF; }
ul.thumb_main p.title span.sub, ul.thumb_mains p.title span.sub { font-size: 0.75rem; color: #E6E6D6; }
ul.thumb_main p.kannum, ul.thumb_mains p.kannum { font-size: 0.75rem; text-align: right; color: #FFF; }
ul.thumb_main p.day, ul.thumb_mains p.day { font-size: 0.75rem; margin: 2px 0 3px; text-align: right; padding-right: 5px; }
ul.thumb_main p.auther, ul.thumb_main p.publish, ul.thumb_mains p.auther, ul.thumb_mains p.publish { font-size: 0.75rem; margin: 5px; line-height: 1.2; color: #555; }
ul.thumb_main p.memo, ul.thumb_mains p.memo { font-size: 0.75rem; margin: 5px; line-height: 1.2; color: #2e8a13; }

/* 大画像版 */
ul.thumb_main .oneitem { width: calc(50% - 5px); }
ul.thumb_main .oneitem .text { width: calc(100% - 145px); }
ul.thumb_main .oneitem .imghover { width: 140px; }
ul.thumb_main p.title { font-size: 0.875rem; }
ul.thumb_main p.day { padding: 3px 5px 3px 0; }
ul.thumb_main img { width: 140px; max-height: 220px; -o-object-fit: cover; object-fit: cover; }

/* 小画像版 */
ul.thumb_mains .oneitem { width: calc(50% - 3px); }
ul.thumb_mains .oneitem .text { width: calc(100% - 80px); }
ul.thumb_mains .oneitem .imghover { width: 75px; }
ul.thumb_mains p.title { font-size: 0.813rem; }
ul.thumb_mains img { width: 75px; max-height: 120px; -o-object-fit: cover; object-fit: cover; }

.blank { margin: 0; }

.voiceicon { background: url(/images/voice.png) 0 0 no-repeat; width: 20px; height: 16px; margin-left: 5px; display: inline-block; vertical-align: top; }
.voiceicon.voice1 { background-image: url(/images/voice1.png); }
.voiceicon.voice2 { background-image: url(/images/voice2.png); }
.voiceicon.voice3 { background-image: url(/images/voice3.png); }

@media screen and (min-width: 1280px) { ul.thumb_mains li.oneitem, ul.thumb_main li.oneitem { width: calc(33.33% - 5px); } }
.messagebox p { font-size: 12px; margin-bottom: 5px; }
.messagebox h4 { text-align: left; font-size: 12px; }

#flowbox p { margin-bottom: 5px; }

#home_btn { font-size: 12px; font-weight: bold; text-align: center; margin: 20px 0 10px; }

.thumb_main, .thumb_mains { background-color: #FFF; display: flex; flex-wrap: wrap; }
.thumb_main img, .thumb_mains img { display: block; }
.thumb_main .title img, .thumb_mains .title img { margin-left: 5px; }

.nomother { font-size: 12px; padding: 5px; color: #999; }

#btn_jointus { margin-bottom: 10px; -webkit-filter: drop-shadow(0 1.5px 0 #232b22); filter: drop-shadow(0 1.5px 0 #232b22); }
#btn_jointus:hover { -webkit-filter: none; filter: none; translate: 0px 1.5px; }

#rssreader dd { text-align: left; margin-top: 0; }

#openbox li { list-style: none; }

p.kome { margin-top: 5px; font-size: 11px !important; line-height: 13px !important; }

/* フォーム関連 */
#xemail1, #xemail2, #hpurl, #hpmurl, #hprss, #xcomment { width: 320px; }

#name, #xpass, #xpassre, #hpname { width: 240px; }

.btntd { text-align: center; padding-top: 3px; }

.RBCB td { font-size: 12px; }

#mytable { font-size: 12px; }
#mytable th, #mytable td { padding-bottom: 10px; }
#mytable th { width: 140px; text-align: left; }
#mytable .RBCB th, #mytable .RBCB td { padding-bottom: 0; }

/* プロフィール */
.configform dl { margin: 10px; }
.configform dl dt { margin: 0 0 5px; font-size: 14px; font-weight: bold; }
.configform dl dd { margin: 0 0 15px; font-size: 14px; }
.configform dl dd .RBCB td { font-size: 14px; padding-bottom: 5px; padding-right: 15px; }
.configform dl dd .RBCB td img { width: 64px; height: 64px; }
.configform dl dd input[type="radio"], .configform dl dd input[type="checkbox"] { margin-right: 5px; }
.configform dl .btndd { text-align: center; padding-top: 15px; }
.configform dl input[type="submit"], .configform dl button { border: 1px solid #000; background-color: #333; color: #FFF; padding: 5px 5px 5px 10px; letter-spacing: 5px; min-width: 120px; }

#newset { font-size: 12px; }
#newset th { text-align: left; vertical-align: middle; }
#newset td { text-align: right; vertical-align: middle; }
#newset input { width: 160px; margin: 5px 0 0 5px; }

#resendemail { margin: 50px auto; }
#resendemail dt { font-size: 1rem; font-weight: normal; }
#resendemail input[type="text"] { width: 320px; }
#resendemail .cf-turnstile { text-align: center; }

#toiawaseform dt { font-weight: normal; }
#toiawaseform textarea { width: 100%; box-sizing: border-box; }
#toiawaseform .btndd { text-align: center; }

.zenkan { margin-bottom: 10px; }
.zenkan h3 { font-size: 1.66em; font-weight: normal; }
.zenkan h3 span { font-size: 0.8em; }
.zenkan p { font-size: 12px; }

#baloon { margin-bottom: 10px; padding: 5px; }
#baloon p { margin: 0; line-height: 1.6; }
#baloon p.info { color: #888888; margin: 0 0 5px 0; text-align: right; line-height: 1.1; }
#baloon p.info::before { content: "by "; }
#baloon p.info .comdelbtn { border: 0 none; background-color: #333; color: #FFF; border-radius: 3px; vertical-align: middle; }
#baloon p.info .comdelbtn::before { content: "削除"; }
#baloon:empty::before { display: block; color: #999999; padding: 30px 0 50px; text-align: center; }
#baloon.commentC:empty::before { content: "まだ、このコミックにコメントはありません。"; }
#baloon.commentA:empty::before { content: "まだ、この漫画家にコメントはありません。"; }
#baloon.commentR:empty::before { content: "まだ、このランキングにコメントはありません。"; }

.comlikebtn, .ranklikebtn { color: #5a5a5a; border: 0 none; background-color: transparent; position: relative; margin-left: 5px; padding-left: 20px; line-height: 14px; font-size: 12px; min-height: 16px; vertical-align: middle; }
.comlikebtn.liked, .comlikebtn:not(:disabled):hover, .ranklikebtn.liked, .ranklikebtn:not(:disabled):hover { color: #ff277a; }
.comlikebtn.liked:hover, .ranklikebtn.liked:hover { color: #5a5a5a; }
.comlikebtn::before, .ranklikebtn::before { content: ""; display: block; left: 0; top: 0; position: absolute; width: 16px; height: 16px; background: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fc3283;stroke-width:0px;}%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m50,86.47s-12.04-6-18.04-10.17c-6-4.17-25.83-16.96-25.83-33.65S16.04,15.53,30.2,15.53c12.93,0,19.8,13.8,19.8,13.8h0s6.87-13.8,19.8-13.8c14.15,0,24.07,10.41,24.07,27.11s-19.83,29.48-25.83,33.65c-6,4.17-18.04,10.17-18.04,10.17h0Z'/%3E%3C/svg%3E") left center repeat-x; background-size: cover; -webkit-filter: grayscale(1); filter: grayscale(1); padding: 0; opacity: 0.5; }
.comlikebtn.liked::before, .comlikebtn:not(:disabled):hover::before, .ranklikebtn.liked::before, .ranklikebtn:not(:disabled):hover::before { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
.comlikebtn.liked:hover::before, .ranklikebtn.liked:hover::before { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.5; }

textarea.comment { width: 100%; height: 3em; margin-bottom: 5px; box-sizing: border-box; }

div.baloon_box { position: relative; }
div.baloon_box > img, div.baloon_box > a img { display: block; position: absolute; top: 0; left: 0; }
div.baloon_box div.vote_inner { position: relative; margin: 0 0 20px 85px; padding: 7px 7px 7px 9px; border: 1px solid #999; border-radius: 5px; box-sizing: border-box; min-height: 64px; }
div.baloon_box div.vote_inner:after, div.baloon_box div.vote_inner:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
div.baloon_box p.info { font-size: 12px; margin-bottom: 10px; }
div.baloon_box div.vote_inner:after { border-color: rgba(255, 255, 255, 0); border-right-color: #FFF; border-width: 4px 8px; top: 32px; margin-top: -4px; }
div.baloon_box div.vote_inner:before { border-color: rgba(153, 153, 153, 0); border-right-color: #999; border-width: 5px 10px; top: 32px; margin-top: -5px; }

ul.index li { display: inline; }

#sbm_icon, #rss_icon { text-align: center; margin-top: 15px; }
#sbm_icon li, #rss_icon li { display: inline-block; margin: 0 2px; width: 57px; height: 32px; }
#sbm_icon li a, #rss_icon li a { display: block; height: 32px; }
#sbm_icon #calendar a, #rss_icon #calendar a { background: url("/images/rssbtn_calendar.gif") 0 0 no-repeat; }
#sbm_icon #calendar a:hover, #rss_icon #calendar a:hover { background: url("/images/rssbtn_calendar_f2.gif") 0 0 no-repeat; }
#sbm_icon #feedly a, #rss_icon #feedly a { background: url("/images/rssbtn_feedly.gif") 0 0 no-repeat; }
#sbm_icon #feedly a:hover, #rss_icon #feedly a:hover { background: url("/images/rssbtn_feedly_f2.gif") 0 0 no-repeat; }

.htip { position: relative; }
.htip .tips { font-size: 10px; padding: 4px 5px; background-color: rgba(0, 0, 0, 0.8); color: white; width: 140px; text-align: center; position: absolute; display: none; top: -40px; left: 50%; margin-left: -70px; box-sizing: border-box; z-index: 1000; }
.htip .tips::after { content: ""; display: block; position: absolute; width: 0; height: 0; border-top: 10px solid rgba(0, 0, 0, 0.8); border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 0 none; bottom: -10px; left: 50%; margin-left: -7px; }
.htip:hover .tips { display: block; }

#rss_easy, #rss_iphone, #rss_twitter, #rss_line { margin: 1.5em 0 0; }

.nsnsbutttonlist { margin-top: 15px; }
.nsnsbutttonlist a:active, .nsnsbutttonlist a:hover { color: #FFF; text-decoration: none; }

h4.title { font-size: 1.125rem; font-weight: normal; margin-bottom: 0.25em; }

h3.title { background: linear-gradient(#ffffff, #ffffff 49.99%, #eeeeee 50%, #eeeeee); border: 1px solid #DDD; border-color: #EEE #DDD #DDD #EEE; border-radius: 2px; margin-bottom: 18px; font-size: 1rem; color: #333; line-height: 1em; font-weight: normal; position: relative; letter-spacing: 0.05em; }
h3.title span { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.33 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23c00;}%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='0.42 0 3.33 9 0 18 2 18 5.33 9 2.42 0 0.42 0'/%3E%3Cpolygon class='cls-1' points='8.42 0 11.33 9 8 18 10 18 13.33 9 10.42 0 8.42 0'/%3E%3C/svg%3E") 8px center no-repeat; background-size: 14px 18px; padding: 7px 0 8px 30px; display: block; }
h3.title::before, h3.title::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 6px; }
h3.title::before { left: 0; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 18'%3E%3Cpolygon style='fill:%23FFF;' points='0 0 4 9 0 18'/%3E%3C/svg%3E") left center no-repeat; background-size: 6px 100%; }
h3.title::after { right: 0; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 18'%3E%3Cpolygon style='fill:%23EEE;' points='0 9 4 0 4 18'/%3E%3C/svg%3E") left center no-repeat; background-size: 6px 100%; }

h2.side_title img { display: block; }

.pager-info { text-align: center; margin-bottom: 10px; font-size: 0.75rem; }

.wp-pagenavi, .pager { padding-top: 7px; padding-bottom: 7px; text-align: center; font-size: 12px; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active, .pager a, .pager a:link, .pager a:active { margin: 1px; text-decoration: none; border: 1px solid #999999; color: #999999; background-color: #FFFFFF; padding: 5px 6px; }
.wp-pagenavi a:hover, .pager a:hover { border: 1px solid #666666; color: #666666; background-color: #F2F2F2; }
.wp-pagenavi span.pages, .pager span.pages { margin: 2px; border: 1px solid #999999; color: #999999; background-color: #FFFFFF; padding: 5px 8px; }
.wp-pagenavi span.current, .pager span.current { margin: 2px; font-weight: bold; border: 1px solid #999999; color: #FFFFFF; background-color: #999999; padding: 5px 6px; }
.wp-pagenavi span.extend, .pager span.extend { margin: 2px; }

#viewbtn { width: 73px; height: 21px; background: url(/images/btn_view.gif) 0 0; text-align: right; margin-bottom: 10px; display: flex; }
#viewbtn a { width: 24px; height: 21px; display: block; }
#viewbtn span { width: 25px; height: 21px; display: block; }

/* 公開リスト関連 */
#minna-all { margin: 12px 0; padding: 0; display: flex; flex-wrap: wrap; }
#minna-all li { width: calc(50% - 5px); margin: 0; padding: 0; }
#minna-all .pwrap { font-size: 12px; margin: 0; padding: 2px 10px 10px; }
#minna-all .text { margin-left: 69px; min-height: 74px; }
#minna-all h6 { color: #555; font-weight: normal; font-size: 11px; line-height: 1.1; margin-bottom: 0.2em; }
#minna-all h6 a { font-size: 1rem; margin-right: 0.25em; }
#minna-all h6 em::before { content: '('; }
#minna-all h6 em::after { content: ')'; }
#minna-all p { line-height: 1.3em; margin-bottom: 5px; }
#minna-all p.site { float: right; margin-bottom: 0; }
#minna-all .icon { float: left; }

@media screen and (min-width: 1280px) { #minna-all li { width: 33.32%; } }
.icon { width: 64px; height: 64px; display: flex; flex-direction: column; justify-content: center; align-items: center; }

#openmenu { margin: 0 10px 17px; font-size: 0.875rem; }
#openmenu span.on { color: #f00; font-weight: bold; }
#openmenu span.off { color: #00f; font-weight: bold; }

p.site { text-align: right; }

/* コミュニティ関連 */
.comuwrap { position: relative; min-height: 400px; }

#com_img { width: 260px; min-width: 260px; position: absolute; }
#com_img img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); width: 240px; }
#com_img::before, #com_img::after { content: ""; position: absolute; z-index: 1; }
#com_img::before { content: ""; position: absolute; width: 248px; height: 34px; background: var(--color-primary) linear-gradient(90deg, rgba(255, 255, 255, 0.05) 90%, rgba(255, 255, 255, 0.2) 92.6%, rgba(255, 255, 255, 0) 94%, rgba(0, 0, 0, 0.1) 94%, rgba(0, 0, 0, 0) 95%, rgba(255, 255, 255, 0.05) 100%); box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5); top: 176px; left: -4px; border-radius: 1px; }
#com_img::after { content: attr(data-kan); position: absolute; width: 38px; height: 38px; border-radius: 3px; background-color: var(--color-primary); color: rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.4); top: 174px; left: 174px; font-family: arial; line-height: 18px; font-size: 0.75rem; font-weight: bold; text-align: right; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2); box-sizing: border-box; padding-top: 20px; padding-right: 5px; }
#com_img p.official { margin-top: 7px; font-size: 0.875rem; padding-bottom: 10px; }

#com_content { margin-left: 260px; }

p.com_price { float: right; text-align: right; font-size: 12px; }

table.communitylist td { font-size: 12px; padding: 10px 5px 15px; text-align: center; vertical-align: top; word-break: break-all; width: 20%; overflow: hidden; }
table.communitylist td a { display: block; overflow: hidden; }
table.communitylist td img { display: block; margin: 0 auto 3px; }

ul.communitylist { list-style: none; display: flex; flex-wrap: wrap; width: 100%; }
ul.communitylist li { height: 200px; width: 150px; overflow: hidden; word-break: break-all; font-size: 12px; line-height: 14px; margin: 0; }
ul.communitylist a { display: block; margin: 0 5px; padding: 5px 0; text-align: center; border: 1px #FFF solid; }
ul.communitylist a:hover { background-color: #F7F7F7; border: 1px #DDD solid; }
ul.communitylist img { display: block; margin: 0 auto 3px; }

@media screen and (min-width: 1030px) and (max-width: 1180px) { ul.communitylist li { width: 20%; } }
@media screen and (min-width: 1180px) and (max-width: 1330px) { ul.communitylist li { width: 16.66667%; } }
@media screen and (min-width: 1330px) and (max-width: 1480px) { ul.communitylist li { width: 14.28571%; } }
@media screen and (min-width: 1480px) and (max-width: 1630px) { ul.communitylist li { width: 12.5%; } }
@media screen and (min-width: 1630px) and (max-width: 1780px) { ul.communitylist li { width: 11.11111%; } }
@media screen and (min-width: 1780px) and (max-width: 1930px) { ul.communitylist li { width: 10%; } }
@media screen and (min-width: 1930px) and (max-width: 2080px) { ul.communitylist li { width: 9.09091%; } }
@media screen and (min-width: 2080px) and (max-width: 2230px) { ul.communitylist li { width: 8.33333%; } }
#topcommunitylist { padding: 0 5px; }
#topcommunitylist .topcommunityone { padding-bottom: 32px; }
#topcommunitylist .topcommunityone img { display: block; float: left; margin: 0 10px 0 0; }
#topcommunitylist .topcommunityone img.emoji { display: inline; float: none; margin: 0; }
#topcommunitylist .topcommunityone .imghover strong { font-size: 1.33em; font-weight: normal; }
#topcommunitylist .topcommunityone p a { color: #1098C6; }
#topcommunitylist .topcommunityone p a strong { font-weight: normal; font-size: 1.25rem; }
#topcommunitylist .topcommunityone p span.func { color: #888888; }
#topcommunitylist .topcommunityone .baloon_box { margin-top: 10px; margin-left: 110px; }

.mycomyubtn { margin: 5px 0; }
.mycomyubtn button { border: 1px solid #DDD; padding: 5px 12px 5px 1.85em; font-size: 12px; border-radius: 5px; color: #666; cursor: pointer; position: relative; background-color: #F9F9F9; background-image: linear-gradient(to bottom, #ffffff, #f9f9f9 3%, #f9f9f9 50%, #dfdfdf 97%, #cccccc); box-shadow: 1px 1px 2px #E7E7E7; }
.mycomyubtn button:hover { background-color: #F1F1F1; background-image: linear-gradient(to bottom, #ffffff, #f1f1f1 3%, #f1f1f1 50%, #d9d9d9 97%, #cccccc); }
.mycomyubtn button:active { background: #CCC; padding: 6px 12px 4px 1.85em; }
.mycomyubtn.del button:hover::before, .mycomyubtn.add button::before { content: ""; display: block; left: 0.3em; top: 0.5em; position: absolute; width: 16px; height: 16px; background: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fc3283;stroke-width:0px;}%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m50,86.47s-12.04-6-18.04-10.17c-6-4.17-25.83-16.96-25.83-33.65S16.04,15.53,30.2,15.53c12.93,0,19.8,13.8,19.8,13.8h0s6.87-13.8,19.8-13.8c14.15,0,24.07,10.41,24.07,27.11s-19.83,29.48-25.83,33.65c-6,4.17-18.04,10.17-18.04,10.17h0Z'/%3E%3C/svg%3E") left center repeat-x; background-size: cover; -webkit-filter: grayscale(100%) brightness(200%); filter: grayscale(100%) brightness(200%); }
.mycomyubtn.add button::after { content: "する"; }
.mycomyubtn.add button:hover::before, .mycomyubtn.del button::before { content: ""; display: block; left: 0.3em; top: 0.5em; position: absolute; width: 16px; height: 16px; background: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fc3283;stroke-width:0px;}%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m50,86.47s-12.04-6-18.04-10.17c-6-4.17-25.83-16.96-25.83-33.65S16.04,15.53,30.2,15.53c12.93,0,19.8,13.8,19.8,13.8h0s6.87-13.8,19.8-13.8c14.15,0,24.07,10.41,24.07,27.11s-19.83,29.48-25.83,33.65c-6,4.17-18.04,10.17-18.04,10.17h0Z'/%3E%3C/svg%3E") left center repeat-x; background-size: cover; }
.mycomyubtn.del button::after { content: "解除"; }

p.nocomment { color: #999999; padding: 30px 0 50px; text-align: center; }

#outline { margin: 15px 0 0; }
#outline cite { font-size: 11px; margin-left: 1em; }
#outline blockquote { margin: 0; background-color: #EEE; padding: 5px 8px; border: #ddd 1px solid; font-size: 12px; line-height: 1.6; }

#comTitle { margin-bottom: 10px; }

#comInfo { line-height: 1.5; padding-bottom: 10px; font-size: 0.875rem; }
#comInfo a { font-size: 1.125rem; }

#mycomyu { margin: 1px 5px 10px; }

#search { margin: 0 0 10px; background: url(/images/voice_02.jpg) left top no-repeat; width: 240px; height: 62px; display: flex; }
#search div { margin: 38px 0 0 20px; }
#search div input[type="search"] { width: 100%; box-sizing: border-box; }

#COMMENT { width: 180px; }

div.combox { margin: 10px 0; }

#comics { display: flex; flex-wrap: wrap; justify-content: space-between; }
#comics h3.title { width: 100%; }
#comics a { background: transparent none; position: relative; display: block; padding-top: 16px; margin-bottom: 10px; color: #555; min-width: 100px; }
#comics a .onebtn { z-index: 11; width: 100%; background-color: #FFF; }
#comics a .onebtn span { opacity: 1; background-size: 15px 15px; }
#comics a .release { position: absolute; top: 0; right: 0; left: 0; padding: 0; margin: 0; line-height: 12px; height: 15px; font-size: 10px; }
#comics a span { background-position: 50% 50%; background-repeat: no-repeat; width: 25%; height: 25px; display: inline-block; vertical-align: top; cursor: pointer; }
#comics a span:hover { background-color: #FFF; }
#comics a:after { position: absolute; bottom: 5px; right: 5px; z-index: 10; content: ""; display: none; width: 48px; height: 48px; }
#comics a:hover .onebtn { display: block; }
#comics a.buyed:after { background-image: url(/images/B48.png); display: block; }
#comics a.checked:after { background-image: url(/images/C48.png); display: block; }
#comics a.deleted img { opacity: 0.5; }
#comics span.blank { width: 100px; height: 0; display: block; }

#comuuser { margin: 10px 0; }
#comuuser ul { display: flex; }
#comuuser li { width: 14.28%; margin: 0; box-sizing: border-box; text-align: center; }
#comuuser a { display: block; }
#comuuser p { padding-top: 5px; }
#comuuser a:hover { text-decoration: none; }

#comTitle a:hover { text-decoration: none; }

ul.kome { margin: 0 10px 12px; }
ul.kome li { margin: 0; padding: 0 0 5px 14px; background: url(/images/kome.gif) 0 3px no-repeat; font-size: 10px; }

/* スペシャル関連 */
#spmenu { margin: 0; color: #ACACAC; }
#spmenu > li { margin-left: 0; }
#spmenu a { font-weight: bold; }
#spmenu li { font-size: 16px; line-height: 26px; }
#spmenu li li { font-size: 14px; line-height: 20px; list-style-type: circle; }
#spmenu li li.seasona { margin-left: 2em; }
#spmenu li li.seasonb { margin-left: 3em; }
#spmenu li li.seasonc { margin-left: 4em; }
#spmenu li li.seasond { margin-left: 5em; }
#spmenu li li a { font-weight: normal; }

.sugoi, .dorama { margin: 20px 0 35px; }
.sugoi a, .dorama a { font-weight: bold; }

.sp-head { display: flex; }
.sp-head img { margin: 0 15px 15px 15px; }

h5.male, h5.female { font-size: 16px; color: #FFF; padding: 2px 5px; margin: 5px 0; line-height: 1.2; }

h5.male { background-color: #3A7DAF; }

h5.female { background-color: #FF80FF; }

.sugolist { width: 100%; }
.sugolist td { font-size: 12px; text-align: center; padding-bottom: 10px; }
.sugolist td strong { font: 16px/24px "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; }
.sugolist img { display: block; margin: 5px auto; }

.dorama-item { margin-bottom: 24px; }
.dorama-item dl { display: flex; justify-content: space-between; }
.dorama-item dt { width: 95px; }
.dorama-item dt img { -o-object-fit: cover; object-fit: cover; max-width: 95px; height: 140px; }
.dorama-item dd { margin-left: 0; width: calc(100% - 90px - 15px); }
.dorama-item h5 { font-size: 1.25rem; padding-bottom: 0.25em; font-weight: normal; color: #333; }
.dorama-item h5 a { font-size: 0.625rem; background-color: #344E7C; color: #fff; display: inline-block; padding: 0.35em 0.5em 0.25em 0.5em; border-radius: 0.25em; text-decoration: none; line-height: 1; font-weight: normal; }
.dorama-item h5 a:hover { background-color: #C50000; }
.dorama-item p { font-size: 0.875rem; line-height: 1.2; margin-bottom: 0.5em; }
.dorama-item p strong { color: #555; }

/* ご意見箱関連 */
.goiken { margin: 10px 0; }
.goiken th, .goiken td { font-size: 12px; padding: 2px; border: 1px #fff solid; }
.goiken th { text-align: center; background-color: #ddddde; font-weight: bold; }
.goiken td { background-color: #F9F9F9; }
.goiken td.rank { font-size: 14px; text-align: center; font-weight: bold; }
.goiken td.num { text-align: right; }
.goiken td.vote { text-align: left; padding-left: 10px; }
.goiken td.vote a { font-weight: bold; }
.goiken td.user { text-align: center; }
.goiken td.date { font-size: 11px; }

.newhoiken_title { font-size: 1rem; font-weight: normal; margin-top: 1em; }

div.vote_item { padding-bottom: 32px; }
div.vote_item div.vote_inner { padding-left: 69px; }
div.vote_item div.vote_inner a { color: #0099CC; font-weight: bold; }
div.vote_item div.vote_inner p { padding-bottom: 20px; }
div.vote_item div.vote_inner p.nocomment { padding-top: 0; text-align: left; }
div.vote_item div.vote_inner .info { color: #888888; font-size: 0.875rem; }
div.vote_item div.vote_inner .info a { color: #888888; font-weight: normal; }
div.vote_item img { float: left; display: block; }
div.vote_item img.emoji { float: none; display: inline; }

div.vote_citem { padding-bottom: 15px; }
div.vote_citem div.vote_cinner { padding-left: 69px; }
div.vote_citem img { float: left; display: block; }

input.vote { margin: 5px 0 0 5px; width: 560px; }

input.vote_btn { margin: 5px 0 0 0 !important; }

/* コミック雑誌の発売日関連 */
h4.magpub { background-color: #ddddde; padding: 5px; font-size: 12px; }

.magazineruck { margin-bottom: 25px; font-size: 12px; }
.magazineruck tr { background-color: #F4F4F4; border-bottom: 1px #fff solid; }
.magazineruck tr.zc { background-color: #F0F0F0; }
.magazineruck th, .magazineruck td { padding: 5px; }
.magazineruck th { padding-left: 15px; }

#magazinegenre { margin: 15px 0; font-size: 12px; }

p.daymenu { font-size: 12px; text-align: right; }

/* RSSとカレンダーの発行ページ関連 */
#rss_line form { text-align: center; padding: 20px 0; }
#rss_line form button { font-size: 1rem; border: 0 none; border-radius: 3px; box-sizing: border-box; background-color: #1ac65b; color: #FFF; padding: 5px 10px; }

#maker label { margin-right: 1em; font-size: 12px; }

#hrss dl { margin: 16px 0; }
#hrss dt { font-size: 12px; }
#hrss dd { margin-top: 0; }

#rssz, dl.sidemenu { padding-bottom: 5px; }
#rssz li, #rssz dd, dl.sidemenu li, dl.sidemenu dd { margin: 0 2px 0.6em; padding-left: 20px; background: no-repeat; font-size: 12px; }
#rssz li a, #rssz dd a, dl.sidemenu li a, dl.sidemenu dd a { display: block; }
#rssz li.icon_rankedit, #rssz dd.icon_rankedit, dl.sidemenu li.icon_rankedit, dl.sidemenu dd.icon_rankedit { background-image: url(/images/icon_rankedit.gif); }
#rssz li.icon_ranknew, #rssz dd.icon_ranknew, dl.sidemenu li.icon_ranknew, dl.sidemenu dd.icon_ranknew { background-image: url(/images/icon_ranknew.gif); }
#rssz li.icon_config, #rssz dd.icon_config, dl.sidemenu li.icon_config, dl.sidemenu dd.icon_config { background-image: url(/images/icon_config.gif); }
#rssz li.icon_configmono, #rssz dd.icon_configmono, dl.sidemenu li.icon_configmono, dl.sidemenu dd.icon_configmono { background-image: url(/images/icon_configmono.gif); }
#rssz li.icon_profile, #rssz dd.icon_profile, dl.sidemenu li.icon_profile, dl.sidemenu dd.icon_profile { background-image: url(/images/icon_profile.gif); }
#rssz li.icon_open, #rssz dd.icon_open, dl.sidemenu li.icon_open, dl.sidemenu dd.icon_open { background-image: url(/images/icon_open.gif); }
#rssz li.icon_blogparts, #rssz dd.icon_blogparts, dl.sidemenu li.icon_blogparts, dl.sidemenu dd.icon_blogparts { background-image: url(/images/icon_blogparts.gif); }
#rssz li.icon_rss, #rssz dd.icon_rss, dl.sidemenu li.icon_rss, dl.sidemenu dd.icon_rss { background-image: url(/images/icon_rss.gif); }

#openmenu { margin: 10px 0; line-height: 1.5em; }
#openmenu a { font-weight: bold; }

#rankz { padding-bottom: 5px; }
#rankz li { margin: 0 2px 5px; background: 0 20% no-repeat; font-size: 12px; font-weight: bold; border: 1px #CCC solid; }
#rankz li.home { background: #FFF url(/images/icon_home2.gif) 2px 20% no-repeat; border: 0 #FFF none; padding-left: 1px; }
#rankz li a { display: block; padding: 3px 3px 3px 18px; }
#rankz li.rank a { background: transparent url(/images/icon_rank2.png) 2px center no-repeat; padding-left: 22px; }
#rankz li.rank { background-image: -webkit-linear-gradient(top, white, #e3e3e3 7%, white); background-image: linear-gradient(to bottom, #ffffff, #e3e3e3 7%, #ffffff); }

/* 詳細表示 */
#bigimg { max-height: 480px; max-width: 240px; height: auto; width: auto; }

#detail { width: 100%; float: right; margin-left: -250px; }
#detail p { line-height: 1.2; }
#detail p strong { font-weight: normal; }
#detail p img { vertical-align: middle; }
#detail p.detail-info { margin-bottom: 0.5em; }
#detail p.detail-info strong::after { content: "："; }
#detail p.detail-price { text-align: right; }
#detail h4 { font-size: 1.66em; font-weight: normal; margin-bottom: 10px; }
#detail h4 + p { font-size: 1.33em; }
#detail #bigimg { display: block; float: left; }
#detail #detail-inner { margin-left: 250px; }
#detail .memo_box { margin-bottom: 20px; }

#searchedtail li { margin-left: 0; }

.btn2detailsearch { margin-top: 1em; font-size: 0.875rem; }

.shoplist { margin-top: 10px; border: 1px solid #DDD; padding: 3px 7px 7px; background-color: #F9F9F9; }
.shoplist ul.shoplist--big4 { padding-top: 2px; margin-bottom: 12px; }
.shoplist ul.shoplist--big4 li { margin: 0; line-height: 2em; }
.shoplist ul.shoplist--big4 li a { font-size: 1.4em; }

#asinsearch, #textsearch, #latersearch { text-align: center; margin-bottom: 35px; }
#asinsearch input, #asinsearch select, #textsearch input, #textsearch select, #latersearch input, #latersearch select { font-size: 1rem; padding: 5px; line-height: 1.2; box-sizing: border-box; }
#asinsearch input[name="ASIN"], #textsearch input[name="ASIN"], #latersearch input[name="ASIN"] { width: 13em; }
#asinsearch input[name="KWD"], #asinsearch input[name="SEARCH"], #textsearch input[name="KWD"], #textsearch input[name="SEARCH"], #latersearch input[name="KWD"], #latersearch input[name="SEARCH"] { width: 480px; }
#asinsearch input[type="submit"], #textsearch input[type="submit"], #latersearch input[type="submit"] { padding: 5px 10px; }
#asinsearch select, #textsearch select, #latersearch select { margin-right: 5px; }

#bookmarklet { text-align: center; }
#bookmarklet a { padding-left: 20px; background: #fff url(../images/icon_bookmark.gif) left center no-repeat; font-size: 14px; }

.spbtnbox { margin: 2em auto; text-align: center; }
.spbtnbox a { display: inline-block; background-color: #3C8AD8; border: 1px solid #1B4672; color: white; font-size: 0.875rem; padding: 10px 24px; }

/* ランキング表示 */
#ranking-top div { margin-bottom: 24px; height: 140px; overflow: hidden; width: calc(50% - 5px); float: left; position: relative; }
#ranking-top div:before { position: absolute; width: 41px; height: 50px; content: " "; background: transparent url(../images/crown.png) 0 0 no-repeat; top: 87px; left: 70px; z-index: 1; display: block; }
#ranking-top img { float: left; display: block; margin: 0 10px; }
#ranking-top h5 { font-size: 1rem; padding: 5px 0; border-bottom: 1px #DDD solid; margin-left: 64px; margin-bottom: 5px; }
#ranking-top a { font-weight: normal; }
#ranking-top p { font-size: 0.875rem; line-height: 1.5; }
#ranking-top p.ownername { text-align: right; font-size: 0.625rem; color: #777; line-height: 1.2; margin-bottom: 1em; }
#ranking-top p.ownername a { font-size: 0.75rem; }

#rankingform { display: flex; }
#rankingform > p { font-size: 1rem; font-weight: normal; }
#rankingform form { width: 360px; margin-left: 10px; padding-right: 10px; }
#rankingform label { font-size: 1rem; }
#rankingform textarea { width: 340px; margin-bottom: 10px; }
#rankingform input { margin-bottom: 10px; }
#rankingform input[type="submit"] { margin: 0 0 10px; padding: 5px 10px; letter-spacing: 0; color: #FFF; border: 1px solid #666; -webkit-appearance: none; border-radius: 3px; box-sizing: border-box; font-size: 1rem; cursor: pointer; }
#rankingform #savebtn { background-color: #92B535; }
#rankingform #savebtn:disabled { background-color: #b7bbac; border: 1px solid #999; }
#rankingform #removebtn { background-color: #480e0e; }
#rankingform #removebtn:disabled { background-color: #e0d5d5; border: 1px solid #999; display: none; }

#ranktitle { width: 340px; }

#ranking1 { width: 250px; float: left; }

#ranking1_com { float: left; }
#ranking1_com p.rank { font-size: 12px; font-weight: bold; color: #CC0000; }
#ranking1_com p.cname { font-size: 14px; font-weight: bold; }

.communitylist p.rank { font-size: 12px; font-weight: bold; color: #CC0000; }

p.rankingcomment { margin-top: 0; border: 1px solid #DDD; padding: 3px 7px 7px; background-color: #F9F9F9; line-height: 1.7em; font-size: 14px; }

#rankview { position: relative; }
#rankview p.comment { margin-left: 240px; position: absolute; }

#ranking1box { margin: 0; padding: 0; position: relative; display: flex; flex-direction: row-reverse; justify-content: space-between; }

#ranking1photo { width: 240px; margin: 0; }

#ranking1text { width: calc(100% - 250px); }
#ranking1text p.rank { line-height: 1em; font-size: 1.125rem; font-weight: bold; color: #FF9900; background: #FFF url(/images/icon_ranking.gif) 0 0 no-repeat; padding: 0 0 0.5em 24px; background-size: 18px 18px; letter-spacing: 0.25em; }
#ranking1text p.cname { margin-bottom: 10px; font-size: 1.125rem; }
#ranking1text p.cname strong { font-size: 1.4em; font-weight: normal; }

#ranking1box .ranklikebtn { position: absolute; right: 0; top: 0; }

#ranking2 { margin: 0; padding: 10px 0 0; display: flex; justify-content: space-between; }
#ranking2 li { width: 24%; margin: 0; padding: 0; background: #FFF url(/images/ranking_shima2.gif) 0 0 repeat; overflow: hidden; text-align: center; }
#ranking2 li:hover { -webkit-animation: moveBackground 1s infinite linear; animation: moveBackground 1s infinite linear; }
#ranking2 li img { display: block; margin: 0 auto 5px; }
#ranking2 li span { display: block; padding: 0 10px; }
#ranking2 a { display: block; padding-bottom: 12px; color: #222; }
#ranking2 a .authork { color: #333; }
#ranking2 p.rank { line-height: 2.5; color: #555; font-size: 1rem; font-weight: bold; text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; }
#ranking2 p.rank em { font-size: 1.25rem; margin: 0 0.25em; }
#ranking2 p.rank::before, #ranking2 p.rank::after { margin: 0 0.25em; content: "―"; }

@-webkit-keyframes moveBackground { 0% { background-position: 0 0; }
  100% { background-position: -23px 0; } }

@keyframes moveBackground { 0% { background-position: 0 0; }
  100% { background-position: -23px 0; } }
#rankingmenu li { padding: 0 0 5px; margin: 0; line-height: 1; }
#rankingmenu li a { margin: 0 5px 5px 0; padding: 0.4em 0.66em; font-size: 0.813rem; text-decoration: none; color: #555555; font-weight: bold; background-color: #F3F6F8; background-image: linear-gradient(to bottom, #f3f6f8, #f3f6f8 45%, #e1e9ed 55%, #ecf1f4); border: 1px solid #ced1d5; border-radius: 5px; display: inline-block; }
#rankingmenu li a:hover { background-image: linear-gradient(to bottom, #ecf1f4, #e1e9ed 45%, #f3f6f8 55%, #f3f6f8); }

#whatsnew { border: 1px solid #DDD; background-color: #F9F9F9; height: 210px; overflow: auto; }
#whatsnew dl { font-size: 0.75em; padding: 10px; }
#whatsnew dt { color: #CC0000; }
#whatsnew dt span { margin-right: 0.5em; }
#whatsnew dd { padding: 0 0 10px 6.5em; margin: 0; line-height: 1.2em; }
#whatsnew dd strong { color: #555; }

#topmain h2.toplead { font-size: 14px; color: #555; line-height: 1.5; font-weight: normal; margin-bottom: 15px; }
#topmain h2.toplead span { font-size: 13px; }
#topmain h3.title { margin: 0; }

#entrystep { margin-top: 20px; }
#entrystep dd { padding-left: 205px; min-height: 100px; height: auto !important; height: 100px; }

#topbannerbox a:hover { opacity: 0.85; }
#topbannerbox img { margin-bottom: 10px; display: block; }

.topbannersale { display: flex; justify-content: space-between; aspect-ratio: 1068 / 260; }
.topbannersale > a { width: 35%; }
.topbannersale > a img { width: 100%; height: auto; }
.topbannersale > ul { width: 58%; margin: 0; display: flex; flex-wrap: wrap; align-items: center; }
.topbannersale li { width: 21%; margin: 0 3% 0 0; aspect-ratio: 130 / 200; }
.topbannersale li img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3); }
.topbannersale a:hover { opacity: 0.85; }

ul#itembtns { margin-top: 15px; }
ul#itembtns li { margin: 7px 2px; padding-left: 20px; background: no-repeat; font-size: 14px; font-weight: bold; }

.entrywrap, .loginwrap { margin-bottom: 1em; display: flex; justify-content: space-between; }
.entrywrap .entrywrap-sub, .loginwrap .entrywrap-sub { min-width: 340px; width: 340px; margin-left: 10px; }
.entrywrap .boxy, .loginwrap .boxy { margin-bottom: 0; }
.entrywrap .entrywrap-inner, .loginwrap .entrywrap-inner { background: #92B535 url(/images/entry_image.png) no-repeat; display: flex; justify-content: space-between; align-items: flex-end; max-width: 700px; margin-bottom: 10px; padding-right: 20px; border-radius: 9px; }
.entrywrap .loginwrap-inner, .loginwrap .loginwrap-inner { max-width: 1200px; }
.entrywrap strong, .loginwrap strong { white-space: nowrap; }

#entryform p { margin-bottom: 10px; }
#entryform input[type="email"] { box-sizing: border-box; width: 100%; font-size: 1rem; ime-mode: disabled; }
#entryform .btnwrap2 { text-align: center; }

#loginbox dt { font: bold 17px Helvetica; margin: 0; padding-bottom: 3px; color: #777; text-align: left; font-size: 0.625rem; }
#loginbox dd { margin: 0; padding-bottom: 10px; }
#loginbox dd input { width: 100%; box-sizing: border-box; margin: 0; padding: 4px 4px 3px; border: 1px solid #999999; line-height: 1.2; }
#loginbox table { margin-right: auto; margin-left: auto; }
#loginbox table td input { width: 130px; }
#loginbox .btnwrap { padding: 5px; }
#loginbox p.j14 { margin: 10px 0; text-align: center; }
#loginbox p.j14 label { display: block; text-align: left; margin: 0 auto; }

.tohttps { background-color: #FF0000; font-size: 0.875rem; text-align: center; padding: 10px; color: #FFF; }
.tohttps a { color: #FFF; text-decoration: underline; }

.oneabout { margin: 20px 0 0 30px; }
.oneabout p span { background: #fff url(/images/about_fukidashi.gif) 0 0 no-repeat; font-size: 11px; color: #fff; line-height: 32px; padding: 0 7px; display: inline-block; }
.oneabout img { float: left; }

#faq { margin-bottom: -8px; overflow: hidden; line-height: 1.5; }
#faq dt { padding: 0 5px; font-size: 1rem; font-weight: normal; }
#faq dt span { color: #F90; font-family: Arial, sans-serif; font-weight: bold; }
#faq dd { border-bottom: 1px #BBB solid; padding: 0 5px 7px; font-size: 0.875rem; margin-bottom: 7px; }
#faq dd span { color: #6C6; font-size: 1rem; font-family: Arial, sans-serif; font-weight: bold; }
#faq a:link { color: #344E7C; text-decoration: underline; }
#faq a:visited { color: #5E3B8B; text-decoration: underline; }
#faq a:active, #faq #faq a:hover { color: #990000; text-decoration: underline; }

#todayrelease .thumbs li { float: left; width: 150px; height: 150px; text-align: center; margin: 0 0 15px; position: relative; }
#todayrelease .thumbs li a { display: block; height: 150px; width: 140px; background: center top no-repeat; position: absolute; bottom: 0; left: 0; right: 0; transition: 0.2s; }
#todayrelease .thumbs li a p { display: inline-block; padding: 5px; width: 130px; height: 60px; line-height: 15px; text-align: left; overflow: hidden; background-color: rgba(0, 0, 0, 0.8); color: #FFF; margin: 80px auto 0; overflow: hidden; transition: 0.2s; }
#todayrelease .thumbs li a:hover { z-index: 10; height: 191px; border-top: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(2deg); transform: rotate(2deg); }
#todayrelease .thumbs li a:hover p { margin-top: 120px; background-color: rgba(0, 0, 0, 0.2); text-decoration: none; }
#todayrelease .texts { clear: left; margin-bottom: 15px; }
#todayrelease .texts li { margin-left: 0; }
#todayrelease p.j12 { line-height: 32px; margin: 0 10px 8px; }

@media screen and (min-width: 830px) and (max-width: 980px) { #todayrelease .thumbs li { width: 25%; } }
@media screen and (min-width: 980px) and (max-width: 1130px) { #todayrelease .thumbs li { width: 20%; } }
@media screen and (min-width: 1130px) and (max-width: 1280px) { #todayrelease .thumbs li { width: 16.66667%; } }
@media screen and (min-width: 1280px) and (max-width: 1430px) { #todayrelease .thumbs li { width: 14.28571%; } }
@media screen and (min-width: 1430px) and (max-width: 1580px) { #todayrelease .thumbs li { width: 12.5%; } }
@media screen and (min-width: 1580px) and (max-width: 1730px) { #todayrelease .thumbs li { width: 11.11111%; } }
@media screen and (min-width: 1730px) and (max-width: 1880px) { #todayrelease .thumbs li { width: 10%; } }
@media screen and (min-width: 1880px) and (max-width: 2030px) { #todayrelease .thumbs li { width: 9.09091%; } }
@media screen and (min-width: 2030px) and (max-width: 2180px) { #todayrelease .thumbs li { width: 8.33333%; } }
.module-boxy { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); background-color: #FFF; padding: 20px; color: #363636; font-size: 16px; line-height: 24px; position: absolute; text-align: center; left: 50%; top: 10%; z-index: 1; display: none; }

#login-module { width: 360px; margin-left: -200px; }
#login-module h3 { font-size: 21px; font-weight: normal; line-height: 30px; margin: 32px 0 25px; padding: 0; }
#login-module .field-container { margin-bottom: 10px; }
#login-module .field-container label { color: #999; display: block; font-size: 10px; margin: 0 10px; text-align: left; }
#login-module .field-container input { border: 1px solid #999; border-radius: 3px; font-size: 18px; outline: medium none; margin: 0; padding: 7px; width: 340px; ime-mode: disabled; }
#login-module #btnwrap { padding-bottom: 5px; }
#login-module #btnwrap input { background-color: #3C8AD8; border: 1px solid #1B4672; color: white; font-size: 14px; letter-spacing: 3px; margin: 20px 0; padding: 10px 24px; cursor: pointer; }
#login-module p { border-top: 1px solid #999; margin: 0; padding: 16px 0 0; }

.fly-down { -webkit-transform-origin: 50% 100% 0; transform-origin: 50% 100% 0; -webkit-animation: module-fly-down 1.2s linear; animation: module-fly-down 1.2s linear; display: block; }
.fly-down #btnwrap { -webkit-animation: btn-fly-down 1.2s 0.1s linear; animation: btn-fly-down 1.2s 0.1s linear; }

.fly-up { -webkit-transform-origin: 50% 100% 0; transform-origin: 50% 100% 0; -webkit-animation: module-fly-up 0.6s linear; animation: module-fly-up 0.6s linear; display: block; }

@-webkit-keyframes module-fly-down { 0% { -webkit-transform: scale(1, 2) translateY(-500px); transform: scale(1, 2) translateY(-500px); }
  40% { -webkit-transform: scale(1.06, 0.8) translateY(0); transform: scale(1.06, 0.8) translateY(0); }
  60% { -webkit-transform: scale(0.98, 1.02) translateY(0); transform: scale(0.98, 1.02) translateY(0); }
  80% { -webkit-transform: scale(1.01, 0.98) translateY(0); transform: scale(1.01, 0.98) translateY(0); }
  100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } }

@keyframes module-fly-down { 0% { -webkit-transform: scale(1, 2) translateY(-500px); transform: scale(1, 2) translateY(-500px); }
  40% { -webkit-transform: scale(1.06, 0.8) translateY(0); transform: scale(1.06, 0.8) translateY(0); }
  60% { -webkit-transform: scale(0.98, 1.02) translateY(0); transform: scale(0.98, 1.02) translateY(0); }
  80% { -webkit-transform: scale(1.01, 0.98) translateY(0); transform: scale(1.01, 0.98) translateY(0); }
  100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } }
@-webkit-keyframes btn-fly-down { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  60% { -webkit-transform: translateY(0); transform: translateY(0); }
  80% { -webkit-transform: translateY(3px); transform: translateY(3px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes btn-fly-down { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  60% { -webkit-transform: translateY(0); transform: translateY(0); }
  80% { -webkit-transform: translateY(3px); transform: translateY(3px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes module-fly-up { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  20% { -webkit-transform: scale(1.06, 0.8) translateY(0); transform: scale(1.06, 0.8) translateY(0); }
  100% { -webkit-transform: scale(1, 2) translateY(-500px); transform: scale(1, 2) translateY(-500px); } }
@keyframes module-fly-up { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  20% { -webkit-transform: scale(1.06, 0.8) translateY(0); transform: scale(1.06, 0.8) translateY(0); }
  100% { -webkit-transform: scale(1, 2) translateY(-500px); transform: scale(1, 2) translateY(-500px); } }
#cover { height: 100%; width: 100%; background-color: #000; opacity: 0.4; position: fixed; top: 0; left: 0; display: none; }

#btn_amazonsebuy { text-align: center; margin-bottom: 20px; }

#careerChanger { clear: both; padding: 5px; margin: 5px auto; width: 15em; text-align: center; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; line-height: 1.8em; }

#magfree { background: #fff url(/images/magfree_bg.gif) left bottom no-repeat; }
#magfree ul { width: 180px; margin: 0; padding: 0 0 5px; }

.ac_results { border: 1px solid gray; background-color: white; padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none; }
.ac_results.show { display: block; }

.ac_results li { padding: 2px 5px; white-space: nowrap; color: #101010; text-align: left; }
.ac_results li span { pointer-events: none; }

.ac_over { cursor: pointer; background-color: #F0F0B8; }

.ac_match { text-decoration: underline; color: black; }

#mainflash { max-width: 500px; max-height: 410px; overflow: hidden; margin: 0 auto; position: relative; background: url(../images/main_speaker.gif) center 0 no-repeat; }
#mainflash > ul { display: flex; justify-content: space-between; list-style: none; margin: 0; padding: 5px 30px 0; height: 55px; }
#mainflash > ul li { margin: 0; }
#mainflash > ul::after { content: ""; display: none; width: 74px; height: 48px; background: url(../images/main_sprite.png) 0 0 no-repeat; background-position: -600px -240px; top: 41px; left: 50%; position: absolute; margin-left: -37px; z-index: 1; }
#mainflash #banner-sugoi a { display: block; width: 133px; height: 46px; background: url(../images/main_sprite.png) 0 0 no-repeat; background-position: 0 0; overflow: hidden; text-indent: 100%; white-space: nowrap; }
#mainflash #banner-sugoi a:hover { width: 133px; height: 46px; background: url(../images/main_sprite.png) 0 0 no-repeat; background-position: 0 -46px; }
#mainflash #banner-dorama a { display: block; width: 133px; height: 46px; background: url(../images/main_sprite.png) 0 0 no-repeat; background-position: -266px 0; overflow: hidden; text-indent: 100%; white-space: nowrap; }
#mainflash #banner-dorama a:hover { width: 133px; height: 46px; background: url(../images/main_sprite.png) 0 0 no-repeat; background-position: -266px -46px; }

#board { position: relative; }
#board img { display: block; width: 100%; height: auto; }
#board #thismonth, #board #thisday { text-align: center; width: 7%; color: #FFF; font-weight: bold; }
#board #thismonth, #board #thisday { right: 2.1%; position: absolute; }
#board #thismonth { top: 7%; }
#board #thisday { top: 21%; }

#usagi { right: 2px; bottom: 5px; width: 76px; height: 126px; position: absolute; z-index: 1; }
#usagi #usagi-head { width: 76px; height: 87px; background: url(../images/main_sprite.png) 0 0 no-repeat; background-position: 0px -100px; top: 0; left: 0; position: absolute; -webkit-animation: paku2 0.7s step-end 0s infinite; animation: paku2 0.7s step-end 0s infinite; }
#usagi #usagi-body { width: 43px; height: 48px; background: url(../images/main_sprite.png) 0 0 no-repeat; background-position: -43px -190px; top: 69px; left: 18px; position: absolute; }
#usagi #usagi-arm_left { width: 15px; height: 29px; background: url(../images/main_sprite.png) 0 0 no-repeat; background-position: 0 -270px; top: 72px; left: 38px; position: absolute; -webkit-animation: pori2 7s step-end 0s infinite; animation: pori2 7s step-end 0s infinite; }
#usagi #usagi-arm_right { width: 32px; height: 29px; background: url(../images/main_sprite.png) 0 0 no-repeat; background-position: -16px -240px; top: 75px; left: -7px; position: absolute; }
#usagi #usagi-shadow { width: 54px; height: 13px; background: url(../images/main_sprite.png) 0 0 no-repeat; background-position: -600px -210px; top: 113px; left: 17px; position: absolute; }

#topbaloonwrap { height: 105px; }

#topbaloon { position: relative; transition: none; opacity: 0; padding-top: 10px; line-height: 1.4; }
#topbaloon p { margin: 0; font-size: 0.875rem; line-height: inherit; color: #555; background-color: #fff; }
#topbaloon.show { opacity: 1; padding-top: 0px; transition: all 500ms linear; }

#mainflash.pcmode #topbaloon { margin-left: 10px; width: 400px; }
#mainflash.pcmode #topbaloon p { padding: 6px 10px 10px; border: 2px solid #999; border-radius: 5px; transition: none; }
#mainflash.pcmode #topbaloon p.show { transition: padding 150ms linear; padding: 8px 10px 8px; }
#mainflash.pcmode #topbaloon:after, #mainflash.pcmode #topbaloon:before { left: 398px; border: solid transparent; content: " "; width: 0; height: 0; position: absolute; pointer-events: none; }
#mainflash.pcmode #topbaloon:after { border-left-color: #FFF; border-width: 5px 0 2px 9px; top: 20px; margin-top: -3px; }
#mainflash.pcmode #topbaloon:before { border-left-color: #999; border-width: 7px 0 4px 13px; top: 20px; margin-top: -5px; }

#mainflash.spmode > ul { padding: 5px 15px 0; }
#mainflash.spmode #thismonth, #mainflash.spmode #thisday { font-size: 0.75rem; }
#mainflash.spmode #topbaloon { line-height: 2; }
#mainflash.spmode #topbaloon p { padding: 10px 81px 0 10px; transition: none; }
#mainflash.spmode #topbaloon p.show { transition: padding 150ms linear; padding: 12px 81px 0 10px; }
#mainflash.spmode #topbaloon.show { line-height: 1.4; }

@-webkit-keyframes paku2 { 70% { background-position: -76px -100px; } }

@keyframes paku2 { 70% { background-position: -76px -100px; } }
@-webkit-keyframes pori2 { 92% { background-position: -15px -270px; }
  94% { background-position: -30px -270px; }
  95% { background-position: -15px -270px; }
  97% { background-position: -30px -270px; }
  98% { background-position: -15px -270px; }
  100% { background-position: 0 -270px; } }
@keyframes pori2 { 92% { background-position: -15px -270px; }
  94% { background-position: -30px -270px; }
  95% { background-position: -15px -270px; }
  97% { background-position: -30px -270px; }
  98% { background-position: -15px -270px; }
  100% { background-position: 0 -270px; } }
@media screen and (min-width: 1280px) { ul.thumb_mains li, ul.thumb_main li, #minna-all li { width: 33.32%; } }