@charset "UTF-8";

/* カラムの設定 */
article.w1000 {padding: 0 20px;}
#members {padding: 10px; border: solid #ccc 1px; border-radius: 8px;}
@media screen and (max-width:699px){
article.w1000 {padding: 0 15px;}

#members {padding: 0; border:none;}
}

/* 箇条書き『■』 */
ul.square li {position: relative; padding: 0 0 0 16px;}
ul.square li:before {content: '■'; position: absolute; top: 0; left: 0;}

/*タブ切替のstyle*/
/**============================================================================================**/
input[name="radios"] {display: none;}

#area1,#area2 {
	overflow-y: hidden;
	box-sizing: border-box; width: 100%; max-width: 1000px; max-height: 0; 
	margin: 0 auto; padding: 0; opacity: 0;}

#tab1:checked ~ #area1,
#tab2:checked ~ #area2 {overflow-y: visible; max-height:10000px; padding: 10px; opacity: 1;}


/*タブのstyle*/
.tab-bg {margin: 0 0 10px; padding: 10px 10px 0; border-radius: 6px; background: url(../images/bg-tab.gif);}
.tab-bg label {
	display: inline-block; width: 110px; padding:8px 0; border-radius:6px 6px 0 0; background: #B3E5EC;
	color: #010101; font-size:15px; font-weight:bold; line-height:1.0em; text-align: center; 
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.tab-bg label:hover {background:#fff; color:#E47911;}

/*選択したタブの背景色、文字色*/
#tab1:checked ~ .tab-bg label[for="tab1"],
#tab2:checked ~ .tab-bg label[for="tab2"] {background:#fff; color: #010101;}

#tab1:checked ~ .tab-bg label[for="tab1"]:hover,
#tab2:checked ~ .tab-bg label[for="tab2"]:hover {color:#E47911;}

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


/* 会員企業一覧 */
/**============================================================================================**/
#company-list br {display: none;}
#company-list ul {font-size: 0;}
#company-list li {
	display: inline-block; box-sizing: border-box; width: 50%; 
	margin: 0 0 15px; font-size: 14px; vertical-align: top;}
#company-list a {color: #010101; text-decoration: underline;}
#company-list a:hover {color:#E47911;}
#company-list hr {margin: 0 0 15px; border:dotted #999; border-width: 0 0 2px;}

@media screen and (max-width:699px){
#company-list br {display: block;}

#company-list li {width: 100%;}
}

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


/* 会員情報 */
/**============================================================================================**/
#company-info ul {text-align:center;}
#company-info li {
	display: inline-block; box-sizing: border-box; width: 49%; 
	margin: 0 0 30px; padding: 0 10px; text-align: left; vertical-align: top;}

/* 会社名 */
#company-info h4 {
	box-sizing: border-box; min-height:25px; margin: 0 0 10px; padding:0px 0 0 5px; 
	border: solid #0dafc7; border-width: 0 0 2px 7px;}

/* 会社イメージ */
#company-info li > img {display:block; margin: 10px auto; vertical-align: middle;}

/* 会社情報 */
#company-info table td:nth-child(1) {width: 60px; padding: 2px 3px; border-bottom: solid #fff 1px; background: #ddd; text-align: center;}
#company-info table td:nth-child(2) {padding: 2px 5px; border-bottom: solid #ddd 1px;}
#company-info tr:last-child td {border:none;}

/* 取扱いブランド */
#company-info table {box-sizing: border-box; width: 100%;}
#company-info .dis-tbl_tab {box-sizing: border-box; width: 100%; margin: 15px 0 0; border: solid #ddd 1px;}
#company-info .dis-tbl_tab p {display: table-cell; text-align: center; vertical-align: middle;}
#company-info .dis-tbl_tab p:nth-child(1) {width: 60px; padding:5px 3px;  background: #ddd;}
#company-info .dis-tbl_tab p:nth-child(2) {padding:5px 3px 0;}

#company-info .dis-tbl_tab img {display: inline-block; margin: 0 10px 10px; vertical-align: middle;}

