@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
@font-face {
  font-family: 'xeicon';
  src: url("fonts/xeicon.eot?3ka2yj");
  src: url("fonts/xeicon.eot?3ka2yj#iefix") format("embedded-opentype"), url("fonts/xeicon.woff2?3ka2yj") format("woff2"), url("fonts/xeicon.ttf?3ka2yj") format("truetype"), url("fonts/xeicon.woff?3ka2yj") format("woff"), url("fonts/xeicon.svg?3ka2yj#xeicon") format("svg");
  font-weight: normal;
  font-style: normal;
}
* {
  font-family:'Arial', "돋움";
  font-size:11px;
  word-break:break-all;
  line-height:2;
  letter-spacing:-1px;cursor: url(https://cur.cursors-4u.net/cursors/cur-5/cur464.cur), auto !important;
}

body {
  height:100%;
  margin:0;
  padding:0;
  
}

ul, dl, ol, li { list-style:none; margin:0; padding:0; }

a, a:link, a:visited {
  color:black;
  text-decoration:none;
}

a, a:link, a:visite, iframe, img, .button {
  cursor: url(https://cur.cursors-4u.net/cursors/cur-5/cur459.cur), auto !important;
}

p {
  cursor: url(https://cur.cursors-4u.net/cursors/cur-5/cur460.cur), auto !important;
}

/*img, iframe*/
figure {
  text-align:inherit !important;
  display: block;
  padding: 0 !important;
  margin:0 !important;
}

figure.imageblock.alignRight {
    text-align: right !important;
    margin-left: auto !important;
}

figure.imageblock.alignCenter {
    text-align: center !important;
    margin: auto !important;
}

figure span img {
  display:block !important;
}

.password{
  width:160px;
  border:1px outset #ddd;
  border-radius:1px;
  overflow:hidden;
  box-sizing: border-box;
}
.password input[type="password"] {
  width:70%;
  float:left;
  border:0;
  padding:5px 8px;
  outline:none;
  box-sizing: border-box;
  display:block;
}
.password input[type="button"]{
  float:right;
  width:25%;
  border:0;
  background:transparent;
  padding:5px 8px;
  box-sizing: border-box;
  display:block;
}

#container {
  width:400px;
  margin:0 auto;
  margin-top:200px;
}

#side {
  text-shadow:1px 1px 0 #ddd;
  position:fixed;
  width:200px;
  margin-left:-300px;
  overflow:hidden;
}

.taglog li {
  display:block;
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}
.taglog li a:hover {
  text-decoration: underline;
}

#side .prf{
  border:2px outset #ddd;
  box-sizing:border-box;
  width:200px;height:200px;
  overflow:hidden;
}

#side .prf .img {
  background:url('./images/444.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  background-position: center center;
  width:196px;height:196px;
  box-sizing:border-box;
  border:1px solid #aaa;
}

#side ol {
  box-sizing:border-box;
  border:1px solid #aaa;
}

#side .menu {
  float:right;
  width:100px;
  margin-top:40px;
  border:2px outset #ddd;
  box-sizing:border-box;
}

.button {
  font-weight:bold;
  box-sizing:border-box;
  display:block;
  padding:5px 8px;
  position:relative;
}

#side .admin {
  border-top:1px solid #aaa;
  padding:5px 8px;
}
#side .admin a:hover {
  text-decoration: underline;
}

.clist {
  display:none;
}

a.link_item, a.link_sub_item, a.link_tit {
  letter-spacing:1px;
  border-top:1px dashed #aaa;
  box-sizing:border-box;
  padding:5px 8px;
  display:block;
}
a.link_item:hover, a.link_sub_item:hover, a.link_tit:hover {
  text-decoration: underline;
}

#side .menu:hover .button {
  text-decoration:underline;
}

#side .button {
  border-top:0;
}

#content {
  width:100%;
  overflow:hidden;
}

.titlewr {
  background:#f7f7f7;
  padding:15px;
margin-bottom:40px;
}

.titlewr a {
  background:#fff;
  display:block;
  padding:10px;
  font-weight:bold;
}

.titlewr ol{
  border:1px inset #ddd;
  }

.titlewr .dwr {
  width:100%;
  overflow:hidden;
}

