@charset "utf-8";

/***************************************
 For bynow.jp
 arai@onenote.co.jp
 Jan 21, 2018
***************************************/


/*-------------------------------------------------------------------
 Media Queries
-------------------------------------------------------------------*/

/* SP layout
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

.forPC { display: none; }
.forSP { display: block; }
img.forSP { display: inline-block; }

body {
	min-width: inherit;
	font-size: 13px;
}

/*-------------------------------------
 header
-------------------------------------*/
#header {

}
#header h1 {

}
#header h1 em {

}
.headerLogo{

}

.headerBtn {

}

.headerBtnMenu {

}

#gNav {

}
#gNav .gNavClose {

}
#gNav .gNavClose img {

}
#gNav ul {

}
#gNav ul li {

}


/*-------------------------------------
 layout
-------------------------------------*/
#container {
	width: auto;
}
#contents {
	float: none;
	width: auto;
}


/*-------------------------------------
 pagetop
-------------------------------------*/
#pagetop p {
	position: relative;
	width: auto;
	height: auto;
	text-align: center;
}
#pagetop a {
	padding: 20px 0;
}

/*-------------------------------------
 footer
-------------------------------------*/
#footer {

}
.footerInner {
	position: relative;
	width: auto;
	padding: 0;
}

.brandIndexSelect ul{

    grid-template-columns: 1fr;
    gap: 15px;

}

/*-------------------------------------
 home
-------------------------------------*/
/* visual
-------------------------------------*/

/* vimeo swipe
-------------------------------------*/
.vimeoEmbed::after {
    content: "";
    background: transparent;
    width: 100%;
    height: 100%;
    min-height: 1px;
    position: absolute;
    top: 0;
	bottom: auto;
}
.vimeoEmbed::before{
	display: none;
}


#thumnailLinkBox ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}



#categoryTagSearchList ul{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

#relationLinkBox ul{
	grid-template-columns: 1fr 1fr;
}




}





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

.forPC { display: block; }
img.forPC { display: inline-block; }
.forSP { display: none; }


.headerLogo {
    width: 230px;
    height: auto;
    margin: 0 auto;
}
/*-------------------------------------
 common
-------------------------------------*/
section{
	margin-bottom:30px;
	padding: 0px 0px; 
}
.squareBtn {
    font-size: 20px;
}
.roundBtn{
	font-size:16px;
}

/*  TOP blands */
.brandList2cBox ul li .brandIndexImg {
    overflow: hidden;
    height: calc(410px - 20px);
    margin-bottom: 5px;
}
.brandList2cBox ul li {
    width: calc(410px - 20px);
    float: left;
	position: relative;
	margin-bottom: 40px;
	padding: 0px 5px 0px 5px;
}
.brandList2cBox ul li:nth-child(odd) {
	clear:inherit;
}

/*  TOP blands slider */
.itemList3cBox ul li .brandLogo {
    overflow: hidden;
    height: 180px;
    background-color: #FFFFFF;
    padding: 15px;
}

/*  Login */
.consumerLogin {
    /* margin-left: 8.33333333%; */
	width: 570px;
    margin: 50px auto;
    background-color: #ffffff;
    padding: 50px;
}

/*  item detail */
#itemDetail{
	float:left;
	width:700px;
}
#itemSelect{
	margin-left:720px;
	margin-top: 25px;
}
#itemSelect .itemName{
	font-size:24px;
    overflow: auto;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.itemPrice {
    text-align: right;
    margin-bottom: 21px;
    font-size: 24px;
}
#itemDetailColorBox{
	width:600px;
	height:auto;
	padding-bottom: 60px;
}
#itemDetailColorVer {
    margin-bottom: 20px;
}
#itemDetailColorImg ul {
    text-align: center;
    height: 400px;
    width: 400px;
    margin: 15px auto;
}
#itemDetailColorImg ul li .colorImg {
    overflow: hidden;
    height: 400px;
    width: 400px;
    background-color: #FFFFFF;
    padding: 0;
}
/*  brand detail */
.itemList3cImgBox ul li {
    width: calc(306px - 16px);
    float: left;
    position: relative;
    margin-bottom: 5px;
    padding: 0px 5px 0px 5px;
}
.itemList3cImgBox ul li .itemImg {
    overflow: hidden;
    height: calc(306px - 15px);
    margin-bottom: 5px;
}
#brandDetail {
    background-color: #FDFDFD;
}

	#header {
    z-index: 100000;
	}
	#wrapper{
		overflow: auto;
		min-width: inherit;
		background-color: #FFFFFF;
	}

	#seachListBox {
		float: right;
		width: 280px;
		z-index: 1;
		margin-top: 77px;
	}
#contents {
    float: none;
	padding:20px;
}
	#pagetop{
		clear: both;
	}
	#seachListBox div{
		position:relative !important;
		top: auto !important;
		right: auto !important;
		height: auto;
	}
	#container{
		margin: 0 auto;
	}
	.itemList2cBox ul li:nth-child(odd){
		clear:none;
	}
	.itemList2cBox ul li .itemImg {
		overflow: hidden;
		height: 180px;
		width: 180px;
	}
	.itemList2cBox ul li {
		width: 180px;
		float: left;
		position: relative;
		margin-left: 2px;
		margin: 10px;
	}
	#checkedItems ul li {
		width: 180px;
		float: left;
		position: relative;
		margin-left: 2px;
	}
	#checkedItems ul li .itemImg{
		height: 180px;
		width: 180px;
	}
	#checkedItems{
		clear:both;
		
	}
	#checkedBrands ul li .brandLogo {
		height: 180px;
	}
}