@charset "UTF-8";

body { margin:0; font-family: 'verdana', sans-serif; background: #f8f8f8; color: #888; }

a { color: #222; }
a:visited { color: #666; }
a:hover { color: #ccc; }
a:active { color: #ccc; }

hr { height: 0; margin: 0; padding: 0; border: 0; }
hr{border-top: 1px solid;}

.wrapper{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

header{
width: 100%;
background-color: lightsteelblue;
color: white;
text-align: center;
padding: 15px 0; 
background-color: lightsteelblue;}

.container { padding: 20px; text-align: center; font-size: 90%; }
.content img { padding: 0.5em; }

.Comtop img { width: 280px; height: auto; }
.Comthumb { font-size: 80%; padding: 4px; color: #ddd; }
.ThumbA { line-height: 1.5em; }
.ThumbA img { height: 10px; width: auto; filter: contrast(5%);}
.ThumbA img:hover { filter: contrast(75%); }
.ThumbB img { width: 10px; height: auto; filter: contrast(5%); }
.ThumbB img:hover { filter: contrast(75%); }

.Attn { color: #9c9c9c; font-size: 90%; padding: 5px 1em; }

.MojiX { font-size: 85%; }
.MojiY {font-size: 80%; }
.MiniMoji { font-size: 75%; padding: 4px; color: #ddd; }
.Col1 { color: #333; }
.Col2 { color: #999; }

.footer { font-size: 85%; text-align: center; padding-bottom: 15px; }

/* Link color valiation  */
.mnav1{ font-size: 14px; }
.mnav1 a{ color: lightslategrey; text-decoration: none; font-weight: bold; }
.mnav1 a:visited { color: lightslategrey; }
.mnav1 a:hover { color: rosybrown; }
.mnav1 a:active { color: rosybrown; }

.Lincolx{ font-size: inherit; }
.Lincolx a{ color: lightslategrey; text-decoration: none; }
.Lincolx a:visited { color: lightslategrey; }
.Lincolx a:hover { color: rosybrown; }
.Lincolx a:active { color: rosybrown; }

/* MySet ボタン */
.btn-01{
display: block;
text-decoration: none;
height:35px;
width: 60px;
line-height: 35px;
text-align: center;
background: rgba(121,192,110,0.2);
color: #222;
border: solid 1px #222;
 -webkit-transition: 0.3s;
 -moz-transition: 0.3s;
 -o-transition: 0.3s;
 -ms-transition: 0.3s;
 transition: 0.3s;
}
.btn-01:hover{
background: rgba(121,192,110,0.4);
}


@media (max-width: 1000px) {
     .wrapper, .content {
          float: none;
          margin: 0;
          width: auto;
     }
}