@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;}
#header{ background:none !important; border:none !important; padding:0;}
#header .wrap{ width:100%; background-color:#006600;}
#header #logo{ margin:0 auto; font-size:14px; float:none; padding:5px 0; color:#FFF;}
#header #logo a{ color:#FFF;}
.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; border-left:10px solid #006600; padding:10px 0 10px 10px;}
.post-content h3{ border-left:5px solid #006600;}
.post-content h4{}




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

/* ボックス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; margin-bottom:30px;}
.post-content .box_02 table{ border:none; margin:0;}
.post-content .box_02 th{ padding:20px; vertical-align:middle; width:160px; background:none; border:none;}
.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;}

/* ボックス3 */
.post-content .box_03{ margin-bottom:30px;}
.post-content .box_03 table{ border:none; margin:0; width:100%;}
.post-content .box_03 table th{ padding:20px; vertical-align:top; width:160px; background:none; border:none;}
.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; word-break:break-all; background-color:#E5FFE1;}
.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%;}

/* サイドバー */
.side-widget .side-title{background-color: #006600; color: #FFF; text-align: center;}
.widget_recent_entries a, .widget_archive a, .widget_categories a, .widget_meta a, .widget_views a{ padding: 0 10px; background: none;}
.widget_recent_entries a:hover, .widget_archive a:hover, .widget_categories a:hover, .widget_meta a:hover, .widget_views a:hover{background: none; color: #006600;}

@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;}
	.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;}
	}