@charset "UTF-8";

/**/

#blog-header-box{
	margin:auto;
	max-width:1500px;
	width:95%
}

#blog-header-box>*{padding:14% 0}

body{background:url(../img/blog-common/back.jpg) top center no-repeat}

#blog-header>h1{
	margin:0;
	text-align:center
}

/**/

#all-box{
	background:#fff;
	margin:auto;
	max-width:1500px;
	width:95%
}

#all-box>*{padding:6%}

a.sns {
	margin: 0 10px 0 0;
}

a.sns img {
	width: 30px;
	height: 30px;
}
a.sns.x img {
	width: 25px;
}


/**/

#brand-link ul{
	margin:0;
	padding:0
}

#brand-link ul ul{padding-top:10%}

#brand-link a{color:#333}

#brand-link li+li{margin-top:10%}

/**/

#brand-list a{display:block}

#brand-list a+a{margin-top:3%}

.cate{
	color:#adadb4;
	font-size:10px;
	font-weight:bold;
	margin:0
}

.cate+*{
	color:#333;
	font-size:16px;
	font-weight:bold;
	margin:15px 0
}

.txt>p{
	color:#333;
	font-size:15px;
	font-family:sans-serif;
	margin:0;
	line-height: 2;
}

.txt img{vertical-align:baseline}

.time{
	color:#adadb4;
	font-size:10px;
	margin:15px 0 0
}

/**/

.brand-img{position:relative}

.brand-img>img{vertical-align:middle}

.brand-img>img+img{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}

[data-hover="color"]>img+img{
	-webkit-transition:opacity .5s;
	transition:opacity .5s
}

.color>img+img{opacity:0}

#brand-img>a+a{margin-top:10%}

/**/

#blog-footer-back{
	background:#333;
	overflow:hidden
}

#blog-footer-box{
	margin:auto;
	max-width:1300px;
	width:95%
}

#blog-footer{text-align:center}

#blog-footer>a{margin:2% 0}

#blog-footer>hr{
	border:none;
	border-top:1px solid #fff;
	margin:0
}

#sns{
	color:#888;
	font-size:13px;
	margin:1% 0
}

#sns span,
#sns a,
#sns img{
	display:inline-block;
	vertical-align:top
}

#sns a{margin-left:15px}

/**/

#page{text-align:center}

.wp-pagenavi>*{
	display:inline-block;
	font-size:12px
}

.wp-pagenavi>*:not(:last-child){margin-right:15px}

.pages~*{
	border:1px solid #333;
	padding:6px 8px;
	line-height:100%
}

.extend{display:none}

.current{
	background:#333;
	color:#fff
}

/**/

#brand-img{text-align:center}

/**/

@media(max-width:991px){

	#brand-link>ul{display:inline-block}

	#brand-link+div{margin:5% 0}

	.brand-img{
		vertical-align:bottom;
		width:25%
	}

}

@media(max-width:600px){

	#brand-list .cate+*{font-size:14px}

	.txt>p{font-size:12px}

}

@media(max-width:450px){

	#brand-list .cate+*{margin:5px 0}

	#brand-list .time{margin:0}

	#brand-list .txt>p{display:none}

	.brand-img{width:50%}

	#brand-img>a+a{margin:0}

	.pages{
		display:block;
		margin:5% 0
	}

}

/**/

.thumb{
	padding:0 100% 100% 0;
	overflow:hidden;
	position:relative;
}

.thumb>img{
	bottom:0;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
}

@media(max-width:991px){
    .container-fluid .row   {
        display: flex;
        flex-direction: column;
    }
    .container-fluid .row #brand-link {
        order: 2;
        margin: 30px 0 50px 0;
    }
    .container-fluid .row .col-md-7 {
        order: 1;
    }
    
    #brand-img {
        order: 3;
    }
}