.background-layer{background:none repeat scroll 0% 0% rgba(4,49,43,0.65)}
@media screen and (min-width: 480px){
.background-layer{box-shadow:0px 0px 280px 140px rgba(0,0,0,0.8) inset}
}
#shiori_create{border:1px solid #888;color:#f5f5f5}
.toc_header{color:#f3f3f3}
/*! ●  ※※※※※※ ドロワー機能 ※※※※※※  */
@media screen and (min-width: 800px){#r-box .drawer-toggle{display:block}}
a{text-decoration:none;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s;cursor:pointer}
a:link{color:#f5f5f5;text-shadow:1px 1px 2px #454545,-1px 1px 2px #454545,1px -1px 2px #454545,-1px -1px 2px #454545}
a:visited{text-shadow:1px 1px 2px rgba(179,219,239,0.63),-1px 1px 2px rgba(179,219,239,0.63),1px -1px 2px rgba(179,219,239,0.63),-1px -1px 2px rgba(179,219,239,0.63);text-decoration:underline;color:rgba(179,219,239,0.63);text-decoration:none}
a:visited:hover,a:visited:active,a:visited:focus{color:rgba(255,255,255,0.63)}
a:hover{text-shadow:1px 1px 2px #f3f3f3,-1px 1px 2px #f3f3f3,1px -1px 2px #f3f3f3,-1px -1px 2px #f3f3f3;text-decoration:underline;color:#f3f3f3;text-decoration:none}
a:hover:hover,a:hover:active,a:hover:focus{color:#fff}a a:active{text-shadow:1px 1px 2px #f3f3f3,-1px 1px 2px #f3f3f3,1px -1px 2px #f3f3f3,-1px -1px 2px #f3f3f3;text-decoration:underline;color:#f3f3f3;text-decoration:none;font-weight:bold}
a a:active:hover,a a:active:active,a a:active:focus{color:#fff}

.main{width:100%;display:inline-block;vertical-align:top}
.ext{display:none}.flex,.flex1{margin-bottom:10px;overflow:hidden}
@media screen and (min-width: 800px){
.flex,.flex1{margin-bottom:10px;overflow:hidden}
}
#main{box-shadow:none;margin:0 10px}
#main .box-rule{width:100%;margin:0 auto;position:relative;box-shadow:0px 0px 0px 1000px rgba(42,54,60,0.75) inset}
#main .box-rule .body-text2{float:none;margin:0;width:auto;background:none;box-shadow:none;border:1px solid #000}
#main .box-rule .body-text2 .article2{overflow:hidden;border-bottom:1px solid #454545;background:none;color:#fff;position:relative}
@media screen and (min-width: 1023px){
#main .box-rule .body-text2 .article2{width:100%;margin:0;border:0;background:none}
}
@media screen and (min-width: 1023px){
#main{margin:0 30px;padding-top:0}
}
.section{text-shadow:1px 1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, -1px -1px 2px #333;margin:0 auto 20px;color:#dcdcdc;background-color:transparent;overflow:hidden;position:relative}
.section2{margin-bottom:30px;overflow:hidden;position:relative}
.section-half{width:88%;margin:0 auto 100px}
.section-half .section-l{width:100%;display:inline-block;margin-bottom:10px}
.section-half .section-r{width:100%;display:inline-block;margin-bottom:10px}
.headline{width:92%;margin:8px auto 30px}
.headline h1{font-size:20px;text-align:center}
.headline .headline-l{float:left;width:99.5%;display:inline-block;margin-bottom:10px;padding:10px 0;background:url("/_ibez-img/wg_destroyed_screen-0.png") #4a0710 no-repeat 50% 50%;height:300px;overflow:hidden}
.headline .headline-r{float:left;width:99.5%;display:inline-block;margin-bottom:10px;padding:10px 0;background:rgba(255,255,255,0.31)}
.headline .headline-r h2{font-size:20px;text-align:center}
@media screen and (min-width: 767px){
.headline .headline-l{width:48.5%;margin-right:1%}
.headline .headline-r{width:48.5%}
}
.navi{display:none}
@media screen and (min-width: 480px){
.navi{display:block;font-size:.9em;font-size:1em;padding:18px 8px;color:#f3f3f3}
.navi .pre-navi{margin-right:10px}
.navi .end-navi{margin-left:10px}}
.no-links{text-align:center;display:inline}
.no-links a{color:#afafaf;text-shadow:none}
@media screen and (min-width: 480px){
.no-links{font-size:150%}
}
.links a{background-color:rgba(250,250,250,0.24)}
.kiji-post{padding:0;position:relative}
.kiji-post .title{z-index:1;top:0;font-size:100%;background:none;border:none;box-shadow:none}
.kiji-post .title a{color:whitesmoke;font-weight:normal}
@media screen and (min-width: 480px){.kiji-post .title{top:0;font-size:100%}}
.kiji-post .entry{padding:0}
.honnbunn{padding:20px}
.honnbunn .submit-button{overflow:VISIBLE;margin-bottom:10px;text-align:right}
.honnbunn .submit-button input{border:1px solid rgba(0,0,0,0.5);padding:12px;BORDER-RADIUS:0;margin:8px 1px;width:49%;font-family:Georgia,'源暎こぶり明朝', 源暎こぶり明朝,'游明朝',YuMincho,serif}
.honnbunn .submit-button input a:hover{color:#f5f5f5;text-shadow:1px 1px 2px #454545,-1px 1px 2px #454545,1px -1px 2px #454545,-1px -1px 2px #454545}
@media screen and (min-width: 660px){.honnbunn .submit-button input{width:auto}
}
.honnbunn .submit-button a{border:1px solid rgba(0,0,0,0.5);background-color:rgba(234,234,234,0.63);padding:10px;margin:10px 0;font-family:Times New Roman,Georgia,'源暎こぶり明朝', 源暎こぶり明朝,'游明朝',YuMincho,serif;text-align:center;font-size:120%}
.honnbunn .submit-button a:hover{color:#f5f5f5;text-shadow:1px 1px 2px #454545,-1px 1px 2px #454545,1px -1px 2px #454545,-1px -1px 2px #454545}
.cont-head{overflow:hidden;white-space:normal;background:rgba(230,230,230,0.8);display:none;background:rgba(230,230,230,0.14);border:1px solid rgba(255,255,255,0.5);margin-top:65px}
.cont-head img{float:left;width:100%}
@media screen and (min-width: 480px){
.cont-head{margin-top:20px}
}
@media screen and (min-width: 767px){
.cont-head{margin-top:20px;display:block}
}
@media screen and (min-width: 1023px){.cont-head{min-height:auto;margin-top:20px}
}
.img_left{float:none;width:auto;position:relative;overflow:hidden}
@media screen and (min-width: 768px){
.img_left{float:left;padding:0 0 0 10px;width:46%}
}
.text_right #c1{text-align:center}
.text_right #c2{width:100%;text-align:left;float:left}
.text_right #c2 li{background:rgba(19,51,78,0.09);border:1px solid rgba(250,250,250,0.5);margin:10px 0;height:46px;text-indent:1.0em;font-size:80%;line-height:3.6}
.text_right #c2 li a{display:block}
.text_right #c2 li a:hover{color:#f5f5f5;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}
@media screen and (min-width: 480px){.text_right #c2 li{margin:4px}
}
@media screen and (min-width: 768px){.text_right #c2 li{float:right;width:47%}
}
@media screen and (min-width: 880px){.text_right #c2 li{width:45%;margin:4px 6px 0 0}
}
@media screen and (min-width: 500px){.text_right{padding:10px;overflow:hidden;display:block}
}
@media screen and (min-width: 767px){.text_right{float:right;width:51%;padding:10px 0 0 0}
}
.text_right #c2 li.x{background-color:rgba(127,63,127,0.22);text-align:center;display:block}
.text_right #c2 li.x:hover{color:#f5f5f5;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}
@media screen and (min-width: 768px){.text_right #c2 li.x{float:right;width:96.8%;margin:15px 4px}
}
@media screen and (min-width: 880px){.text_right #c2 li.x{width:91.5%;margin:15px 6px 15px 0}
}
.setumei{text-align:center;color:#2ed6d6;line-height:3.0;background:#3c3c3c;margin:20px 0}
#content2 h2{text-align:center;font:normal 110%/180% Times New Roman,Georgia,'源暎こぶり明朝', 源暎こぶり明朝,'游明朝',YuMincho,serif}
#content2 .submit-button{overflow:VISIBLE;text-align:center;padding:0 1px}
#content2 .submit-button li:hover{color:#f5f5f5;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}
#content2 .submit-button a{color:#f3f3f3;line-height:2.9;text-align:center;display:block;padding:0}
#content2 .submit-button a:hover{color:#f5f5f5;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}
#content2 .door-img{width:100%;background:rgba(84,84,84,0.58);margin:50px auto 0;text-align:center;padding:10px 0;height:auto;overflow:hidden;clear:both}
@media screen and (min-width: 767px){
#content2 .door-img{margin:0 auto}
}
#content2 #resizable{white-space:pre-wrap;line-height:1.75;position:relative;padding:1.8em 5%}
#content2 #resizable .lined-paper3{font-size:100%;letter-spacing:.06em}
#content2 #resizable .lined-paper3 h1{text-align:center;height:60px;position:relative;etter-spacing:0.05em;-webkit-font-feature-settings:'palt' 1;font-feature-settings:"palt" 1}
#content2 #resizable .lined-paper3 h1 hr{position:relative;top:-30px}
@media screen and (min-width: 1023px){
#content2 #resizable .lined-paper3 h1{font-size:120%}
}
@media screen and (min-width: 400px){#content2 #resizable{padding:1.8em 5%}}
@media screen and (min-width: 660px){#content2 #resizable{padding:1.8em 8%}}
@media screen and (min-width: 767px){#content2 #resizable{padding:1.8em 10%}}
@media screen and (min-width: 900px){#content2 #resizable{padding:1.8em 12%}}
@media screen and (min-width: 1023px){#content2 #resizable{padding:2.4em 20%}}
@media screen and (min-width: 1100px){#content2 #resizable{padding:2.8em 22%}}
@media screen and (min-width: 1200px){#content2 #resizable{padding:2.8em 22%}}
#content2 blockquote{border-width:1px 1px;border-style:dotted;border-color:#3E0606}
#content2 blockquote span{margin:0 auto;display:block;width:82%;color:#e8e8e8;text-shadow:2px 2px 3px #313131, -2px 2px 3px #3C3C3C, 2px -2px 3px #383838, -2px -2px 3px #353535;font-family:'ヒラギノ明朝 ProN W3', Hiragino Mincho ProN,'源暎こぶり明朝', 源暎こぶり明朝,'游明朝',瀬戸フォント,YuMincho, Roboto,'Droid serif'}
#content2 blockquote:before{content:'"';font-size:60pt;text-shadow:none;text-align:center;line-height:60pt;color:rgba(255,255,255,0.1);float:left;background:rgba(255,255,255,0.2);border-radius:25px;position:relative;top:0px;left:-40px;display:block;height:50px;width:50px}
#content2 blockquote:after{content:'"';font-size:60pt;text-shadow:none;text-align:center;line-height:60px;color:rgba(255,255,255,0.1);float:right;background:rgba(255,255,255,0.2);border-radius:25px;position:relative;bottom:0px;right:-40px;display:block;height:50px;width:50px}
#content2 blockquote:hover:after,#content2 blockquote:hover:before{background-color:#555;color:#a5a5a5;transition:all 350ms;border:1px solid rgba(255,255,255,0.58);-o-transition:all 350ms;-moz-transition:all 350ms;-webkit-transition:all 350ms}
#content2 blockquote,#content2 q{quotes:initial;background:url("/_ibez-img/wg_destroyed_screen-2.png") #231114 repeat 100%}

.sasie-img{width:100%;text-align:center}
.s-text{width:100%;display:inline-block;position:relative;height:auto;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.1em, transparent 0.1em);text-align:justify;text-shadow:none;text-indent:1em;line-height:2;font-size:82%;color:#a0a0a0;background-size:100% 2.0em}
.s-text-2{width:100%;display:inline-block;position:relative;height:auto;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.1em, transparent 0.1em);background-size:100% 2.0em;text-align:center;line-height:2;font-size:82%;color:#a0a0a0;text-shadow:none;text-indent:1em}
.board-ruby{font-size:78%;position:absolute;bottom:0;right:0;left:0;top:38px}
.board-ruby::before{content:url(/_ibez-img/369-chapter.png);position:absolute;top:-30px;left:50px}
.board-ruby::after{content:url(/_ibez-img/936-chapter.png);position:absolute;bottom:-8px;right:50px}
@media screen and (min-width: 480px){.board-ruby::before{top:-30px;left:0}
.board-ruby::after{bottom:-8px;right:0}}

.d{letter-spacing:-0.7pt}
.contents img{box-shadow:0 0 0 1px #262640}
#com-box p{color:whitesmoke;text-shadow:1px 1px 2px #454545, -1px 1px 2px #454545, 1px -1px 2px #454545, -1px -1px 2px #454545}
rb{line-height:1;letter-spacing:0}
ruby{height:0}
.information .box-rule2{max-width:1200px;position:relative;margin:20px auto}
.information .box-rule2 .news{margin:50px auto}
.slick-slide{background-color:#e6e6e6;height:111px}

.entry { background-color: transparent;}
#r-box .drawer-toggle {
    padding: 15px 10px 22px;
}