@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
}
label {
    cursor: pointer;
}
body {
    background-color: #eddad2;
    color: #800;
    font-family: trebuchet ms,Times New Roman;
    font-size: 10pt;
}
a:link {
    color: #483410;
}
a:visited {
    background: inherit;
    color: #34345c;
}
a:active {
    color: #f33;
}
a:hover {
    color: #af0a0f;
}
hr {
    background: inherit;
    color: #34345c;
    margin: 1ex auto;
}
hr.hr {
    clear: both;
}
footer > article,
footer > article,
footer > article.copy,
header,
main > article#catalog,
main > section > .thread,
main > section > .thread {
    background-color: #d9af9e;
    padding: 8px;
}
footer > article,
footer > article.copy,
header,
main > article#catalog,
main > section > .thread {
    margin: 12px auto;
    display: block;
    width: 70%;
    border: solid 1px #801a1a;
}
footer > article form {
    text-align: right;
}
footer > article.copy {
    text-align: right;
}
.se,
input,
select,
textarea {
    background-color: #e6cbc0;
    border: 1px solid #ca927b;
    font-family: trebuchet ms,Tahoma,Verdana,Arial,sans-serif;
    font-size: 10pt;
    text-align: left;
    color: #000;
}
textarea {
    width: 25em;
    height: 5em;
}
.button,
button,
button.copy_button {
    border-style: solid;
    border-color: #66f #003 #003 #66f;
    border-width: 1px;
    color: #000;
    background-color: #eee;
}
select {
    padding: 2px;
    vertical-align: middle;
}
select[name=pich],
select[name=picw] {
    width: 4em;
}
select[name=shi] {
    width: 11em;
}
input[name="del[]"],
textarea[name="del[]"],
select[name="del[]"],
.se[name="del[]"] {
    width: 4em;
}
.se[name=pwd],
input[name=pwd],
select[name=pwd],
textarea[name=pwd] {
    width: 6em;
}
.button,
.se[value=Paint],
button.copy_button,
input[value=Paint],
select[value=Paint],
textarea[value=Paint] {
    background-color: #e6cbc0;
    border: 1px solid #ca927b;
    color: #000;
}
.se[name=upfile],
input[name=upfile],
select[name=upfile],
textarea[name=upfile] {
    width: 25em;
}
.copy_txt.se,
input.copy_txt,
select.copy_txt,
textarea.copy_txt {
    width: 1px;
    height: 1px;
    position: relative;
    vertical-align: middle;
    left: 2em;
    z-index: -1;
}
.copy_button.button,
button.copy_button {
    padding: 3px 1ex;
    display: inline-block;
}
em.thispage {
    font-weight: 700;
    font-style: normal;
}
.se {
    background-color: #eee;
    color: #000;
    font-style: normal;
}
.name {
    line-height: 1em;
    border: solid 1px #c15d55;
    border-radius: 5px;
    display: inline-block;
}
.name a {
    text-decoration: none;
    display: block;
    padding: 5px;
    color: inherit;
}
.name:hover {
    background-color: #9b5656;
}
::-moz-selection {
    color: #e89999;
    background: #820e0e;
}
::selection {
    color: #e89999;
    background: #820e0e;
}
h1+div {
    text-align: right;
}
h1 a {
    text-decoration: none;
}
h2 {
    border-left: solid 1ex #a84f39;
    background-color: #cc9577;
    padding-left: 5px;
}
h3 {
    margin-top: 1ex;
}
figure {
    float: left;
    margin-right: 8px;
    margin-bottom: 1ex;
}
figure img {
    height: auto;
    max-width: 100%;
}
figcaption {
    font-size: smaller;
    margin: 10px 0;
}
ul {
    list-style-type: none;
    font-size: smaller;
}
ul.menu {
    font-size: medium;
    line-height: 2em;
}
.res section {
    display: table;
}
.res h3,
.res h4 {
    font-size: 100%;
    margin-bottom: 1ex;
}
.res figure {
    float: none;
}
.res article {
    display: table;
    min-width: 250px;
}
.resma {
    color: #454;
}
.thfoot {
    clear: left;
    text-align: right;
}
.button {
    padding: 3px 1ex;
    display: inline-block;
}
.button a {
    text-decoration: none;
    color: #994040;
}
.button a i {
    color: #fff;
}
.oyano,
.oyaresno {
    font-weight: 700;
}
.oekaki {
    font-size: smaller;
}
#appstage {
    display: block;
    text-align: center;
}
#appstage > * {
    display: inline-block;
    vertical-align: middle;
}
.NEO .color_bk {
    color: #69f;
}
.NEO .color_bk2 {
    color: #369;
}
.NEO .color_tool_icon {
    color: #396;
}
.NEO .color_icon {
    color: #063;
}
.NEO .color_iconselect {
    color: #063;
}
.NEO .color_text {
    color: #fff;
}
.NEO .color_bar {
    color: #369;
}
.NEO .tool_color_button {
    color: #669;
}
.NEO .tool_color_button2 {
    color: #336;
}
.NEO .tool_color_text {
    color: #fff;
}
.NEO .tool_color_bar {
    color: #69f;
}
.NEO .tool_color_frame {
    color: #369;
}
.palette {
    width: 180px;
}
.palette fieldset {
    text-align: center;
}
.palette fieldset textarea {
    width: 120px;
    height: 1.2em;
}
.c {
    text-align: center;
}
#catalog > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#catalog > div div {
    width: 166px;
    text-align: center;
    overflow: hidden;
}
#catalog > div p {
    display: table;
    margin: 0.5ex auto;
}
#catalog > div p a {
    display: table-cell;
    width: 150px;
    height: 150px;
    vertical-align: middle;
}
#catalog > div img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.delfo {
    font-size: smaller;
}
.delfo td,
.delfo th {
    border: 1px solid #eee;
}
.delfo tr:nth-child(odd) {
    background-color: #9cf;
}

