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

/*----------全体----------*/

.contents{
    max-width: 100%;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    color: #f3b5bb;
	}

li{
    list-style: none;
}
ul{
    padding-left: 0%
}
.half{
        font-size: 70%;
    }


/*--------.main-wrapper--------*/
@media only screen and (min-width:1025px) {
	.main-wrapper{
/*		width: 1000px;*/
		margin: 0 auto;
		text-align: center;
    }
}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .main-wrapper{
        width: 100%;
		margin: 0 auto;
		text-align: center;
	}
}
@media only screen and (max-width:519px){
    .main-wrapper{
		margin: 0 auto;
		text-align: center;
	}
}



/*	レスポンシブによる出しわけ*/
@media only screen and (min-width:1025px) {
	.pc{
		display: block;
	}
	.sp{
		display: none;
	}
}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .pc{
		display: block;
	}
	.sp{
		display: none;
	}
}
@media only screen and (max-width:519px){
    .pc{
		display: none;
	}
	.sp{
		display: block;
	}
}




/*	タイトルエリア*/
@media only screen and (min-width:1025px) {
    .page--title-img{
        margin-bottom: 10px;
    }
	.page--title-img img{
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}
    .comment p{
        color: #f3b5bb;
        font-size: 15px;
    }
}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .page--title-img{
		text-align: center;
        margin-bottom: 10px;
	}
	.page--title-img img{
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
	}
    .comment p{
        color: #f3b5bb;
        font-size: 15px;
    }
}
@media only screen and (max-width:519px){
    .page--title-img{
		text-align: center;
		margin: 0 auto 10px;
	}
	.page--title-img img{
		width: 100%;
	}
    .comment p{
        color: #f3b5bb;
        font-size: 3.2vw;
    }
}


	
/*---------ボタンエリア---------*/
@media only screen and (min-width:1025px) {
    .page--btn-contents{
        max-width: 1000px;
        margin: 0 auto;
        padding: 30px 0 50px;
    }
    
    .page--btn-contents p{
        padding: 10px 0;
        margin: 0 auto 20px;
        font-size: 26px;
        letter-spacing: 2px;
        font-weight: 500;
        color: #f3b5bb;
        border-bottom: solid 2px #f3b5bb;
        width: 420px;
        padding-bottom: 20px;

    }
    .page--btn-contents .brd-ctg{
        color: #f3b5bb;
        border-bottom: solid 2px #f3b5bb;
    }


    .page--btn-contents a{
        text-decoration: none;
    }
    .page--btn-contents a:hover{
        opacity: 0.8;
		transition: 0.3s;
    }
    
    
    /*----ランキング----*/
    .page--btn-r{
        width: 500px;
        margin: 20px auto 0;
        background-color: #f3b5bb;
        border-radius: 80px;
    }
    .page--btn-r img{
        width: 330px;
    }
    .page--btn-r .arrival{
        width: 500px;
    }
    
    
    /*----オールカテゴリー----*/
    .page--btn-c{
        display: flex;
        flex-wrap: wrap;
        width: 900px;
        margin: 0 auto;
        justify-content: center;
    }
	.page--btn-c img{
		width: 160px;
        margin: 10px;
    }

    .all-btn{
        background-color: #f3c8cb;
        width: 600px;
        margin: 20px auto 0;
    }
    .all-btn a{
        display: block;
        color: #fff;
        font-size: 16px;
        padding: 15px 80px;
    }
    
    
    /*----ブランドカテゴリー----*/
    #stsv-anker-pc{
        width: 100%;
        margin: 0 auto;
        height: 50px;
        margin-top: -50px;
    }
    #pcsg-anker-pc{
        width: 100%;
        margin: 0 auto;
        height: 50px;
        margin-top: -50px;
    }
    #kzjw-anker-pc{
        width: 100%;
        margin: 0 auto;
        height: 50px;
        margin-top: -50px;
    }

	.page--btn{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .brd-grid{
        margin: 10px 20px 50px;
    }
    li#jw-anker.brd-grid {
        margin: 3px 20px 50px;
    }
    .brd-name{
        text-align: center;
        margin-bottom: 5px;
    }
    .brd-name img{
        width: 55%;
    }
    #jw-anker .brd-name img{
        width: 70%;
    }
    .ctg-grid{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 10px;
    }
    .ctg-grid img{
        width: 140px;
    }
    .ctg-all-btn{
        margin: 20px auto 0;
        background-color: #f3b5bb;
        padding: 5px;
        width: 300px;
    }
    .ctg-all-btn a{
        display: block;
        color: #fff;
        font-size: 15px;
        letter-spacing: 0.5px;
    }
}


