@charset "utf-8";

html,body{
	height: 100%;
	width: 100%;
	margin: 0;
	background-color: #ffffff; }

img{width: 100%; }

a:hover {
	 }

a {
	 }

.pNone{
	padding-bottom: 0px !important; }

/*===================================================================================================
									●style.css 画面の横幅が700px以上まで
===================================================================================================*/

@media screen and (min-width: 750px){

p,a{
	color: #000000;
	font-size: 12px;
	 }

.textEn{
	padding-top: 40px; }

.textEn span , .textEn p{
	margin-bottom: 5px;
	color: 000000;
	font-size: 12px; }

.lastEn span , .lastEn p{
	padding-bottom: px;
	color: 000000;
	font-size: 11px;}

.textEn p:hover , .textEn p:hover span , .textEn p:hover a{
	background-color: #000000;
	color: #ffffff ; }

.text250{
	max-width: 25vw;
	margin: 0 auto 8px; }

.text300{
	max-width: 30vw;
	margin: 0 auto 8px; }

.text310{
	max-width: 31vw; }

.ml-18 {
	margin-left: 18vw;
}

span {font-weight: bold;}

.leftP{
	padding-left: 80px; }

.rightP{
	padding-top: 32px;
	padding-right: 72px; }

.textRight{
	text-align: right; }

.textCenter{
	text-align: center; }

.buy {
	text-decoration: underline;
}
.footertext {
	font-size: 12px;
	margin-bottom: 5px;
}



#mainWap{
	height: 100%;
	margin:0 auto;
	position: relative; }







#rightBar{
	position: fixed;
	right: 26px;
	top: 26px;
	z-index: 1; }

#rightBarSp{
	display:none; }

	#mainBtn , #seasonBtn1 , #seasonBtn2 {
		overflow: hidden;
		display: block; }

	#mainBtn{
		height: 121px;
		width: 17px;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url(../img/sideBtn.png);
		background-size: 9px;
		margin-bottom: 10px;}


	#mainBtn:hover{
		height: 121px;
		width: 17px;
		background-image: url(../img/sideBtnHover.png);
		background-size: 17px;
		margin-bottom: 10px;}




	#seasonBtn1{
		width: 17px;
		height: 70px;
		background-size: 17px;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url(../img/side_2019fw.png) }

	#seasonBtn1:hover{
		width: 17px;
		height: 70px;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url(../img/side_2019fw_hover.png) }

	#seasonBtn2{
		width: 17px;
		height: 60px;
		background-size: 17px;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url(../img/side_2020ss_on.png) }

	#seasonBtn2:hover{
	　width: 17px;
		height: 60px;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url(../img/side_2020ss_hover.png) }




.mainContentWap{
	width: 100%;
	margin: 0 auto;
	overflow: hidden; }



/*                                        */
/*                コンテンツ                 */
/*                                        */

#topBox{
	display: flex;
	padding-top:100px;
	margin-bottom: 80px;
	font-size: 0px; }

#lastBox{
	margin-bottom: 40px;
	font-size: 0px; }

.box{
	display: flex;
	position: relative;
	padding: 80px 0px;
	font-size: 0px; }


.wap1200{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden; }

.boxLeft{
	vertical-align: top;
	width: 50%; }

.boxRight{
	vertical-align: top;
	width: 50%;}

.slim{
	padding:0px 100px;
	box-sizing: border-box; }

.singleBox{
	padding: 80px 0px;
	font-size: 0px; }

.col1{
	padding: 0 50px 0 100px;
}
.col2{
	padding: 0 100px 0 50px;
}


/*                             */
/*        topBoxのみの要素       */
/*                             */


#toplogo{
	width: 340px;
	margin-bottom: 160px; }

#topLeftImg{
	background-image: url(../img/nf01.jpg);
	height: calc(100vh - 200px);
	overflow: hidden;
	background-size: cover;
  background-position : 0% 50%; }


#topArrow{
	width: 9px;
	line-height: 0;
	margin: 63px auto ; }

#topTitle{
	width: 185px;
	margin: 0 auto 30px; }

#topText{
	margin: 0 auto;
	font-family:Hiragino Sans,"ヒラギノ角ゴシック";
	max-width: 21vw;
  line-height: 20px;}



/*                              */
/*        lastBoxのみの要素       */
/*                              */

.pTop{
	padding-top:80px;
}


#lastWap{
	display: flex;
	position: relative;
  height: 230px;}

.genderWap{
	margin-bottom: 16px;}

.gender{
	margin-bottom: 8px; }

p.gender:hover{
	background-color: #ffffff;
	color: #000000 ;
	margin-bottom: 8px; }

#lastlogo{

	width: 25%;
	float: right;
	min-width: 125px;
	height: 66px;
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url(../img/lastLogo.png) }


