@charset "utf-8";

/*------------------------------------
 header
------------------------------------*/

#header .header-text {
	margin-top:30px;
	font-size:12px;
	float:right;
}

#header .main_img {
	border-radius:5px;	
	behavior: url(/wp-content/themes/BestGroup/js/PIE.htc);
}

@media (max-width:900px) {

#header .header-text {
	margin-top:10px;
}

}

/*------------------------------------
 contents
------------------------------------*/

#contents {
	max-width:950px;
	padding:0 15px;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
}

/*------------------------------------
 pan
------------------------------------*/

#pan {
	padding-top: 10px;
	padding-bottom:6px;
	border-bottom:1px #ccc solid;
	margin-bottom:20px;
	overflow:hidden;
}

#pan li {
	margin-bottom:5px;
	float:left;
}

/*------------------------------------
 side
------------------------------------*/

#side {
		width:154px;
		padding:9px;
                background-color:#FFFFFF;
		border:1px #838383 solid;
		line-height:130%;
		float:left;
		clear:both;
                margin-bottom: 40px;
}

#side li {
	padding-top:3px;
	padding-left:5px;
	padding-bottom:5px;
	border-bottom:1px #fe65cc dotted;
	margin-bottom:5px;
}

#side .divider {
	padding-top:5px;
	padding-left:5px;
	border-left:4px #fe65cc solid;
	border-bottom:1px #d652ab solid;
	margin-bottom:10px;
	font-weight:bold;
}

@media (max-width:800px) {

#side {
	display:none;
}

}

/*------------------------------------
 main
------------------------------------*/

#main {
	width: 100%;
	max-width:756px;
	float:right;
	margin-bottom: 40px;
}

#main .brand_img {
	width:100%;
	margin-bottom:20px;
	border-radius:5px;	
	behavior: url(/wp-content/themes/BestGroup/js/PIE.htc);
}

#main h1.title {
	padding:8px;
	border:2px #e5e5e5 solid;
	margin-bottom:20px;
	font-weight:bold;
}

@media (min-width:801px) {

#main {
	width:calc(100% - 194px);
}

}


/*------------------------------------
 postlist
------------------------------------*/

.postlist {
	margin-bottom:15px;
	overflow:hidden;
	clear:both;
}

.postlist h2 {
        line-height:1.5em;
	font-size:14px;
	font-weight:bold;
}

.postlist ul {
	max-width:776px;
	margin-right:-20px;
	/*margin-bottom:15px;*/
	overflow:hidden;
}

.postlist li {
        border-bottom: 1px #030133 dotted;
        margin-right:20px;
	margin-bottom:15px;
}

.postlist li a {
	display:block;
}

.postlist .divider {
	/*width:100%;*/
	padding-left:3px;
	padding-bottom:2px;
	border-left:3px #6EDD00 solid;
	border-bottom:1px #336601 solid;
	margin-bottom:10px;
	font-size:14px;
}

.postlist img {
	width:172px;
	border:1px #838383 solid;
	margin-bottom:5px;
}

.postlist p {

	line-height:2em;
}

/*------------------------------------
 pager
------------------------------------*/

.pager {
	padding:10px 0 20px;
	margin-top:-20px;
	font-size:120%;
	position:relative;
	overflow:hidden;
}

.pager span {
	font-weight:bold;
}

.pager ul {
	position:relative;
	left:50%;
	float:left;
}

.pager li {
	margin-right:15px;
	display:block;
	float:left;
	position:relative;
	left:-50%;
}

/*------------------------------------
 post
------------------------------------*/
/* ---- thumpostlist ---- */

.thumpostlist {
	margin-bottom:30px;
}

.thumpostlist ul {
}

.thumpostlist li {
	border: 1px #f1baed solid;
	border-radius: 30px;
	margin-bottom: 10px;
	background: #fff;
	box-sizing:border-box;
}

.thumpostlist li a {
	display: block;
	padding: 10px 10px 10px 15px;
	font-size:16px;
	line-height:160%;
	color: #333;
	overflow: hidden;
}

.page-contents .thumpostlist li {
}

.thumpostlist li img {
    padding-right: 10px;
	margin-bottom:20px;
    background: #fff;
    float: left;
}

.thumpostlist li h3 {
	border-bottom: 1px #ccc solid;
	margin-top:0;
    margin-bottom: 5px;
}

