@charset "utf-8";
/*
Theme Name:陽だまりBlog2025 Ver3.0
Theme URI: https://www.ooshita-industrial.co.jp/
Description: 大下建設用　陽だまりBlogテンプレート BMS連動適用版
Author: Jyonishi.ltd
Version: 3.0
*/



/* スタッフブログ　共通パーツ
======================================================= */

/*戻るボタン*/
p#top_return a {
	font-size: 15px;
}

#contents_main.blog_top_main .pagemain {
	display: table;
	width: 100%;
}

/*記事部分*/
#contents_main.blog_top_main .pagemain {
	display: table;
	width: 100%;
	max-width: 960px;
}


#contents_main.blog_top_main .main_entry {
	display: table-cell;
	vertical-align: top;
}

/*サイドバー*/
#blog_sidebar {
	padding: 0 0 0 40px;
	display: table-cell;
	width: 220px;
	vertical-align: top;
}

#blog_sidebar .s_racent,
#blog_sidebar .s_monthly,
#blog_sidebar .s_category {
	margin: 0 0 40px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #eeeeee;
}

#blog_sidebar p.cap {
	color: #bf7d4b;
	font-size: 13px;
	font-family: Marcellus-Regular,YuGothic,'メイリオ',Meiryo,'MS Pゴシック',sans-serif;
	text-align: center;
}

#blog_sidebar h4 {
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
	line-height: 1.4;
	color: #212121;
	background: url(imgs/bg_leaf01.png) no-repeat center bottom;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}

#blog_sidebar h4.sp_title {
	display: none;
}

#blog_sidebar .s_racent ul li,
#blog_sidebar .s_monthly ul li,
#blog_sidebar .s_category ul li {
	padding: 0 0 0 15px;
	background: url(imgs/bg_list01.png) no-repeat left 8px;
	font-size: 13px;
}

#blog_sidebar .s_racent ul li a:link,
#blog_sidebar .s_racent ul li a:visited,
#blog_sidebar .s_monthly ul li a:link,
#blog_sidebar .s_monthly ul li a:visited,
#blog_sidebar .s_category ul li a:link,
#blog_sidebar .s_category ul li a:visited {
	color: #734828;
}

#blog_sidebar .s_racent ul li a:active,
#blog_sidebar .s_racent ul li a:hover,
#blog_sidebar .s_monthly ul li a:active,
#blog_sidebar .s_monthly ul li a:hover,
#blog_sidebar .s_category ul li a:active,
#blog_sidebar .s_category ul li a:hover {
	color: #999999;
}

#blog_sidebar .blog_menu ul li.hp a {
	padding: 10px 10px;
	display: block;
	text-align: center;
	box-sizing: border-box;
}

#blog_sidebar .blog_menu ul li.hp a:link,
#blog_sidebar .blog_menu ul li.hp a:visited {
	color: #ffffff;
	background: #bf7d4b;
}

#blog_sidebar .blog_menu ul li.hp a:active,
#blog_sidebar .blog_menu ul li.hp a:hover {
	color: #ffffff;
	background: #463000;
}

#blog_sidebar .blog_menu ul li.hp span {
	padding: 0 0 0 28px;
	background: url(imgs/img_home01.png) no-repeat left center;
}

#blog_sidebar .blog_menu ul li.rss {
	margin: 20px 0 0 0;
	line-height: 1.4;
	font-size: 20px;
}

#blog_sidebar .blog_menu ul li.rss span {
	padding: 0 0 0 35px;
	background: url(imgs/img_rss01.png) no-repeat left top;
}

#blog_sidebar .blog_menu ul li.rss span {
	font-size: 22px;
	font-family: Marcellus-Regular,YuGothic,'メイリオ',Meiryo,'MS Pゴシック',sans-serif;
}

/*ページ送り*/
.page_ctrl {
	margin: 40px 0 0 0;
	text-align: center;
}

.page_ctrl .blog_page_nav {
	margin: 0 0 20px 0;
}

.page_ctrl .blog_page_nav a,
.page_ctrl .blog_page_nav span {
	margin: 0 2px;
	padding: 3px 12px;
	display: inline-block;
}

.page_ctrl .blog_page_nav a.page-numbers {
	color: #463000;
	background: #f3e7d3;
}

.page_ctrl .blog_page_nav a.page-numbers:hover {
	color: #ffffff;
	background: #bf7d4b;
}

