@charset "utf-8";
/*
機　　能　　名：スタッフブログ
作　　成　　日：2018/09/27
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	blog
**************************************** */

div#blog {
}

.blog_list_ttl {
background:#E1F4F9;
color:#00A5EB;
text-align:center;
}
.blog_list .section {
border-bottom:2px dotted #CCCCCC;
}
.entry_title h3 {
margin-bottom:0;
}
.cate_date .entry_date {
float:right;
}
.cate_date .entry_cate {
float:left;
}
.entry_body,
.entry_body p,
.entry_body div {
text-align:left !important;
}

/* blog_main_contents */
.blog_main_contents .section {
margin-bottom:50px;
padding-bottom:20px;
border-bottom:2px dotted #CCCCCC;
}
.blog_main_contents .section .entry_title h3 {
border-top:2px dotted #CCCCCC;
border-bottom:2px dotted #CCCCCC;
padding:20px 0;
color:#00A7E9;
line-height:1.2;
}
.blog_main_contents .section .entry_date {
text-align:right;
margin-bottom:10px;
}
.blog_main_contents .section .entry_body {
line-height:2;
padding-bottom:30px;
margin-bottom:30px;
border-bottom:1px solid #CCCCCC;
}
.blog_main_contents .section .entry_body p {
margin:1em 0;
line-height:2;
}
.blog_main_contents .section .entry_body p.firstChild {
margin-top:0;
}
.blog_main_contents .section .entry_body p.lastChild {
margin-bottom:0;
}
.blog_main_contents .section .entry_cate {
margin-bottom:20px;
}
.blog_main_contents .section .sns_btns li {
margin-right:15px;
}
.blog_main_contents .section .sns_btns li.lastChild {
margin-right:0;
}
.blog_main_contents .section .sns_btns li.fb_like_btn {
width:82px;
}
.blog_main_contents .section .sns_btns li.line_btn {
text-align:center;
}
.blog_main_contents .section .sns_btns li.line_btn a {
font-size:11px;
display:block;
background:#00C300;
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
color:#FFFFFF;
text-decoration:none;
width:75px;
height:20px;
text-align:center;
line-height:20px;
}

/* pagenation */
.pagenation {
margin:0 auto 30px auto;
text-align:center;
}
.pagenation span,
.pagenation a {
display:inline-block;
padding:5px 10px;
border:1px solid #CCC;
}
.pagenation span.prev,
.pagenation span.next {
padding:0;
border:none;
}
.pagenation .current_page,
.pagenation a:hover {
background:#FFDDD9;
}
.pagenation a {
text-decoration:none;
color:#000000;
}

/* prev_next */
.prev_next {
text-align:center;
margin-bottom:30px;
}

/* blog_side */
#blog_side ul {
margin-bottom:50px;
}
#blog_side li {
border-bottom:1px dotted #CCCCCC;
}
#blog_side li a {
display:block;
padding:15px 10px;
text-decoration:none;
color:#000000;
line-height:1.2;
font-size:0.9em;
}
@media screen and (min-width: 769px) {/* PC */
/* blog_main */
#blog_main {
width:580px;
float:left;
}
.blog_list_ttl {
padding:12px;
font-size:20px;
margin-bottom:30px;
}
.blog_list .section {
padding-bottom:40px;
margin-bottom:40px;
}
.entry_title {
margin-bottom:20px;
}
.entry_title h3 {
font-size:20px;
}
.cate_date {
margin-bottom:15px;
}
.entry_date,
.entry_cate {
font-size:12px;
}
.blog_list .entry_body p {
line-height:2;
font-size:15px;
}
.entry_body .entry_img {
float:left;
width:120px;
display:block;
margin-right:20px;
}
.entry_body .entry_img:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
.entry_more {
width:300px;
margin:15px auto 0 auto;
}
.entry_more a {
font-size:16px;
padding:10px;
}
/* blog_side */
#blog_side {
width:200px;
float:right;
}
#blog_side h3 {
padding:12px;
background:#FBEAE5;
}
#blog_side li a {
background:url(../images/common/icon_sankaku.png) left center no-repeat;
background-size:auto 6px;
-webkit-background-size:auto 6px;
}
#blog_side li a:hover {
background:#EFEFEF url(../images/common/icon_sankaku.png) left center no-repeat;
background-size:auto 6px;
-webkit-background-size:auto 6px;
}
}
@media screen and (max-width: 768px) {/* SP */
.blog_list_ttl {
padding:10px;
font-size:16px;
margin-bottom:20px;
}
.blog_list .section {
padding-bottom:25px;
margin-bottom:25px;
}
.entry_title {
margin-bottom:15px;
}
.entry_title h3 {
font-size:16px;
}
.entry_title h3 a,
.entry_cate a {
text-decoration:underline;
}
.cate_date {
margin-bottom:10px;
}
.entry_date,
.entry_cate {
font-size:11px;
}
.blog_list .entry_body p {
font-size:13px;
}
.blog_list .entry_body .entry_img {
display:block;
margin:0 auto;
width:60%;
height:100px;
overflow:hidden;
}
.blog_main_contents .section .entry_body img {
width:80%;
height:auto;
margin:15px auto;
display:block;
}
.entry_more {
width:70%;
margin:10px auto 0 auto;
}
.entry_more a {
font-size:14px;
padding:10px;
}
/* blog_side */
#blog_side h3 {
padding:20px 15px;
border-bottom:1px solid #FFF;
background:#FBEAE5 url(../images/common/arrow_down.png) right 15px center no-repeat;
background-size:auto 8px;
-webkit-background-size:auto 8px;
}
#blog_side h3.up {
background:#FBEAE5 url(../images/common/arrow_up.png) right 15px center no-repeat;
background-size:auto 8px;
-webkit-background-size:auto 8px;
}
#blog_side ul {
display:none;
margin-bottom:30px;
}
#blog_side li a {
background:url(../images/common/arrow_black.png) right 10px center no-repeat;
background-size:auto 10px;
-webkit-background-size:auto 10px;
}
@media screen and (max-width: 320px) {/* w320 */
.blog_main_contents .section .sns_btns li {
margin-right:5px;
}
}
}