@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;
font-size:15px;
font-weight:normal;
line-height:28.25px;
letter-spacing:1px;
font-family: "Roboto Regular", "Helvetica Neue", Helvetica, Arial, "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ ゴシック", sans-serif;
color:#663d3d;
margin:0 auto;
word-wrap: break-word;
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;
}
.ads {
text-align:center;
padding:10px;
clear:both;
}
.smp-none {
display:none;
}
#container {
padding-bottom:120px;
background:url(https://younote.xyz/img/common/bg-entry.png) no-repeat bottom left;
background-size: auto 100px;
}
#container, .inner {
margin:auto;
width:96%;
margin-top:20px;
}
.content {
border-bottom:6px solid #ccc;
}
.bg-pink {
background:#fff3f3;
padding:6px;
}
#header {
background:url(https://younote.xyz/img/common/site-logo.png) no-repeat right bottom;
background-size:auto 80px;
min-height:140px;
text-align:center;
}
#site-title {
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:#000;
}
.btn {
background:transparent url(https://younote.xyz/img/common/btn.png) no-repeat 0 0;
display: block;
width:35px;
height: 48px;
position: absolute;
top:20px;
right:0px;
cursor: pointer;
z-index: 200;
}
.peke {
background-position: -35px 0;
}
.drawr {
display: none;
background-color:rgba(0,0,0,0.6);
position: absolute;
top: 0px;
right:0;
width:260px;
padding:60px 0 20px 20px;
z-index: 100;
}
.drawr ul {
padding:0;
margin:0;
list-style:none;
}
#menu li {
}
#menu li a {
color:#fff;
display: block;
padding: 15px;
}
#footer {
clear:both;
background:#eee url(https://younote.xyz/img/common/bg.jpg);
}
.footer-link {
padding:10px;
}
.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;
text-align:center;
padding:200px 0 80px;
}
#main-image h1 {
font-size:42px;
}
.entry-meta {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap:         wrap;
}
.title {
font-family: "Sawarabi Mincho","ヒラギノ明朝 Pro W3" , "ＭＳ Ｐ明朝", "細明朝体","Hiragino Mincho Pro", Hiragino Mincho ProN,serif;
border-bottom:3px dotted #f33;
margin-top:30px;
font-size:16px;
}
.eyecatch {
text-align:center;
}
.eyecatch img {
max-width:100%;
}
.entry-area p {
width:84%;
margin:50px auto;
font-size:17px;
line-height:36px;
}
.date {
font-size:90%;
color:#666;
margin-right:20px;
padding-left:40px;
background:url(https://younote.xyz/img/common/bg-date.png) no-repeat left;
}
.extended {
margin:30px 0;
padding:10px;
width:90%;
background:#ff70ad;
border:1px solid #ff70ad;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.extended a {
color:#fff;
}
#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;
}
.comments-header,.comments-open-header {
font-weight:normal;
font-size:15px;
background:#fccde1;
}
input {
padding:8px;
}
.comment-form-name label {
width:180px;
}
.comment-reply {
padding:0 20px;
}
.count-area {
max-height:1px;
overflow:hidden;
display:none;
}