.page_ctrl .blog_page_nav span.dots {
	color: #212121;
	background: none;
}

.page_ctrl .blog_page_nav span.current {
	color: #ffffff;
	background: #463000;
}

/*記事0件用*/
p.blog_empty {
	font-size: 18px;
	text-align: center;
}

/* Alignment */
.alignnone {
	margin: 0 10px 10px 0;
}

.alignleft {
	margin: 0 10px 10px 0;
	display: inline;
	float: left;
}
	
.alignright {
	margin: 0 0 10px 10px;
	display: inline;
	float: right;
}
	
.aligncenter {
	margin: 0 auto 10px auto;
	clear: both;
	display: block;
}


/* index.php
======================================================= */

div#pagetitle.pblog {
	background: url(imgs/bg_pblog_main01.jpg) no-repeat;
	background-size: cover;
}

#contents_main.blog_top_main .entry {
	margin: 0 0 60px 0;
	width: 100%;
	word-break: break-all;
}

#contents_main.blog_top_main .entry .ymd {
	display: table;
	width: 100%;
}

#contents_main.blog_top_main .entry .ymd div {
	display: table-cell;
	vertical-align: middle;
}

#contents_main.blog_top_main .entry .ymd div dl {
	display: table;
	vertical-align: middle;
}

#contents_main.blog_top_main .entry .ymd div dl dt {
	padding: 5px 20px;
	display: table-cell;
	width: 160px;
	color: #ffffff;
	font-family: Marcellus-Regular,YuGothic,'メイリオ',Meiryo,'MS Pゴシック',sans-serif;
	background: #212121;
	box-sizing: border-box;
}

#contents_main.blog_top_main .entry .ymd div dl dd {
	padding: 0 0 0 25px;
	display: table-cell;
	vertical-align: middle;
	background: url(imgs/bg_cat_top01.png) no-repeat 10px 15px;
	font-size: 13px;
}

#contents_main.blog_top_main .entry .ymd dl dd a:link,
#contents_main.blog_top_main .entry .ymd dl dd a:visited {
	color: #bf7d4b;
}

#contents_main.blog_top_main .entry .ymd dl dd a:active,
#contents_main.blog_top_main .entry .ymd dl dd a:hover,
#contents_main.blog_top_main .entry .sbj h3 a:active,
#contents_main.blog_top_main .entry .sbj h3 a:hover {
	color: #999999;
}

#contents_main.blog_top_main .entry .ymd p {
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	text-align: right;
}

#contents_main.blog_top_main .entry .ymd p span {
	margin: 0 0 0 10px;
	padding: 0 12px;
	display: inline-block;
	color: #ffffff;
	background: #463000;
	font-size: 18px;
}

#contents_main.blog_top_main .entry .ymd p span a:link,
#contents_main.blog_top_main .entry .ymd p span a:visited {
	color: #ffffff;
}

#contents_main.blog_top_main .entry .ymd p span a:active,
#contents_main.blog_top_main .entry .ymd p span a:hover {
	color: #debe8f;
}

#contents_main.blog_top_main .entry .sbj {
	padding: 7px 20px;
	background: #debe8f;
	box-sizing: border-box;
}

#contents_main.blog_top_main .entry .sbj h3 {
	line-height: 1.4;
	font-size: 18px;
	font-weight: normal;
}

#contents_main.blog_top_main .entry .sbj h3 a:link,
#contents_main.blog_top_main .entry .sbj h3 a:visited {
	color: #212121;
}

#contents_main.blog_top_main .entry .note {
	padding: 30px 20px;
	overflow: hidden;
	background: #f7f7f7;
	box-sizing: border-box;
}

#contents_main.blog_top_main .main_entry .entry .note img {
	height: auto;
	vertical-align: top;
	max-width: 100%;
}


/* =======================================================

  【**】コメント

======================================================= */

h4#comments {
	margin: 0 auto;
	width: 100%;
	line-height: 1.4;
	color: #bf7d4b;
	font-weight: normal;
	max-width: 660px;
}

h4#comments span {
	margin: 0 15px 0 0;
	color: #212121;
	font-size: 22px;
	font-family: Marcellus-Regular,YuGothic,'メイリオ',Meiryo,'MS Pゴシック',sans-serif;
}

