@charset "utf-8";

/* --------------------------------------------------------------------------
ページ全体
    -------------------------------------------------------------------------*/
html, body{
margin:0;
padding:0;
font-size:100%;
line-height:1.5em;
background-color:black;
color:#ddd;
}
body, textarea, input {
font-family:'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}
a {
color:#aae;
text-decoration:none;
transition:all 0.5s;
}
a:hover {
text-decoration:underline;
}
h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color:#ddd;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color:#99f;
}
input,
button,
textarea {
border:1px solid #888;
background:linear-gradient(#444, #000);
border-radius:3px;
color:white;
}
input:hover,
input:active,
textarea:hover,
textarea:active,
button:hover,
button:active {
border:1px solid #ddd;
background:linear-gradient(#888, #000);
}
input[type="text"],
input[type="password"] {
padding:5px;
}
input[type="submit"],
div#edit input[type="reset"],
button {
margin:5px 5px 5px 0;
padding:7px 15px;
}
input[type="submit"]:active,
input[type="reset"]:active,
button:active {
background:linear-gradient(#000, #666);
}
.left {
text-align:left;
}
.right {
text-align:right;
}
.center {
text-align:center;
}
div#wrapper {
margin:30px 0 0 0;
line-height:1.75em;
}
div.wdwrap {
margin:0 auto;
max-width:1100px;
}

/* --------------------------------------------------------------------------
ヘッダー
    -------------------------------------------------------------------------*/
@media screen and (min-width:900px) {
header {
height:160px;
background: url(//wcp.blog.shinobi.jp/File/header_bg.jpg) top repeat-x;
}
header h1 {
font-weight:normal;
letter-spacing:0.1em;
text-shadow: 3px 3px 7px #fff;
color:#fff;
padding:25px 0;
}
header .admin {
font-size:70%;
text-align:right;
padding:15px 0 0 0;
}
}

/* スマホ用 */
@media screen and (max-width:899px) {
header {
padding:15px;
background:linear-gradient(#444, #000);
}
header h1 {
font-size:125%;
}
header .admin {
display:none;
}
}

/* --------------------------------------------------------------------------
コンテンツ内容
    -------------------------------------------------------------------------*/
div#content {}
@media screen and (min-width:900px) {
div.content-layout {
display:table;
}
div.articleblock{
display:table-cell;
width:100%;
}
div.navblock {
display:table-cell;
width:250px;
}
}
@media screen and (max-width:899px) {
div.content-layout {
}
div.articleblock{
width:100%;
}
div.navblock {
}
}

div.entryblock,
div#comment{
margin-right:5px;
border:1px solid #555;
margin:0 0 5px 0;
}
div.entryblock img {
max-width:100%;
}
div.entryblock h2,
div.pluginblock h2,
div#comment h2,
div#edit h2 {
padding:10px;
background:linear-gradient(#444, #000);
font-size:100%;
font-weight:normal;
border-bottom:1px solid #333;
}
div.entryblock h3 {
margin:3em 0 1em 0;
padding: 7px 0;
font-size:125%;
border-top:1px solid #888;
border-bottom:1px solid #888;
}
div.entryblock h4 {
margin:1em 0 0.5em 0;
}
div.entryblock hr {
height:2px;
margin:0.5em 0;
border:0;
background:linear-gradient(90deg, #333, #999 50%,#333 100%);
}
div.entryblock ul li {
padding-bottom:5px;
}
div.entryblock code {
margin:10px 0;
padding:10px;
border:2px solid #555;
font-size:125%;
display:block;
}
div.entryblock div.entrytext,
div.entryblock div.entrymore {
padding:15px;
font-size:95%;
}
div.entryblock div.entryPsLink a {
padding:10px 0;
text-align:center;
border:1px solid #444;
background:linear-gradient(#000, #444);
display:block;
color:#ddd;
}
div.entryblock div.entryPsLink a:hover {
border:1px solid #888;
background:linear-gradient(#444, #000);
}
div.entryblock div.entryfooter {
font-size:85%;
border-top:1px solid #333;
background:linear-gradient(#000, #444);
}
div.entryblock div.entryfooter a {
padding:5px 15px;
display:inline-block;
border-left:1px solid #333;
}
div.entryblock div.entryfooter a:hover {
}

div.entryblock p.NinjaClap {
margin-top:3em;
}

div#comment {
}
div#comment div.commentheader p {
text-align:right;
}
div#comment div.commentblock {
font-size:85%;
border-bottom:1px solid #555;
}
div#comment div.commentblock div.commenttext {
padding:15px;
}
div#comment div.commentblock div.commentheader {
border-bottom:1px solid #555;
}
div#comment div.commentblock div.commentfooter {
margin:0 0 2em 2em;
padding:10px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color: #888;
border-radius:10px 0 0 10px;
}
div#comment div.commentblock div.commentfooter p.title {
border-bottom:1px dotted #555;
}
div#comment div.commentblock div.commentheader a,
div#comment div.commentblock div.commentheader span,
div#comment div.commentblock div.commentfooter a,
div#comment div.commentblock div.commentfooter span{
display:inline-block;
padding:3px 15px;
border-right:1px solid #555;
}