@media only screen and (min-width:520px) and (max-width:1024px) {
    .page--btn-contents{
        padding: 30px 0;
    }
    .page--btn-contents p{
        color: #f3b5bb;
        padding: 10px 0;
        width: 430px;
        margin: 0 auto 20px;
        font-size: 3.2vw;
        letter-spacing: 2px;
        font-weight: 500;
        border-bottom: solid 2px #f3b5bb;
        padding-bottom: 20px;
    }
    .page--btn-contents .brd-ctg{
        color: #f3b5bb;
        border-bottom: solid 2px #f3b5bb;
    }
    .page--btn-contents a{
        text-decoration: none;
    }
    .page--btn-contents a:hover{
        opacity: 0.8;
		transition: 0.3s;
    }

    
    /*----ランキング----*/
    .page--btn-r{
        width: 500px;
        margin: 20px auto 0;
        background-color: #f3b5bb;
        border-radius: 80px;
    }
    .page--btn-r img{
        width: 320px;
        padding-top: 4px;
    }
    .page--btn-r .arrival{
        width: 500px;
    }
    
    
    /*----オールカテゴリー----*/
    .page--btn-c{
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        justify-content: center;
    }
	.page--btn-c img{
		width: 20vw;
        margin: 1vw;
    }
    .all-btn{
        background-color: #f3c8cb;
        width: 60vw;
        margin: 20px auto 0;
    }
    .all-btn a{
        display: block;
        color: #fff;
        font-size: 2.2vw;
        padding: 10px 80px;
    }
    
    
    /*----ブランドカテゴリー----*/
    .page--btn{
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto;
        justify-content: center;
		}
    .brd-grid{
        margin: 10px 20px 50px;
    }
    .brd-name{
        text-align: center;
        margin-bottom: 5px;
    }
    .brd-name img{
        width: 55%;
    }
    .ctg-grid{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 10px;
    }
    .ctg-grid img{
/*        width: 7vw;*/
        width: 140px;
    }
    .ctg-all-btn{
        margin: 20px auto 0;
        background-color: #f3b5bb;
        padding: 5px;
        width: 300px;
    }
    .ctg-all-btn a{
        display: block;
        color: #fff;
        font-size: 15px;
        letter-spacing: 0.5px;
    }
}