@media screen and (max-width:999px){
#company-info li {
	display:block; width: 100%; padding: 0;}
}

@media screen and (max-width:999px) and (min-width:600px){	
/* 会社イメージ */
#company-info li > img {float: left; margin: 10px 0;}
	
/* 会社情報 */
#company-info table {float: right; margin:10px 0 10px -185px; padding:0px 0 10px 185px;}
#company-info table td:nth-child(1) {width: 70px;}

/* 取扱いブランド */
#company-info .dis-tbl_tab p:nth-child(1) {width: 170px;}
#company-info .dis-tbl_tab p:nth-child(1) br {display: none;}
}

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


/* ブログ一覧 */
/**============================================================================================**/

/* ボーターズロゴ*/
#area2 > .posi-rlt img { width:auto; height: 26px;}
#area2 > .posi-rlt a.posi-abs { top: -55px; right: 0;}

@media screen and (max-width:399px){
#area2 > .posi-rlt img {display: none;}
#area2 > .posi-rlt a.posi-abs {padding: 1px 2px; border: solid #1d2087 1px; border-radius: 5px; background: #fff;}
#area2 > .posi-rlt a:before {
	content: ''; display: block; box-sizing: border-box; width: 26px; height: 26px;
	border-radius: 2px;
	background:#fff url(../images/icon_bt.png) no-repeat;
	background-size: 100% auto;
	background-position: center center;
	}
}


/* ブログ一覧 */
#feed-bt li {display: table; table-layout: fixed; width: 100%; margin: 0 0 20px; padding: 0 0 5px; border-bottom:dotted #999 2px;}
#feed-bt li:last-child {border:none;}
#feed-bt .dis-tblcl01 {width: 200px; padding:0 20px 0 0;}
#feed-bt .dis-tblcl02 {padding:10px 0 0;}

/* サムネイル */
#feed-bt .dis-tblcl01 span {
    display: inline-block; width: 200px; height: 150px; margin: 0;
    background-color: #eee;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.5s;}
#feed-bt .dis-tblcl01 a:hover {opacity: 0.7;}

/* タイトル */
#feed-bt .dis-tblcl02 a.dis-blk {margin: 0 0 10px; color:#000; font-size: 15px; font-weight: 600; text-decoration:underline;}
#feed-bt .dis-tblcl02 a.dis-blk:hover {color:#E47911;}

/* 抜粋 */
#feed-bt .dis-tblcl02 span {
    width: 100%; max-height: 40px;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#feed-bt .posi-abs {display: block;}

/* 投稿日 */
#feed-bt p.posi-abs {bottom:20px; left:0; color:#e01221;}

/* 詳しく見る */
#feed-bt a.posi-abs {right:25px; bottom:20px; padding: 0 25px 0 0; color:#0068de; text-decoration:underline;}
#feed-bt a.posi-abs:hover {color:#E47911; text-decoration:underline;}

#feed-bt a.posi-abs:after {content: '＞＞'; position: absolute; top: 1px; right: 0px; font-size: 10px;}

@media screen and (max-width:699px){
#feed-bt li {padding: 0 0 10px;}
	
/* 投稿日 */
#feed-bt p.posi-abs {position: static; margin: 5px 5px 0 0;}

/* 詳しく見る */
#feed-bt a.posi-abs {position: relative; right:auto; bottom:auto; margin: 5px 0 0;}
}

@media screen and (max-width:699px) and (min-width:500px){
#feed-bt .dis-tblcl01 {width: 140px; padding:0 10px 0 0;}
#feed-bt .dis-tblcl02 {padding:0;}

/* サムネイル */
#feed-bt .dis-tblcl01 img,
#feed-bt .dis-tblcl01 span {width: 140px; height: 105px;}

/* タイトル */
#feed-bt .dis-tblcl02 a.dis-blk {margin: 0 0 5px;}
}

@media screen and (max-width:499px){
#feed-bt li,
#feed-bt .dis-tblcl01,
#feed-bt .dis-tblcl02 {display: block;}
	
#feed-bt .dis-tblcl01 {margin: 0 auto 10px; padding:0;}
}
/**============================================================================================**/