#lastlogo:hover{
	width: 25%;
	float: right;
	min-width: 125px;
	height: 66px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/lastLogoHover.png) }

#lastlogoSp{
	display: none;
}



#credit{
	position: absolute;
	bottom: 0;
	right: 80px; }

#credit p:hover , #credit p:hover span{
	background-color: #ffffff;
	color: #000000 ;  }

#creditBottom{
	margin-bottom: 30px; }




/*                                        */
/*                フッター関係               */
/*                                        */


#topGoWap {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 17px;
	background-image: url(../img/topReturn.png);
	height: 50px;
	background-size: 9px;
	background-repeat: no-repeat;
	background-position: center;}

#topGoWapSp {
	display: none; }

#topGoWap:hover {
	background-size: 17px;
	background-image: url(../img/topReturnHover.png)  }








.spOnly{display: none}



}

/*===================================================================================================
									●style.css 画面の横幅が699pxまで
===================================================================================================*/

@media screen and (max-width: 749px){

html{
	font-size: 3.125vw; }

span , a , p{
	color: #000000;
	font-family: Helvetica Neue, Helvetica, Arial, Hiragino Sans,"ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#topText p{
	color: #000000;
	word-break: break-all;
	font-size: 1.1rem;
	line-height: 2rem;
	font-family:Hiragino Sans,"ヒラギノ角ゴシック"; }


.textEn{
	padding: 8% 0 0 8%;}
.col-slim .textEn {
	padding: 8% 0 0 0;}

.textEn span , .textEn p , .textEn a{
	padding-bottom: 10px;
	line-height: 1.5rem;
	font-size: 12px; }

.lastEn span , .lastEn p{
	font-size: 9px;
	line-height: 1rem;}

span {font-weight: bold;}
.buy {
	text-decoration: underline;
}

.rightP{
	padding: 0 18.6% 0 0;}

.textRight{
	overflow: hidden;
	text-align: right; }

.textCenter{
	text-align: center; }





#mainWap{
	max-width: 749px;
	height: 100%;
	margin:0 auto;
	/*position: relative;*/ }

#rightBar{
	display:none; }

#rightBarSp{
	z-index: 2;
	position: fixed;
	right: 20px;
	top: 20px; }

	#mainBtn , #seasonBtn1 ,#seasonBtn2 {
		overflow: hidden;
		display: block; }

	#mainBtn img{
		display: block;
		margin-bottom: 2vh;
		width: 2.3vw;
		padding-left: 1vw; }

	#seasonBtn1 img{
		width: 3.5vw; }

	#seasonBtn2 img{
		width: 3.5vw;
		margin-bottom: 2vh; }


.mainContentWap{
	/*overflow: hidden; */}



/*                                        */
/*                コンテンツ                 */
/*                                        */

#topBox{
	margin-bottom: 21.3%; }

.box{
	position: relative;
	padding-bottom: 21.3%;
	font-size: 0px; }

.slim{
	width: 89%;
	padding:0px 8%;
	box-sizing: border-box; }

.pBottom{
	padding-bottom: 21.3% }
.mBottom{
	margin-bottom: 21.3% }

.col-slim{
	width: 89%;
  padding: 0px 8%;
  box-sizing: border-box;
}



/*                             */
/*          背景スクロール         */
/*                             */

.horizontal-scroll-wrap{
	height: 200vh; }

.horizontal-scroll_bottom {
	background-image: url(../img/nf13.jpg); }



/*                             */
/*        topBoxのみの要素       */
/*                             */


#toplogo{
	width: 68%;
	margin-bottom: 21.3%;
	padding: 13.3% 0 0 8%;
	/*width: 70vw;
	margin-bottom: 16vh;
	padding: 10vh 0 0 6vh*/ }

#topTitle{
	width: 49vw;
	padding-top: 21.3vw;
	margin-bottom: 8%;
	/*padding-top: 16vh;
	margin-bottom: 6vh;*/ }

#topText{
	margin: 0 auto 21.3vw; }




/*                              */
/*        lastBoxのみの要素       */
/*                              */


.genderWap{
	margin-bottom: 8%;}

.gender{
	margin-bottom: 8px; }

#lastlogo{
	display: none;
 }

#lastlogoSp{
	display: block;
	margin-bottom: 13.3vw; }

#lastlogoSp a img{
	width: 24%;
	min-width: 87px; }


#creditBottom{
	margin-bottom: 8vw; }

#credit{
	margin-bottom: 8vw; }


/*                                        */
/*                フッター関係               */
/*                                        */


#topGoWapSp {
	position: fixed;
z-index: 1;
bottom: 4vw;
right: 4vw;}

#topGoWapSp img {
	width: 2vw;
	display: block; }


.pcOnly{display: none}



}