@charset "utf-8";
/*------基本CSS（PC用記述記載）------*/

#all_wrapper {
    overflow: hidden;
}

/* 共通CSS */
#lookhoot-men {
    font-size: 16px;
    color: #000000;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
#lookhoot-men a{
    text-decoration: none;
	color: #000000;
}
#lookhoot-men img{
    width: 100%;
    height: auto;
}
#lookhoot-men .brandTop:hover, #lookhoot-men .catePrice li:hover{
    opacity: 0.75;
}

/* パンくず */
#lookhoot-men .breadcrumb_list2 {
display: flex;
float: none;
width: 1000px!important;
margin: 0 auto;
}
#lookhoot-men h1{
display: block;
color: #000000;
line-height: normal;
}

/* FV */
#lookhoot-men .fv {
    margin-top: 40px;
    overflow: hidden;
}
#lookhoot-men .fv .titlearea {
    float: left;
    width: 36%;
    margin-left: 2%;
}
#lookhoot-men .fv .title{
    font-size: 35px;
    margin-bottom: 25px;
    color: #fff;
    background-color: #1f4d79;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Noto Serif JP', serif;
}
#lookhoot-men .fv .title span{
    font-size: 20px;
    margin-right: 10px;
}
#lookhoot-men .fv .titleText{
    line-height: 1.5;
    font-family: 'Noto Serif JP', serif;
}

/* 動画看板 */
#lookhoot-men .pcImage {
    width:1080px;
    height:auto;
    margin: 0 auto;
    display: block;
}

#lookhoot-men .spImage {
    display: none;
}

#lookhoot-men .fvText {
    text-align: center;
    margin: 40px 0 60px;
    line-height: 1.8;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 1.3px;
}

#lookhoot-men .navi1 {
    display: flex;
    justify-content: center;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 100px;
}
#lookhoot-men .navi1 li {
    text-align: center;
    width: 20%;
    border: solid 1px #000;
    margin: 0 4%;
}
#lookhoot-men .navi1 li a {
    padding: 22px 0px;
    display: block;
    letter-spacing: 3px;
}
/* 商品陳列　タイトル（テキスト） */	
#lookhoot-men .itemList {
    margin: 0 auto 5%;
}
#lookhoot-men .date {
    font-size: 15px;
    float: right;
    margin-right: 40px;
    margin-top: 7px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 2px;
}

#lookhoot-men .featureContainer {
    padding: 5%;
}	

#lookhoot-men .style{
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
    letter-spacing: 2px;
    margin-bottom: 50px;
}

#lookhoot-men .featureContainer:nth-of-type(odd){
    background-color: #f2f2f2;
}

#lookhoot-men .imgContainer2,#lookhoot-men .evenImg1{
    max-width: 1000px;
    margin: 0 auto;
}
#lookhoot-men .evenImg1 img{
    width: 18%;
}
#lookhoot-men  .ChangeImage{
    position: relative;
    height: auto;
    top: 30px;
}
#lookhoot-men .ChangeImage img{
    position: absolute;
    animation: photo 9s infinite;
    opacity: 0;
}
@keyframes photo{
    0% {opacity: 0;}
    12.5% {opacity: 1;}
    37.5% {opacity: 1;}
    50% {opacity: 0;}
}
#lookhoot-men .ChangeImage img:nth-of-type(1) {
    animation-delay: 0s;

}
#lookhoot-men .ChangeImage img:nth-of-type(2) {
  animation-delay: 3s;
}
#lookhoot-men .ChangeImage img:nth-of-type(3) {
   animation-delay: 6s;
}

/*　商像陳列 パターン2（2列）*/	


#lookhoot-men .imgContainer2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 0 auto;
}
#lookhoot-men .imgContainer2 li {
    width: 48%;
}
#lookhoot-men .imgContainer2 .subImg2 {
    margin-top: 10%;
}
#lookhoot-men .catePrice{
    width: 1000px;
    font-family: 'Noto Serif JP', serif;
    display: flex;
    flex-direction: column;
    align-items: end;
    margin: 20px auto 0;
}
#lookhoot-men .catePrice .catePriceLink {
    margin-top: 2px;
    position: relative;
	white-space: nowrap;
}

#lookhoot-men .catePrice .catePriceLink a {
    border-bottom: 1px solid #000;
}

#lookhoot-men .catePrice .comingSoon{
	color: #8F929B;
    border-bottom: 1px solid #8F929B;
}

#lookhoot-men .catePrice .cate{
    font-size: 14px;
    margin-right: 15px;
}
#lookhoot-men .catePrice .price {
    font-size: 13px;
}

#lookhoot-men .price_info .price:after{
	display: none;
}

