/*SP first*/


/*----------base style start*/
/*common*/
	body{
		line-height:1.6em;
	}
	h2{
		font-size:15px;
	}
	.breadcrumb{
		width:100% !important;
	}
	.headerLogo{
		text-align: center;
		padding: 10px;
	}
	.headerLogo img{
		width: 100px;
	}
	.main{
		margin:0 0 20px 0;
	}
	.borderColumnBox{
		margin-top:30px;
		border-top:none;
	}
	.borderColumnBox h2{
		padding:6px 6px 6px 8px;
		color:#000;
	}
	.container{
		margin-top:60px;
	}

/*premiumdoors color*/
	body#premiumdoors {
		background:#000;
		color:#fff;
	}
	body#premiumdoors .borderColumnBox{
		border:1px solid #fff;
	}
	body#premiumdoors .borderColumnBox h2{
		background: #fff;
	}
	body#premiumdoors .productLogo img{
		border:1px solid #fff;
	}
	body#premiumdoors .bx-wrapper .bx-viewport{
		background-color: #000;
	}
	body#premiumdoors .bx-wrapper .bx-pager.bx-default-pager a{
		background-color: #666;
	}
	body#premiumdoors .bx-wrapper .bx-pager.bx-default-pager a:hover, 
	body#premiumdoors .bx-wrapper .bx-pager.bx-default-pager a.active{
		background-color: #fff;
	}
	body#premiumdoors a,
	body#premiumdoors a:active,
	body#premiumdoors a:visited{
		color:#fff;
	}


/*conceptshop color*/
	body#conceptshop {
		background:#fff;
		color:#000;
	}
	body#conceptshop .borderColumnBox{
		border:1px solid #ccc;
	}
	body#conceptshop .borderColumnBox h2{
		background: #ccc;
	}
	body#conceptshop .productLogo img{
		border:1px solid #ccc;
	}
	body#conceptshop .footer{
		background-color:#fff;
	}
	body#conceptshop .footer a,
	body#conceptshop .footer_copyright{
		color:#000;
	}

	body#conceptshop .bx-wrapper .bx-pager.bx-default-pager a{
		background-color: #ccc;
	}
	body#conceptshop .bx-wrapper .bx-pager.bx-default-pager a:hover, 
	body#conceptshop .bx-wrapper .bx-pager.bx-default-pager a.active{
		background-color: #666;
	}

/*----------base style end*/

	
	body a{
		text-decoration:underline !important;
	}
	body .title a{
		color:#049be1 !important;
	}
	body .footer a{
		text-decoration:none !important;
	}

	.topics .columnBoxLeft a{
		color:#049be1 !important;
		text-decoration: underline;
		word-break: break-all;
	}

	.columnBoxLeft,
	.columnBoxRight{
		float:none;
		max-width:100%;
	}
	.columnBoxRight{
		margin-top:20px;
	}
	.columnBoxRight img{
		margin-bottom:5px;
	}

	.columnBoxRightImg,
	.topicsImgCenter{
		width:100%;
		text-align: center;
	}
	.columnBoxRightTxt{
		margin:0 0 0 20px;
	}

	.columnBox{
		font-size:15px;
	}

	.columnBoxInner{
		padding:20px;
		overflow:auto;
	}

	.topics .columnBoxInner .title{
		clear:both;
		margin-left: 1.4em;
	}
	.topics .columnBoxInner .date-title-set .title{
		margin-left: auto;
	}
	.topics .columnBoxInner .none .date-title-set .title{
		margin-left: 0;
	}

	.borderColumnBox ul{
		display: flex;
		flex-direction: column;
		display: list-item;
	}
	.borderColumnBox li{
		margin:0.8em 0 0 1.4em;
		display: list-item;
		list-style: square;
	}
	.borderColumnBox li:first-child{
		margin-top:0;
		display: list-item;
		list-style: square;
	}

	.borderColumnBox .newsList .date-title-set,
	.borderColumnBox .storeList .store-set{
		display: flex;
		flex-direction: column;
	}

	.borderColumnBox .storeList li{
		border-bottom:1px #ccc solid;
		padding:15px 0;
	}

	.borderColumnBox .storeList li:first-child{
		padding-top:0;
	}
	.borderColumnBox .storeList li:last-child{
		border-bottom:none;
		padding-bottom:0;
	}

	.borderColumnBox .newsList .date{
		margin-right:20px;
	}

	.borderColumnBox .productLogo{
		display: flex;
		flex-wrap: wrap;
		justify-content: start-end;
	}
	.borderColumnBox .productLogo div{
	    box-sizing: content-box;
	    padding: 15px 0px;
	    text-align: center;
	    min-width: 50%;
	}
	.borderColumnBox .productLogo.left{
		justify-content: left;
	}


	.borderColumnBox .storeName{
		width:auto;
		margin-right:15px;
	}
	.borderColumnBox .storeAddress{
		width:auto;
		margin-right:15px;
	}
	.borderColumnBox .storetopics{
		margin-top:10px;
		width:auto;
	}

	.news-all{
		text-align:right;
		margin-top:10px;
	}

	.clear{
		clear:both;
		margin:20px;
	}



/*PC*/
@media screen and (min-width: 767px) {

	.breadcrumb{
		width:1000px;
	}
	.headerLogo{
		margin:0px auto;
		padding: 20px;
	}
	.headerLogo img{
		width: 150px;
	}
	.borderColumnBox li{
		margin:0 0 0 1.4em;
	}
	.borderColumnBox .newsList .date-title-set,
	.borderColumnBox .storeList .store-set{
		flex-direction: row;
	}
	.borderColumnBox .columnBoxLeft .date-title-set{
		flex-direction: column;
	}
	.borderColumnBox .productLogo{
		flex-direction: row;
		justify-content: space-around;
	}
	.borderColumnBox .productLogo div{
	    min-width: auto;
	}
	.borderColumnBox .productLogo.left div{
		margin:0px 15px;
	}


	.borderColumnBox .storeName{
		width:340px;
	}
	.borderColumnBox .storeAddress{
		width:300px;
	}
	.borderColumnBox .storetopics{
		margin-top:0;
		width:calc(100% - 340px - 300px - 30px);
	}


	.columnBoxLeft{
		float:left;
		max-width:calc(100% - 310px - 10px - 20px);
	}
	.columnBoxRight{
		float:right;
		max-width:calc(310px);
		margin:0px 0px 10px 0px;
	}
	.columnBoxRight img{
		width:auto;
		padding-bottom:5px;
		display: block;
		margin:auto;
	}
	.topicsImgCenter img{
		width:50%;
	}

}