@charset "utf-8";
/*
Theme Name:お客様アンケート2025 Ver3.0
Theme URI: https://www.ooshita-industrial.co.jp/
Description: 大下建設用　お客様アンケートテンプレート BMS連動適用版
Author: Jyonishi.ltd
Version: 3.0
*/



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

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

/*ページ送り*/
.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.sblog {
	background: url(imgs/bg_sblog_main01.jpg) no-repeat;
	background-size: cover;
	font-family: Marcellus-Regular,YuGothic,'メイリオ',Meiryo,'MS Pゴシック',sans-serif;
}

#contents_main.blog_top_main a.item {
	margin: 0 0 5px 0;
	padding: 12px;
	display: block;
	box-sizing: border-box;
}

#contents_main.blog_top_main a.item:link,
#contents_main.blog_top_main a.item:visited {
	color: #463000;
	background: #ead5b6;
}

#contents_main.blog_top_main a.item:active,
#contents_main.blog_top_main a.item:hover {
	opacity: 0.7;
}

#contents_main.blog_top_main .list {
	margin: 0 auto;
	display: table;
	width: 100%;
	max-width: 960px;
}

#contents_main.blog_top_main .list p,
#contents_main.blog_sub_main .que_list p.ymd {
	display: table-cell;
	width: 200px;
	vertical-align: middle;
	color: #734828;
	font-size: 18px;
	font-family: Marcellus-Regular,YuGothic,'メイリオ',Meiryo,'MS Pゴシック',sans-serif;
}

#contents_main.blog_top_main .list p span,
#contents_main.blog_sub_main .que_list p.ymd span {
	padding: 5px 10px;
	display: inline-block;
	width: 100%;
	background: #ffffff;
	box-sizing: border-box;
}

#contents_main.blog_top_main .list p span strong {
	display: inline-block;
	margin: 5px 0 0 10px;
	padding: 0 5px;
	vertical-align: top;
	color: #ffffff;
	background: #bf7d4b;
	font-size: 13px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',sans-serif;	
	text-align: center;
}

#contents_main.blog_top_main .list .sbj,
#contents_main.blog_sub_main .que_list div {
	padding: 0 0 0 20px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}

#contents_main.blog_top_main .list .sbj h3,
#contents_main.blog_sub_main .que_list div h3 {
	line-height: 1.4;
	font-size: 18px;
}

#contents_main.blog_top_main .list .sbj p,
#contents_main.blog_sub_main .que_list div p {
	margin: 5px 0 0 0;
	display: block;
	width: 100%;
	line-height: 1.4;
	font-size: 15px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',sans-serif;	
}


/* single.php
======================================================= */

#contents_main.blog_sub_main .que_list {
	padding: 12px;
	display: table;
	width: 100%;
	background: #ead5b6;
	box-sizing: border-box;
}

#contents_main.blog_sub_main .note {
	padding: 12px;
	overflow: hidden;
	background: #f0f0e1;
	box-sizing: border-box;
}


#contents_main.blog_sub_main .note img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	/*max-width: 500px;*/
}


#contents_main.blog_sub_main .q_list {
	margin: 60px auto 0 auto;
	width: 100%;
	max-width: 870px;
}

#contents_main.blog_sub_main .q {
	margin: 0 0 60px 0;
}

#contents_main.blog_sub_main .q h5 {
	margin: 0 0 20px 0;
	line-height: 1.4;
	font-size: 16px;
}

#contents_main.blog_sub_main .q .a_select {
	overflow: hidden;
}

#contents_main.blog_sub_main .q .a_other p.other_select,
#contents_main.blog_sub_main .q .a_select ul li {
	margin: 0 1% 10px 1%;
	padding: 5px 10px;
	border: 1px solid #bf7d4B;
	float: left;
	width: 23%;
	box-sizing: border-box;
}

#contents_main.blog_sub_main .q .a_other p.other_select span,
#contents_main.blog_sub_main .q .a_select ul li span {
	padding: 0 0 0 15px;
	background: url(imgs/bg_cat_top01.png) no-repeat left 7px;
	box-sizing: border-box;
}
#contents_main.blog_sub_main .q h5 span {
	margin: 0 10px 0 0;
	padding: 2px 10px;
	display: inline-block;
	color: #ffffff;
	font-size: 22px;
	background: #212121;
	text-align: center;
	border-radius: 50%;
}

#contents_main.blog_sub_main .q .a_other div,
#contents_main.blog_sub_main .q .a_comment {
	padding: 20px;
	clear: both;
	background: #f3e7d3;
	box-sizing: border-box;
}


#contents_main.blog_sub_main .q .a_comment.free {
	background: #f0f0e1;
}

#contents_main.blog_sub_main .q .a_comment p.rate {
	margin: 0 0 15px 0;
	padding: 3px 10px;
	color: #ffffff;
	width: 100%;
	background: #bf7d4B;
	font-size: 18px;
	font-weight: bold;
	box-sizing: border-box;
	max-width: 400px;
}

p#top_return.que_sub a {
	font-size: 15px;
}



@media screen and (max-width: 768px){
/*index.php*/
#contents_main.blog_top_main .list p span strong {
	margin: 3px 0 0 10px;
	font-size: 11px;
}
	
#contents_main.blog_top_main .list p,
#contents_main.blog_sub_main .que_list p.ymd {
	display: block;
	width: 100%;
	font-size: 16px;
}

#contents_main.blog_top_main .list p span,
#contents_main.blog_sub_main .que_list p.ymd span {
	max-width: 200px;
}

#contents_main.blog_top_main .list .sbj,
#contents_main.blog_sub_main .que_list div {
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 2px solid #ffffff;
	display: block;
	width: 100%;
}

#contents_main.blog_top_main .list .sbj h3, 
#contents_main.blog_sub_main .que_list div h3 {
	font-size: 16px;
}

#contents_main.blog_top_main .list .sbj p {
	font-size: 13px;
}

	
#contents_main.blog_sub_main .q .a_other p.other_select,
#contents_main.blog_sub_main .q .a_select ul li {
	width: 48%;
	font-size: 13px;
}


/*single.php*/
/*
#contents_main.blog_sub_main .note img {
	width: 100%;
	height: auto;
}
*/



}


@media screen and (max-width: 480px){
#contents_main.blog_sub_main .note img {
	max-width: 240px;
}
}


@media screen and (max-width: 400px){
#contents_main.blog_sub_main .q .a_other p.other_select,
#contents_main.blog_sub_main .q .a_select ul li {
	margin: 0 0 10px 0;
	width: 100%;
	font-size: 13px;
}
}