div#edit {
}
div#edit dl dd {
margin:0 0 1em 0;
padding:0;
}
div#edit input[type="text"] {
width:95%;
padding:5px;
}
div#edit textarea {
width:95%;
height:5em;
padding:5px;
}
div#edit div.editblock {
padding:15px;
font-size:85%;
}

ul.pagelink {
list-style:none;
margin:10px 0;
padding:0;
text-align:center;
font-size:90%;
}
ul.pagelink li {
margin:0 10px 10px 10px;
padding:5px;
border:1px solid #555;
border-radius:7px;
display:inline-block;
}

@media screen and (min-width:900px) {
div.pluginblock {
margin:0 0 5px 5px;
border:1px solid #555;
}
}
@media screen and (max-width:899px) {
div.pluginblock {
margin:0 0 5px 5px;
border:1px solid #555;
float:left;
width:48%;
}
}
div.pluginblock div.header,
div.pluginblock div.footer {
padding:0 10px;
font-size:85%;
}
div.pluginblock div.data {
padding:10px;
font-size:85%;
}
div.pluginblock div.plugin_data {
}
div.pluginblock div.plugin_date {
}
div.pluginblock p {
}
div.pluginblock ul {
}

table.CalendarMoveTable,
table.CalendarTable {
width:100%;
border-collapse:collapse;
}
table.CalendarMoveTable {
margin-bottom:5px;
}
table.CalendarMoveTable th,
table.CalendarMoveTable td,
table.CalendarTable th,
table.CalendarTable td {
border:1px solid #333;
}
table.CalendarTable div.CalendarTdLink {
background-color:#444;
}
table.CalendarTable div.CalendarTdLink a {
color:white;
}
table.CalendarTable th.CalendarWdaySun,
table.CalendarTable td.CalendarTdSun {
color:#f99;
}
table.CalendarTable th.CalendarWdaySat,
table.CalendarTable td.CalendarTdSat {
color:#99f;
}

/* --------------------------------------------------------------------------
フッター
    -------------------------------------------------------------------------*/
footer {
clear:both;
height:50px;
background: url(//wcp.blog.shinobi.jp/File/footer_bg.jpg) top repeat-x;
}
footer div {
}
footer div#copyright {
float:left;
width:15%;
padding:25px 0;
}
footer div#ads{
float:right;
width:75%;
text-align:right;
padding:25px 0;
}

/* --------------------------------------------------------------------------
CHG3DIMG
    -------------------------------------------------------------------------*/
div.chg3dimg img {
width:45%;
}
div.chk3dbtn {
width:48px;
height:48px;
display:inline-block;
cursor:pointer;
}
div.chg3dparalellon {
background-image:url(//wcp.blog.shinobi.jp/File/3dparalellon.png);
}
div.chg3dparalelloff {
background-image:url(//wcp.blog.shinobi.jp/File/3dparalelloff.png);
}
div.chg3dintersecton {
background-image:url(//wcp.blog.shinobi.jp/File/3dintersepton.png);
}
div.chg3dintersectoff {
background-image:url(//wcp.blog.shinobi.jp/File/3dinterseptoff.png);
}