/*アニメーション要素のスタイル*/
#lookhoot-men .animation{
	opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateY(100px);
}
/*アニメーション要素までスクロールした時のスタイル*/
#lookhoot-men .active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


#lookhoot-men .brandTop{
	width: 30%;
}

/*sold out対応*/
#lookhoot-men .catePrice .boxlink_sold a{
	border-bottom: 1px solid #000;
	pointer-events: none
}

#lookhoot-men .catePrice .boxlink_sold a:after{
	content: "sold out";
    font-size: 13px;
}

/*------横幅が520px以下CSS（SP用記述記載）------*/
@media screen and (max-width: 520px) {

/* 共通CSS */
#lookhoot-men{
    width: 100%;
    margin: 0 auto;
    max-width: 750px;
    color: #000;
}
#lookhoot-men img{
    width: 100%;
    height: auto;
}
#lookhoot-men a{
    text-decoration: none;
    color: #000;
}

    /* パンくず */
#lookhoot-men .breadcrumb_list2 {
    font-size: 10px;
    padding-bottom: 10px;
}
#lookhoot-men .breadcrumb_list2 a {
    color: #000;
    font-weight: normal;
}
#lookhoot-men .breadcrumb_list2 h1 {
    display: inline-block;
    color: #000;
}

    /* FV */
#lookhoot-men .fv{
    overflow: hidden;
}
#lookhoot-men .fv .titlearea {
    margin: 4% 0;
	clear: both;
    width: 100%;
}
#lookhoot-men .fv .title {
    font-size: 25px;
    color: #fff;
    background-color: #1f4d79;
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Serif JP', serif;
}
#lookhoot-men .fv .title span{
    font-size: 15px;
    margin-right: 1%;
}
#lookhoot-men .fv .titleText {
    line-height: 1.5;
    margin: 2% 2% 0;
    font-family: 'Noto Serif JP', serif;
    font-size: 10px;
}

/* 動画看板 */
#lookhoot-men .pcImage {
    display: none;
}	

#lookhoot-men .spImage {
    width:100%;
    height:100%;
    display: block;
}

#lookhoot-men .fvText {
    padding: 14% 3% 6%;
    line-height: 1.8;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 1.4px;
	text-align: start;
	margin-bottom: 5%;
}
#lookhoot-men .fvText br{
    display: none;
}
#lookhoot-men .navi1 {
    display: flex;
    justify-content: center;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 25%;
}
#lookhoot-men .navi1 li {
    text-align: center;
    width: 35%;
    border: solid 1px #000;
    margin: 0 4%;
}
#lookhoot-men .navi1 a {
    padding: 10% 0px;
    display: block;
    letter-spacing: 3px;
}
#lookhoot-men .b_navi {
    font-size: 17px;
}

    /* 商品陳列 */
#lookhoot-men .itemList{
	margin-bottom: 20%;
}	

#lookhoot-men .date {
    float: right;
    margin: 2% 1%;
    font-size: 13px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 2px;
}

#lookhoot-men .featureContainer{
	margin-bottom: 10%;
}	

#lookhoot-men .imgContainer2{
    display: block;
}
	
#lookhoot-men .imgContainer2 li{
    width: 100%;
}

#lookhoot-men .imgContainer2 li:last-child{
    margin-bottom: 3%;
}
#lookhoot-men .evenImg1 img {
    width: 35%;
}   
#lookhoot-men .ChangeImage{
    height: 120vw;
}
#lookhoot-men .ChangeImage img{
    position: absolute;
    animation: photo 9s infinite;
    opacity: 0;
}
    @keyframes photo{
    0% {opacity: 0;}
    12.5% {opacity: 1;}
    37.5% {opacity: 1;}
    50% {opacity: 0;}
}
#lookhoot-men .ChangeImage img:nth-of-type(1) {
    animation-delay: 0s;
}
#lookhoot-men .ChangeImage img:nth-of-type(2) {
    animation-delay: 3s;
}
#lookhoot-men .ChangeImage img:nth-of-type(3) {
    animation-delay: 6s;
}

    /*　商品リンク　*/		
#lookhoot-men .catePrice{
    width: 100%;
}
#lookhoot-men .catePrice .cate{
    font-size: 12px;
}
#lookhoot-men .catePrice .price{
    font-size: 11px;
}

    /*アニメーション要素のスタイル*/
#lookhoot-men .animation{
    opacity : 0;
    visibility: hidden;
    transition: 1s;
    transform: translateY(100px);
}
    /*アニメーション要素までスクロールした時のスタイル*/
#lookhoot-men .active{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    /*sold out対応*/
#lookhoot-men .catePrice .boxlink_sold a:after{
    font-size: 11px;
}



}