#commentlist .commentlist_main {
	margin: 10px auto 0 auto;
	padding: 20px;
	width: 100%;
	background: url(imgs/bg_comment01.gif);
	box-sizing: border-box;
	max-width: 660px;
}

#commentlist .commentlist_main .c-data {
	margin: 10px 0 0 0;
	color: #bf7d4b;
}

#commentlist .commentlist_main .c-data span {
	padding: 0 0 0 15px;
	background: url(imgs/bg_cat_top01.png) no-repeat left 7px;
	font-weight: bold;
}

p.comment_none {
	margin: 5px auto 0 auto;
	width: 100%;
	max-width: 660px;
}

h4#postcomment {
	margin: 60px auto 15px auto;
	width: 100%;
	line-height: 1.4;
	color: #212121;
	font-size: 18px;
	max-width: 660px;
}

.comment_edit {
	margin: 0 auto;
	width: 100%;
	max-width: 660px;
}

.comment_edit p.logout {
	margin: 0 0 10px 15px;
}

.comment_edit input {
	padding: 5px;
	width: 100%;
	font-size: 15px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',sans-serif;
	box-sizing: border-box;
	max-width: 320px;
}

.comment_edit textarea {
	padding: 5px;
	width: 100%;
	font-size: 15px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',sans-serif;	
	box-sizing: border-box;
	max-width: 420px;
	resize: vertical;
}

.comment_edit dl {
	margin: 0 0 2px 0;
	display: table;
	width: 100%;
	max-width: 660px;
}

.comment_edit dl dt {
	padding: 10px 15px;
	display: table-cell;
	width: 200px;
	vertical-align: top;
	background: #ead5b6;
	box-sizing: border-box;
}

.comment_edit dl dt span {
	padding: 0 5px;
	color: #ffffff;
	background: #982323;
	font-size: 13px;
}

.comment_edit dl dd {
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
	background: #debe8f;
	box-sizing: border-box;
}

.comment_edit p#post_submit {
	margin: 0 auto;
	text-align: center;
}

.comment_edit p#post_submit input {
	margin: 30px 0 0 0;
	padding: 20px 10px;
	border: none;
	width: 100%;
	color: #ffffff;
	background: #212121;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	max-width: 280px;
}

.comment_edit p#post_submit input:hover {
	background: #BF7D4B;
}

/*キャプチャ*/

#secureimgdiv {
	margin:0 0 20px 0;
}
#secureimgdiv img {
	margin:5px 0 5px 0;
}
#secureimgdiv label {
	font-weight:bold;
}



@media screen and (max-width: 768px){
/*記事部分*/
#contents_main.blog_top_main .main_entry {
	display: block;
	width: 100%;
}

#contents_main.blog_top_main .main_entry .entry .note img {
	height: auto;
	vertical-align: top;
	max-width: 100%;
}

/*サイドバー*/
#blog_sidebar {
	margin: 60px 0 0 0;
	padding: 0;
	display: block;
	width: 100%;
}

#blog_sidebar p.cap {
	color: #000000;
	background: #eeeeee;
}

#blog_sidebar .s_racent,
#blog_sidebar .s_monthly,
#blog_sidebar .s_category {
    border-bottom: none;
    margin: 0 0 10px 0;
    padding: 0;
}	
#blog_sidebar .s_racent h4,
#blog_sidebar .s_monthly h4,
#blog_sidebar .s_category h4 {
	margin: 0;
	padding: 10px;
	color: #463000;
	background: #f3e7d3;
	font-size: 18px;
	cursor: pointer;
}

#blog_sidebar h4.pc_title {
	display: none;
}

#blog_sidebar h4.sp_title {
	display: block;
}
	
#blog_sidebar .s_racent ul,
#blog_sidebar .s_monthly ul,
#blog_sidebar .s_category ul {
	margin: 15px 0 30px 20px;
	display: none;
}

#blog_sidebar .blog_menu ul li.rss {
	display: none;
}

/*コメント*/
.comment_edit dl dt,
.comment_edit dl dd {
	display: block;
	width: 100%;
}
}


@media screen and (max-width: 480px){
/*記事部分*/

#contents_main.blog_top_main .entry .ymd div {
	display: block;
	width: 100%;
}

#contents_main.blog_top_main .entry .ymd p {
	display: none;
}

#contents_main.blog_top_main .main_entry .entry .note img {
	max-width: 200px;
}
}