@charset "Shift_JIS";
/* Personal Computer tag */
a {background-position:bottom; background-repeat:repeat-x;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}
a:link img, a:visited img, a:hover img, a:active img, a:focus img {border-style:solid; border-width:1px; margin:1px 0; vertical-align:text-bottom;}
a img:not(.fit2), a img {height:auto; max-height:none; max-width:none; width:auto;}
a:hover img:not(.fit2), a:active img:not(.fit2), a:focus img:not(.fit2) {opacity:0.7;}
div.fit3 img {height:150px; width:240px;}
div.square img {height:160px; width:160px;}
b, i, strong {font-size:112%;}
body {display:block; background-attachment:fixed; font-family:sans-serif; font-size:17px; font-weight:500; margin:0 auto; overflow-x:hidden; padding:0; -webkit-text-size-adjust:100%;}
div, h1, h2, h3, h4, h5, h6, p, ul {background-position:bottom; background-repeat:repeat-x;}
div, p, ul {line-break:normal; line-height:100%; margin:0 auto; padding:0; width:990px;}
form {line-height:100%; margin:0; padding:0; white-space:nowrap;}
h1, h2, h3, h4, h5, h6 {font-size:130%; font-weight:normal; line-height:115%; margin:0 auto; width:990px;}
h1, h2, h3 {padding:2px 0;}
hr {height:2px; margin:3px auto; width:988px;}
iframe {border-width:0; margin:0 0 -2px 0; overflow:hidden; padding:0;}
img {image-rendering:-webkit-optimize-contrast;}
div.list img:not(.box2), div.main img:not(.box2), div.novel img:not(.box2), p.list img:not(.box2), p.main img:not(.box2), p.novel img:not(.box2) {display:block; position:relative; left:calc(50% - 1px); transform:translateX(-50%); backface-visibility:hidden; -webkit-backface-visibility:hidden;}
img:not(.fit2) {height:auto; max-height:1200px; max-width:1200px; width:auto;}
@media screen and (min-width:662px) and (max-width:1160px) {
img:not(.fit2) {max-width:calc(100vw - 20px);}
}
p.main img:not(.fit2):hover, p.main img:first-of-type {height:auto; max-height:none; max-width:none; width:auto;}
p.list img:not(.box2), p.main img:not(.box2), p.novel img:not(.box2) {margin-bottom:1em;}
p.list img:not(.box2):last-child, p.main img:not(.box2):last-child, p.novel img:not(.box2):last-child {margin-bottom:0;}
p.main img:not(.fit2):active, p.main img:first-of-type:active, img.fit2:hover {height:auto; max-height:800px; max-width:800px; width:auto;}
.main img {content-visibility:auto; contain-intrinsic-size:1000px;}
img, object {border-width:0; margin:1px; vertical-align:text-bottom;}
li, rp, rt, table, tbody, td, tr, ul {margin:0; padding:0; word-break:break-all;}
li, span {background-position:bottom; background-repeat:repeat-x;}
li img, .main3 img {float:left; image-rendering:pixelated;}
strong {font-weight:normal;}
td {font-size:88%; height:45px; line-break:strict; line-height:100%; width:330px; overflow:visible; position:relative; text-align:left; vertical-align:bottom; white-space:nowrap;}
td a {position:absolute; left:0; bottom:0; width:100%;}
ul {list-style-type:none;}
ul.tail4 a, ul.tail5 a {display:block;}
li.tailbk a {display:inline;}
/* PC class & id */
#article, .header div, .header h1, .header h2, .header p, .tail3 {width:990px;}
#article2 {display:table-cell; float:left; text-align:left; vertical-align:top; width:990px;}
.bar, .bar2, h3, h4, h5, h6 {border-radius:6px; margin:0; overflow:hidden; padding:1px 0 0 0;}
#backtotop:hover, #backtotop:active, #pagedown:hover, #pagedown:active {opacity:1;}
#bgm {height:15px; width:650px;}
.bold, .bold2, #ffbsc strong, #ytb strong {font-weight:bold;}
.bold2 {font-size:130%;}
ul.bold {line-height:170%;}
.box2 {float:right; padding:0; margin:0;}
.cell, .cell2, .cell3 {display:inline-block; margin:0 1px; overflow:hidden;}
.cell {float:left; position:relative; height:154px; width:242px;}
.cell2 {float:left; width:33%;}
.cell3 {white-space:nowrap; width:33%;}
.cell2, li.cell3 a {padding:3px 0;}
.cell3:nth-child(2n-1), .list3:nth-child(2n), ul.tail5 li:nth-child(2n-1) {background-color:#e2ede2;}
.cell3a {display:inline; float:left;}
ul.cell3a .cell3 {display:block; width:327px;}
#column {display:table; width:1154px;}
#contents {font-size:18px; opacity:0.85; overflow:hidden; padding:8px 0; text-align:center; white-space:nowrap; width:100%; vertical-align:middle;}
.count {height:14px; width:164px;}
.cm {height:164px; width:162px;}
#ffbsc, .ffbsc2 {color:#8F8F8F;}
#ffbsc, .novel {font-family:serif;}
.ffbsc2, .seri, .ytb2 {font-family:serif; font-size:130%;}
.ffbsc2, .ytb2 {display:inline-block; padding-bottom:2px; vertical-align:bottom;}
ul.ffbsc3 li:nth-child(2n-1) {background-color:#1F1F1F;}
.footer, .header {font-size:112%; line-height:130%; overflow:hidden; width:990px; word-break:break-all; word-wrap:break-word;}
div.footer, li {clear:both;}
.header {background-position:0% 0%;}
#index {border-style:solid; border-width:0 0 2px 0; font-family:"Times New Roman"; overflow:hidden; width:100%;}
.list {font-size:94%; margin:0 auto; padding:2px 0; text-align:justify; width:990px;}
.list2 {font-size:128%; padding:2px 0; width:826px;}
.list3 {font-size:118%; line-height:100%; margin:0 11px; padding:0.25em 0;}
.list3 a {padding:0 0 0.25em 0;}
.list3 a:nth-child(1), .list3 a:nth-child(2) {padding:0.25em 0;}
.listbi {display:inline-block; font-size:118%; height:152px; line-height:108%; margin:0 0 4px 0; overflow:hidden; padding:1px 0 1px 244px; position:relative; vertical-align:top; width:247px;}
.listbi:nth-child(2n) {float:right;}
.listbi a, .main3 a {position:absolute; left:2px; top:0; height:calc(100% - 1em); padding-top:1em; width:100%;}
.listbi img, .main3 img {position:relative; top:-1em;} 
.listbi a img, .main3 a img {height:150px; width:240px;}
.listbi .bar2 {font-size:96%;}
.main, #main2, .main3, .novel {line-break:strict; line-height:150%; margin:0 auto 3px auto; padding:1px 113px; text-align:justify; width:764px; word-break:normal;}
.main3 {font-size:200%; height:152px; margin:2px 12px 0 12px; overflow:hidden; padding-left:244px; position:relative; line-height:108%; width:608px; line-break:normal; white-space:nowrap;}
.main3 a {line-break:strict; white-space:normal; width:99.5%;}
.main3 .bar2 {font-size:68%;}
.main3 .bar2, .listbi .bar2 {line-height:100%; opacity:0.8; position:absolute; bottom:3px; right:3px;}
.menu, #menu2 {background-position:top; background-size:50px; border-radius:18px 18px 0 0; font-size:20px; line-height:100%; padding:6px 33px 10px 33px;}
#menu3 {border-style:solid; border-width:2px 0; font-size:19px; margin:1px 0; padding:1px 0; width:988px;}
.menu5 {padding:0 1px;}
#menu6 {font-size:100%;}
#nav {padding:0; margin:0; vertical-align:top; width:164px;}
#nav2 {margin-left:0; width:990px;}
.nav3 {font-size:130%;}
#non {background-image:none; height:100%;}
.novel {font-size:107%; line-height:170%; }
.on {position:relative;}
.on2, .on3 {position:absolute; bottom:2px; left:1px; width:240px; font-size:148%; height:18px; padding-top:4px;}
.sbana .on2 {width:242px;}
.on3 {top:2px;}
.square .on2, .square .on3 {font-size:100%; height:16px; padding-top:0px; width:160px;}
div.tail small.on2, div.tail small.on3 {font-size:124%;}
div.tail .little {font-size:132%;}
div.square small.on2, div.square small.on3 {font-size:80%;}
div.square .little {font-size:88%;}
.on5 {margin-left:13em; position:absolute; top:0; left:0;}
.on6 {position:absolute; bottom:2px; right:0;}
.on7 {position:absolute; top:3px; right:0;}
.on8 {font-size:18px; padding-top:2px; position:absolute; left:155px; top:2px;}
.square .on8 {left:93px;}
.on8a {left:2px;}
.on9 {position:absolute; top:5px; left:413px;}
.opa {opacity:0.8;}
.opa2 {background-color:transparent;}
.opa3 {display:none;}
#pagedown, #backtotop {font-size:200%; opacity:0.5; position:fixed; left:calc(50vw + 485px); vertical-align:bottom;}
#backtotop {bottom:2px;}
#pagedown {top:0;}
.pix img {image-rendering:pixelated; image-rendering:-moz-crisp-edges; -ms-interpolation-mode:nearest-neighbor;}
.cell2 {padding:16px 0; width:33%;}
.row {display:inline; height:100px; overflow:hidden; white-space:nowrap;}
.row2 {width:988px;}
.sbana {height:52px; width:244px;}
.sbana a img {height:48px; width:242px;}
.tail, .tail3, .tail5 {font-size:16px; overflow:hidden; white-space:nowrap;}
.tail {margin-left:3px; width:987px;}
.tail2 {font-size:18px; overflow:hidden; width:990px;}
.tail2a {font-size:13px; overflow:hidden; width:164px;}
.tail4 {overflow:hidden;}
.tail5 {line-height:130%; width:990px;}
.thumbnail {text-align:right;}
#title {background-position:0 100%; background-size:75%; font-size:36px;}
#title a {padding:36px 0;}
.tt {font-family:monospace;}
.works {overflow:hidden; white-space:nowrap; width:990px;}
.yfnew {margin:0 auto; width:200px;}
#ytb, .ytb2 {color:#00BB00;}
#ytb a img {height:30px; width:30px;}
/* PC remove */
.aa {font-family:"MS PGothic", Osaka, sans-serif; line-height:1.125; margin:1em 0; word-break:break-all;}
div.diary span {display:inline-block;}
div.diary span.tail3 {display:inline;}
div.tail5 form {position:absolute; left:calc(50% - 98px); top:6px;}
.auto, auto2 {width:auto;}
.auto, .auto2 {white-space:normal;}
.auto2 {line-height:140%;}
.center, .center2 {text-align:center;}
.center2, .center3 {margin:0 auto;}
.cut {clear:left;}
.cut2, .cut3 {font-size:112%; white-space:nowrap;}
.cut3 {line-height:125%;}
.fit5 {margin:0; width:100%; max-width:990px;}
.headline .diary {margin:0px;}
#ffbsc {font-size:71%;}
.fit4 {margin:0; width:826px;}
a:hover.menu, a:active.menu, a.menu:focus {background-position:bottom;}
a:link .transparent2, a:visited .transparent2 {border-width:0; margin:1px;}
a:hover .transparent2, a:active .transparent2, a:focus .transparent2 {border-width:1px; margin:0;}
a:link .transparent3, a:visited .transparent3, a:hover .transparent3, a:active .transparent3, a:focus .transparent3 {border-width:0; margin:0;}
a:hover .transparent, a:hover .transparent2, a:hover .transparent3, a:active .transparent, a:active .transparent2, a:active .transparent3, a:focus .transparent, a:focus .transparent2, a:focus .transparent3 {opacity:0.75;}
/* Mobile */
@media screen and (min-width:659px) and (max-width:661px) {
body {font-size:136%;}
div, iframe, p, ul, h1, h2, h3, h4, h5, h6, #article, #article2, #column, #contents, #index, .header div, .header h1, .header h2, .header p, .fit4, .list2, #menu3, #nav, #nav2, .tail2, .tail3, .tail5, .works {width:660px;}
div.tail5 form {left:calc(50% - 100px); top:30px; width:200px;}
div, p {overflow-x:hidden;}
hr {width:658px;}
p.main img:not(.fit2):active, p.main img:not(.fit2):hover, a img:active, a img:hover, p.main img:first-of-type {max-height:975px; max-width:975px;}
img, img:not(.fit2), a img, a img:not(.fit2), p.main img:first-of-type:active, p.main img:first-of-type:hover {max-height:975px; max-width:650px;}
.main img {contain-intrinsic-size:400px;}
div.main3 img, p.main3 img, li.main3 img {height:202px; width:323px;}
.fit2 {height:auto; max-height:650px; max-width:650px; width:auto;}
.fit2:active, .fit2:hover {max-height:433px; max-width:433px;}
ul.bold {font-size:124%; line-height:215%;}
.bold2 {font-size:148%;}
.box {height:369px;}
#backtotop, #article a#backtotop {font-size:400%; position:fixed; bottom:35px; left:auto; right:0;}
.cell2 {padding:15px 0; width:49%;}
ul.cell3a .cell3 {width:217px;}
ul.cell3b .cell3 {width:99.5%;}
#contents {margin:0; padding:36px 0;}
.cut2, .cut3 {white-space:normal;}
.cut2 {font-size:41%;}
.fit {margin:0;}
.footer, .header {font-size:112%; line-height:160%; width:660px;}
.footer a img {height:60px; width:300px;}
.list {margin:0; width:660px;}
.list2 {padding:2px 0;}
.list3 {fint-size:148%; padding:0.45em 0;}
.listbi {font-size:124%; line-break:strict; line-height:100%; margin:2px 10px; text-align:justify; word-break:normal; width:396px;}
.listbi a {width:99.5%;}
.listbi .bar2, .main3 .bar2 {font-size:81%;}
.main, #main2 {font-size:107%;}
.main3 {font-size:132%; height:204px; line-height:100%; margin:4px 10px; padding-left:327px; width:200px; word-break:break-all;}
.novel {font-size:112%;}
#article, #article2 {overflow-y:hidden;}
#article .main, .main, #main2, .novel {padding:0 1em; margin:0; width:calc(660px - 2em);}
.menu, #menu2 {background-size:115px; font-size:18px; padding:35px 0 38px 0;}
#menu3 {padding:15px 0;}
.menu5 {padding:12px 1px;}
#nav {display:block; float:none;}
#pagedown, #article a#pagedown {font-size:400%; position:fixed; top:35px; left:auto; right:0;}
#title {font-size:32px;}
.yfnew {transform:scale(1.5,1.5) translateY(-5%);}
/* Mobile Headline & Works */
body.headline {font-size:148%;}
ul.main li {background-color:#f3f3f3;}
.list {font-size:100%;}
div.tail .on2, div.tail .on3, div.tail .on7, div.tail .on8 {font-size:200%; height:22px; padding-top:8px;}
div.square .on2, div.square .on3, div.square .on7, div.square .on8 {font-size:132%; height:18px; padding-top:4px;}
.on6 {position:absolute; bottom:0; top:auto;}
.on8 {left:198px;}
div.square .on8 {left:132px;}
.on8a {left:2px;}
.on9 {left:248px;}
.works {font-size:100%; width:660px;}
.big2 {font-size:148%;}
.bold3 {font-size:100%;}
li.cell3 a {padding:10px 0;}
div.tail .cell {height:206px; width:325px;}
div.tail .on2, div.tail .on3 {width:323px;}
div.tail img {height:202px; width:323px; image-rendering:pixelated;}
div.tail .sbana {height:134px; width:325px;}
div.square .cell {height:218px; width:216px;}
div.square .on2, div.square .on3 {width:214px;}
div.square img {height:214px; width:214px;}
.sbana a img {height:130px; width:323px;}
div.tail small.on2, div.tail small.on3 {font-size:168%;}
div.tail .little {font-size:182%;}
div.square small.on2, div.square small.on3 {font-size:107%;}
div.square .little {font-size:119%;}
.tail {width:658px;}
li .tail5 {padding:7px 0 6px 0;}
#ytb a {vertical-align:middle;}
#ytb a img {height:70px; width:70px;}
}
/* PC Headline & Works */
@media screen and (min-width:989px) and (max-width:991px) {
body.headline {font-size:107%;}
ul.main li {background-color:#f3f3f3;}
.cell2 {padding:1px 0; width:33%;}
.on6 {position:absolute; bottom:2px; top:auto;}
.works {font-size:100%; width:990px;}
}
/* Navigation */
@media screen and (min-width:163px) and (max-width:165px) {
body.headline {font-size:16px;}
div.tail5 form {left:0;}
ul.cell3a .cell3, div.diary li, div.diary p, div.diary ul, .diary, .fit4, .fit5, .on5, .on9, .post, .tail3, .tail4 {width:164px;}
p {white-space:normal; overflow-wrap:break-word; word-wrap:break-word;}
div.newline .cell3 {overflow-wrap:break-word; word-wrap:break-word; text-align:justify; white-space:normal;}
div.diary span.bar2 {font-size:88%;}
.count {position:absolute; bottom:3px; left:0;}
.list, .main, .tail, .tail5, .yfnew {margin:0; padding:0; width:164px;}
.list2 {list-style-image:none;}
.list3, .list3 a:nth-child(1), .list3 a:nth-child(2) {margin:0; padding:0.45em 0;}
.list3 a {margin:0; padding:0 0 0.45em 0;}
.menu5 {padding-top:20px;}
.on5 {margin-left:0; position:relative;}
.opa3 {display:block;}
.post {font-size:16px;}
.row2 {width:162px;}
.yfnew {transform:scale(0.6,1);}
.ytb2 {padding-bottom:1.5em;}
}
/* Mobile remove */
.big {font-size:112%;}
.cut4 {text-align:left;}
.cut5 {line-height:110%;}
.cut6 {white-space:normal; overflow-wrap:break-word; word-wrap:break-word;}
.little, .tlc {font-size:89%;}
.tlc {font-weight:lighter;}
/* color */
a:link, a:link.menu, a:link.menu4, a:link.menu5, a:visited.menu, a:visited.menu4, a:visited.menu5, #menu2 {color:#0000ff;}
a:visited, a:hover.menu, a:hover.menu5, a:active, a:active.menu, a:active.menu4, a:active.menu5, a:focus, a.menu:focus, a.menu4:focus, a.menu5:focus {color:#0088ff;}
a:hover, a:hover.menu4 {color:#ff0088;}
a#menu2:hover, a:hover.menu5, ul.tail4 a:hover, ul.tail5 a:hover {background-color:#9bff9b;}
.main3 a:hover, .main3 a:active, .listbi a:hover, .listbi a:active {background-color:#dfdfdf; opacity:0.8;}
a:link img, a:link .transparent, a:visited .transparent {border-color:#0000ff;}
a:visited img, a:active img, a:active .transparent, a:focus img, a:focus .transparent {border-color:#0088ff;}
a:hover img, a:hover .transparent {border-color:#ff0088;}
body {color:#000000; background-color:#eff6ef;}
.footer, .header {background-color:#d8edd8;}
h1, h2, h3, h4, h5, h6 {text-shadow:#89af89 1px 1px 1px;}
hr {background-color:#a5e5a5; color:#a5e5a5;}
#index, #menu3 {border-color:#51d751;}
.main, #main2, .main3, .novel, .list2, .listbi {background-color:#efefef;}
#main2 {text-shadow:#a9a9a9 2px 2px 3px;}
#menu2 {background-color:#51d751;}
#menu3 {color:#51d751;}
.on2, .on3 {background-color:rgba(175,191,175,0.7);}
.on3, .tlc {color:#000000;}
#title {text-shadow:#88cc88 2px 2px 3px;}
/* background */
a.menu {background-color:#7cde7c;}
.bar {background-color:#80de80;}
.bar2, h3, h4, h5, h6 {background-color:#ace6ac;}
body {background-image:url(i/0yotuba.gif); background-position:left bottom; background-repeat:no-repeat;}
#enaena {background-image:url(i/0yotuba3.gif);}
@media only screen and (max-width:828px) {
#enaena {background-size:186px 500px;}
body {background-position:left top;}
}
#ex {background-image:url(i/0yotuba2.gif);}
.header {background-color:#a0e3a0;}
#nakayoshi {background-image:url(i/0yotuba1.gif);}
@media only screen and (min-width:828px) {
#index {background-color:#d8ebd7;}
}