@charset "shift_jis"; 

html {color:#66411d;background:#f1f1f1;font-family:"Trebuchet MS",sans-serif;font-size:16px;text-align:center;cursor:default;}
a {text-decoration:none;}
img {border:none;}
body {margin:0;padding:0;}
img#cvr, section.ny {border-radius:6px 6px 6px 6px;}
::selection {color:#191970;background:#b0e0e6;}
::-moz-selection {color:#191970;background:#b0e0e6;}
div.wrpr {
width:58%;
min-width:700px;
height:auto;
margin:0 auto;
padding:0 1%;
border-left:1px dotted #9f9f9f;
border-right:1px dotted #9f9f9f;
}

/* ヘッダー フッター */
header, footer {
display:block;
width:100%;
height:auto;
color:#f08200;
background:#0a0a0a;
margin:0;
padding:15px 0;
}
header {
border-bottom:7px solid #9f9f9f;
}
footer {
border-top:7px solid #9f9f9f;
clear:left;
}
h1, #cpy {
margin:0 auto; 
padding:0;
}
h1 {
line-height:35px;
font-size:35px; 
letter-spacing:5px;
}
h1 span {
font-size:20px; 
}
#cpy {
line-height:15px;
font-size:15px;
}

/* サイドバー */
#side_bar {
width:30%;
height:auto;
margin:10px 0;
padding:0;
float:left;
}
nav {
z-index:99;
display:block;
width:180px;
padding:0;
margin:10px 0;
position:fixed;
right:3px;
bottom:20px;
opacity:0.3;
-moz-opacity:0.3;
filter:alpha(opacity=30);
-ms-filter:"alpha(opacity=30)";
-khtml-opacity:0.3;
}
nav:hover {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
-khtml-opacity:1;
}
a.navi {
display:block;
width:90%;
height:45px;
line-height:45px;
color:#66411d;
font-size:14px;
background-color:#b0e0e6;
margin:1px 0;
padding:0 5%;
letter-spacing:4px;
border-radius:8px;
}
a:hover.navi {
color:#fffaf0;
background-color:#ff4500;
}
a:active.navi {
color:#fffaf0;
background-color:#fffaf0;
}

#pxv {
width:170px;
height:auto;
margin:10px auto;
padding:0;
}
#pxv iframe {
margin:0 auto 5px;
}
#pxvlnk {
display:block;
width:auto;
height:auto;
margin:0 auto;
}

#twtr {
width:100%;
height:auto;
margin:10px auto;
padding:0;
}

.twitter-timeline {
width:100%;
padding:0 auto;
}

#sns_btn {
width:auto;
height:auto;
margin:0 auto;
padding:0;
}
.fb-like, .twitter-share-button {
margin:0 1%;
}
/* メインコンテンツ */
img#cvr {
-ms-interpolation-mode:bicubic;
display:block;
width:100%;
height:auto;
margin:10px auto;
}
div.ny_wrp {
width:69%;
height:auto;
margin:10px 1% 10px 0;
padding:0;
float:left;
}
section.ny {
display:block;
width:98%;
height:auto;
background:; /*#fff5ee#ffe4e1#fffaf0#faf0e6*/
margin:10px auto;
padding:15px 1% 15px 1%;
text-align:center;
border:1px solid #9f9f9f;
}
h3 {
font-size:23px;
letter-spacing:10px;
line-height:30px;
margin:0;
padding:0;
}
ul {
width:70%;
height:auto;
list-style-type:square;
list-style-position:outside;
text-align:left;
padding:0 15%;
margin:20px 0;
}
h4 {
letter-spacing:5px;
padding:0;
margin:0;
}
p {
margin:0 auto 10px;
padding:0;
}
#manga ul {
font-size:larger;
text-align:center;
list-style-type:decimal-leading-zero;
list-style-position:inside;
}
#manga li {
letter-spacing:4px;
margin:5px auto;
}
#manga a {
disply:block;
color:#24c4a2;
border:1px solid #fff;
padding:0 3px;
}
#manga a:hover {
color:#1e2a3a;
background-color:#b0e0e6;
border:1px solid #1e2a3a;
}
#manga a:visited {
}
a.pc {
display:inline;
}
a.smt {
display:none;
}

/*漫画のページ*/
#cpy_tt {
display:block;
width:16px;
height:auto;
line-height:16px;
font-size:16px;
text-align:center;
word-wrap:break-word;
position:fixed;
left:3px;
bottom:32px;
}
#conpane {
z-index:98;
display:block;
width:30px;
height:240px;
background:#fefffe;
margin:0;
padding:0;
position:fixed;
right:0;
bottom:0;
cear:right;
border-left:1px solid #24c4a2;
border-top-left-radius:8px;
border-bottom-left-radius:8px;
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
-khtml-opacity:0.8;
}
#nv_tab {
z-index:99;
display:block;
width:100%;
height:100%;
line-height:240px;
margin:0;
padding:0;
font-size:20px;
color:#fffaf0;
background:#b0e0e6;
position:absolute;
top:0;
left:0;
border-top-left-radius:8px;
border-bottom-left-radius:8px;
}
#p_navi {
z-index:99;
display:block;
width:180px;
height:315px;
background:#fff;
position:absolute;
bottom:30px;
left:30px;
overflow:auto;
}
#p_navi a, #nv_tab {
text-align:center;
}
#conpane:hover {
width:240px;
height:100%;
}
#conpane:hover #nv_tab {
display:none;
}

nav.mng {
width:180px;
z-index:99;
display:block;
position:absolute;
top:10px;
left:30px;
padding:0;
margin:10px 0;
}

div.mhrk {
width:1100px;
height:778px;
margin:0 auto 300px;
padding:0;
text-align:center;
box-shadow:0 0 4px 4px rgba(0,0,0,0.2);
}
a.r, div.r {
float:right;
}
a.l, a.r, div.r {
diplay:block;
width:50%;
height:778px;
margin:0;
padding:0;
}
a.l {
float:left;
}
#mgk {
font-size:18px;
margin:0;
padding:0;
background-color:#fff;
}
#mgk ul {
line-height:60px;
position:relative;
top:30%;
text-align:center;
}
#agk {
width:1100px;
height:778px;
margin:0 auto;
padding:30px 0;
font-size:22px;
text-align:center;
}
#agk a {
width:180px;
margin:15px auto;
padding:0;
text-align:center;
}

@media only screen and (max-width:768px) {
html, body, div.wrp, div.ny_wrp, .ny, img {
width:100%;
max-width:100%;
padding:0;
margin:0;
}
html, body {
font-size:62.5%;
}
div.wrpr, section.ny {
border:none;
}
h4, #manga li, p, #cpy, #cpy_tt, a.navi {
font-size:3.0rem;
line-height:3.0rem;
}
h1, h3 {
font-size:4.0rem;
}
h1 span {
font-size:2.2rem;
}
ul {
width:96%;
padding:0 2%;
}
#side_bar {
width:100%;
height:auto;
padding:0;
margin:0 auto;
}
#twtr {
width:80%;
height:auto;
margin:10px 10%;
padding:0;
}
.twitter-timeline {
display:block;
width:100%;
margin:0; 
padding:0;
}
#pxv {
width:170px;
height:auto;
margin:10px auto;
padding:0;
float:none;
}
#pxvlnk {
width:auto;
height:auto;
float:none;
margin:5px auto;
text-align:center;
}
#pxvlnk img {
width:auto;
height:auto;
}
a.pc {
display:none;
}
a.smt {
display:inline;
}
}