@charset "UTF-8";
/* 制作： 大生仙 明已 */
/*  ＃main  ２カラム  */
/*  ＃main  ２カラム  */
/*  ＃main  ２カラム  */
/* ----リセットCSS---- */
/* ------------------------   基本のCSS   ------------------------ */
html { background-color: rgba(21, 101, 183, 0.3); /* 薄い青 */ }

/* ※HTMLページ内筆記 */
body { /*  margin: 0 auto;  position: relative;  background-size: contain;  */ }

/*※スクロールバー*/
::-webkit-scrollbar { width: 12px; }

::-webkit-scrollbar-track { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset; background: rgba(97, 97, 97, 0.5); }

::-webkit-scrollbar-thumb { background-color: #56374d; box-shadow: 0 0 0 0.5px rgba(255, 255, 255, 0.3) inset; }

@-moz-document url-prefix(https://animort.xyz/),url-prefix(https://animort.xyz/) { scrollbar { -moz-appearance: none !important; background: rgba(97, 97, 97, 0.5) !important; }
  thumb, scrollbarbutton { -moz-appearance: none !important; background-color: #56374d !important; box-shadow: 0 0 0 0.5px rgba(255, 255, 255, 0.3) inset; }
  thumb:hover, scrollbarbutton:hover { -moz-appearance: none !important; background-color: red !important; }
  scrollbarbutton { display: none !important; }
  scrollbar[orient="vertical"] { min-width: 12px !important; } }
.wrapper { background-color: transparent; overflow: hidden; }

/* ファイアフォックスではoverflow: hidden; は必要 */
#page-top { display: none; position: fixed; right: 10px; bottom: 10px; z-index: 99999; }
#page-top p { margin: 0; padding: 0; text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
#page-top span { height: 30px; width: 30px; display: block; border-radius: 60px; padding: 5px; cursor: pointer; border: 3px solid rgba(250, 250, 250, 0.8); background: rgba(202, 39, 39, 0.4); }
#page-top #move-page-top { color: #fff; line-height: 50px; text-decoration: none; display: block; cursor: pointer; }
#page-top #move-page-top .ue { overflow: hidden; }
#page-top #move-page-top .ue:before { display: block; content: ""; height: 20px; width: 20px; border: 5px solid #F3F3F3; border-left-width: 0; border-bottom-width: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; top: 15px; left: 10.5px; }
#page-top #move-page-top .ue:hover { background: rgba(202, 39, 39, 0.7); }

@media screen and (min-width: 360px) { .not { background: url("https://animort.xyz/sintou.png") left -3% top repeat-y, url("https://animort.xyz/kamon.png") right repeat-y white; } }
@media screen and (min-width: 1300px) { .not { background: left -3% top repeat-y url("https://animort.xyz/sintou.png"), right repeat-y url("https://animort.xyz/kamon.png") rgba(74, 5, 5, 0.6); } }
.bg-f333 { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

@media screen and (min-width: 480px) { .bg-f333 { height: 500px; background-color: #f3f3f3; border-bottom: 1px solid #a1a1a1; background: linear-gradient(white, black, white); } }
.background-layer { background: radial-gradient(ellipse farthest-corner at bottom, rgba(220, 220, 220, 0.1) 70%, rgba(0, 0, 0, 0.7) 99%) repeat scroll 0% 0% rgba(255, 255, 255, 0.02); }

.anime-centor-col2 { display: none; visibility: hidden; }

@media screen and (min-width: 480px) { .anime-centor-col2 { display: block; max-height: 600px; text-align: center; background-size: contain; background: url("/images/tennbin.png") center center no-repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } }
#slogan { display: none; font-size: 24px; color: #f3f3f3; text-shadow: 1px 1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, -1px -1px 2px #333; }
#slogan .komoji { font-size: 64%; color: #eaeaea; margin-bottom: 9px; font-style: oblique; }
#slogan:after { position: absolute; content: ''; width: 0px; height: 0px; right: 100%; top: -11px; border: 47px solid transparent; border-right-color: rgba(60, 44, 44, 0.65); }

@media screen and (min-width: 480px) { #slogan { position: RELATIVE; TOP: 430PX; right: 0; z-index: 3; box-shadow: 0px 0px 0px 1000px rgba(60, 44, 44, 0.65) inset; padding: 6px 55px 12px 6%; text-align: CENTER; font-style: oblique; display: block; } }
@media screen and (min-width: 1070px) { #slogan { position: absolute; TOP: 415PX; right: 0; bottom: 7px; z-index: 4; box-shadow: 0px 0px 0px 1000px rgba(60, 44, 44, 0.65) inset; padding: 16px 55px 12px 6%; text-align: left; font-style: oblique; display: block; } }
@media screen and (min-width: 1250px) { #slogan { font-size: 25px; } }
.top-left-460 { display: none; }

@media screen and (min-width: 1070px) { .top-left-460 { position: relative; left: 45px; top: 70px; z-index: 1; height: 100%; display: block; background-size: contain; background: url("/images/ish-index.png") no-repeat; } }
.top-right-460 { display: none; }

@media screen and (min-width: 1070px) { .top-right-460 { position: relative; left: 550px; bottom: 390px; z-index: 0; height: 100%; display: block; background-size: contain; background: url("/images/rowdelika-hp.png") no-repeat; } }
.hero { display: none; }

@media screen and (min-width: 800px) { .hero { display: block; }
  .hero::before, .hero::after { position: absolute; top: 0; z-index: 2; content: ''; display: block; width: 100%; height: 100%; }
  .hero::before { right: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) 0 0/300% no-repeat; -webkit-animation: misty1 16s ease infinite alternate; animation: misty1 16s ease infinite alternate; }
  .hero::after { left: 0; background: linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) 0 0/150% no-repeat; -webkit-animation: misty2 8s ease infinite alternate; animation: misty2 8s ease infinite alternate; }
  @-webkit-keyframes misty1 { 0% { background-position: 100% 0; }
    50% { background-position: 50% 0; }
    100% { background-position: 0 0; } }
  @-webkit-keyframes misty2 { 0% { background-position: 0 0; }
    50% { background-position: 50% 0; }
    100% { background-position: 100% 0; } }
  @keyframes misty1 { 0% { background-position: 100% 0; }
    50% { background-position: 50% 0; }
    100% { background-position: 0 0; } }
  @keyframes misty2 { 0% { background-position: 0 0; }
    50% { background-position: 50% 0; }
    100% { background-position: 100% 0; } } }
/* HTMLページ内 */
.page-body { margin: 0 auto; max-width: 1400px; }
.page-body h4 { text-align: center; color: #3ed2d2; }

.blur-container { margin: 0; position: absolute; width: 100%; height: 100%; background: url("https://animort.xyz/earth_lights7.jpg") center center no-repeat; background-size: cover; background-attachment: fixed; top: 0; z-index: -1; background: none; }

/* fit-sidebar */
.fit-sidebar-fixed { margin-top: 0 !important; margin-bottom: 0 !important; position: fixed; z-index: 999; }

.fit-sidebar-blank { z-index: 0; background-color: transparent; visibility: hidden; }

.tool { margin-top: 0 !important; margin-bottom: 0 !important; z-index: 100000; }

/* ■ %%%%   ALL/文字基本リンク（主に記事ページ）    %%%% */
a { text-decoration: none; cursor: pointer; }
a:link { color: #50FCFD; }
a:hover { color: #50FCFD; text-shadow: 1px 1px 2px #2e93ff, -1px 1px 2px #2e93ff, 1px -1px 2px #2e93ff, -1px -1px 2px #2e93ff; }

@keyframes hurueru { 0% { transform: rotate(0deg) translate(0, 0); }
  12.5% { transform: rotate(0.4deg) translate(1px, -1px); }
  25% { transform: rotate(0.8deg) translate(0px, 1px); }
  37.5% { transform: rotate(0.4deg) translate(-1px, 0); }
  50% { transform: rotate(0deg) translate(0, 0); }
  62.5% { transform: rotate(-0.4deg) translate(1px, 0); }
  75% { transform: rotate(-0.8deg) translate(0, 1px); }
  87.5% { transform: rotate(-0.4deg) translate(-1px, -1px); }
  100% { transform: rotate(0deg) translate(0, 0); } }
#header .box-rule { width: 100%; margin: 0 auto; position: relative; left: -2px; }
#header .box-rule .graphic { position: relative; height: 417px; visibility: hidden; }
@media screen and (min-width: 480px) { #header .box-rule .graphic { height: 500px; } }
#header .box-rule .graphic2 { position: relative; height: 417px; overflow: hidden; }
@media screen and (min-width: 800px) { #header .box-rule .graphic2 { height: 160px; } }
@media screen and (min-width: 480px) { #header .box-rule { left: auto; } }

.logo { width: 100%; position: absolute; color: #f3f3f3; bottom: 40%; z-index: 999; text-shadow: 1px 1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, -1px -1px 2px #333; }
.logo .since { text-align: center; }
.logo .name { text-align: center; font: bold 150%/1.2em Times New Roman,Helvetica, Arial,"メイリオ", sans-serif; text-transform: uppercase; /*←書式を全て大文字  */ /* text-transform: capitalize; 頭文字だけ大文字*/ }
.logo:before { position: absolute; top: 47px; left: 11px; content: none; opacity: .5; }
.logo a { margin-top: -2px; color: #e6e6e6; display: block; }
.logo h1 { margin-top: -2px; color: #e6e6e6; display: block; }
.logo a:hover { color: #50FCFD; text-shadow: 1px 1px 2px #2e93ff, -1px 1px 2px #2e93ff, 1px -1px 2px #2e93ff, -1px -1px 2px #2e93ff; }

@media screen and (min-width: 480px) { .logo .name { font: bold 220%/1.3em Times New Roman,Helvetica, Arial,"メイリオ", sans-serif; margin-top: 5px; } }
@media screen and (min-width: 800px) { .logo { padding: 38px 10px; font-size: 100%; width: 240px; margin-top: 0; top: 0; }
  .logo .name { font: 230%/.8em Times New Roman,Helvetica, Arial,"メイリオ", serif; margin-top: 0; }
  .logo .name:before { content: url("/_ibez-img/hp-line-white2.png"); } }
.menu-ruby { font-size: 55%; text-align: center; margin-top: -13px; }

/* ※メインカラム(800px でレスポンシブ) */
@media screen and (min-width: 960px) { .main { width: 77%; display: inline-block; vertical-align: top; } }
@media screen and (min-width: 1050px) { .main { width: 79%; } }
@media screen and (min-width: 1100px) { .main { width: 80%; } }
.ext { display: none; z-index: 2; }

@media screen and (min-width: 960px) { .ext { margin: 0 auto; float: right; display: inline-block; vertical-align: top; width: 24%; background-color: rgba(60, 44, 44, 0.64); padding-bottom: 32767px; margin-bottom: -32767px; box-shadow: 0 0 0 1px rgba(193, 193, 193, 0.2); z-index: 1; }
  .ext .contents { padding-bottom: 55px; }
  .ext .drawer-menu { padding: 0; }
  .ext .drawer-menu h1 { text-align: center; font-size: 20px; margin: 8px 0 0; }
  .ext .drawer-menu a { color: #f3f3f3; text-decoration: none; display: inline; }
  .ext .drawer-menu a .z-menu { border: 1px solid rgba(204, 204, 204, 0.53); width: 39%; height: 20px; display: inline-block; box-shadow: 0px 0px 0px 200px rgba(109, 68, 125, 0.24) inset; }
  .ext .drawer-menu a .z-menu li { list-style: none; position: relative; z-index: 1; }
  .ext .drawer-menu a .z-menu:hover { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; background: rgba(0, 180, 250, 0.2); border-color: aqua; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
  .ext .drawer-menu a .z-menu2 { border: 1px solid rgba(24, 93, 19, 0.9); width: 85.5%; height: 20px; display: inline-block; padding: 11px 8px; margin-bottom: 8px; box-shadow: 0px 0px 0px 1000px rgba(173, 150, 151, 0.5) inset; text-align: right; overflow: hidden; position: relative; }
  .ext .drawer-menu a .z-menu2:hover { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; background: rgba(0, 180, 250, 0.2); border-color: aqua; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
  .ext .drawer-menu a .z-menu2 li { list-style: none; position: relative; z-index: 1; }
  .ext .drawer-menu a .z-menu2 .pass-i { font-size: 10px; position: relative; cursor: pointer; }
  .ext .drawer-menu a .z-menu2 .pass-i:before { background: #eee; border-radius: 50%; box-shadow: 1em 0 0 #eee, -1em 0 0 #eee; -webkit-box-shadow: 1em 0 0 #eee, -1em 0 0 #eee; content: ""; height: 0.6em; left: 0.6em; position: absolute; top: 0.5em; width: 0.6em; }
  .ext .drawer-menu a .home-i { cursor: pointer; }
  .ext .drawer-menu a .home-i:before { left: -6px; border-style: solid; border-color: transparent; border-width: 10px 15px; border-bottom-color: #fff; margin-top: -14px; background: transparent; }
  .ext .drawer-menu a .home-i:after { left: -1px; width: 8px; height: 8px; border-style: solid; border-color: #fff #fff transparent; border-width: 8px 6px 0; margin-top: 5px; background: transparent; }
  .ext .drawer-menu .buttom { list-style: none; background-color: rgba(155, 153, 165, 0.25); display: inline-block; margin-top: 9px; padding-bottom: 18px; padding-top: 18px; margin-bottom: 9px; width: 100%; overflow: hidden; text-align: center; } }
@media screen and (min-width: 950px) { .ext { width: 23%; } }
@media screen and (min-width: 1050px) { .ext { width: 21%; } }
@media screen and (min-width: 1100px) { .ext { width: 20%; } }
.information { background: transparent; /*※HTMLページ内に筆記 border: none; background: none;  width: 80%;  margin: 0 auto;  overflow: hidden;*/ }

@media screen and (min-width: 320px) { .information { margin-top: 90px; } }
@media screen and (min-width: 600px) { .information { margin-top: 0; background: transparent; margin-bottom: 30px; } }
.sub { display: none; }

.section { position: relative; /* ← blur-container のabs位置指定のため */ }
.section h2 { font-size: 110%; text-align: center; margin-top: 0; }
.section a { color: #ddd; }

.section2 { display: none; overflow: hidden; position: relative; /* ← blur-container のabs位置指定のため */ }
.section2 a { text-shadow: none; text-decoration: underline; color: rgba(47, 47, 47, 0.91); text-decoration: none; }
.section2 a:hover, .section2 a:active, .section2 a:focus { color: rgba(226, 226, 226, 0.91); text-shadow: 1px 1px 2px #f3f3f3, -1px 1px 2px #f3f3f3, 1px -1px 2px #f3f3f3, -1px -1px 2px #f3f3f3; }

@media screen and (min-width: 480px) { .section2 { display: block; } }
.headline { width: 80%; margin: 28px auto 30px; }
.headline h1 { font-size: 90%; text-align: center; color: #f3f3f3; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; }
.headline .headline-r { float: left; width: 99.5%; display: inline-block; margin-bottom: 10px; padding: 10px 0; height: 300px; overflow: hidden; background: url("/_ibez-img/wg_destroyed_screen-0.png") #4a0710 no-repeat 50% 50%; }
.headline .headline-l { display: none; }

@media screen and (min-width: 767px) { .headline .headline-l { float: left; width: 99.5%; display: inline-block; margin-bottom: 10px; padding: 10px 0; display: block; width: 48.5%; margin-right: 1%; background: rgba(255, 255, 255, 0.31); }
  .headline .headline-l h2 { font-size: 20px; text-align: center; }
  .headline .headline-l .blogroll-channel { margin: 20px 0; padding: 20px 10px; height: 200px; overflow: scroll; overflow-x: hidden; font: bold 50%/1.8em Times New Roman,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"メイリオ",Meiryo,"Meiryo UI"; }
  .headline .headline-r { width: 48.5%; } }
/* script 使用のため、あまり入れ子にするな！ */
.flex, .flex1 { margin-bottom: 10px; overflow: hidden; }

@media screen and (min-width: 800px) { .flex, .flex1 { margin-bottom: 25px; overflow: hidden; } }
@media screen and (min-width: 800px) { .brock { padding: 10px; display: block; background-color: rgba(103, 27, 27, 0.5); margin-bottom: 10px; overflow: hidden; }
  .brock h2 { font-size: 128%; padding: 18px 0; }
  .brock h3 { font-size: 120%; text-align: center; margin: 15px; }
  .brock p { padding-bottom: 15px; font-size: 90%; text-align: left; }
  .brock li { list-style: none; }
  .brock img { box-shadow: 0 0 0 1px #333, 0px 0px 0px 1000px rgba(255, 255, 255, 0.64) inset; }
  .brock .margin { font-size: 80%; color: #8995D4; display: inline-block; }
  .brock .small { font-size: 80%; olor: #efaaaa; } }
@media screen and (min-width: 800px) { .brock2 { margin-bottom: 10px; overflow: hidden; color: #dcdcdc; }
  .brock2 h2 { line-height: 2; font-size: 90%; }
  .brock2 li { list-style-type: none; margin-top: 8px; line-height: 4.5em; width: 100%; font-size: 70%; text-align: center; box-shadow: -1px 0px 0 1px rgba(134, 134, 134, 0.5), 0px 0px 0px 1000px rgba(152, 152, 152, 0.15) inset; }
  .brock2 li a { display: block; }
  .brock2 li a:hover { color: #50FCFD; box-shadow: 0px 0px 0px 1000px rgba(230, 230, 230, 0.3) inset; } }
@media screen and (min-width: 800px) and (min-width: 800px) { .brock2 li { width: 100%; float: none; display: block; line-height: 1.7em; font-size: 80%; } }

@media screen and (min-width: 800px) { .main-nav { margin-bottom: 252px; }
  .main-nav a { text-align: center; box-shadow: -1px 0px 0 1px rgba(165, 165, 165, 0.13), 0px 0px 0px 1000px rgba(230, 230, 230, 0.11) inset; }
  .main-nav a:hover { color: #50FCFD; box-shadow: 0px 0px 0px 1000px rgba(230, 230, 230, 0.3) inset; text-shadow: none; color: #50FCFD; }
  .main-nav li { position: relative; text-align: right; display: block; box-shadow: none; padding: 4px 0; border-bottom: solid 1px #5e56d6; }
  .main-nav li:hover { border-color: aqua; }
  .main-nav rb { font: bold 132%/1.5em Arial,"Times New Roman", Georgia,'ヒラギノ明朝 ProN W3', Hiragino Mincho ProN,'源暎こぶり明朝', 源暎こぶり明朝, 游明朝, YuMincho, Roboto, "Droid serif", 游ゴシック, "Yu Gothic", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN"; position: relative; z-index: 2; }
  .main-nav ruby { position: relative; right: 7%; }
  .main-nav .en-ruby { margin: 5px 0 0 7px; color: rgba(61, 127, 255, 0.6); position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; font: 135%/1.5em  Arial,Impact,Times New Roman, san-serif; text-shadow: 1px 1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, -1px -1px 2px #333; }
  .main-nav .en-ruby2 { color: rgba(234, 241, 255, 0.4); position: absolute; z-index: 1; bottom: 3px; left: 0; font: 135%/1.5em  Arial,Impact,Times New Roman, san-serif; } }
@media screen and (min-width: 480px) { .width-97 { display: block; width: 100%; float: none; } }
@media screen and (min-width: 800px) { .width-97 { width: 97%; float: right; } }
@media screen and (min-width: 800px) { .width-97-2 { width: 97%; float: right; margin-bottom: 10px; }
  .width-97-2 a { text-align: center; box-shadow: -1px 0px 0 1px rgba(165, 165, 165, 0.13), 0px 0px 0px 1000px rgba(230, 230, 230, 0.11) inset; }
  .width-97-2 a:hover { color: #50FCFD; box-shadow: 0px 0px 0px 1000px rgba(230, 230, 230, 0.3) inset; }
  .width-97-2 h1 { color: #f3f3f3; line-height: 2; text-align: right; padding-right: 5%; font-size: 130%; }
  .width-97-2 p { display: block; margin-bottom: 10px; overflow: hidden; line-height: 4.5em; width: 100%; font-size: 90%; list-style-type: none; } }
@media screen and (min-width: 800px) and (min-width: 800px) { .width-97-2 p { overflow: hidden; width: 100%; float: none; line-height: 1.7em; font-size: 100%; } }

/* サイドバーの開閉 (全部モバイルに読み込ませない)*/
@media screen and (min-width: 800px) { #acMenu1 dt { overflow: hidden; border: 1px solid rgba(250, 250, 250, 0.5); width: 96%; }
  #acMenu1 dd { margin-bottom: 13px; }
  #acMenu1 dd li { width: 100%; float: none; display: block; line-height: 1.2em; font-size: 80%; list-style-type: none; margin-top: 10px; text-align: center; list-style: none; /* …省略 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* …省略 */ }
  #acMenu dt { display: block; height: 50px; line-height: 50px; box-shadow: 0 0 0 1px rgba(165, 165, 165, 0.5); text-align: center; color: #f3f3f3; background: url(/_ibez-img/i_swich.png) 10px -69px no-repeat; border: 1px solid rgba(250, 250, 250, 0.5); width: 96%; overflow: hidden; }
  #acMenu dt.active { background: url("i_swich.png") 10px 18px no-repeat; }
  #acMenu3 dt.active { background: url("i_swich2.png") RGBA(230, 230, 230, 0.73) 50% 8px no-repeat; }
  #acMenu dd { display: none; }
  #acMenu dd li { width: 100%; float: none; display: block; line-height: 1.7em; font-size: 80%; list-style-type: none; margin-top: 10px; text-align: center; list-style: none; margin-top: 13px; box-shadow: -1px 0px 0 1px rgba(165, 165, 165, 0.9), 0px 0px 0px 1000px rgba(230, 230, 230, 0.3) inset; }
  .folder-col { height: 100%; padding: 20px 0; font-size: 130%; }
  .folder-col:before { display: none; }
  .folder-col .folder-i { display: none; }
  .folder-col .folder-p { display: none; } }
@media screen and (min-width: 800px) and (min-width: 420px) { .folder-col { height: 100%; padding: 11px; font-size: 120%; overflow: hidden; max-height: 23.5px; color: #f3f3f3; text-align: center; }
  .folder-col:before { width: 4px; height: 3px; margin-top: -10px; margin-left: -98px; background: #f3f3f3; border-radius: 0 0 1px 1px; }
  .folder-col .folder-i { cursor: pointer; margin: 6px 0 0 10px; position: absolute; width: 26px; height: 19px; background: #f3f3f3; border-radius: 1px 1px 0 0; display: block; }
  .folder-col .folder-p { margin-top: 4px; margin-left: 13px; position: absolute; width: 4px; height: 3px; background: #f3f3f3; border-radius: 0 0 1px 1px; display: block; } }
@media screen and (min-width: 800px) and (min-width: 550px) { .folder-col { padding: 11px; font-size: 120%; } }
.post .cont-head2 { display: none; }
@media screen and (min-width: 600px) { .post .cont-head2 { display: block; overflow: hidden; white-space: normal; min-height: auto; max-width: 950px; margin: 0 auto; color: #3e3e3e; }
  .post .cont-head2 form { float: left; }
  .post .cont-head2 .input-text { padding: 0 8px; border: 1px solid #c0c0c0; } }
@media screen and (min-width: 600px) and (min-width: 1300px) { .post .cont-head2 .input-text { border: none; } }
@media screen and (min-width: 600px) { .post .cont-head2 .input-search { padding: 0 8px; border: none; color: #3c3c3c; font-family: 源暎こぶり明朝,源ノ明朝,'Noto Serif Japanese',Roboto,'Droid serif','メイリオ','Meiryo'; }
  .post .cont-head2 .input-check { top: -9px; }
  .post .cont-head2 img { float: left; margin: 10px 0px; text-align: center; }
  .post .cont-head2 .img_left2 { float: left; padding: 0 0 0 10px; width: 24%; position: relative; overflow: hidden; }
  .post .cont-head2 .updata { width: 100%; height: 61px; margin: 20px 0px; background-color: rgba(0, 0, 0, 0.2); width: 94%; padding: 70px 0; border: 1px solid rgba(97, 97, 97, 0.49); }
  .post .cont-head2 .updata rb { line-height: 1.4; font-size: 140%; }
  .post .cont-head2 .updata .board-ruby { font-size: 80%; text-align: center; }
  .post .cont-head2 .text_right2 { float: right; width: 74%; padding: 10px 0 0 0; overflow: hidden; display: block; }
  .post .cont-head2 .text_right2 .time { margin: 0px 20px 0 0; float: right; text-align: right; font: 380%/1.7em Arial,Impact,Times New Roman, san-serif; }
  .post .cont-head2 .text_right2 .Google { text-align: right; overflow: hidden; }

  .post .cont-head2 .text_right2 .osirase h2 { width: 100%; float: none; line-height: 1.7em; font-size: 100%; }
  .post .cont-head2 .text_right2 .osirase .CollapsibleBox { overflow: hidden; }
  .post .cont-head2 .text_right2 .osirase .CollapsibleBox .CollapsibleBoxTitle { position: relative; }
  .post .cont-head2 .text_right2 .osirase .CollapsibleBox .CollapsibleBoxTitle p.cBoxTitle { font-size: 130%; }
  .post .cont-head2 .text_right2 .osirase .CollapsibleBox .CollapsibleBoxBody { display: none; overflow-x: scroll; max-height: 100px; padding: 10px 0; /*スクロールバー全体*/ /*スクロールバーの軌道*/ /*スクロールバーの動く部分*/ }
  .post .cont-head2 .text_right2 .osirase .CollapsibleBox .CollapsibleBoxBody ::-webkit-scrollbar { width: 10px; }
  .post .cont-head2 .text_right2 .osirase .CollapsibleBox .CollapsibleBoxBody ::-webkit-scrollbar-track { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); }
  .post .cont-head2 .text_right2 .osirase .CollapsibleBox .CollapsibleBoxBody ::-webkit-scrollbar-thumb { background-color: #27587b; border-radius: 10px; }
  .post .cont-head2 .text_right2 .osirase .CollapsibleBox .cBoxTitle2 { float: right; DISPLAY: inline-flex; padding: 20px; }
  .post .cont-head2 .text_right2 .osirase div.CollapsibleBox div.CollapsibleBoxTitle { text-align: center; color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; }
  .post .cont-head2 .text_right2 .osirase div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle:hover { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; background: rgba(0, 180, 250, 0.2); border-color: aqua; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
  .post .cont-head2 .text_right2 .osirase div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons { margin: 0px; text-align: center; }
  .post .cont-head2 .text_right2 .osirase div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons a img { border-width: 0px; }
  .post .cont-head2 .text_right2 .osirase div.CollapsibleBoxBody { display: none; /* ←引き出し一括制御 on/off『display: none;』付けると本文が消える */ }
  .post .cont-head2 .text_right2 .osirase div.CollapsibleBoxBody p { overflow: hidden; text-align: left; }
  .post .cont-head2 .text_right2 .osirase div.CollapsibleBoxBody img { border: solid 1px #999; }
  .post .cont-head2 .text_right2 .osirase .cBoxTitle2 { float: right; } }
@media screen and (min-width: 1300px) { .post .cont-head2 { color: #ececec; } }

#update-board0 { width: 100%; display: block; margin-bottom: 20px; }
#update-board0 hr { display: block; }
#update-board0 ruby { margin: 0; }
#update-board0 .fade2 { display: block; border-width: 0 0 1px; border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%) 0 0 100%; border-style: solid; }
#update-board0 rb { position: relative; top: 18px; }
@media screen and (min-width: 480px) { #update-board0 rb { top: 5px; font-size: 135%; } }
#update-board0 rt { display: none; }
#update-board0 h1 { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; font-size: 80%; position: relative; text-align: center; width: 100%; overflow: visible; z-index: 10; }
#update-board0 h1:before { content: url(/_ibez-img/ct3.png); z-index: -1; position: absolute; top: -50px; left: 50%; margin-left: -233px; -webkit-transform: scale(0.6); transform: scale(0.6); }
@media screen and (min-width: 480px) { #update-board0 h1:before { -webkit-transform: scale(0.7); transform: scale(0.7); top: -60px; } }
@media screen and (min-width: 800px) { #update-board0 h1:before { content: url("ct3.png"); -webkit-transform: scale(0.75); transform: scale(0.75); top: -55px; } }
@media screen and (min-width: 800px) { #update-board0 h1 { font-size: 130%; margin-top: 0; display: none; } }
#update-board0 .board-ruby { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; font-size: 105%; text-align: center; position: relative; top: 25px; }
@media screen and (min-width: 480px) { #update-board0 .board-ruby { top: 8px; }
  #update-board0 ruby { margin: 5px 0; } }

@media screen and (min-width: 600px) { #update-board0 { display: none; } }
#maso-wrap { position: relative; overflow: hidden; }

@media screen and (min-width: 480px) { #maso-wrap { width: 95%; } }
#maso-cont { width: 90%; margin: 0 auto; }

.maso-item { margin: 20px auto 0; width: 151px; overflow: hidden; position: relative; list-style: none; box-shadow: 0 0 0 1px #4a4a4a; }
.maso-item img:hover { transform: scale(1.1); -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; opacity: .5; }
.maso-item a { display: block; }
.maso-item a:link { color: #50FCFD; }
.maso-item a:hover { color: #50FCFD; text-shadow: 1px 1px 2px #2e93ff, -1px 1px 2px #2e93ff, 1px -1px 2px #2e93ff, -1px -1px 2px #2e93ff; }
.maso-item a:active { color: #8888ff; font-weight: bold; }
.maso-item h1 { position: absolute; right: 0px; padding: 6px 15px 4px; font-size: 120%; /* 見出し column-span:none;  まだ使えない*/ box-shadow: 0 0 0 1px #4a4a4a; background-color: #26738c99; z-index: 1; }
.maso-item h2 { font-size: 20px; text-align: center; position: relative; padding: 10px; }
.maso-item h2:before { content: url(/_ibez-img/h2-line.png); position: absolute; bottom: -9px; left: 50%; margin-left: -75px; /* Half of my width. */ }
.maso-item p { text-align: center; display: block; position: absolute; right: 0px; bottom: 0px; width: 100%; }
.maso-item p a { box-shadow: 0 0 0 1px #4a4a4a; background-color: rgba(14, 28, 60, 0.76); font-size: 94%; line-height: 2.6em; font-family: -apple-system,BlinkMacSystemFont,'ヒラギノ明朝 ProN W3',Hiragino Mincho ProN,'游明朝',YuMincho,Roboto,'Droid serif', メイリオ; /* …省略 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* …省略 */ }
.maso-item li { text-align: center; line-height: 1.3; font-size: 86%; background-color: #393939; }
.maso-item .maso-item.kuro { box-shadow: 0 0 0 1px rgba(165, 165, 165, 0.5); filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.8)); background-color: rgba(255, 255, 255, 0.29); }
.maso-item .date { left: 0; top: 0; padding: 10px 0 0 15px; width: 20px; z-index: 1; }

@media screen and (min-width: 480px) { .maso-item { width: 145px; float: left; /*Lazy Load */ } }
.maso-item.x2 { height: 100px; width: 100%; text-shadow: 1px 1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, -1px -1px 2px #333; }
.maso-item.x2 h1 img { width: auto; }
.maso-item.x2 li, .maso-item.x2 img { display: block; top: -1px; position: relative; }
.maso-item.x2 li:hover, .maso-item.x2 img:hover { transform: none; }

@media screen and (min-width: 480px) { .maso-item.x2 { width: 300px; min-height: 170px; } }
.maso-item.x3 { height: auto; width: 100%; box-shadow: 0 0 0 1px rgba(250, 250, 250, 0.2); background-color: rgba(0, 0, 0, 0.2); text-shadow: 1px 1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, -1px -1px 2px #333; }
.maso-item.x3 h1 img { width: auto; }
.maso-item.x3 li, .maso-item.x3 img { display: block; }
.maso-item.x3 li:hover, .maso-item.x3 img:hover { transform: none; }

@media screen and (min-width: 480px) { .maso-item.x3 { width: 300px; min-height: 170px; } }
.maso-item.x2.siro { box-shadow: 0 0 0 1px rgba(165, 165, 165, 0.5); filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.8)); background-color: rgba(255, 255, 255, 0.29); }

.maso-item.x2 li { text-align: left; text-indent: 1em; box-shadow: 0 0 0 1px rgba(165, 165, 165, 0.5); margin-top: 5px; font: 96%/3em Times New Roman,"Hiragino Maru Gothic W4 JIS2004",'游ゴシック体', 'Yu Gothic', YuGothic,"メイリオ", serif; }

@media screen and (min-width: 480px) { .maso-item.x2 li { font: 88%/2.0em "Hiragino Maru Gothic W4 JIS2004",'游ゴシック体', 'Yu Gothic', YuGothic,"メイリオ", serif; } }
.black { background-color: #52ad98; padding: 0 0 10px; }

/* @include absPosition(5px, 20px, 10px, 15px); */
/* HR 水平線を改造 */
.hr-text { line-height: 1em; position: relative; outline: 0; border: 0; text-align: center; height: 1.5em; opacity: .8; }
.hr-text:before { content: ''; background: -webkit-linear-gradient(left, transparent, #818078, transparent); background: linear-gradient(to right, transparent, #818078, transparent); position: absolute; left: 0; top: 50%; width: 100%; height: 1px; }
.hr-text:after { content: attr(data-content); position: relative; display: inline-block; padding: 0 .5em; line-height: 1.5em; }

.fade { border-width: 0 0 1px; border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%) 0 0 100%; border-style: solid; }

/*--- フッターの外身   ----*/
#footer { box-shadow: 0px 0px 0px 1000px #2d0b26 inset; position: relative; z-index: 3; text-align: center; /* ← blur-container のabs位置指定のため */ }
#footer .about-bg { padding: 15px 0; }
#footer .about-bg .about-site { margin: 0 auto; overflow: hidden; }
#footer .about-bg .about-site h1 { font-size: 20px; text-align: center; padding: 20px 0px 20px 0px; background-color: rgba(0, 0, 0, 0.48); }
@media screen and (min-width: 767px) { #footer .about-bg .about-site h1 { background-color: transparent; } }
@media screen and (min-width: 767px) { #footer .about-bg .about-site { width: 85%; max-width: 1100px; min-height: 480px; } }
#footer .box-rule .about { width: 92%; margin: 0px auto 30px; overflow: hidden; }
@media screen and (min-width: 420px) { #footer .box-rule .about { width: 80%; } }

.foot_window { overflow: hidden; }

.foot_center { clear: both; overflow: hidden; }
.foot_center h1 { padding: 20px 0px 0px; font-size: 90%; text-align: center; }

.foot_window ul li { float: left; width: 49.0%; text-align: center; margin-bottom: 10px; border: 1px solid rgba(0, 0, 0, 0.7); font-size: 90%; line-height: 3em; background: rgba(222, 222, 222, 0.4); -webkit-transition: all .3s; transition: all .3s; }
.foot_window ul li a { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; text-decoration: none; }
.foot_window ul li a:hover { text-shadow: 1px 1px 2px white, -1px 1px 2px white, 1px -1px 2px white, -1px -1px 2px white; text-decoration: underline; color: white; text-decoration: none; position: relative; display: block; color: #fff; background: rgba(43, 15, 16, 0.72); text-decoration: none; -webkit-transition: all .3s; transition: all .3s; }
.foot_window ul li a:hover:hover, .foot_window ul li a:hover:active, .foot_window ul li a:hover:focus { color: white; }
.foot_window ul li a:hover:hover, .foot_window ul li a:hover:active, .foot_window ul li a:hover:focus { background-color: rgba(119, 41, 44, 0.72); }

@media screen and (min-width: 767px) { .foot_window ul li { width: 33%; font-size: 100%; line-height: 2.6em; border: 1px solid rgba(68, 68, 68, 0.7); margin-bottom: 13px; } }
@media screen and (min-width: 1023px) { .foot_window ul li { width: 24.7%; font-size: 90%; line-height: 2.3em; margin-bottom: 0px; } }
@media screen and (min-width: 1200px) { .foot_window ul li { width: 19.8%; } }
.picture-item__description { font: normal 95%/220% Times New Roman,"メイリオ", sans-serif; }

.rss { float: left; text-align: center; display: block; margin-left: 1%; font: normal 130%/200% Times New Roman,"メイリオ", sans-serif; background: rgba(222, 222, 222, 0.4); width: 80px; }
.rss a:hover { text-shadow: 1px 1px 2px white, -1px 1px 2px white, 1px -1px 2px white, -1px -1px 2px white; text-decoration: underline; color: white; text-decoration: none; position: relative; display: block; color: #fff; background: rgba(43, 15, 16, 0.72); text-decoration: none; -webkit-transition: all .3s; transition: all .3s; }
.rss a:hover:hover, .rss a:hover:active, .rss a:hover:focus { color: white; }
.rss a:hover:hover, .rss a:hover:active, .rss a:hover:focus { background-color: rgba(119, 41, 44, 0.72); }

#copyright { padding: 10px 0 10px 0; text-align: center; -webkit-box-shadow: 0px 0px 0px 1000px rgba(27, 20, 21, 0.7)inset; -moz-box-shadow: 0px 0px 0px 1000px rgba(27, 20, 21, 0.7)inset; box-shadow: 0px 0px 0px 1000px rgba(27, 20, 21, 0.7)inset; clear: both; }
#copyright #foot-text { margin-bottom: 10px; font-size: 80%; line-height: 1.6em; padding: 10px 10%; }
@media screen and (min-width: 767px) { #copyright #foot-text { font-size: 90%; padding: 0; } }
#copyright #foot { border-top: 1px solid #999; border-bottom: 1px solid #999; -webkit-box-shadow: 0px 0px 0px 1000px rgba(41, 41, 41, 0.2)inset; -moz-box-shadow: 0px 0px 0px 1000px rgba(41, 41, 41, 0.2)inset; box-shadow: 0px 0px 0px 1000px rgba(41, 41, 41, 0.2)inset; background-image: url("/_ibez-img/kusa.png"); background-position: left bottom; background-repeat: repeat-x; padding: 10px 0; font-size: 77%; line-height: 1.6em; }
#copyright #foot a { color: whitesmoke; display: inline-block; }
@media screen and (min-width: 767px) { #copyright #foot { font: normal bold 100%/130% Times New Roman,"メイリオ", sans-serif; padding: 5px 0; } }

/*! ● ※※※※※※ TOC 自動読み込み目次のCSS ※※※※※※ */
#toc_container { display: none; }

@media screen and (min-width: 800px) { #toc_container { display: block; font-size: 15px; line-height: 1.6em; padding-top: 10px; clear: both; } }
.toc_header { border: 1px solid rgba(255, 255, 255, 0.5); font-size: 20px; text-align: center; }
.toc_header:hover { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; background: rgba(0, 180, 250, 0.2); border-color: aqua; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.toc_content { box-shadow: 0 0 0 1px transparent, 0px 0px 0px 1000px rgba(255, 255, 255, 0.16) inset; display: none; overflow: hidden; }
.toc_content a { display: block; position: relative; counter-increment: a; width: 23%; font-size: 70%; text-align: center; display: block; float: left; line-height: 3; box-shadow: 0 0 0 1px rgba(165, 165, 165, 0.5); }
.toc_content a:before { position: absolute; z-index: 2; left: 1em; top: -10px; content: counter(a) ". "; color: #57ff05; font-size: 1.5em; text-shadow: 1px 1px 2px #2e93ff, -1px 1px 2px #2e93ff, 1px -1px 2px #2e93ff, -1px -1px 2px #2e93ff; }
.toc_content a:hover { text-shadow: none; color: #565656; box-shadow: 0px 0px 0px 1000px rgba(255, 255, 255, 0.2) inset; text-shadow: 1px 1px 2px #2e93ff, -1px 1px 2px #2e93ff, 1px -1px 2px #2e93ff, -1px -1px 2px #2e93ff; }
@media screen and (min-width: 800px) { .toc_content a { border: none; border-radius: 0; background: none; } }

.toc_content a:hover { color: #fff; }

.toc_content a.indent { list-style-type: circle; }

/*! ●  ※※※※※※ ドロワー機能 ※※※※※※  */
#r-box { position: fixed; right: 3px; top: 3px; z-index: 999; }
#r-box .drawer-toggle { float: right; padding: 22px 8px; text-align: center; width: 35px; margin: 5px; background-color: rgba(15, 7, 41, 0.4); box-shadow: 0 0 0 1px rgba(165, 165, 165, 0.8); border-top: none; }
#r-box .drawer-toggle:hover { background-color: rgba(20, 7, 62, 0.8); cursor: pointer; }

@media screen and (min-width: 960px) { #r-box .drawer-toggle { display: none; } }
.toggle-bar { display: inline-block; position: relative; padding: 0; background: #fff; }
.toggle-bar:before { margin-top: -10px; }
.toggle-bar:after { margin-top: 6px; }

.toggle-bar, .toggle-bar:before, .toggle-bar:after { width: 25px; height: 4px; }

.toggle-bar:before, .toggle-bar:after { display: block; content: ""; position: absolute; top: 50%; left: 0; background: #fff; }

#wrapper { position: relative; -webkit-transition: all, 0.3s; -moz-transition: all, 0.3s; -o-transition: all, 0.3s; transition: all 0.3s; }

#wrapper.open { -webkit-transform: translate3d(-280px, 0, 0); -moz-transform: translate3d(-280px, 0, 0); -ms-transform: translate3d(-280px, 0, 0); -o-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); }

/* オーバーレイ表示をするためのCSS */
#wrapper.open .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: none repeat scroll 0% 0% rgba(35, 36, 41, 0.51); }

#drawer { position: fixed; top: 0; right: -280px; height: 100%; width: 280px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 0px 400px rgba(51, 18, 18, 0.42) inset; border-left: 1px solid rgba(204, 204, 204, 0.5); overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition: all, 0.3s; -moz-transition: all, 0.3s; -o-transition: all, 0.3s; transition: all 0.3s; }

#drawer.open { -webkit-transform: translate3d(-280px, 0, 0); -moz-transform: translate3d(-280px, 0, 0); -ms-transform: translate3d(-280px, 0, 0); -o-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); }

/* ここから大きなドロワーメニューの親カラム */
.drawer-menu { padding: 0; }
.drawer-menu ul { overflow: hidden; }
.drawer-menu a { color: #f3f3f3; text-decoration: none; display: inline; }
.drawer-menu h1 { text-align: center; font-size: 20px; margin: 8px 0; }
.drawer-menu h2 { text-align: center; font-size: 80%; margin: 8px 0; background-color: rgba(88, 10, 10, 0.31); line-height: 2.0; }
.drawer-menu .buttom { list-style: none; background-color: rgba(19, 13, 50, 0.5); display: inline-block; padding-bottom: 18px; padding-top: 18px; margin-bottom: 9px; width: 100%; overflow: hidden; text-align: center; border-top: 1px solid rgba(204, 204, 204, 0.5); border-bottom: 1px solid rgba(204, 204, 204, 0.5); }
.drawer-menu .buttom:hover { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; background: rgba(0, 180, 250, 0.2); border-color: aqua; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.drawer-menu #block-menu { margin-bottom: 8px; overflow: hidden; text-align: center; }
.drawer-menu #block-menu input { background-color: rgba(32, 45, 54, 0.38); text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; margin: 2px 0px; width: 44%; }
.drawer-menu #block-menu input:hover { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; background: rgba(0, 180, 250, 0.2); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; border-color: aqua; }
.drawer-menu .menu-width { margin-bottom: 20px; overflow: hidden; }
.drawer-menu .menu-width ul li { word-wrap: break-word; /*改行*/ font-size: 120%; /*a要素にパディングさせる*/ padding: 0; width: 91%; margin: 0 auto 10px; }
.drawer-menu .menu-width ul li a { display: block; text-align: center; padding: 8px 0px; height: 28px; overflow: hidden; border: 1px solid rgba(204, 204, 204, 0.53); }
.drawer-menu .menu-width ul li a:hover { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; background: rgba(0, 180, 250, 0.2); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; border-color: aqua; }
.drawer-menu a .z-menu { width: 38%; height: 20px; display: inline-block; padding: 11px 8px; border: 1px solid rgba(204, 204, 204, 0.53); text-align: right; overflow: hidden; position: relative; }
.drawer-menu a .z-menu:hover { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; background: rgba(0, 180, 250, 0.2); border-color: aqua; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.drawer-menu a .z-menu span { padding: 0; margin: 0; display: inline; }
.drawer-menu a .z-menu span li { position: relative; z-index: 1; }
.drawer-menu a #key:before { content: "管理"; position: absolute; top: 7px; right: 10px; z-index: 999999; }
.drawer-menu a #key .key-i { width: 40px; height: 40px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; vertical-align: middle; }
.drawer-menu a #key .key-i:before { content: ''; height: 10px; width: 10px; display: b; border: 3px solid #fff; border-bottom: none; border-radius: 50px 50px 0 0; -webkit-border-radius: 50px 50px 0 0; -moz-border-radius: 50px 50px 0 0; position: absolute; top: -6px; left: 2px; }
.drawer-menu a #key .key-i:after { content: ''; height: 3px; width: 24px; display: b; background: #fff; border: #fff; border-radius: 3px; box-shadow: 0 6px 0 #fff, 0 12px 0 #fff; -webkit-box-shadow: 0 6px 0 #fff, 0 12px 0 #fff; position: absolute; top: 5px; left: -2px; }
.drawer-menu a .profile-i { cursor: pointer; }
.drawer-menu a .profile-i:before { left: 0px; width: 20px; height: 7px; margin-top: 12px; background: #f3f3f3; /* css3 */ border-radius: 5px 5px 0 0; }
.drawer-menu a .profile-i:after { left: 5px; width: 10px; height: 13px; margin-top: -4px; background: #f3f3f3; /* css3 */ border-radius: 5px 5px 5px 5px / 5px 5px 10px 10px; }
.drawer-menu a .email-i { cursor: pointer; margin-left: 9.2px; margin-top: -2.3px; }
.drawer-menu a .email-i:before { z-index: 10; left: -8px; width: 15px; height: 14px; border-width: 0 1px 1px 0; border-style: solid; border-color: rgba(250, 49, 49, 0.5); margin-top: -4px; background: transparent; /* css3 */ -webkit-transform: rotate(39deg) skew(-12deg); -moz-transform: rotate(39deg) skew(-12deg); -ms-transform: rotate(39deg) skew(-12deg); -o-transform: rotate(39deg) skew(-12deg); transform: rotate(39deg) skew(-12deg); }
.drawer-menu a .email-i:after { left: -13px; width: 8px; border-width: 9px; border-style: solid; border-color: #f3f3f3 #f3f3f3 transparent; margin-top: 2px; background: none repeat scroll 0% 0% #f0f0f0; }
.drawer-menu a #folder:before { content: "カテゴリ"; position: absolute; top: 7px; right: 5px; z-index: 999999; }
.drawer-menu a #folder .folder-i { cursor: pointer; margin-top: 8px; }
.drawer-menu a #folder .folder-i:before { width: 4px; height: 3px; margin-top: -10px; margin-left: -100px; background: #f3f3f3; /* css3 */ -webkit-border-bottom-right-radius: 1px; -webkit-border-bottom-left-radius: 1px; -moz-border-radius: 0 0 1px 1px; border-radius: 0 0 1px 1px; }
.drawer-menu a #folder .folder-i:after { width: 26px; height: 19px; margin-top: -8px; margin-left: -103px; background: #f3f3f3; /* css3 */ -webkit-border-top-right-radius: 1px; -webkit-border-top-left-radius: 1px; -moz-border-radius: 1px 1px 0 0; border-radius: 1px 1px 0 0; }
.drawer-menu a .home-i { cursor: pointer; }
.drawer-menu a .home-i:before { left: -6px; border-style: solid; border-color: transparent; border-width: 10px  15px; border-bottom-color: #fff; margin-top: -14px; background: transparent; }
.drawer-menu a .home-i:after { left: -1px; width: 8px; height: 8px; border-style: solid; border-color: #fff  #fff transparent; border-width: 8px 6px 0; margin-top: 5px; background: transparent; }
.drawer-menu a .his_back-i:before { content: ''; height: 0; width: 0; display: block; border: 10px transparent solid; border-left-width: 0; border-right-color: #f3f3f3; position: absolute; top: 5px; left: -6px; }
.drawer-menu a .his_back-i:after { content: ''; height: 20px; width: 10px; display: block; border-bottom: 3px #f3f3f3 solid; border-right: 3px #f3f3f3 solid; position: absolute; top: -5px; left: 2px; }
.drawer-menu a .email-i { cursor: pointer; }
.drawer-menu a .email-i:before { z-index: 10; left: -8px; width: 15px; height: 14px; border-width: 0 1px 1px 0; border-style: solid; border-color: rgba(250, 49, 49, 0.5); margin-top: -4px; background: transparent; /* css3 */ -webkit-transform: rotate(39deg) skew(-12deg); -moz-transform: rotate(39deg) skew(-12deg); -ms-transform: rotate(39deg) skew(-12deg); -o-transform: rotate(39deg) skew(-12deg); transform: rotate(39deg) skew(-12deg); }
.drawer-menu a .email-i:after { left: -13px; width: 8px; border-width: 9px; border-style: solid; border-color: #f3f3f3 #f3f3f3 transparent; margin-top: 2px; background: none repeat scroll 0% 0% #f0f0f0; }
.drawer-menu .z-menu2 { border: 1px solid rgba(204, 204, 204, 0.53); width: 84%; display: inline-block; padding: 11px 8px; margin: 8px; text-align: center; overflow: hidden; position: relative; }
.drawer-menu .z-menu2:hover { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; background: rgba(0, 180, 250, 0.2); border-color: aqua; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.drawer-menu .z-menu2 .pass-i { font-size: 10px; position: relative; cursor: pointer; left: 6px; }
.drawer-menu .z-menu2 .pass-i:before { background: #eee; border-radius: 50%; box-shadow: 1em 0 0 #eee, -1em 0 0 #eee; -webkit-box-shadow: 1em 0 0 #eee, -1em 0 0 #eee; content: ""; height: 0.6em; left: 0.6em; position: absolute; top: 0.5em; width: 0.6em; }

/*★ 特殊icon用 まとめstyle ★*/
#s-menu li:before, #s-menu li:after, #s-menu li a:before, #s-menu li a:after { content: ""; position: absolute; }

#s-menu li a:hover, #s-menu li a:focus, #s-menu li a:active { background: transparent; background-image: url("/img-background/page-box-bg.png"); }

#s-menu li a:before, #s-menu li a:after { margin: -8px 0 0; background: #B03F19; }

#s-menu li a:hover:before, #s-menu li a:focus:before, #s-menu li a:active:before { background: #08298A; }

.drawer-menu .z-menu li { position: relative; z-index: 1; }

.rule { max-width: 950px; margin: 0 auto; width: 96%; overflow: hidden; }

.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; max-height: 220px; overflow: hidden; min-height: 1px; box-shadow: 0 0 0 1px rgba(165, 165, 165, 0.5); }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("/css-js/fonts/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url("/css-js/fonts/slick.eot"); src: url("/css-js/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/css-js/fonts/slick.woff") format("woff"), url("/css-js/fonts/slick.ttf") format("truetype"), url("/css-js/fonts/slick.svg#slick") format("svg"); }
/* Arrows */
.slick-next, .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 50px; height: 50px; padding: 0; margin-top: -10px\9; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; z-index: 1; color: transparent; border: none; outline: 0; background: 0 0; background: rgba(51, 51, 51, 0.66); border-radius: 100%; }

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { color: transparent; outline: 0; background: 0 0; }

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1; }

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: .25; }

.slick-next:before, .slick-prev:before { font-family: slick; font-size: 20px; line-height: 1; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir=rtl] .slick-prev { right: -25px; left: auto; }

.slick-prev:before { content: '←'; }

.slick-next:before, [dir=rtl].slick-prev:before { content: '→'; }

.slick-next { right: -25px; }

[dir=rtl] .slick-next { right: auto; left: -25px; }

[dir=rtl] .slick-next:before { content: '←'; }

/*! ●  ※※※※※※ ポップアップモーダルウィンド機能 ※※※※※※  */
#open01, #open02 { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.close_overlay { display: block; text-indent: -9999px; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background: #000; opacity: 0.5; z-index: 999998; }

.modal_window { margin: 40px 20px; text-align: center; overflow: hidden; display: block; z-index: 999999; position: absolute; top: 0%; left: 0%; right: 0%; -webkit-transform: scale(0); }
.modal_window .book-block { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.9); margin: 30px 0 0; border-radius: 8px; overflow: hidden; }
.modal_window .contents { display: none; }
.modal_window .contents .content2-0 { width: 100%; overflow: hidden; font-size: smaller; background-color: rgba(0, 0, 0, 0.6); }
.modal_window .contents .content2-0 .img_left2 { float: none; width: auto; }
@media screen and (min-width: 767px) { .modal_window .contents .content2-0 .img_left2 { float: left; width: 55%; } }
.modal_window .contents .content2-0 .text_right2 { display: none; }
.modal_window .contents .content2-0 .text_right2 h1 { text-shadow: none; margin: 5px 0 5px; }
.modal_window .contents .content2-0 .text_right2 p { text-align: left; }
@media screen and (min-width: 480px) { .modal_window .contents .content2-0 .text_right2 { width: auto; float: none; display: block; } }
@media screen and (min-width: 767px) { .modal_window .contents .content2-0 .text_right2 { width: 44.5%; float: right; display: block; } }
.modal_window h1 { overflow: hidden; width: 100%; line-height: 30px; font-size: 130%; }
.modal_window h2 { overflow: hidden; width: 100%; padding: 10px 0; background: #f3f3f3; line-height: 30px; font-size: 120%; text-align: left; text-indent: 15px; display: inline-block; color: #454545; text-shadow: none; }
.modal_window h2 a { float: right; margin-right: 20px; text-shadow: none; }
.modal_window h3 { overflow: hidden; width: 100%; background: #f3f3f3; line-height: 40px; font-size: 110%; text-indent: 15px; display: inline-block; text-shadow: none; color: #454545; }
.modal_window p { padding: 0 15px 40px; font-size: 96%; line-height: 160%; }
@media screen and (min-width: 767px) { .modal_window p { padding: 0 15px 20px; } }
.modal_window ul { background-color: #e8e8e8; overflow: hidden; padding: 10px; }
.modal_window ul li { float: left; width: 100%; text-align: center; margin: 8px 0; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.9); background-color: rgba(17, 57, 72, 0.75); font: 90%/3em Georgia,'ヒラギノ明朝 ProN W3', Hiragino Mincho ProN,'源暎こぶり明朝', 源暎こぶり明朝,'游明朝',YuMincho, Roboto,'Droid serif',serif; color: #454545; text-shadow: none; }
.modal_window ul li a { text-decoration: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; cursor: pointer; }
.modal_window ul li a:link { display: block; color: #50FCFD; }
.modal_window ul li a:visited { color: #f3f3f3; text-shadow: none; }
.modal_window ul li a:hover { box-shadow: 0px 0px 3px rgba(26, 18, 72, 0.8); opacity: 1; background-color: #5F1515; height: 100%; }
@media screen and (min-width: 380px) { .modal_window ul li { width: 50%; } }
@media screen and (min-width: 767px) { .modal_window ul li { width: 33%; } }
@media screen and (min-width: 1023px) { .modal_window ul li { width: 25%; } }
@media screen and (min-width: 1100px) { .modal_window ul li { width: 20%; } }
@media screen and (min-width: 1200px) { .modal_window ul li { width: 16.6%; } }
@media screen and (min-width: 767px) { .modal_window ul { padding: 10px 50px; } }
.modal_window .img-reset { width: 100%; padding: 10px 0 0; overflow: hidden; }
.modal_window .img-reset input { float: right; width: 48%; display: inline-block; font-size: 120%; padding: 2px 10px; }
.modal_window .img-reset input:hover { box-shadow: 0px 0px 3px rgba(26, 18, 202, 0.3); opacity: 1; background-color: #5F1515; height: 100%; }
@media screen and (min-width: 767px) { .modal_window .img-reset input { margin: 0; width: auto; } }

@media screen and (min-width: 767px) { .modal_window { margin: 40px; } }
@media screen and (min-width: 1200px) { .modal_window { margin: 30px 100px; } }
@-webkit-keyframes modalFadeIn { 0% { opacity: 0; display: block; }
  100% { opacity: 1; } }
div#modal div:target { opacity: 1; display: block; }

@-webkit-keyframes modalScale { 0% { opacity: 0; display: block; -webkit-transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); } }
div#modal div:target .modal_window { opacity: 1; display: block; -webkit-animation-name: modalScale; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-transform: scale(1); }

/* Calendar */
#calendar_wrap { padding: 10px 5px; margin: 2px 5px 10px; }

#calendar_wrap table { width: 100%; text-align: center; border-collapse: collapse; border: 1px solid #454545; background: rgba(255, 255, 255, 0.1); }

#calendar_wrap thead th { padding: 5px 0; border-bottom: 1px solid #454545; }

#calendar_wrap tbody td { padding: 5px 0; border-right: 1px dotted #454545; border-bottom: 1px dotted #454545; }

#calendar_wrap .caption { text-align: center; margin-bottom: 10px; }

#calendar_wrap .current_month { padding-bottom: 5px; font-size: 1.2em; font-weight: bold; }

#calendar_wrap .next { text-align: right; margin-left: 10px; float: right; }

#calendar_wrap .prev { text-align: left; margin-right: 10px; float: left; }

.page-footer { background: #aaccff; height: 600px; }

div.ex-code-prettify { margin: 0 16px; }

/* ■ %%%%       %%%% */
#category-post { padding: 30px 0 50px; background-color: rgba(255, 255, 255, 0.27); }
#category-post h1 { font: 28px/2em Helvetica,'メイリオ',Meiryo,'Meiryo UI', sans-serif; text-shadow: none; }
@media screen and (min-width: 800px) { #category-post h1 { font-size: 32px; } }

.pager { overflow: hidden; margin: 10px auto; width: 90%; line-height: 1.8em; text-align: center; background-color: rgba(0, 0, 0, 0.2); padding: 5px; border: 1px solid rgba(255, 255, 255, 0.2); }
.pager a { padding: 7px 16px; float: left; margin-right: 5px; background-color: rgba(255, 255, 255, 0.45); font-weight: bold; }
.pager a:hover { text-shadow: 1px 1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, -1px -1px 2px #333; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); display: inline-block; }
.pager p { font-size: 120%; float: right; margin-top: 10px; display: block; border-top: 1px solid #bbbbbb; width: 100%; text-shadow: none; }
@media screen and (min-width: 800px) { .pager p { display: inline; border-top: none; width: auto; } }

.current_page_number { background-color: rgba(25, 210, 176, 0.4) !important; }

.pager_item a:hover { background-color: lightgray; }

.pager_item a.current_page_number { font-weight: bold; font-size: 2em; }

@media screen and (min-width: 767px) { .pager_item a.current_page_number { font-size: .9em; } }
.navi { display: none; }
.navi .pre-navi { margin-right: 10px; }
.navi .end-navi { margin-left: 10px; }

@media screen and (min-width: 480px) { .navi { display: flex; font-size: 1em; text-shadow: none; text-align: center; padding: 12px 10px; display: block; font-size: 73%; } }
@media screen and (min-width: 360px) { .pager, .pager a { color: #3c3c3c; } }
@media screen and (min-width: 1300px) { .pager, .pager a { color: #ddd; } }
/* ■ %%%%   月別ポスト/    %%%% */
#line { overflow: hidden; margin: 0 auto; padding: 10px; }
#line .submit-button { overflow: VISIBLE; margin-bottom: 38px; text-align: right; }
#line .submit-button input { border: 1px solid rgba(0, 0, 0, 0.5); padding: 0  8px; width: 100%; line-height: 3.5; font-family: Times New Roman,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"メイリオ",Meiryo,"Meiryo UI"; }
#line .submit-button input:hover { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; }
@media screen and (min-width: 500px) { #line .submit-button input { width: 49%; margin: 8px 1px; } }
@media screen and (min-width: 800px) { #line .submit-button input { width: auto; } }
@media screen and (min-width: 480px) { #line img { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: -62.5%; width: 174px; } }
#line .title a { display: block; width: 100%; line-height: 3.6; z-index: 99999; position: relative; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; /* …省略 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* …省略 */ }
#line .title a:hover { transform: scale(1.1); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.3s; opacity: .5; }
@media screen and (min-width: 800px) { #line .title a { line-height: 5.0; } }
#line .topic { margin: 0 0 15px 0; width: 100%; height: 50px; float: left; position: relative; overflow: hidden; background-color: rgba(22, 23, 35, 0.63); box-shadow: 0 0 0 1px rgba(165, 165, 165, 0.5); font-size: 80%; }
#line .topic img { visibility: hidden; }
@media screen and (min-width: 480px) { #line .topic img { visibility: visible; } }
#line .topic .text { margin-bottom: 4px; position: absolute; bottom: 0; right: 0; z-index: 100000; }
#line .topic .text p { text-align: right; font-size: x-small; }
#line .topic .text p a { display: inline-block; }
#line .topic .text .more_link { text-align: right; padding: 10px 20px; }
#line .topic .text .more_link a { display: block; }
@media screen and (min-width: 480px) { #line .topic { width: 50%; height: 100px; } }
@media screen and (min-width: 800px) { #line .topic { height: 70px; } }

.bg-01 { background: url(/Novel-images/ishbatall.png) no-repeat 50% 50%; }

.bg-02 { background: url(/Novel-images/Rona-Forsyth.png) no-repeat 50% 50%; }

#announce { padding: 10px 15px; background: rgba(0, 0, 0, 0.05); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
#announce a { display: inline-block; margin: 18px 0; padding: 5px; background-color: #af94948a; box-shadow: 0 0 0 1px rgba(228, 228, 228, 0.79); font: 125%/170% Helvetica,'メイリオ',Meiryo,'Meiryo UI', sans-serif; }
#announce p { margin: 0; }

#shiori_create { display: block; margin: 8px 1px; border: 1px solid rgba(255, 255, 255, 0.5); padding: 10px; float: right; z-index: 10; position: relative; width: auto; line-height: 2; clear: both; }

@media screen and (min-width: 480px) { #shiori_create { width: 30%; } }
.siori { box-shadow: 0 0 0 1px rgba(165, 165, 165, 0.5); margin: 1px auto 30px; padding: 18px; background-color: rgba(45, 45, 45, 0.75); line-height: 1.3; }
.siori h1 { margin-bottom: 10px; font-size: 110%; }
.siori p { margin-bottom: 8px; font-size: 84%; }

#notice { position: fixed; top: 10px; right: 10px; padding: 10px; color: #fff; background: rgba(0, 0, 0, 0.7); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; z-index: 99999; }

#maso-wrap { position: relative; margin: 0 auto 30px; }

@media screen and (min-width: 480px) { #maso-wrap { width: auto; } }
body { counter-reset: lined-paper; }

.cont-head { display: none; }

.kiji-post { padding: 15px 3px 20px; /* ■タイトル枠■ */ /* ■本文枠■ */ /* ■本文■ */ }
.kiji-post h1 { font: 80%/1.75em Georgia,源暎こぶり明朝,源ノ明朝, 'Noto Serif Japanese', '游明朝',YuMincho,  'メイリオ', 'Meiryo'; text-shadow: none; padding: 5px; }
@media screen and (min-width: 767px) { .kiji-post h1 { font: 20px/2.5em Georgia ,源暎こぶり明朝,源ノ明朝, 'Noto Serif Japanese', '游明朝',YuMincho, 'メイリオ', 'Meiryo'; } }
.kiji-post h2 a { font-size: 26px; }
.kiji-post .title { top: 120px; background-color: rgba(243, 243, 243, 0.9); line-height: 3.0; text-align: center; }
.kiji-post .title a { color: #454545; font-weight: bold; }
@media screen and (min-width: 767px) { .kiji-post .title { background-color: #c0c0c0; text-indent: .5em; margin-top: 10px; } }
.kiji-post div.CollapsibleBox { overflow: hidden; margin: 20px 0; }
.kiji-post div.CollapsibleBox div.CollapsibleBoxTitle { text-align: center; position: relative; }
.kiji-post div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle { font-size: 130%; border-radius: 0; box-shadow: none; padding: 0; border-top: solid 1px rgba(193, 189, 189, 0.47); border-bottom: solid 1px rgba(193, 189, 189, 0.47); border-left: none; border-right: none; }
.kiji-post div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle i { position: relative; top: 120px; }
.kiji-post div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle a { height: 160px; font-size: 110%; box-shadow: 0px 0px 0px 1000px rgba(239, 239, 239, 0.24) inset; }
.kiji-post div.CollapsibleBox div.CollapsibleBoxBody { overflow: hidden; background-color: rgba(243, 243, 243, 0.42); font: 100%/1.8em Georgia,'ヒラギノ明朝 ProN W3', Hiragino Mincho ProN,'源暎こぶり明朝', 源暎こぶり明朝,'游明朝',YuMincho, Roboto,'Droid serif'; display: none; }
.kiji-post div.CollapsibleBox div.CollapsibleBoxBody img { border: none; }
.kiji-post div.CollapsibleBox .cBoxTitle2 { float: right; DISPLAY: inline-flex; padding: 20px; }
.kiji-post div.CollapsibleBox div.CollapsibleBoxTitle { text-align: center; color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; }
.kiji-post div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle:hover { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; background: rgba(0, 180, 250, 0.2); border-color: aqua; }
.kiji-post div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons { margin: 0px; text-align: center; }
.kiji-post div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons a img { border-width: 0px; }
.kiji-post div.CollapsibleBoxBody { overflow: hidden; padding-bottom: 20px; display: none; /* ←引き出し一括制御 on/off『display: none;』付けると本文が消える */ }
.kiji-post div.CollapsibleBoxBody p { overflow: hidden; text-align: left; }
.kiji-post div.CollapsibleBoxBody img { border: solid 1px #999; }
.kiji-post .cBoxTitle2 { float: right; }

@media screen and (min-width: 767px) { .kiji-post { padding: 0 30px 20px; } }
.submit-button input { width: 50%; }

@media screen and (min-width: 767px) { .submit-button input { width: auto; } }
#font-size li, #color li { position: relative; z-index: 3; margin-bottom: 10px; }

#font-size li a, #color li a { display: block; }

#font-size li span, #color li span { position: relative; z-index: -1; }

#color li a { background-color: rgba(60, 62, 117, 0.2); }

@media screen and (min-width: 767px) { #color li a { width: auto; min-width: 150px; min-width: 0; } }
#color li a:hover, #color li.current a { color: #333; }

#font-size li a.color { background: none; background-color: none; }

.page-body.color { background: #e2e2e2; background-color: #e2e2e2; }

.page-body h4 { font-size: .85em; }

#font-size li .color, input.color, .section a.color, .section.color, .lined-paper3.color, #content2 #resizable .lined-paper3 h1.color, .page-body.color h1, .page-body.color p { color: #333 !important; text-shadow: none; }

#content3 #resizable .lined-paper.color { background-image: linear-gradient(90deg, transparent 29px, transparent 31px), linear-gradient(90deg, transparent 49px, transparent 51px), linear-gradient(rgba(143, 143, 143, 0.36) 0.1em, transparent 0.1em); }

#font-size li, #color li { float: right; display: inline-block; background-color: rgba(255, 255, 255, 0.38); width: 50%; box-shadow: 0 0 0 1px rgba(210, 210, 210, 0.8); color: #f3f3f3; line-height: 2.9; margin: 15px 0 0; }

@media screen and (min-width: 767px) { #font-size li, #color li { width: auto; min-width: 100px; } }
#content3 { counter-reset: lined-paper; }
#content3 #resizable { white-space: pre-wrap; overflow: hidden; counter-reset: lined-paper; }
#content3 #resizable h1 { font-size: 150%; position: relative; text-align: center; width: 100%; margin-top: 50px; margin-bottom: 30px; overflow: visible; }
#content3 #resizable h1:before { content: url(/_ibez-img/ct3.png); position: absolute; top: -60px; /* Wherever you go. */ left: 50%; /* Horizontally centered. */ margin-left: -233px; /* Half of my width. */ }
@media (max-width: 47.9375em) { #content3 #resizable h1:before { content: none; } }
@media (max-width: 47.9375em) { #content3 #resizable h1 { margin: 0; } }
#content3 #resizable .board-ruby { text-align: center; color: #f9f9f9; font-style: normal; position: relative; font-weight: bold; font-size: 95%; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; }
#content3 #resizable h2 { font-size: 110%; text-align: left; }
#content3 #resizable p { line-height: 2.0em; }
#content3 #resizable .dropcap { line-height: 1.6; font-weight: 600; text-shadow: none; margin: 20px 0; border-left: solid 4px #5a0a0a; padding: 3px; background-color: #434860; }
@media screen and (min-width: 767px) { #content3 #resizable .dropcap { font-size: 110%; background-color: transparent; letter-spacing: .03em; } }
#content3 #resizable blockquote { font-size: 140%; line-height: 24px; text-align: center; border-width: 1px 0px; border-style: dotted; border-color: #999; }
#content3 #resizable blockquote .page-title-ruby { font-size: 14px; }
#content3 #resizable blockquote:before { content: open-quote; font-size: 25pt; text-align: center; line-height: 42px; float: left; background: #ddd; border-radius: 25px; position: relative; top: -10px; /** ↓以下、block要素のための記述 **/ display: block; height: 30px; width: 30px; }
#content3 #resizable blockquote:after { content: close-quote; font-size: 25pt; text-align: center; line-height: 42px; color: #fff; float: right; background: #ddd; border-radius: 25px; position: relative; bottom: 14px; /** ↓以下、block要素のための記述 **/ display: block; height: 30px; width: 30px; }
#content3 #resizable blockquote .pull-right { border-right: 5px solid #999; }
@media screen and (max-width: 800px) { #content3 #resizable blockquote { font-size: 100%; } }
@media screen and (max-width: 600px) { #content3 #resizable blockquote:before { content: none; }
  #content3 #resizable blockquote:after { content: none; } }
#content3 #resizable blockquote:hover:after, #content3 #resizable blockquote:hover:before { background-color: #555; transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; -webkit-transition: all 350ms; }
#content3 #resizable blockquote, #content3 #resizable pre { margin: 0 0.4ex; margin: 0pt; background-color: rgba(238, 238, 238, 0.49); padding: 2em 6em; }
#content3 #resizable .lined-paper { position: relative; font-weight: normal; margin-bottom: 30px; padding: 0; counter-increment: lined-paper; /* カウンター */ background-image: linear-gradient(90deg, transparent 29px, transparent 31px), linear-gradient(90deg, transparent 49px, transparent 51px), linear-gradient(rgba(228, 228, 228, 0.22) 0.03em, transparent 0.05em); text-shadow: 1px 1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000, -1px -1px 2px #000; letter-spacing: .03em; background-size: 100% 1em; font-size: 85%; /* ← ChromeとOperaで大きさがずれるので調整 */ /* ← ChromeとOperaで大きさがずれるので調整 */ /*ChromeとOperaのみだけに適用されるCSSハック（余り効かない）*/ }
#content3 #resizable .lined-paper img { display: block; height: 16em; box-shadow: 0 0 0 1px #454545; line-height: 0; margin: 0; background-color: transparent; }
@media screen and (min-width: 320px) { #content3 #resizable .lined-paper img { max-height: 16em; } }
@media screen and (min-width: 1100px) { #content3 #resizable .lined-paper img { height: auto; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) { #content3 #resizable .lined-paper .lined-paper img { height: 15.7em; } }
#content3 #resizable .lined-paper .left { position: absolute; top: -0.5em; overflow: hidden; display: none; width: 15.3em; }
#content3 #resizable .lined-paper .left a { background: none; }
#content3 #resizable .lined-paper .left a img { box-shadow: none; height: auto; }
@media screen and (min-width: 660px) { #content3 #resizable .lined-paper .left { display: block; } }
#content3 #resizable .lined-paper .ao { color: #1e1eba; }
#content3 #resizable .lined-paper .maker { background-color: rgba(176, 177, 175, 0.25); }
#content3 #resizable .lined-paper .st { padding: 0 1em; font-size: 75%; display: block; word-break: break-all; /*url 折り返し*/ }
@media screen and (min-width: 660px) { #content3 #resizable .lined-paper .st { padding: 0 2em; font-size: 88%; } }
#content3 #resizable .lined-paper a { text-shadow: none; text-decoration: none; margin: 0 1em; background-color: rgba(216, 216, 216, 0.61); font-weight: bold; display: inline; font-size: 110%; padding: 3px .5em; }
#content3 #resizable .lined-paper a:link { color: #0e34c3; }
#content3 #resizable .lined-paper a:hover { color: rgba(255, 255, 255, 0.9); }
#content3 #resizable .lined-paper:before { content: none; }
@media screen and (min-width: 800px) { #content3 #resizable .lined-paper:before { position: absolute; z-index: 2; right: .6em; top: .8em; content: counter(lined-paper) "/"; font-size: 4em; } }
#content3 #resizable .lined-paper p { position: relative; z-index: 10; }
#content3 #resizable .lined-paper span img { padding: 0; margin: 0 auto; }
@media screen and (min-width: 480px) { #content3 #resizable .lined-paper { padding: 0 3em 4.0em; } }
@media screen and (min-width: 660px) { #content3 #resizable .lined-paper { padding: 0 4em 4.0em; font-size: 95%; } }
@media screen and (min-width: 800px) { #content3 #resizable .lined-paper { padding: 6em 3em 4.0em; font-size: 100%; } }
@media screen and (min-width: 1024px) { #content3 #resizable .lined-paper { padding: 6em 90px 4.0em; } }
@media screen and (min-width: 1280px) { #content3 #resizable .lined-paper { padding: 6em 110px 4.0em; } }
@media screen and (min-width: 1400px) { #content3 #resizable .lined-paper { padding: 6em 140px 4.0em; } }

.paragraph { display: block; background-color: rgba(220, 220, 220, 0.29); border-right: 1px solid rgba(143, 143, 143, 0.3); border-left: 1px solid rgba(143, 143, 143, 0.3); /* color: #a59e9e; */ /* text-align: center; */ padding: 2em; }

.content0 { background: rgba(200, 200, 200, 0.3) none repeat scroll 0% 0%; clear: both; border: 1px solid rgba(0, 0, 0, 0.5); overflow: hidden; white-space: normal; margin: 0px 0px 20px 0; }

.character { background: #e6e6e6 none repeat scroll 0% 0%; clear: both; border-top: 1px solid rgba(0, 0, 0, 0.5); overflow: hidden; white-space: normal; text-align: center; }
.character h1 { float: left; font-size: 130%; line-height: .6; color: rgba(26, 34, 93, 0.7); font-weight: bold; }
.character h2 { float: right; font-size: 90%; color: rgba(27, 103, 158, 0.9); }
.character h3 { margin-bottom: -20px; color: rgba(130, 26, 63, 0.9); margin-top: 20px; }
.character h4 { color: rgba(130, 26, 63, 0.9); }

.character-bg { background: rgba(200, 200, 200, 0.3) none repeat scroll 0% 0%; overflow: hidden; }

.character_img_r { width: 100%; float: right; text-align: center; padding: 0; }
.character_img_r img { border: solid 1px #454545; text-align: center; }

@media screen and (min-width: 767px) { .character_img_r { width: 48%; } }
.character_profile_l { float: left; padding: 0 5% 3% 5%; font-feature-settings: "palt"; white-space: pre-wrap; font-size: 90%; text-shadow: none; color: #454545; line-height: 1.6em; }
.character_profile_l h1 { float: left; font-size: 130%; line-height: .6; color: rgba(26, 34, 93, 0.7); font-weight: bold; }
.character_profile_l h2 { float: right; font-size: 90%; color: rgba(27, 103, 158, 0.9); }
.character_profile_l h3 { margin-bottom: -20px; color: rgba(130, 26, 63, 0.9); margin-top: 20px; }
.character_profile_l h4 { margin-bottom: -20px; color: rgba(130, 26, 63, 0.9); }

@media screen and (min-width: 767px) { .character_profile_l { width: 46%; padding: 3% 0 3% 2%; } }
.character_img_l { width: 100%; float: left; text-align: center; padding: 0; }
.character_img_l img { border: solid 1px #454545; text-align: center; max-height: 300px; }

@media screen and (min-width: 767px) { .character_img_l { width: 35%; padding: 3% 0 3% 2%; } }
.character_profile_r { float: right; padding: 3% 5% 0 5%; font-feature-settings: "palt"; white-space: pre-wrap; font-size: 90%; text-shadow: none; color: #454545; line-height: 1.6em; }
.character_profile_r h1 { float: left; font-size: 130%; line-height: .6; color: rgba(26, 34, 93, 0.7); font-weight: bold; }
.character_profile_r h2 { float: right; font-size: 90%; color: rgba(27, 103, 158, 0.9); }
.character_profile_r h3 { margin-bottom: -20px; color: rgba(130, 26, 63, 0.9); margin-top: 20px; }
.character_profile_r h4 { color: rgba(130, 26, 63, 0.9); }

@media screen and (min-width: 767px) { .character_profile_r { padding: 3% 2% 3% 0; width: 58%; } }
.l_50 { width: 100%; float: left; text-align: center; padding: 0; }

@media screen and (min-width: 767px) { .l-50 { width: 48%; padding: 0 0 0 2%; float: left; } }
.r_50 { float: right; padding: 3% 5% 0 5%; }

@media screen and (min-width: 767px) { .r-50 { width: 46%; padding: 0 2% 0 0; float: right; } }
.images { white-space: normal; }

.contents { white-space: normal; text-align: center; }

.content2-0 { background: rgba(200, 200, 200, 0.3) none repeat scroll 0% 0%; clear: both; border: 1px solid rgba(0, 0, 0, 0.5); overflow: hidden; }

.content2_1 { width: 48%; margin: 1%; float: left; }

.content2_2 { width: 48%; margin: 1%; float: right; }

.comic-head { text-align: center; clear: both; background: black none repeat scroll 0% 0%; border: 1px solid rgba(0, 0, 0, 0.8); overflow: hidden; margin-bottom: 0; }
.comic-head img { width: 400px; }

.comic-cont2_0 { text-align: center; clear: both; background: black none repeat scroll 0% 0%; border: 1px solid rgba(0, 0, 0, 0.8); overflow: hidden; margin-bottom: 0; }
.comic-cont2_0 img { width: 550px; }

.comic-cont2_1 { width: 100%; float: right; margin-bottom: 35px; }

.comic-cont2_2 { width: 100%; float: left; margin-bottom: 35px; }

.comic-cont2_3 { width: 100%; text-align: center; }

@media screen and (min-width: 767px) { .comic-cont2_1, .comic-cont2_2 { width: 50%; }
  .comic-cont2_0, .comic-head { margin-bottom: 50px; } }
.content3_1, .content3_2, .content3_3 { width: 30%; margin: 1%; float: left; }

.content3_2 { margin-right: 3%; margin-left: 3%; }

.content4_1, .content4_2, .content4_3, .content4_4 { width: 22%; float: left; }

.content4_2 { margin-left: 4%; margin-right: 4%; }

.content4_3 { margin-right: 4%; }

.links { font-size: 110%; margin: 38px 0 25px; text-align: center; }
.links a { border: 1px solid #454545; padding: 15px 10px; margin-bottom: 5px; display: block; text-shadow: none; }
@media screen and (min-width: 480px) { .links a { display: inline; } }

form { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

input { display: inline-block; background-color: rgba(255, 255, 255, 0.38); border: 1px solid rgba(255, 255, 255, 0.5); padding: 10px; color: #f3f3f3; line-height: 2; margin: 15px 0 0; font-family: -apple-system,BlinkMacSystemFont,'ヒラギノ明朝 ProN W3',Hiragino Mincho ProN,源暎こぶり明朝,源ノ明朝,'Noto Serif Japanese','游明朝',YuMincho,Roboto,'Droid serif','メイリオ','Meiryo'; }
input:hover { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; background: rgba(0, 180, 250, 0.2); }

input[type="checkbox"], input[type="radio"] { border: none; top: -9px; top: 0\9; margin-right: 2px; margin-right: 0\9; }

select, input, textarea { vertical-align: middle; position: relative; width: 70%; }

@media screen and (min-width: 480px) { input { width: auto; } }
.submit-button { text-align: center; }

.transmit { width: 110px; max-height: 45px; border-radius: 8px; font-size: 18px; color: #1c2494; text-shadow: none; background-color: rgba(101, 170, 248, 0.27); padding: 7px; margin: 5px; font-weight: bold; border-color: rgba(18, 33, 107, 0.8); }
.transmit:hover { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; background: rgba(0, 180, 250, 0.2); border-color: aqua; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.kakuninn { width: 80px; font-size: 100%; }

.kurobuti { color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; /* ←まず初期化！ */ float: right; width: 98%; height: 30px; padding-left: 10px; border: 1px solid #999; background: #eee; background: url(/_ibez-img/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #efebe1 100%); background: url(/_ibez-img/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%, #efebe1 100%); background-size: 20px, 100%; }

@media screen and (min-width: 480px) { select { width: 40%; height: 30px; } }
select::-ms-expand { display: none; }

textarea { width: 95%; background-color: rgba(8, 8, 8, 0.24); padding: 10px; margin: 10px 0 5px; overflow: auto; resize: vertical; font-size: 130%; font-weight: bold; border: 0px none; color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; }

input[type="text"], textarea { outline: none; border: 1px solid #454545; -webkit-transition: all .3s; transition: all .3s; }

input[type="text"]:focus, textarea:focus { box-shadow: 0 0 3px #1abc9c; border: 1px solid #1abc9c; }

#com-box { margin: 0px 10px; padding: 20px; border: 1px solid #000; background-color: rgba(137, 137, 137, 0.37); }
#com-box p { margin: 10px 0 5px; display: block; text-shadow: none; }

@media screen and (min-width: 480px) { #com-box p, .com-size2 { display: inline-block; width: 100%; }
  #com-box { margin: 0px 30px; padding: 40px; color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; color: whitesmoke; text-shadow: 1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545; } }
.com-size1 { padding: 10px; line-height: 1.8; margin-top: 20px; }

.com-size2 { width: 90%; padding: 10px; height: 20px; display: block; }

#trackback { margin: 20px 30px; }
#trackback input { border: 1px solid #B45F04; text-align: center; padding: 20px 0; width: 100%; }

.comment_body { padding: 20px; background-color: rgba(17, 25, 43, 0.43); margin-bottom: 5px; border: 1px solid #000; }
.comment_body p { margin: 13px 0 0; font-size: 90%; line-height: 1.4em; }

.comment_body_title { border-bottom: solid 1px #ccc; padding-bottom: 5px; }

label:hover { background-color: #ffcccc; }

/*! ○ blog記事用 パーツ--------------------- */
/* 吹き出し右 =========== */
.f-r { margin-top: 5px; padding: 5px 10px 5px 20px; background-color: #fff; border: 1px solid #000; border-radius: 5px; position: relative; }

.f-r:before { border: 10px solid transparent; border-left-color: #fff; border-right-width: 0; right: -9px; content: ""; display: block; top: 30px; position: absolute; width: 0; z-index: 1; }

.f-r:after { border: 10px solid transparent; border-left-color: #000; border-right-width: 0; right: -10px; content: ""; display: block; top: 30px; position: absolute; width: 0; }

/* 吹き出し左 =========== */
.f-l { margin-top: 5px; padding: 5px 10px 5px 20px; background-color: #fff; border: 1px solid #000; border-radius: 5px; position: relative; }

.f-l:before { border: 10px solid transparent; border-right-color: #fff; border-left-width: 0; left: -9px; content: ""; display: block; top: 30px; position: absolute; width: 0; z-index: 1; }

.f-l:after { border: 10px solid transparent; border-right-color: #000; border-left-width: 0; left: -10px; content: ""; display: block; top: 30px; position: absolute; width: 0; }

/*======画像調整======*/
/* 画像の調整class用→  p.dolls img{ float:left; width:98%; height:auto; margin-right:1%;}*/
/* 画像上のテキスト基本→  text-shadow: 2px  2px 3px green, -2px  2px 3px green, 2px -2px 3px green,-2px -2px 3px green;*/
/* YouTube動画の縦横比を％で指定 ============== */
/* ●↓以下、iframeタグをDIVで囲む● <div id="vWrap"> <iframe width="640" height="360" src="//www.youtube.com/embed/6Qk5Fc1Vdqk?rel=0" frameborder="0" allowfullscreen=""></iframe> </div>
*/
.vWrap { position: relative; margin-top: 1.2em; margin-bottom: 1.2em; padding-bottom: 50%; padding-top: 69px; overflow: hidden; }

.vWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }

/*
●↓以下、iframeタグをDIVで囲む●
<div id="iframe-wrapper"> <iframe width="640" height="360" src="//www.youtube.com/embed/6Qk5Fc1Vdqk?rel=0" frameborder="0" allowfullscreen=""></iframe>
</div>
*/
.iframe-wrapper { position: relative; height: 0; overflow: hidden; padding-top: 56.25%; border: 1px solid #000; padding-bottom: 20px; }

.iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp, .pswp__bg { position: absolute; left: 0; top: 0; -webkit-backface-visibility: hidden; }

.pswp, .pswp__bg, .pswp__scroll-wrap { height: 100%; width: 100%; }

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right, .pswp__caption--fake { visibility: hidden; }

.pswp { display: none; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; outline: 0; }

.pswp--open, .pswp__button { display: block; }

.pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.pswp img { max-width: none; }

.pswp--animate_opacity { opacity: .001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }

.pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }

.pswp__bg { background: rgba(0, 0, 0, 0.6); opacity: 0; will-change: opacity; }

.pswp__container, .pswp__scroll-wrap, .pswp__zoom-wrap { will-change: transform; top: 0; position: absolute; left: 0; -webkit-backface-visibility: hidden; }

.pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; right: 0; bottom: 0; }

.pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg { -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; }

.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }

.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; -webkit-transition: opacity .15s; transition: opacity .15s; }

.pswp__img--placeholder { -webkit-backface-visibility: hidden; }

.pswp__img--placeholder--blank { background: #222; }

.pswp--ie .pswp__img { width: 100%; height: 100%; left: 0; top: 0; }

.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; }

.pswp__error-msg a { color: #CCC; text-decoration: underline; }

.pswp__share-tooltip a, .pswp__share-tooltip a:hover { text-decoration: none; color: #000; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button { position: relative; cursor: pointer; overflow: visible; -webkit-appearance: none; border: 0; padding: 0; margin: 0; float: right; opacity: .75; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-box-shadow: none; box-shadow: none; }

.pswp__button:focus, .pswp__button:hover { opacity: 1; }

.pswp__button:active { outline: 0; opacity: .9; }

.pswp__button::-moz-focus-inner { padding: 0; border: 0; }

.pswp__ui--over-close .pswp__button--close { opacity: 1; }

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(default-skin.png) no-repeat; background-size: 264px 88px; width: 44px; height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: 0 0; } }
.pswp__button--close { background-position: 0 -44px; }

.pswp__button--share { background-position: -44px -44px; }

.pswp__button--fs { display: none; }

.pswp--supports-fs .pswp__button--fs { display: block; }

.pswp--fs .pswp__button--fs { background-position: -44px 0; }

.pswp__button--zoom { display: none; background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom { display: block; }

.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; }

.pswp__button--arrow--left, .pswp__button--arrow--right { background: 0 0; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; }

.pswp__button--arrow--left { left: 0; }

.pswp__button--arrow--right { right: 0; }

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; }

.pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; }

.pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; }

.pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; }

.pswp__share-modal--hidden { display: none; }

.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-backface-visibility: hidden; will-change: transform; }

.pswp__share-tooltip a { display: block; padding: 8px 12px; font-size: 14px; line-height: 18px; }

.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in { opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.pswp--touch .pswp__share-tooltip a { padding: 16px 12px; }

a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; }

.pswp__caption--empty, .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; }

.pswp__counter, .pswp__preloader { height: 44px; top: 0; position: absolute; }

a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; }

a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; }

a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; }

a.pswp__share--download:hover { background: #DDD; }

.pswp__counter { left: 0; font-size: 13px; line-height: 44px; color: #FFF; opacity: .75; padding: 0 10px; }

.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; }

.pswp__caption small { font-size: 11px; color: #BBB; }

.pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; }

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__ui { visibility: visible; }

.pswp__preloader { width: 44px; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; will-change: opacity; }

.pswp--css_animation .pswp__preloader--active, .pswp__preloader--active { opacity: 1; }

.pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; }

.pswp__preloader--active .pswp__preloader__icn { background: url(preloader.gif) no-repeat; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise .5s linear infinite; animation: clockwise .5s linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn { background: 0 0; opacity: .75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; }

.pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: 0 0; margin: 0; }

@media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } }
@-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes clockwise { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes donut-rotate { 0%,100% { -webkit-transform: rotate(0); transform: rotate(0); }
  50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } }
@keyframes donut-rotate { 0%,100% { -webkit-transform: rotate(0); transform: rotate(0); }
  50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } }
.pswp__ui { -webkit-font-smoothing: auto; opacity: 1; z-index: 1550; }

.pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; }

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__caption, .pswp__top-bar { background-color: #4e223c; }

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar { background-color: #4e223c; }

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar { opacity: 0; }

.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar { opacity: .001; }

.pswp__element--disabled { display: none !important; }

.pswp--minimal--dark .pswp__top-bar { background-color: #4e223c; }

/* ----------- taketori & RUBY  ---------- */
.taketori-sans-serif-ja-jp { font-family: Georgia,'源暎こぶり明朝' ,源暎こぶり明朝,源ノ明朝, 'Noto Serif Japanese', '游明朝',YuMincho, 'HG明朝E', '"ＭＳ Ｐ明朝', 'ＭＳ 明朝', 'メイリオ', 'Meiryo', sans-serif !important; }

.taketori-sans-serif-zh-tw { font-family: 'Heiti TC', 'LiHei Pro', '微軟正黑體', Arial, Helvetica, sans-serif !important; }

.taketori-serif-ja-jp { font-family: Georgia,'源暎こぶり明朝' ,源暎こぶり明朝,源ノ明朝, 'Noto Serif Japanese', '游明朝',YuMincho, 'HG明朝E', '"ＭＳ Ｐ明朝', 'ＭＳ 明朝', 'メイリオ', 'Meiryo', sans-serif; }

.taketori-serif-zh-tw { font-family: 'Apple LiSong', Times, 'Times New Roman', '新細明體', PMingLiu, serif !important; }

.taketori-cursive-ja-jp { font-family: 'ＤＦＰ行書体','ＤＦ行書体','AGENDA人名行書体L1','HGP行書体','HGS行書体','HG行書体',cursive,'源暎こぶり明朝' ,源暎こぶり明朝,源ノ明朝, 'Noto Serif Japanese', '游明朝',YuMincho, 'HG明朝E', '"ＭＳ Ｐ明朝', 'ＭＳ 明朝', 'メイリオ', 'Meiryo', sans-serif !important; }

.taketori-cursive-zh-tw { font-family: 'Apple LiSong', Times, 'Times New Roman', '新細明體', PMingLiu, serif !important; }

.taketori-kai-ja-jp { font-family: 'ＤＦＰ楷書体','HG正楷書体-PRO','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','ＭＳ 明朝','MS Mincho',serif !important; }

.taketori-kai-zh-tw { font-family: '教育部標準楷書', '全字庫正楷體', '標楷體', 'BiauKai', 'STKaiti', Kai, serif !important; }

.taketori-ttb { overflow: hidden; position: relative; }

.taketori-ttb span { cursor: vertical-text; }

.taketori-ttb a span { cursor: pointer !important; }

.taketori-ttb .taketori-col { -moz-transform-origin: left bottom; -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.taketori-ttb .taketori-col span.cjk { display: -moz-inline-block; display: inline-block; }

.taketori-ttb span.tcy { min-width: 1em; text-align: center !important; cursor: text; }

.taketori-ttb span.cjk, .taketori-ttb span.tcy, .taketori-ttb span.ltr { display: -moz-inline-block; display: inline-block; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); vertical-align: middle !important; }

.taketori-ttb ruby rb, .taketori-ttb ruby rt { line-height: 0.9; }

.taketori-ttb img, .taketori-ttb object, .taketori-ttb embed, .taketori-ttb video, .taketori-ttb audio { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); vertical-align: middle !important; display: none; }

.taketori-ttb .nocjk { vertical-align: middle !important; }

.taketori-ttb .ltr { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

.taketori-ttb .ltr span.cjk, .taketori-ttb .ltr span.tcy, .taketori-ttb .ltr span.ltr { display: inline; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; vertical-align: baseline !important; }

.taketori-ttb .ltr span { cursor: text; }

.taketori-ttb span.cho-on { vertical-align: middle !important; -moz-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); }

.taketori-ttb span.tou-ten { margin: -0.64em 0.7em 0.64em -0.7em !important; }

.taketori-ttb span.ku-ten { margin: -0.6em 0.64em 0.6em -0.64em !important; }

.taketori-ttb span.kogaki { margin: -0.2em 0.15em 0.2em -0.15em !important; }

.taketori-ttb span.kakko { vertical-align: middle !important; }

.taketori-ttb span.ku-ten, .taketori-ttb span.tou-ten, .taketori-ttb span.kogaki { border: none !important; background: transparent none !important; }

.taketori-ttb span.kinsoku { display: -moz-inline-block; display: inline-block; }

.taketori-ttb .underline { text-decoration: none !important; }

.taketori-ttb .underline span.nocjk, .taketori-ttb .underline .ltr { text-decoration: underline !important; }

.taketori-ttb .underline span.cjk { border-right: 1px solid; line-height: 1; margin: 0.25em -1px 0.25em 0; }

.taketori-ttb .underline span.cho-on { border-bottom: 1px solid; border-right: none; margin: 0.25em 0 0.25em 0; }

.taketori-ttb .overline { text-decoration: none !important; }

.taketori-ttb .overline span.nocjk, .taketori-ttb .overline .ltr { text-decoration: overline !important; }

.taketori-ttb .overline span.cjk { border-left: 1px solid; line-height: 1; margin: 0.25em 0 0.25em -1px; }

.taketori-ttb .overline span.cho-on { border-top: 1px solid; border-left: none; margin: 0.25em 0 0.25em 0; }

.taketori-ttb .bothline { text-decoration: none !important; }

.taketori-ttb .bothline span.nocjk, .taketori-ttb .bothline .ltr { text-decoration: underline overline !important; }

.taketori-ttb .bothline span.cjk { border-left: 1px solid; border-right: 1px solid; line-height: 1; margin: 0.25em -1px 0.25em -1px; }

.taketori-ttb .bothline span.cho-on { border-top: 1px solid; border-bottom: 1px solid; border-left: none; border-right: none; margin: 0.25em 0 0.25em 0; }

.taketori-ttb del { text-decoration: none; }

.taketori-ttb del span.nocjk, .taketori-ttb del .ltr, .taketori-ttb .ltr del { text-decoration: line-through; }

.taketori-ttb del span.cjk:after { content: "\2503"; display: -moz-inline-block; display: inline-block; position: absolute; top: 0; left: 0; }

.taketori-ttb del span.ku-ten:after, .taketori-ttb del span.tou-ten:after { content: ""; }

.taketori-ttb del span.kogaki:after { margin: 0.15em 0.2em -0.15em -0.2em; }

.taketori-ttb del span.cho-on:after { -moz-transform: scale(1, -1) rotate(-90deg); -webkit-transform: scale(1, -1) rotate(-90deg); -o-transform: scale(1, -1) rotate(-90deg); transform: scale(1, -1) rotate(-90deg); }

.taketori-ttb .italic { font-style: normal !important; }

.taketori-ttb .italic span.nocjk, .taketori-ttb .italic .ltr { font-style: italic !important; }

.taketori-ttb .italic span.cjk { -moz-transform: rotate(-90deg) skew(0, -20deg); -webkit-transform: rotate(-90deg) skew(0, -20deg); -o-transform: rotate(-90deg) skew(0, -20deg); transform: rotate(-90deg) skew(0, -20deg); }

.taketori-ttb .italic span.kakko { display: -moz-inline-block; display: inline-block; -moz-transform: skew(20deg, 0); -webkit-transform: skew(20deg, 0); -o-transform: skew(20deg, 0); transform: skew(20deg, 0); }

.taketori-ttb .italic span.cho-on { -moz-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); vertical-align: middle; }

.taketori-ttb strong { font-weight: normal; }

.taketori-ttb strong span.nocjk, .taketori-ttb strong .ltr, .taketori-ttb .ltr strong { font-weight: bold; }

.taketori-ttb strong span.cjk:after { content: "\3001"; display: -moz-inline-block; display: inline-block; position: absolute; top: 0; left: 0; margin: -0.3em 0 0 1em; }

.taketori-lang-ja-jp strong span.cjk:after { margin: -0.3em 0 0 1em; }

.taketori-lang-zh-tw strong span.cjk:after { margin: 0 0 0 0.75em; }

.taketori-ttb strong span.ku-ten:after, .taketori-ttb strong span.tou-ten:after { content: ""; }

.taketori-ttb strong span.kogaki:after { margin: -0.15em 0 0 0.8em; }

.taketori-lang-ja-jp strong span.kogaki:after { margin: -0.15em 0 0 0.8em; }

.taketori-lang-zh-tw strong span.kogaki:after { margin: 0.15em 0 0 0.55em; }

.taketori-ttb strong span.cho-on:after { -moz-transform: scale(1, -1) rotate(-90deg); -webkit-transform: scale(1, -1) rotate(-90deg); -o-transform: scale(1, -1) rotate(-90deg); transform: scale(1, -1) rotate(-90deg); margin: 1em 0.3em -1em -0.3em; }

.taketori-lang-ja-jp strong span.cho-on:after { margin: 1em 0.3em -1em -0.3em; }

.taketori-lang-zh-tw strong span.cho-on:after { margin: 0.75em 0 -0.75em 0; }

.taketori-ttb ul.cjk, .taketori-ttb ol.cjk { list-style-type: none; }

.taketori-ttb ul.cjk li:before, .taketori-ttb ol.cjk li:before { content: attr(data-marker); display: -moz-inline-block; display: inline-block; width: 3em; text-align: center; margin: 0 -0.3em 0 -2.7em; font-size: 0.8em; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

.taketori-ruby-disabled ruby { display: -moz-inline-block; display: inline-block; position: relative; }

.taketori-ruby-disabled ruby rp { display: none; }

.taketori-ruby-disabled ruby rt { display: block; margin: -1em 0 0 0; font-size: 0.5em; position: absolute; top: 0; left: 0; vertical-align: bottom; }

.taketori-writingmode-ttb .taketori-col { -moz-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; _writing-mode: tb-rl; }

.taketori-writingmode-ttb .ltr, .taketori-writingmode-ttb span.tcy { text-indent: 0 !important; line-height: 1 !important; -moz-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -o-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: lr-tb; _writing-mode: lr-tb; vertical-align: middle\9; }

.taketori-writingmode-ttb .underline { text-decoration: overline; }

.taketori-writingmode-ttb .overline { text-decoration: underline; }

.taketori-writingmode-ttb strong.bo-ten { font-weight: normal; -webkit-text-emphasis-style: filled; -moz-text-emphasis-style: filled; -o-text-emphasis-style: filled; -ms-text-emphasis-style: filled; text-emphasis-style: filled; }

.taketori-writingmode-ttb strong.bo-ten span.cjk { display: inline-block; }

.taketori-writingmode-ttb strong.bo-ten span.cjk:after { content: "\3001"; display: inline-block; line-height: 1; position: absolute; margin: -0.55em -0.05em 0.55em 0.05em; }

.taketori-lang-ja-jp strong.bo-ten span.cjk:after { margin: -0.55em -0.05em 0.55em 0.05em; }

.taketori-lang-zh-tw strong.bo-ten span.cjk:after { margin: -1em 0.25em 1em -0.25em; }

.taketori-writingmode-ttb ul.cjk, .taketori-writingmode-ttb ol.cjk { list-style-type: none; }

.taketori-writingmode-ttb ul.cjk li:before, .taketori-writingmode-ttb ol.cjk li:before { display: -moz-inline-block; display: inline-block; content: attr(data-marker); -moz-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -o-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: lr-tb; _writing-mode: lr-tb; font-size: 0.8em; line-height: 1; margin: -1.2em 0 0.2em -0.2em; text-align: center; vertical-align: text-bottom; }

.taketori-in-progress { opacity: 0 !important; -moz-opacity: 0 !important; -webkit-opacity: 0 !important; -o-opacity: 0 !important; -ms-filter: "alpha(opacity=0)" !important; filter: alpha(opacity=0) !important; }

.taketori-ttb .s-text { background-image: none; max-height: 20em; }

.taketori-ttb .s-text-2 { background-image: none; max-height: 20em; }

.taketori-ttb .board-ruby { position: static; }

.taketori-ttb .sasie-img { width: 20em; height: 20em; display: inline-block; }

.taketori-writingmode-ttb .s-text { background-image: none; max-height: 20em; }

.taketori-writingmode-ttb .s-text-2 { background-image: none; max-height: 20em; }

.taketori-writingmode-ttb .board-ruby { position: static; }

.taketori-writingmode-ttb .sasie-img { width: 20em; height: 20em; display: inline-block; }

/* ■著作概要： 作者 : MMZK | みみずく 所属 : 銑鉄計画 |ローアイゼン・プロイェクト 拠点 : http://roheisen.net/ 銑鉄網 ローアイゼン・ネッツ 版 : 皇紀2671年04月26日版 ver.1.0.4*/
@media tv { html body ruby { padding-bottom: 0.5em; } }
ruby { display: inline-table; text-align: center; text-indent: 0px; white-space: nowrap; border: none; margin: 0px; padding: 0px; line-height: 1; height: 0em; vertical-align: text-bottom; border: none; }

*:first-child + html ruby { white-space: normal; }

* html body ruby { white-space: normal; display: inline-table; vertical-align: baseline; }

rb { line-height: 0.9; text-align: center; border: none; margin: 0px; padding: 0px; white-space: nowrap; }

*:first-child + html rb { white-space: normal; }

* html body ruby rb { display: table-row-group; vertical-align: bottom; white-space: normal; }

rt { display: table-header-group; font-size: 0.56em; line-height: 1.1; text-align: center; white-space: nowrap; border: none; margin: 0px; padding: 0px; }

*:first-child + html rt { white-space: normal; }

* html body ruby rt { white-space: normal; line-height: 1em; display: table-header-group; position: static; top: 0em; }

rp { display: none; }

ruby:hover rt { font-size: 0.83em; }