.share_button {
    display:none;
}

@media screen and (max-width:1024px) {
    footer > article,
    footer > article,
    footer > article.copy,
    header,
    main > article#catalog,
    main > article#catalog,
    main > section > .thread,
    main > section > .thread {
        width: 90%;
    }
    .res {
        clear: left;
    }
}
@media screen and (max-width:450px) {
    .se[name=upfile],
    input[name=upfile],
    select[name=upfile],
    textarea,
    textarea[name=upfile] {
        width: 15em;
    }
    #appstage {
        display: block;
    }
}
#search body {
    margin: 8px 10px;
    font-family: hiragino sans,meiryo,ヒラギノ角ゴシック,メイリオ,sans-serif;
    font-size: 16px;
    line-height: 150%;
    color: #000;
    background-color: #eee;
    letter-spacing: 0.08em;
}
#search h1 {
    font-size: 16px;
    display: inline-block;
    margin: 0;
}
#search h2 {
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    margin: 0 0 8px;
    background-color: inherit;
}
#search h3 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
#search .title {
    color: #000;
    background-color: #9cf;
    border-left: 8px solid #33f;
    padding: 6px 5px 2px;
    margin: 0 0 10px;
}
#search a {
    color: #003;
    text-decoration: underline;
}
#search a:hover {
    text-decoration: none;
}
#search #main {
    margin: 0 auto;
    width: 928px;
}
#search .newimg {
    margin: 19px 0 10px;
    line-height: 1;
}
#search .newimg ul {
    margin: 0;
    padding: 0;
}
#search .newimg li {
    display: inline-block;
}
#search .newimg li:nth-of-type(5n) {
    margin-right: 0;
}
#search .catalog {
    width: 180px;
    margin: 0 5px 5px 0;
}
#search .catalog img {
    width: 100%;
    vertical-align: text-top;
    border: none;
}
#search .clear {
    clear: both;
}
#search .leftbox {
    float: left;
}
#search .rightbox {
    float: right;
}
#search .leftbox,
#search .rightbox {
    width: auto;
    margin: 1px 0 16px;
}
#search p {
    margin: 1em 0;
}
#search .title_wrap {
    display: inline-block;
}
#search .se[type=text],
#search input[type=text],
#search select[type=text],
#search textarea[type=text] {
    height: 20px;
    width: 180px;
    border: 1px solid;
    color: auto;
    border-color: #003 #66f #66f #003;
    background-color: #fff;
    vertical-align: middle;
}
#search .se[type=text]:hover,
#search input[type=text]:hover,
#search select[type=text]:hover,
#search textarea[type=text]:hover {
    background-color: #eef;
}
#search .se[type=submit],
#search input[type=submit],
#search select[type=submit],
#search textarea[type=submit] {
    color: #000;
    border: 1px solid;
    border-color: #66f #003 #003 #66f;
    background-color: #ddf;
    vertical-align: middle;
}
#search .menu {
    margin: 16px 0 14px;
}
#search .name {
    font-weight: 700;
    color: #000;
    display: inline-block;
    border: 1px solid #336;
    border-radius: 6px;
    line-height: 1em;
}
#search .name:hover {
    background-color: #ddf;
}
#search .name a {
    color: #003;
    display: block;
    padding: 5px;
}
#search .comments_title_wrap a {
    text-decoration: none;
}
#search .res_button_wrap {
    text-align: right;
    margin: 8px 0 -8px;
}
#search .res_button_wrap form {
    display: inline-block;
    width: 200px;
    vertical-align: inherit;
}
#search .page_top {
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: -webkit-baseline-middle;
}
#search .res_button {
    width: 5em;
}
#search .res_button:hover {
    background-color: #eef;
}
#search .res_button form {
    display: inherit;
}
#search .comments_title_wrap {
    display: block;
    line-height: 2em;
    margin: 8px 0 5px;
}
#search .se[type=radio],
#search input[type=radio],
#search select[type=radio],
#search textarea[type=radio] {
    display: none;
}
#search .se[type=radio]:checked+label,
#search input[type=radio]:checked+label,
#search select[type=radio]:checked+label,
#search textarea[type=radio]:checked+label {
    color: #000;
    background: #ddf;
}
#search .label {
    color: #333;
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
    border: 2px solid #66c;
    border-radius: 15px;
}
#search .label:hover {
    background-color: #eef;
}
#search .radio {
    display: inline-block;
    margin: 0 0 16px;
}
@media screen and (max-width:967px) {
    #search #main {
        width: 736px;
    }
    #search .newimg li:nth-of-type(5n) {
        margin-right: 5px;
    }
    #search .newimg li:nth-of-type(4n) {
        margin-right: 0;
    }
}
@media screen and (max-width:767px) {
    #search #main {
        width: 100%;
    }
    #search .newimg {
        padding: 5px 0 0;
    }
    #search .catalog {
        width: 24.2%;
        margin: 0 1.0666% 3px 0;
    }
    #search .newimg li:nth-of-type(5n) {
        margin-right: 1.0666%;
    }
    #search .newimg li:nth-of-type(4n) {
        margin-right: 0;
    }
}