@charset "utf-8";
/* CSS Document */

/************************/
/*____ 共通基礎 ____*/
body{margin:0;}
#LP-html{
	background-color: #f8f8f8;
    padding-bottom: 3rem;
    margin-bottom: -5rem;
}
#LP-body{opacity:1;}
figure{margin:auto}
article body, article div, article dl, article dt, article dd, article ul, article ol, article li, article h1, article h2, article h3, article h4, article h5, article h6, article pre, article form, article fieldset, article input, article textarea, article p, article blockquote, article th, article td {font-family: 'Noto Sans Japanese', sans-serif;}
/*#LP-body{opacity:0;}*/
.productGrid{margin-bottom:20px;text-align:center;}
article img{width:100%;}
.skew14deg{transform:skewY(14deg);}
.skew-14deg{transform:skewY(-14deg);}
.bC-gry{background-color:#e7e7e7;}
a.cmBtn {background-color:#000; font-weight:normal; text-decoration:none; display:block; text-align:center; color:#fff;}
a {
    text-decoration: none;
    color: #333;
}
li {
	list-style: none;
}

/*.bg_men{ background-color: #d4d9df;}
.bg_wmn{ background-color: #ede4e1;}
.bg_home{ background-color: #d4dcd3;}*/


/************************/
/*____ レイアウト ____*/

.Flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.Flex_b{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.Flex > div{margin-bottom:2rem;}
.Flex > .fullGrow{width:100%;}
.Flex .cmBtn{margin:auto 0.5rem;}
/************************/
/*____ CSVレイアウト ____*/


.csvItem.section{
	margin-top:6rem;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.csvItem.section > h2{
	width:100%;
	text-align:center;
	font-weight:200;
	font-size:1.5rem;
}
.csvItem.section  > div{
	width:32%;
	margin-bottom:1rem;
}
.csvItem .s_price,
.csvItem .sex,
.csvItem .tax,
.csvItem .name,
.anchor
{
	display:none;
}
.csvItem .entry{
	position:relative;
}

.csvItem .img_box{
	width:85%;
	margin:auto;
}
.csvItem .txt_box{
	position:relative;
	width:70%;
	margin:auto;
}
.csvItem .item_image{
	width:100%;
}
.csvItem .brand{
	font-size:1.1rem;
	font-weight:700;
}
.csvItem .mb_price{
	line-height:1rem;
	font-size:1rem;
	color:#800;
}
.txt_box a{
	text-decoration:none;
}

/************************/
/*____ メニュー ____*/

.step {
	font-size:1.2rem;
	font-weight:300;
}
.step1 {
	position:relative;
}
.step1 img{
    object-fit: cover;
    height: 230px;
    filter: brightness(80%);
}

.topNew {
    font-size: 10px;
    padding: 1px 10px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: -164px;
    background-color: #d9333f;
    letter-spacing: 1px;
}


/************************/
/*____ 看板 ____*/
.title-container{
    position: relative;
    margin: 0 auto;
}
.titleImg{
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    height: auto;
    position: relative;
    background: no-repeat 50% 50%;
    background-size: cover;
    margin: 0 auto;
}
.titleImg:after {
    content: "";
    display: block;
}
.titleH1 {
    display: inline-block;
    font-weight: 100;
    color: #fff;
    letter-spacing: 1px;
    font-size: 28px;
	display: none;
}
.titleP{
	font-weight:100;
}

/************************/
/*____ 見出し ____*/
.headLine{
	position:relative;
	z-index:1;
}
.headLine hr{
	margin:0px;
	height:inherit;
	border-top-width:1px;
	border-color:#191919;
}
.headLineDeg{
	display:block;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	width:30px;
	height:30px;
	border:solid #191919;
	border-width:0 1px 1px 0;
	background-color:#FFF;
	position:relative;
	top:-16px;
}
.headLineTtl{
	margin:0 8px;
	font-size:24px;
	letter-spacing:-1px;
	font-weight:100;
}

article nav {
	 margin: 4rem auto 0;
}

.wrraping {
	position: relative;
    width: 500px;
    margin: 0 auto 4rem;
	overflow: hidden;
    cursor: pointer;
}
.wrraping img {
    object-fit: cover;
	object-position: 50% 60%;
    font-family: "object-fit:cover";
    height: 200px;
    filter: brightness(0.75) grayscale(10%);
	transition:all 0.6s;
}
.menuList li {
	overflow: hidden;
    cursor: pointer;
}
.menuList li img {
    width: 100%;
    object-fit: cover;
    height:170px;
    filter: brightness(0.75) grayscale(10%);
	transition:all 0.4s;
}
.cmTxt span {
	font-size: 16px;
    font-weight: 500;
    display: block;
    margin-bottom: 0.2rem;
}
.cmTxt{
    font-size: 14px;
    font-weight: 200;
    margin: 0 auto 1.2rem !important;
    letter-spacing: 0;
	color:#555;
}

.seen{
    font-size: 14px;
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-weight: 500;
    text-align: center;
}

.menuList .seen:before {
	position: absolute;
    content: "";
	width: 8px;
    height: 8px;
    border: 1.5px solid;
    top: 135%;
    right: 0;
    left: 0;
    margin: auto;
    border-color: #fff #fff transparent transparent;
    transform: rotate(135deg);
}
.wrraping .seen:before{
	display:none;
}
.menuList li a {
	display:block;
}

/************************/
/*____ アイテム ____*/

.itemList li a {
	display:block;
}

.item_brand,
.item_name {
	display:block;
	width: 90%;
	margin: 0 auto;
	text-align:center;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-weight: 200;
	font-size: 14px;
	letter-spacing: 0.3px;
	color:#333;
}
.item_brand {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	margin-top:0.8rem;
}


.fadein {
    opacity : 0;
    transform : translate(0, 0px);
    transition : all 1300ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
.fadein .titleImg img {
	transform: scale(1.05);
	transition : all 1500ms;
}
.fadein.scrollin .titleImg img {
	transform: scale(1.00);
}

.itemList li.fadein {
    transform : translate(0, 0);
	transition : all 1300ms;
}