/*****************************************************************

シングル記事

*****************************************************************/

@import url(base.css);


/*メイン
────────────────────────────────*/
#main {
margin: 0 auto;
padding: 2rem 4rem 4rem 4rem;
width: 680px;
background: #FFF;
box-shadow: 1px 1px 7px rgba(204,204,204,0.7);
}
.date {
font-size: 0.75rem;
color: #BBBBBB;
}
h1 {
margin: 5px 0;
padding: 0 0 15px 0;
font-size: 2rem;
font-weight: bold;
line-height: 1.4;
border-bottom: 2px solid #B9AD89;
}


/*カテゴリー・タグ
────────────────────────────────*/
.post_category_tag {
margin: 1rem 0 -10px -10px;
}
.post_category_tag a {
display:inline-block;
margin: 0 0 10px 10px;
padding: 1px 10px 0 35px;
border: 1px solid #B9AD89;
border-radius: 5px;
font-size: 0.75rem;
font-weight: bold;
}
.category a {
background: url("img/folder.png") no-repeat 8px 3px;
text-decoration: none;
color: #333333;
}
.category a:hover {
background: #B9AD89 url("img/folder_hover.png") no-repeat 8px 3px;
border: 1px solid #B9AD89;
color: #FFF;
}
.tag a {
background: url("img/tag.png") no-repeat 8px 3px;
text-decoration: none;
color: #333333;
}
.tag a:hover {
background: #B9AD89 url("img/tag_hover.png") no-repeat 8px 3px;
border: 1px solid #B9AD89;
color: #FFF;
}


/*アイキャッチ
────────────────────────────────*/
.eye_catch {
margin: 1rem 0;
}
.eye_catch img {
display: block;
margin: 0 auto;
max-width:100%;
box-sizing: border-box;
padding: 5px;
border: 1px solid #CCCCCC;
}


/*SNSボタン
─────────────────────────────────────*/
.share {
margin: 3rem 0 0 0;
font-size: 1.125rem;
font-weight: bold;
}
.sns {
list-style:none;
}
.sns li {
width: 20%;
float: left;
}
.sns li a {
padding: 5px;
display: block;
color:#FFF;
font-size: 0.75rem;
text-align: center;
text-decoration: none;
border-radius: 6px;
border: 2px solid #FFF;
}
.twitter a {
background:#50ABF1;
}
.twitter a:hover {
background:#0092ca;
}
.facebook a {
background:#3B5998;
}
.facebook a:hover {
background:#2c4373;
}
.googleplus a {
background:#db4a39;
}
.googleplus a:hover {
background:#ad3a2d;
}
.hatebu a {
background:#008FDE;
}
.hatebu a:hover {
background:#43638b;
}
.pocket a {
background:#f03e51;
}
.pocket a:hover {
background:#c0392b;
}
@font-face{
font-family: icomoon;
src:url('font/icomoon.woff') format('woff');
}
.icon-twitter:before {
font-family: icomoon;
content: "\e611";
}
.icon-facebook:before {
font-family: icomoon;
content: "\e60d";
}
.icon-googleplus:before {
font-family: icomoon;
content: "\e608";
}
.icon-hatena:before {
font-family: icomoon;
content: "\e00a";
}
.icon-pocket:before {
font-family: icomoon;
content: "\e008";
}
.sns-name {
padding: 0 0.5rem;
}


/*コンテンツ
────────────────────────────────*/
.post_contents {
margin: 2rem 0 0 0;
}
.post_contents img,
.mceContentBody img {
max-width: 100%;
height: auto;
box-sizing: border-box;
}
.post_contents ol,
.mceContentBody ol {
margin: 1rem 0 1rem 40px;
list-style-type: decimal;
}
.post_contents ul,
.mceContentBody ul {
margin: 1rem 0 1rem 40px;
list-style-type: disc;
}
hr {
margin: 2rem 0;
border: none;
border-top: 1px dotted #4B391D;
clear: both;
}
blockquote {
margin: 2rem 0;
padding: 2rem 1rem 1rem 1rem;
border: 1px solid #DDDDDD;
background: url("img/blockquote.png") no-repeat 10px 10px #F8F8F8;
}


/*見出し
────────────────────────────────*/
h2 {
margin: 4rem 0 2rem 0;
padding: 1.8rem 0;
border-top: 2px solid #B9AD89;
border-bottom: 2px solid #B9AD89;
font-size: 1.688rem;
font-weight: bold;
line-height: 1.5;
}
h3 {
margin: 4rem 0 2rem 0;
padding: 1.6rem 1.2rem;
border: 1px solid #B9AD89;
border-radius: 8px;
background: #F8F8F8;
font-size: 1.438rem;
font-weight: bold;
line-height: 1.5;
}
h4 {
margin: 3rem 0 2rem 0;
padding: 0.8rem 0 0.8rem 1rem;
border-left: 2px solid #B9AD89;
font-size: 1.375rem;
font-weight: bold;
line-height: 1.5;
}


/*メディア関係
────────────────────────────────*/
.size-full,
.size-thumbnail,
.size-medium,
.size-large,
.attachment-full {
display: block;
padding: 5px;
border: 1px solid #CCCCCC;
}
.alignnone {
}
.alignleft {
margin: 1rem 1rem 1rem 0;
float: left;
}
.alignright {
margin: 1rem 0 1rem 1rem;
float: right;
}
.aligncenter {
margin: 1rem auto;
display: block;
}
.wp-caption-text {
font-size: 0.75rem;
}
.attachment-full {
margin: 0 auto;
}


/*ギャラリー関係
────────────────────────────────*/
.gallery-item {
margin-top: 10px;
float: left;
}
.gallery dl+dl {
margin-left: 10px;
}
.gallery-icon img {
padding: 5px;
border: 1px solid #CCCCCC;
}


/*レコメンド
────────────────────────────────*/
.recommend {
margin: 0 auto;
padding: 2rem 4rem;
width: 680px;
background: #FFF;
box-shadow: 1px 1px 7px rgba(204,204,204,0.7);
}
.recommend_title {
margin: 1rem 0 0.5rem 0;
padding: 5px 0 0 1rem;
border-left: 8px solid #B9AD89;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.4;
}
.post {
padding: 1rem 0;
}
.post+.post {
border-top: 1px dashed #BBBBBB;
}
.thumbnail {
margin: 0 1.5rem 0 0;
float: left;
}
.thumbnail img {
padding: 5px;
border: 1px solid #CCCCCC;
}
.thumbnail:hover {
opacity :0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #FFF;
}
.post_title {
margin: 0.5rem 0 0 0;
line-height: 1.4;
font-weight: bold;
}
.post_title a:link {
color: #333333;
text-decoration: none;
}
.post_title a:visited {
color: #333333;
text-decoration: none;
}
.post_title a:active {
color: #333333;
text-decoration: none;
}
.post_title a:hover {
text-decoration: underline;
}