.titlewr .date {
  color:#999;
  display:block;
  background:#fff;
  box-sizing: border-box;
  padding:5px 10px;
  border-top:1px dashed #ddd;
}

.article {
  padding-bottom:40px;
  border-bottom:1px dashed #ddd;
}

.paging {
  width:100%;
  display:block;
  margin-top:40px;
  overflow:hidden;
}

.paging a {
  font-weight:bold;
  margin-right:4px;
}

.paging a:hover {
  text-shadow:2px 2px 0 #ddd;
}

.container_postbtn {
  display:none !important;
  padding:0 !important;
  margin-top:15px;
}

.list {
  background:#fff;
  border-bottom:2px outset #ddd;
}

.list li img {
  display:none;
}

.list li {
  border-top:1px dashed #ddd;
  padding:15px;
}

.list li .date {
  margin-right:15px;
}

.list li .title {
  font-weight:bold;
}
.list li:first-child {
  border-top:2px solid #ddd;
}
.list li:hover .title {
  text-shadow:2px 2px 0 #ddd;
}
::selection {
  background:#aaa;
  color:#fff;
}

.gallery {
  width:100%;
  overflow:hidden;
}

.gallery .title, .gallery .date {
  display:none;
}

.gallery img {cursor: url(https://cur.cursors-4u.net/cursors/cur-5/cur459.cur), auto !important;
  width:100%;
  display:block;
  box-sizing: border-box;
  border:1px solid #ddd;
}

.gallery ol li {
  cursor: url(https://cur.cursors-4u.net/cursors/cur-5/cur459.cur), auto !important;
  display:block;
  width:32.3%;
  margin-right:4px;
  margin-bottom:4px;
  float:left;
  position:relative;
  overflow:hidden;
  box-sizing: border-box;
  border:2px outset #ddd;
}

.gallery ol li:nth-of-child(3n+0){
  margin-right:0;
}

.gallery .thmb {
  position:absolute;
}
.gallery .hover {
  opacity:0;
  transition:500ms ease;
  position:absolute;
  width:100%;
  z-index:999;
}
.gallery ol li:hover .hover {
  opacity:0.2;
}

  textarea {
    width:100%;
    box-sizing:border-box;
    border:2px outset #ddd;
    resize:none;
    padding:15px;
    outline:none;
  }
  .guestbook {
  }
  .guestWrite {
    overflow:hidden;
    margin-bottom:20px;
  }
  input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]+label {
  float:right;
  margin-right:10px;
}

input[type="checkbox"]+label:after {
  content:url('./images/unlock.png');
}

input[type="checkbox"]:checked+label:after {
  content:url('./images/lock.png');
}
  .guestbook  input[type="submit"] {
    float:right;
  }
  .guestbook .name {
    font-weight:bold; 
    margin-right:10px;
  }
  .guestbook .control {
    float:right;
  }
  .guestbook .control a {
    color:#999;
  }
  .guestbook li div {
    background:#f7f7f7;
    padding:15px;
    padding-bottom:5px;
    border-bottom:1px solid #ddd;
  }
  .guestbook li div p {
    background:#fff;
    padding:10px;
    border:1px inset #ddd;
  }
  .guestmember input {
    border-radius:2px;
    margin-bottom:5px;
    border:1px inset #ddd;
    outline:none;
    padding:1px 8px;
  }
  .guestmember input+label {
    margin-left:10px;
    text-shadow:1px 0 0 #ddd;
  }
  .guestmember input:focus {
    background:#f7f7f7;
  }
  div[data-ke-type='moreLess'] .btn-toggle-moreless, #tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless {
    font-size:11px;
    color:#000;
  font-weight:bold;
    font-family:'Arial', '돋움' !important;
  }
  div[data-ke-type='moreLess'] .btn-toggle-moreless::before {
  content: "＋";
  color:#000 !important;
  font-weight:bold;
  font-size:11px !important;
    margin-right:6px;
  }
  div[data-ke-type='moreLess'].open .moreless-content, #tt-body-page div[data-ke-type='moreLess'].open .moreless-content {
    border:1px outset #ddd;
    box-sizing: border-box;
    padding:15px;
    margin-top:20px;
  }
  .guestList ul li .name::before {
    content:"Re:";
    font-family:'돋움';
    margin-right:5px;
  }