@charset "UTF-8";
body {
border-top:4px solid #ff70ad;
background:#fafafa url(https://younote.xyz/img/common/bg-headline.png) no-repeat top center;
background-size: contain;
min-width: 1020px;
font-size:15px;
line-height:29.25px;
letter-spacing:1px;
font-family: "Sawarabi Mincho","ヒラギノ明朝 Pro W3" , "ＭＳ Ｐ明朝", "細明朝体","Hiragino Mincho Pro", Hiragino Mincho ProN, "游明朝体", "Yu Mincho" , "hogehoge", "HG明朝E", "メイリオ", Meiryo,serif;
color:#663d3d;
margin:0;
font-feature-settings : "palt";
}
h1 {
font-weight:normal;
}
h2,h3 {
color:ff70ad;
font-weight:normal;
}
img {
border:none;
}
a:link {
color:#09F;
text-decoration:none;
}
a:visited {
color:#39C;
text-decoration:none;
}
a:hover,a:active {
color:#39c;
text-decoration:underline;
}
a:hover img {
filter: alpha(style=0,opacity=50);
opacity: 0.8;
}
.right {
float:right;
margin-left:10px;
margin-bottom:10px;
}
.left {
float:left;
margin-right:10px;
margin-bottom:10px;
}
.center {
text-align:center;
}
.all {
clear:both;
}
.space {
padding:20px 0 20px 0;
}
.none {
display:none;
}
.ads {
clear:both;
padding:20px 0px;
}
.entry-bottom {
float:right;
width:320px;
}
#container {
padding-bottom:120px;
background:url(https://younote.xyz/img/common/bg-entry.png) no-repeat bottom left;
background-size: auto 100px;
}
#container, .inner {
width:1000px;
margin:auto;
margin-top:20px;
}
.contents {
clear:both;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content:         space-between;
}
#header {
min-height:200px;
text-align:center;
color:#333;
}
#header .inner {
background:url(https://younote.xyz/img/common/site-logo.png) no-repeat right bottom;
}
#site-title {
padding-top:80px;
font-size:21px;
font-weight:normal;
font-family: "Sawarabi Mincho","ヒラギノ明朝 Pro W3" , "ＭＳ Ｐ明朝", "細明朝体","Hiragino Mincho Pro", Hiragino Mincho ProN, "游明朝体", "Yu Mincho" , "hogehoge", "HG明朝E", "メイリオ", Meiryo,serif;
}
#site-title a {
text-decoration:none;
color:#333;
}
.drawr ul {
border-left:1px solid #ccc;
margin:0;
padding:0;
list-style:none;
height:24px;
}
.drawr li {
width:240px;
text-align:center;
border-right:1px solid #ccc;
float:left;
}
#footer {
clear:both;
background:#eee url(https://younote.xyz/img/common/bg.jpg);
}
#footer .inner{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content:         space-between;
-webkit-flex-direction: row-reverse;
flex-direction:         row-reverse;
}
.footer-link,.footer-profile {
width:32%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:0 6px;
}
.footer-link p ,.footer-profile p {
font-weight:bold;
}
.footer-profile ul {
list-style:none;
}
.footer-profile img {
margin-right:20px;
float:left;
}
#copy {
clear:both;
padding:20px;
text-align:center;
}
#bread {
font-size:12px;
height:22px;
margin:0;
padding:0 5px;
color:#fff;
border:1px dashed #963;
background:#c5a894;
}
#bread ol {
clear: both;
list-style:none;
padding:0;
margin:0;
float:right;
}
#bread li {
padding:0;
margin:0;
list-style:none;
float:left;
}
#main-image{
font-family: "Sawarabi Mincho","ヒラギノ明朝 Pro W3" , "ＭＳ Ｐ明朝", "細明朝体","Hiragino Mincho Pro", Hiragino Mincho ProN,serif;
background:url(https://younote.xyz/img/common/site-logo.png) no-repeat right bottom;
text-align:center;
width:1000px;
margin:auto;
padding:100px 0 60px;
}
#main-image h1 {
font-size:42px;
}
.entry-meta {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap:         wrap;
}
.category-list ul {
line-height:18px;
}
.category-list li {
border-bottom:1px dotted #ccc;
margin-top:20px;
}
.content-nav {
text-align:center;
}
.title {
font-family: "Sawarabi Mincho","ヒラギノ明朝 Pro W3" , "ＭＳ Ｐ明朝", "細明朝体","Hiragino Mincho Pro", Hiragino Mincho ProN,serif;
border-bottom:3px dotted #f33;
margin-top:30px;
padding-left:20px;
}
.eyecatch {
margin-left:20px;
width:300px;
}
.eyecatch img {
width:100%;
}
.entry-area p {
margin:44px auto;
line-height:34.25px;
}
.date {
font-size:90%;
color:#666;
margin-left:60px;
margin-right:20px;
padding-left:40px;
background:url(https://younote.xyz/img/common/bg-date.png) no-repeat left;
}
.extended {
clear:both;
margin:30px 20px;
}
.extended p {
padding:10px;
margin:auto;
width:360px;
background:#ff70ad;
border:1px solid #ff70ad;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.extended a {
color:#fff;
}
.entry-area {
width:580px;
margin:auto;
}
#ranking {
width:600px;
margin:auto;
text-align:center;
}
#pagenation {
width:600px;
margin:auto;
}
#recommend {
width:580px;
float:left;
}
#recommend-entry {
margin:10px;
padding:10px;
background:#eee;
}
#recommend-entry p {
margin:0px;
}
.monacoin {
width:140px;
}
.webclap ul {
padding:0;
margin:0;
list-style:none;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap:         wrap;
}
.webclap li {
margin-right:6px;
}
#comment-profile {
width:40%;
float:left;
}
#comment-detail {
width:50%;
float:right;
}
.comment-reply {
padding:0 20px;
}
.count-area {
max-height:1px;
overflow:hidden;
display:none;
}