.thumpostlist li h3 + p {
	margin-left:0;
	line-height:160%;
}

.page-contents .thumpostlist p {
}

.thumpostlist .divider {
	padding-bottom:2px;
	border-left: 4px #fe65cc solid;
	border-bottom: 1px #d652ab solid;
	margin-bottom:20px;
}

.thumpostlist h2 {
	padding:5px;
	margin-bottom:10px;
	font-weight:bold;
}


.thumpostlist p {
}

.thumpostlist .more {
}

.postdetail .thumpostlist p {
}

@media (min-width: 800px) {

.thumpostlist ul {
	display:flex;
	flex-wrap:wrap;
}

.thumpostlist ul li {
	width:49%;
	margin:0 .5% 1%;
}

}

/* ---- postdetail ---- */

.postdetail {
	margin-bottom:0;
}

.postdetail img {
	max-width:756px;
}

.postdetail p {
	margin-bottom:1em;
	line-height:2em;
}

.postdetail h2 {
        font-size: 16px;
        margin: 20px 0;
        font-weight: bold;
}

.postdetail .team h2 {
    font-size: 14px;
    font-weight: bold;
}

.postdetail .team p {
    margin-left: 20px;
    margin-bottom: 40px;
}

.postdetail .to-archive {
    clear: both;
    padding-top: 20px;
}

@media (max-width:800px) {

.postdetail img {
	max-width:100%;
	height: auto;
}

}

/* ---- page-contents ---- */

.page-contents li h2 {
        font-size: 16px;
        font-weight: bold;
        margin: 0;
}

.page-contents li p {
        margin-left: 10px;
}

.page-contents li ul {
    margin-left: 10px;
}

.page-contents li li {
    margin: 10px 0;
}


.postdetail h2 a {
        color: #4444ff;
}

.postdetail h3 {
        font-size: 16px;
        margin: 20px 0;
}

.postdetail h3 a {
        color: #4444ff;
}

.postdetail p a {
        color: #4444ff;
}

.alignright {
        float: right;
        margin-left: 1em;
}

.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.alignleft {
        float: left;
        margin-right: 1em;
}

.back {
	text-align:left;
	clear:both;
}

/*------------------------------------
 blog
------------------------------------*/

.blog h2.title {
	padding-left: 3px;
	padding-bottom: 2px;
	border-left: 3px #d6ac64 solid;
	border-bottom: 1px #d6ac64 solid;
	margin-bottom: 10px;
	font-size: 14px;
}

.blog ul {
	width:792px;
	margin-right:-36px;
	margin-bottom:30px;
	overflow:hidden;
}

.blog li {
	width:360px;
	padding-bottom:5px;
	border-bottom:1px #cccccc solid;
	margin-bottom:10px;
	margin-right:36px;
	float:left;
}

.blog li h3 {
	font-weight:bold;
	margin-bottom:5px;
}

.blog li p {
	margin-bottom:5px;
	line-height:140%;
}

/*------------------------------------
gyoji
------------------------------------*/
.gyojitable {
    margin-left: 20px;
    margin-bottom: 20px;
}

.gyojitable th, .gyojitable td {
    padding-right: 20px;
}

.gyojitable .gyoji-name {
    font-weight: bold;
}

.gyojidesc {
    margin-bottom: 40px;
}

.gyojidesc h2 {
    font-weight: bold;
    border-bottom: 1px #336601 solid;
}

/*-- gokouwa 2019/2/28 --*/

.postdetail .cont_gokouwa p {
	font-size:16px;
	line-height:1.8;
}

.postdetail .up_date {
	margin-bottom:0;
	text-align:right;
}

.postdetail .caution {
	color:#f00;
	text-decoration:underline;
}

@media print {

.cont_gokouwa {
	display:none!important;
}


}

/*-- 20190322 kenbunkai_list --*/

.kenbunkai_list ul li {
	padding-bottom:10px;
	border-bottom:1px #ccc solid;
	margin-bottom:20px;
}

.kenbunkai_list ul li h3 {
	margin:0 0 10px;
}

.kenbunkai_list ul li p {
	margin:0 0 10px;
	font-size:16px;
	line-height:1.6em;
}

.kenbunkai_list ul li .align_right {
	text-align:right;
}

.kenbunkai_list ul li p + .align_right {
	text-decoration:underline;
}