@media only screen and (max-width:519px){
    .page--btn-contents{
        font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
        padding: 40px 0 0px;
    }
    .page--btn-contents p{
        color: #f3b5bb;
        padding: 10px 0;
        width: 95%;
        margin: 0 auto 20px;
        font-size: 5.5vw;
        font-weight: 600;
        letter-spacing: 2px;
        border-bottom: solid 2px #f3b5bb;
        width: 60%;
        padding-bottom: 15px;
        line-height: 1.3;
    }
    .page--btn-contents .brd-ctg{
        color: #f3b5bb;
        border-bottom: solid 2px #f3b5bb;
    }
    .page--btn-contents a{
        text-decoration: none;
    }


    /*----ランキング----*/
    .page--btn-r{
        max-width: 90vw;
        margin: 0px auto 10px;
        background-color: #f3b5bb;
        border-radius: 80px;
    }
    .page--btn-r img{
        width: 50vw;
        margin-top: 1vw;
    }
    .page--btn-r .arrival{
        width: 90vw;
    }
    
    
    /*----オールカテゴリー----*/
    .page--btn-c{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
	.page--btn-c img{
		width: 28vw;
        margin: 4px 5px -1px;
    }
    .all-btn{
        background-color: #f3c8cb;
        width: 84%;
        margin: 15px auto 30px;
    }
    .all-btn a{
        display: block;
        color: #fff;
        font-size: 15px;
        padding: 10px 50px;
    }
    
    
    /*----ブランドカテゴリー----*/
    /* #st-anker,#sv-anker,#pc-anker,#sg-anker,#kz-anker,#jw-anker{
        height: 40px;
        margin-top: -40px;
    } */

    .brd-grid{
        margin: 10px 10px 50px;
    }
    .brd-name{
        text-align: center;
        margin-bottom: 5px;
    }
    .brd-name img{
        width: 70%;
    }
    #jw-anker .brd-name img{
        width: 90%;
    }
    .ctg-grid{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 10px;
    }
    .ctg-grid img{
/*        width: 7vw;*/
        width: 140px;
    }
    .ctg-all-btn{
        margin: 20px auto 0;
        background-color: #f3b5bb;
        padding: 5px;
        width: 300px;
    }
    .ctg-all-btn a{
        display: block;
        color: #fff;
        font-size: 15px;
        letter-spacing: 0.5px;
    }
}



/*-------フッター--------*/
@media only screen and (min-width:1025px) {
	/*	ライン*/
	.page--line{
		border-bottom: solid 1px #2E170C ;
        width: 1000px;
        margin-top: -40px;
	}

	/*	フューチャーエリア*/
	.page--feature-btn{
		width: 500px;
		margin: 50px auto 30px auto;
		border: solid 1px #2E170C;
		padding: 10px 10px;
	}
	.page--feature-btn:hover{
		border: solid 1px #7E7E7E;
		transition: 0.3s;
	}
	.page--feature-btn a{
		display: block;
		text-decoration-line: none;
	}
	.page--feature-btn a:hover{
		opacity: 0.5;
		transition: 0.3s;
	}

	/*	SNSボタンエリア*/
	.page--sns-btn{
		width: 600px;
		margin: 0 auto 50px auto;
	}
	.page--sns-btn img{
		width: 30px;
		margin: 10px 10px;
	}
	.page--sns-btn a{
		text-decoration-line: none;
	}

}

@media only screen and (min-width:520px) and (max-width:1024px) {
    /*	ライン*/
	.page--line{
		border-bottom: solid 1px #2E170C ;
	}

    /*	フューチャーエリア*/
	.page--feature-btn{
		width: 500px;
		margin: 50px auto 30px auto;
		border: solid 1px #2E170C;
		padding: 10px 10px;
	}
	.page--feature-btn:hover{
		border: solid 1px #7E7E7E;
		transition: 0.3s;
	}
	.page--feature-btn a{
		display: block;
		text-decoration-line: none;
	}
	.page--feature-btn a:hover{
		opacity: 0.5;
		transition: 0.3s;
	}
	
    /*	SNSボタンエリア*/
	.page--sns-btn{
		width: 600px;
		margin: 0 auto 50px auto;
	}
	.page--sns-btn img{
		width: 30px;
		margin: 10px 10px;
	}
	.page--sns-btn a{
		text-decoration-line: none;
	}
}
	
@media only screen and (max-width:519px){
	/*	ライン*/
	.page--line{
		width: 90%;
		margin: -15px auto 0;
		border-bottom: solid 1px #2E170C ;
	}

    /*	フューチャーエリア*/
	.page--feature-btn{
		width: 90%;
		margin: 35px auto 30px auto;
		border: solid 1px #2E170C;
		padding: 10px 10px;
	}
	.page--feature-btn a{
		display: block;
		text-decoration-line: none;
		font-size: 13px;
	}

    /*	SNSボタンエリア*/
	.page--sns-btn{
		width: 80%;
		margin: 0 auto 30px auto;
	}
	.page--sns-btn img{
		width: 25px;
		margin: 7px 7px;
	}
	.page--sns-btn a{
		text-decoration-line: none;
	}
	
}