@charset "UTF-8";
/*
 Theme Name:   manpukubijin
 Theme URI:    https://xeory.jp/base/
 Template:     xeory_base
*/

@import url("../xeory_base/style.css");

/* all display
-------------------------------------------------- */
body{ background:url(images/background_01.png)0 0;}
body { font-family: "Noto Sans Japanese"; }
body {
-webkit-text-size-adjust: 100%;
}
#header{ background:none !important; border:none !important; padding:0;}
#header .wrap{ width:100%; /*background-color:#006600;*/}
#header #logo{ margin:0 auto; font-size:30px; float:none; padding:5px 0; color:#FFF; width:1200px;}
#header #logo a{ color:#000 !important; text-decoration:none; font-weight:bold;}
.main_img{ width:100%; text-align:center;}
/*.main-inner{ margin-right:0 !important;}*/
/*body.home #content{ padding-top:0;}*/
.post-content h2{ border-bottom:1px solid #006600 !important; border-left:10px solid #006600; padding:10px 0 10px 10px;}
.post-content h3{ border-left:5px solid #006600 !important;}
.post-content h4{}

/* トップページ */
.new_post{ margin-bottom:20px;}
.new_post dl{ border:1px solid #e5e5e5; padding:10px;}
.new_post dl dt{}
.new_post dl dd{}
.new_post dl dd.date{}
.new_post dl dd.title{}
.new_post dl dd.title span{ color:#ff4500; font-weight:bold;}
.new_post dl dd.title a{}

/* サイドバー */
.side-widget{}
.side-widget .side-title{ color:#7D5226; border:1px solid #7D5226; border-left:10px solid #7D5226; border-right:10px solid #7D5226; padding:0 10px; font-weight:bold;}
.side-widget.widget_text{ font-size:16px;}

/* リンク */
a{
color:#000000;
text-decoration:none;
}

/****** 記事内装飾 ******/

/* ボックス1 */
.post-content dl.box_01{ position:relative; border:1px solid #000; border-radius:5px; padding:20px 20px 10px; width:100%; font-size:0.9em;}
.post-content dl.box_01 dt{ position:absolute; top:-10px; background-color:#FFF; padding:0 10px;}
.post-content dl.box_01 dd{ margin-bottom:10px !important; border:none !important; padding:0;}

/* ボックス2 */
.post-content .box_02{ border:1px solid #CCC !important; margin-bottom:30px;}
.post-content .box_02 table{ border:none !important; margin:0;}
.post-content .box_02 th{ padding:20px; vertical-align:middle; width:160px; background:none !important; border:none !important;}
.post-content .box_02 th img{ margin:0; border-radius:50%;}
.post-content .box_02 table td{ vertical-align:middle; padding:20px; font-size:0.9em; line-height:170%; border:none !important;}

/* ボックス3 */
.post-content .box_03{ margin-bottom:30px;}
.post-content .box_03 table{ border:none !important; margin:0; width:100%;}
.post-content .box_03 table th{ padding:20px; vertical-align:top; width:160px; background:none !important; border:none !important;}
.post-content .box_03 table th img{ margin:0; border-radius:50%;}
.post-content .box_03 table td{ vertical-align:middle; padding:0 20px 20px; font-size:0.9em; line-height:170%; border-radius:30px; border:none !important; word-break:break-all; background-color:#E5FFE1 !important;}
.post-content .box_03 table td:before{ content:""; width:0; height:0; border:10px solid transparent; border-right:15px solid #E5FFE1; display:block; position:relative; left:-44px; top:50px;}

/* strong(背景黄) */
strong.yellow{ display: inline-block; background-color:yellow; line-height:120%;}

/* 検索窓 */
#searchform{ background-color:#EFFFEA;}
#searchform input[type=text]{ background-color:#EFFFEA;}

@media screen and (min-width: 1201px){
	/*.wrap{ width:870px;}
	#header{ height:335px;}
	#header #logo{ width:870px;}*/
	}

@media screen and (max-width: 1200px){
	.wrap{ margin:0 !important;}
	#header{ padding:0 !important; border:none !important;}
	#header .wrap{ margin:0;}
	#header #logo{ font-size:11px; text-align:center;}
	.post-content h2{ font-size:20px;}
	.post-content h3{ font-size:18px;}
	.post-title{ font-size:20px; font color="#ff4500";}
	.cat-content, article.post, article.page, article.wp101, article.seo101{ border:none;}
	.footer-02{ border-top:3px solid #006600; padding:0 10px;}
	.footer-02 .footer-copy{ text-align:center;}
	.alignleft{ float:left !important; margin-right:10px !important;}
	.alignright{ float:right !important; margin-left:10px !important;}
	
	
	
	/****** 記事内装飾 ******/
	.post-content .box_02 table, .post-content .box_03 table{ white-space:normal;}
	.post-content .box_02 table th, .post-content .box_03 table th{ padding:20px 10px 20px 10px; width:90px; vertical-align:middle;}
	}