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



.fixed {position: fixed;width:100%; height:100%;}
.box{position:relative;}


/* =========================================================================
                                  Main Image
   ========================================================================= */




/* ============================================================================================ 
=
= 【PC版】RaNa Extractive 独自作成箇所（2022/04/13）
=  main-veiw
=
==============================================================================================*/
.main-veiw{
	width:100%;
	padding-bottom:28px;
/*	padding-bottom:30px;スライダー不使用時*/
}
.main-veiw button.slick-arrow {
	display: none!important;
}
.main-veiw .main-view-thumb-list{
	/*display: flex;
	justify-content: center;*/
	width: 100%;
  max-width: 1200px;
  padding: 0 26px;
  margin: 36px auto 0;
}
.main-veiw .main-view-thumb-list li{
	display: inline-block;
	position: relative;
	width: 128px!important;
	cursor: pointer;
}
.main-veiw .main-view-thumb-list li + li{
	margin-left: 18px;
}
.main-veiw .main-view-thumb-list li:before{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	transition: background .3s ease;
	z-index:10;
}
.main-veiw .main-view-thumb-list li.slick-current:before{
	background: rgba(0,0,0,0);
	transition: background .3s ease;
}
/* ============================================================================================ 
=
=  END
= 【PC版】RaNa Extractive 独自作成箇所（2022/04/13）
=  main-veiw
=
==============================================================================================*/




/* ========================= Slider =============================== */

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.main-view-thumb-list .slick-track {
	display: flex;
	justify-content: center;
	width: 100%!important;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
	min-height: 1px;
	position:relative;
}

[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/* Prev Next Button */

.slick-prev, .slick-next {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    margin-top: -15px;
    padding: 0;
    position: absolute;
    top: 50%;
    z-index:50;
}
.slick-prev::after{
	display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    width: 14px;
    height: 14px;
    margin: auto;
    border-bottom: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.slick-next::after{
	display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    width: 14px;
    height: 14px;
    margin: auto;
    border-bottom: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}

/* slick-dots */

.slick-dots {
    display: block;
    list-style: outside none none;
    padding: 0;
    text-align:center;
    width: 100%;
	position:absolute;
	bottom:-25px;
}
.slick-dots li{
    cursor: pointer;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    position: relative;
}
.slick-dots li button {
    cursor:pointer;
    display:block;
    font-size:0;
    height:10px;
	width:10px;
	padding:0px;
    line-height: 0;
    outline:medium none;
	background:#CCC !important;
	border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
	radius:8px;
}
.slick-dots li.slick-active button {
	background:#888 !important;
}




@media (max-width: 768px) {
.slick-prev::after{display:none;}
.slick-next::after{display:none;}
}

































/*--------------------------------*/

.txt-box {
  padding:20px 0 0;
  width:90%;
  margin:0 auto;
}
.txt-box p{
  text-align: center;
  line-height:1.6;
}


@media (max-width: 768px) {

.main-veiw{padding-bottom:30px;}
.txt-box p {
    padding: 0;
    font-size: 12px;
    text-align: center;
    line-height: 1.6;
}
.txt-box p br{
	display:none;
}

}















/* === Youtube ===*/




.youtubePlayerPC{
	position:relative;
	width:100%;
}

.youtubePlayerPC .movie{
	position:relative;
	margin-bottom:2px;
	width:100%;
	padding-top:56.25%;
}
.youtubePlayerPC .movie iframe{
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}


.youtubePlayerPC .start{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	cursor:pointer;
}

.startInner{
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	margin:0 auto;
	font-size:6.0em;
	color:#EE3224;
	text-align:center;
	font-family: "NeueHelveticaforSpeedo-BdCn";
	letter-spacing:0.04em;
	line-height:1.2;
	padding-bottom:150px;
	-webkit-transform:translate(-50%, -50%);
	   -moz-transform:translate(-50%, -50%);
	    -ms-transform:translate(-50%, -50%);
	        transform:translate(-50%, -50%);
}
.startInner::before{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	border:3px solid #333;
	background:rgba(0,0,0,0.7);
	width:120px;
	height:120px;
	-webkit-border-radius:50%;
       -moz-border-radius:50%;
	    -ms-border-radius:50%;
	        border-radius:50%;
	-webkit-transition:border-color 0.4s;
	   -moz-transition:border-color 0.4s;
	        transition:border-color 0.4s;
}
.startInner::after{
	content:"";
	display:block;
	position:absolute;
	content: " \f04b";
	font-family: FontAwesome;
	font-size:0.6em;
	bottom:39px;
	line-height:1;
	left:0;
	right:0;
	margin-left:7px;
	color:#FFF;
	-webkit-transition:color 0.4s;
	   -moz-transition:color 0.4s;
	        transition:color 0.4s;
}

.startInner:hover::before{
	border-color:#EE3224;
}

.startInner:hover::after{
	color:#EE3224;
}


@media (max-width: 980px) {
.startInner{font-size:4.5em;padding-bottom:100px;width:100%;}
.startInner::before{width:90px;height:90px;}
.startInner::after{bottom:30px;	}
}

@media (max-width: 540px) {
.startInner{font-size:3.5em;padding-bottom:80px;}
.startInner::before{width:70px;height:70px;}
.startInner::after{bottom:22px;}
}




/*------*/


.youtubePlayerSP{
	width:100%;
	margin:0 auto;
}
.youtubePlayerSP .youtubePlayerInner{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin:0 auto;
}
.youtubePlayerSP .youtubePlayerInner iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}




/* ======*/










	.main h2.subtitle{
		font-family: "NeueHelveticaforSpeedo-Bd";
		font-size:2.8em;
		margin:0.7em 0 40px;
    padding: 0;
		text-align:center;
    line-height: 1.5;
	}

	.main h2.box.subtitle{
		font-family: "NeueHelveticaforSpeedo-Lt";
		font-weight: 300!important;
	}


	/*
	.allBannerBox h2{
		font-family: "NeueHelveticaforSpeedo-Bd";
		font-size:5.0em;
		text-align:center;
		padding-bottom:60px;
		letter-spacing:0.05em;
	}

	.subBannerBox .listBox li h2{
		font-family: "NeueHelveticaforSpeedo-Bd";
		font-size:10.0em;
		margin:0.8em 0 0.6em;
		line-height:1.2;
	}
	.itemCategoryBanner h2{
		font-family: "NeueHelveticaforSpeedo-Bd";
		font-size:5.0em;
		text-align:center;
		padding-bottom:60px;
		letter-spacing:0.05em;
	}

	.moreContentsBox h2{
		font-family: "NeueHelveticaforSpeedo-Bd";
		font-size:8.3em;
		text-align:center;
		letter-spacing:0.05em;
		padding-bottom:1.5em;
	}

	.topItemBox h2{
		font-family: "NeueHelveticaforSpeedo-Bd";
		font-size:8.0em;
		text-align:center;
		padding-bottom:50px;
		letter-spacing:0.05em;
	}

	*/

















	/*

	.mainBannerBox{
		width:100%;
		padding:40px 26px 50px;
		box-sizing:border-box;
	}

	.mainBannerBox .mainBig{
		width:58%;
		box-sizing:border-box;
		float:left;
	}

	.mainBannerBox .mainMid{
		width:40%;
		float:right;
	}
	.mainBannerBox .banner{
		text-align:center;
	}
	.mainBannerBox h3{
		font-size:1.1em;
		max-width:30em;
		margin:0 auto;
	}
	*/




	/*
	.topMovie{
		width:100%;
		max-width:1200px;
		margin:0 auto;
		padding:0px 26px 70px;
		box-sizing:border-box;
	}
	*/

	/*
	.fullWidthBox{
		width:100%;
		overflow:hidden;
	}
	.fullWidthBox .swimwearNavi{
		background:url(../images/top/sw_navi_bk.jpg)  center center no-repeat;
		background-size:cover;
		text-align:center;
		position:relative;
		height:500px;
	}
	.fullWidthBox .diamond{
		left:0;
		right:0;
		top:50%;
		width:300px;
		height:300px;
		margin:-150px auto 0;
		background:#FFF;
		position:absolute;
		-webkit-transform:rotate(45deg);
		   -moz-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
		overflow: hidden;
	}
	.fullWidthBox .diamondInner{
		position:absolute;
		top:50%;
		left:0;
		right:0;
		margin:0 auto;
		-webkit-transform:translate(0, -50%);
		   -moz-transform:translate(0, -50%);
			-ms-transform:translate(0, -50%);
				transform:translate(0, -50%);
	}

	.fullWidthBox .diamondInner h3{
		font-size:1.1em;
		max-width:30em;
		margin:0 auto;
	}

	*/














/* ============================================================================================ 
=
= 【PC版】
=  RaNa Extractive 独自作成箇所（2022/04/13）
=  topCurrentNav ~ topSpecial
=
==============================================================================================*/
.visible-sp{display:none!important;}

.topCurrentNav{
	position:relative;
	left: auto;
	top: auto;
	padding: 21px 0 21px;
	margin-top: 0;
	width: 100%;
	background-color: #f5f5f5;
	transition: left .3s ease, top .3s ease, margin-top .3s ease;
}
.topCurrentNav.is-fixed{
	position:fixed;
	left: 0;
	top: 0;
	margin-top: 70px;
	transition: left .3s ease, top .3s ease, margin-top .3s ease;
	z-index:99;
}
.topCurrentNavList{
	display: flex;
	justify-content: center;
	align-items: center;
}
.topCurrentNavList li+li{
	margin-left: 22px;
}
.topCurrentNavList li a{
	display: inline-block;
	font-family: "NeueHelveticaforSpeedo-Rg"!important;
	font-size: 14px;
	letter-spacing: .02em;
}
.topCurrentNavList li.is-current a{
	font-family: "NeueHelveticaforSpeedo-Bd"!important;
}

.topFixBanner{
	width:100%;
	max-width:1200px;
	padding:0 26px;
	margin:70px auto 0;
	box-sizing:border-box;
}
.topFixBanner ul{
	width:100%;
	font-size:0;
}
.topFixBanner ul li{
	width:100%;
	display:inline-block;
	font-size:12px;
}
.topFixBanner li a img{
	transform: translate3d(0,0,0);
}

.navOnlineStore{
	width: 100%;
  max-width: 1200px;
  padding: 0 26px;
  margin: 140px auto 0;
}
.navOnlineStoreList{
	display: flex;
	justify-content: space-between;
}
.navOnlineStoreItem{
	position: relative;
	display: inline-block;
	padding: 36px 17px 36px 24px;
	width: calc((274/1148)*100%);
	background-color: #f5f5f5;
	border: 2px solid #e8e8e8;
	vertical-align: top;
	cursor: pointer;
}
.navOnlineStoreItem + .navOnlineStoreItem{
	margin-left: calc((100% - (274/1148)*400%) / 3);
}
.navOnlineStoreItem h3{
	position: relative;
	font-family: "NeueHelveticaforSpeedo-Bd"!important;
	font-size: 20px;
	letter-spacing: .02em;
}
.navOnlineStoreItem h3 span:before{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: '';
	margin-bottom: -21px;
	width: 100%;
	height: 1px;
	background-color: #707070;
	opacity: 0;
	transition: opacity .3s ease;
}
.navOnlineStoreItem h3 span{
	position: relative;
	display: block;
	width: 100%;
}
.navOnlineStoreItem h3 span:after{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	content: '';
	padding-top: 8px;
	width: 14px;
	background:url(../images/top/navOnlineStore_arrow.svg) center center no-repeat;
	background-size:contain;
}
.navOnlineStoreItem .sbttl{
	font-weight: bold;
  font-size: 1.05em;
  padding: 0.9em 0 0.2em;
  margin-bottom: 0.4em;
}
.navOnlineStoreItem .sbttl:first-child{
	padding-top: 0;
}
.navOnlineStoreItem li{
	padding: 0.24em 0;
  font-size: 14px;
  line-height: 1.4;
}
.navOnlineStoreItem li a{
	display: inline-block;
	cursor: pointer;
}
.navOnlineStoreItem li >a:hover{
	text-decoration: underline!important;
}
.navOnlineStoreListBody{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 5px 17px 31px 24px;
	margin-bottom: -236px;
	margin-left: -2px;
	width: calc(100% + 4px);
	background-color: #f5f5f5;
	border: 2px solid #e8e8e8;
	border-top: 0px;
	cursor: auto;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	transition: visibility .3s ease, opacity .3s ease;
}
.navOnlineStoreItem:last-of-type .navOnlineStoreListBody{
	margin-bottom: -301px;
}
.navOnlineStoreItem:hover h3 span:before{
	opacity: 1;
	transition: opacity .3s ease;
}
.navOnlineStoreItem:hover .navOnlineStoreListBody{
	/*display: block;*/
	visibility: visible;
	opacity: 1;
	transition: visibility .3s ease, opacity .3s ease;
}


/*.itemCategoryBanner{
	width:100%;
	max-width:100%;
	padding:0;
	margin:140px auto 0;
	box-sizing:border-box;
}
.itemCategoryBanner .listBox{
	width:100%;
	overflow:hidden;
}
.itemCategoryBanner ul{
	width:100.5%;
	text-align:left;
	font-size:0;
}
.itemCategoryBanner li{
	position: relative;
	width:33.3%;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	font-size:12px;
	vertical-align:top;
	position:relative;
}
.itemCategoryBanner li.racing{background:url(../images/top/cate_racing.jpg) center center no-repeat;background-size:cover;}
.itemCategoryBanner li.fitness{background:url(../images/top/cate_fit.jpg) center center no-repeat;background-size:cover;}
.itemCategoryBanner li.goods{background:url(../images/top/cate_goods.jpg) center center no-repeat;background-size:cover;}
.itemCategoryBanner li.getfit{background:url(../images/top/cate_getfit.jpg) center center no-repeat;background-size:cover;}
.itemCategoryBanner li.stayfit{background:url(../images/top/cate_stayfit.png) center center no-repeat;background-size:cover;}
.itemCategoryBanner li.apparel{background:url(../images/top/cate_appa.jpg) center center no-repeat;background-size:cover;}
.itemCategoryBanner li a{
	display:block;
	min-width:100%;
	padding:20% 0 39%;
	color:#FFF;
	background:rgba(0,0,0,0.5);
}
.itemCategoryBanner li >a{
	pointer-events:none!important;
}
.itemCategoryBanner li.goods a{
	pointer-events:auto!important;
}
.itemCategoryBanner .categoryTtl{
	position:relative;
	padding-top:12%;
}
.itemCategoryBanner .categoryTtl span{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}*/
.genderList{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 58%;
	left: 50%;
	transform: translateX(-50%);
}
.genderItem{
	width: 11.54vw;
	background-color: rgba(255,255,255,.25);
	border: 1px solid #fff;
	font-size: 15px;
	line-height: 1.2;
	box-sizing: border-box;
	opacity: 1;
	transition:background .3s ease;
}
.genderItem a{
	position: relative;
	width: 100%;
	height: 100%;
	min-width: auto!important;
  background: transparent!important;
  box-sizing: border-box;
  pointer-events:auto!important;
}
.genderItem a:after{
	position:absolute;
	content:"";
	right:13px;
	top:50%;
	transform:translateY(-50%);
	margin-top: -1px;
	width:6px;
	height:6px;
	border-right:1.5px solid #fff;
	border-bottom:1.5px solid #fff;
	-webkit-transform: rotate(-45deg) translateY(-50%);
	-moz-transform: rotate(-45deg) translateY(-50%);
	-ms-transform: rotate(-45deg) translateY(-50%);
	-o-transform: rotate(-45deg) translateY(-50%);
	transform: rotate(-45deg) translateY(-50%);
}
.genderItem+.genderItem{
	margin-left: 11px;
}
.main-veiw .genderList{
	left:19.1%;
	top:62%;
	transform:translateX(0);
}
.main-veiw .genderItem{
	width:19.2vw;
	background-color:#000;
	border:1px solid #000;
	transition:background .3s ease, border .3s ease;
}
.main-veiw .genderItem a{
	padding: 17px 0 19px!important;
	color:#fff;
	transition:color .3s ease;
	text-align:center;
}
.main-veiw .genderItem a:after{
	transition: right .3s ease, border-right .3s ease, border-bottom .3s ease;
}
.main-veiw .genderItem:first-of-type a:first-of-type{

}
.main-veiw .genderItem svg{
	margin:0 auto;
}
.main-veiw .genderItem svg path{
	fill:#fff;
	transition: all .3s ease;
}
/*.itemCategoryBanner .genderTxt{
	display:block;
	margin:0 auto;
}*/
/*.itemCategoryBanner .genderItem a{
	padding: 18px!important;
}
.itemCategoryBanner .genderItem a:after{
	transition: right .3s ease;
}*/
/* 0604up 0802update*/
.main-veiw .genderList.genderListUv {
	/* 0802update */
	top: unset;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.main-veiw .genderListUv .genderItem {
	width: 41.33vw;
	background-color: #929394;
	border: 1px solid #929394;
}
.main-veiw .genderListUv .genderItem a {
	font-size: 16px;
	font-weight: bold;
}
.genderListUv .genderItem a:after {
	width: 5px;
	height: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.main-veiw .genderListUv .genderItem:hover a:after {
	border-right: 2px solid #929394;
	border-bottom: 2px solid #929394;
}

@media (min-width: 769px) {
	.genderItem:hover{
		background: rgba(255,255,255,.05);
		transition:background .3s ease;
	}
	.main-veiw .genderItem:hover{
		background-color:#fff;
		border:1px solid #000;
		transition:background .3s ease, border .3s ease;
	}
	.main-veiw .genderItem:hover svg path{
		fill:#000!important;
		transition: all .3s ease;
	}
	.main-veiw .genderItem:hover a:after{
		right: 9px;
		border-right:1.5px solid #000;
		border-bottom:1.5px solid #000;
		transition: right .3s ease, border-right .3s ease, border-bottom .3s ease;
	}
	/*.itemCategoryBanner .genderTxt:hover{
		opacity:1;
		transition:none;
	}
	.itemCategoryBanner .genderItem:hover a:after{
		right: 9px;
		transition: right .3s ease;
	}*/
	/* 0604up */
	.main-veiw .genderList.genderListUv {
		left: 5.5%;
		top: 67%;
		bottom: unset;
		transform: translateX(0);
	}
	.main-veiw .genderListUv .genderItem {
		width: 17.5vw;
		background-color: #929394;
		border: 1px solid #929394;
	}
	.main-veiw .genderListUv .genderItem a {
		font-weight: bold;
		font-size: 20px;
	}
	.main-veiw .genderListUv .genderItem:hover {
		background-color: #FFF;
		border: 1px solid #929394;
		color: #000;
	}
	.main-veiw .genderListUv .genderItem a:hover {
		color: #929394;
	}
	.genderListUv .genderItem + .genderItem {
		margin-left: 20px;
	}
	.genderListUv .genderItem a:after {
		width: 10px;
		height: 10px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
	.main-veiw .genderListUv .genderItem:hover a:after {
		border-right: 2px solid #929394;
		border-bottom: 2px solid #929394;
	}
}

/* 0604up */
@media (max-width: 768px) {
	.main-veiw .genderListUv .genderItem a {
		padding: 2.5vw 0 3vw!important;
	}
}

.topItemBox{
	width:100%;
	max-width:1200px;
	padding:0 26px;
	margin:110px auto 0;
	box-sizing:border-box;
	overflow:hidden;
}

.topItemBox .listBox{
	width:100%;
	padding-bottom:50px;
}
.sildeRecommend{
}
.sildeRecommend li{
	padding:0 10px;
	text-align:center;
	box-sizing:border-box;
}
.sildeRecommend li a{
	display:block;
}
.sildeRecommend li h3{
	margin:0.8em 0 0.2em;
}
.sildeRecommend .slick-list:focus,
.sildeRecommend li:focus,
.sildeRecommend li img:focus{
	outline:none;
}



/* Prev Next Button */

.sildeRecommend .slick-prev, .sildeRecommend .slick-next {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	margin-top:-50px;
	padding: 0;
	position: absolute;
	top: 50%;
	z-index:50;
	height:40px;
	width:20px;
}
.sildeRecommend .slick-prev{
	left:-23px;
}
.sildeRecommend .slick-next{
	right:-23px;
}
.sildeRecommend .slick-prev::after{
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	width: 20px;
	height: 20px;
	margin: auto;
	border-bottom: solid 1px #888;
	border-right: solid 1px #888;
	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.sildeRecommend .slick-next::after{
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	width: 20px;
	height: 20px;
	margin: auto;
	border-bottom: solid 1px #888;
	border-right: solid 1px #888;
	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}

.sildeRecommend .slick-dots {
	bottom:-30px;
}
.sildeRecommend .slick-dots li {
	margin: 0 5px !important;
	padding:0 !important;
}
.sildeRecommend .slick-dots li button {
	height:10px !important;
	width:10px !important;
}

@media (max-width: 768px) {
.sildeRecommend .slick-dots {bottom:-50px;}
.sildeRecommend .slick-dots li {margin: 0 6px !important;}
}

@media (max-width: 540px) {
.sildeRecommend li{padding:0;}
.sildeRecommend li a{font-size:0.9em;}
}


.allBannerBox{
	width:100%;
	max-width:1200px;
	padding:0 26px;
	margin-left: auto;
	margin-right: auto;
	box-sizing:border-box;
}
.allBannerBox.topContents{
	margin-top: 96px;
}
.allBannerBox.topLookBook{
	margin-top: 86px;
}
.allBannerBox .listBox{
	width:100%;
	overflow:hidden;
}
.allBannerBox .listBox ul{
	width:103%;
	text-align:left;
	font-size:0;
}
.allBannerBox .listBox li{
	width:30.333333%;
	margin-right:3%;
	margin-bottom:35px;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	font-size:12px;
	vertical-align:top;
}
.allBannerBox .listBox li a img{
	transform: translate3d(0,0,0);
}
.allBannerBox .listBox li h3{
	font-size:1.05em;
	margin:0 auto;
	text-align:left;
	padding-top:0.7em;
}
.allBannerBox .moreBannerButton{
	display:block;
}
.allBannerBox .moreBannerBox{display:none;}
	.allBannerBox .moreBannerButton{display:block;margin-bottom:40px;text-align:center;}
	.allBannerBox .moreBannerButton p{
		font-size:1.5em;
		text-align:center;
		color:#000;
		display:inline-block;
		padding:0.5em 0;
		font-family: "NeueHelveticaforSpeedo-Bd";
		position:relative;
		overflow:visible;
		cursor:pointer;
		-webkit-transition:color 0.3s;
		   -moz-transition:color 0.3s;
			-ms-transition:color 0.3s;
				transition:color 0.3s;
	}

	.allBannerBox .moreBannerButton p:after{
		position:absolute;
		content:"";
		left:50%;
		top:50%;
		margin:11px 0 0 -7px;
		width:14px;
		height:14px;
		border-left:2px solid #000;
		border-bottom:2px solid #000;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition:all 0.3s;
		   -moz-transition:all 0.3s;
			-ms-transition:all 0.3s;
				transition:all 0.3s;
	}

	@media (min-width: 769px) {
	.allBannerBox .moreBannerButton p:hover{
		color:#0A1317;
	}

	.allBannerBox .moreBannerButton p:hover:after{
		border-color:#0A1317;
		margin-top:18px;
	}
	}

	.allBannerBox .moreBannerButton.active p{
		color:#999 !important;
	}
	.allBannerBox .moreBannerButton.active p:after{
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
		border-color:#999;
		margin-top:15px;

	}
	/*@media (min-width: 769px) {*/
.allBannerBox .moreBannerBox{display:none;}
	/*}*/
.feature.allBannerBox .moreBannerButton{
}
.topMovie.allBannerBox .listBox li p{
	position: relative;
	opacity: 1;
	transition: opacity .3s ease;
}
.topMovie.allBannerBox .listBox li p:before{
	display:block;
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	padding-top:4em;
	width:4em;
	background:url(../images/top/top_movie_icon.svg) center center no-repeat;
	background-size:cover;
	z-index:10;
	opacity:1;
	transition: opacity .3s ease;
}
.topMovie.allBannerBox .listBox li p:after{
	display:block;
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,.5);
	transition: background-color .3s ease;
}


@media (min-width: 769px) {
	.topMovie.allBannerBox .listBox li:hover p:before{
		opacity: 0;
		transition: opacity .3s ease;
	}
	.topMovie.allBannerBox .listBox li:hover p:after{
		background-color: rgba(0,0,0,0);
		transition: background-color .3s ease;
	}
}

/* ------------------- Instagram -------------------- */

.instagram{
	width:100%;
	max-width:1150px;
	margin:0 auto;
	overflow:hidden;
	padding:100px 26px 50px;
	position:relative;
	box-sizing:border-box;
}
.instagram h2.subtitle span{
	display:block;
	width:30px;
	margin:0 auto;
	height:auto;
	padding:0;
	font-size:0;
}

.insta-wid{
	width:100%;
	overflow:hidden;
	position:relative;
}

.instagram ul{
	width:101%;
}

.instagram ul li{
	width:19%;
	margin-right:1%;
	float:left;
	background:#FFF;
	position:relative;
	padding-top:19%;
}
.instagram ul li:nth-last-child(1){
	display:none;
}

.instagram ul li a{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
}
.instagram ul li a img{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	object-fit:cover;
}

.instagram .link{
	font-size: 15px;
	font-family: "NeueHelveticaforSpeedo-Lt";
	font-weight: 300 !important;
	text-align:center;
}
.instagram .link + .link{
	margin-top: 1.5em;
}
.instagram .more{
	text-align:center;
	margin-top:30px;

}

.instagram .more a{
	display:inline-block;
	font-family: "NeueHelveticaforSpeedo-Rg"!important;
	font-size:14px;
	position:relative;
	opacity:1;
	-webkit-transition:opacity 0.3s;
	   -moz-transition:opacity 0.3s;
	        transition:opacity 0.3s;
}

.instagram .more a:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:1px;
	background:#000;
}


@media (min-width: 769px) {
.instagram ul li a:hover{
	filter:alpha(opacity=60);
	-webkit-opacity:0.6;
	-moz-opacity:0.6;
	-ms-opacity:0.6;
	opacity:0.6;
}
.instagram .more a:hover{
	opacity:.6;
	-webkit-transition:opacity 0.3s;
	   -moz-transition:opacity 0.3s;
	        transition:opacity 0.3s;
}


}
/* topSpecial */
.topSpecial{
	width:100%;
	max-width:1200px;
	padding:0 26px;
	margin:140px auto 0;
	box-sizing:border-box;
}
.topSpecialBanner{
	margin-bottom: 133px;
}
.topSpecialBanner a img{
	width: 100%;
}
.topSpecialBox{
	position:relative;
	width: 100%;
}
.topSpecialImg{
	width:100%;
}
.topSpecialLead{
	position: absolute;
	left:13.68%;
	top:14.87%;
	width:25.22%;
}
.topSpecialList{
	display:flex;
	justify-content:space-around;
	position: absolute;
	left:50%;
	bottom:9.914%;
	transform:translateX(-50%);
	padding:3.485% 0;
	width:92.71%;
	background-color:#000;
}
.topSpecialItem{
	width:45.08%;
}
.topSpecialItem a{
	position: relative;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:5.58% 3.1%;
	width:100%;
	background-color:#f2f2f2;
	opacity:1;
	transition:opacity .3s ease;
}
.topSpecialItem a:after{
	position:absolute;
	content:"";
	right:15px;
	top:50%;
	transform:translateY(-50%);
	margin-top: -1px;
	width:8px;
	height:8px;
	border-right:1.5px solid #000;
	border-bottom:1.5px solid #000;
	-webkit-transform: rotate(-45deg) translateY(-50%);
	-moz-transform: rotate(-45deg) translateY(-50%);
	-ms-transform: rotate(-45deg) translateY(-50%);
	-o-transform: rotate(-45deg) translateY(-50%);
	transform: rotate(-45deg) translateY(-50%);
}
.topSpecialItem a span{
	display:block;
	margin-left:14px;
	font-size: 20px;
	font-weight:bold;
}
.topSpecialItem p{
	margin-top:12px;
	font-size:15px;
	line-height:1;
	color:#fff;
	text-align:center;
}
@media (min-width: 769px) {
.topSpecialItem a:hover{
	opacity:.8;
	translate:opacity .3s ease;
}
}

.newsevent{
	width:100%;
	max-width:1150px;
	padding:0 26px;
	margin:140px auto 0;
	box-sizing:border-box;
	padding-bottom:5%;
}





.newsevent .newsfeed{
	width:100%;
}
.newsevent ul{
	border-top:1px solid #B9B9B9;
}
.newsevent ul li{
	border-bottom:1px solid #B9B9B9;
	padding:15px 0;
}

.newsevent .feedImg{
	width:140px;
	float:left;
}
.newsevent .feedImg img{
	width:100%;
}
.newsevent .feedBody{
	right:left;
	width:100%;
}

.newsevent .feedBody div{
	padding-left:160px;
}

.newsevent .feedBody .date{
	font-family: "NeueHelveticaforSpeedo-Rg";
	font-size:16px;
	margin-bottom:5px;
}

.newsevent .feedBody h3{
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:0.5em;
	line-height: 1.5;
}
.newsevent .feedBody h3 span{
	font-family: "NeueHelveticaforSpeedo-Rg";
	font-size:1.1em;
    font-weight: bold;
}
.newsevent .feedBody h4{
	font-size:14px;
	line-height: 1.5;
}




.newsevent .more{
	text-align:center;
	margin-top:30px;

}

.newsevent .more a{
	display:inline-block;
	font-family: "NeueHelveticaforSpeedo-Rg"!important;
	font-size:14px;
	position:relative;
	opacity: 1;
	-webkit-transition:opacity 0.3s;
	   -moz-transition:opacity 0.3s;
	        transition:opacity 0.3s;
}
.newsevent .more a:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:1px;
	background:#000;
	}
.newsevent .more a:hover{
	opacity: .6;
	-webkit-transition:opacity 0.3s;
	   -moz-transition:opacity 0.3s;
	        transition:opacity 0.3s;
}

/* ============================================================================================ 
=
=  END 
= 【PC版】RaNa Extractive 独自作成箇所（2022/04/13）
=  topCurrentNav ~ newsevent
=
==============================================================================================*/






@media (min-width: 1400px) {
	/*
.instagram ul li{width:16.66666%;padding-top:16.66666%;}
.instagram ul li:nth-last-child(1){display:block;}
*/
}



@media (max-width: 980px) {


.txt-box{padding-top:0;}


/*
.mainBannerBox h2{font-size:2.0em;}
.mainBannerBox h3{font-size:1.05em;width:95%;}

.subBannerBox .listBox li h2{font-size:1.7em;}
.subBannerBox .listBox li h3{font-size:1.0em;}


.topMovie{padding-bottom:50px;}

.moreContentsBox ul.moreList li h3{font-size:1.2em;}


.eventNews .eventInner h3{font-size:2.4em;}

*/


.topFixBanner{margin-top:50px;}



/* ========================================================== 
=
=【PC版】
= RaNa Extractive 独自作成箇所（2021/03/23）
= .allBannerBox .listBox li{width:47%;}
= 消去
=
============================================================*/

/*.allBannerBox .listBox li{width:47%;}*/

/* ============================================= 
=
= END
= /【PC版】RaNa Extractive 独自作成箇所（2021/03/23）
=
================================================*/

}










@media (max-width: 768px) {



.topFixBanner a:hover img,
.allBannerBox a:hover img,
.instagram a:hover img,
.topItemBox a:hover img{
	filter:alpha(opacity=100);
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
}
.main h2.subtitle{font-size:2.7em; margin-bottom:8%;}
.main .topSocial h2.subtitle{letter-spacing: 0;}





/* ========================================================== 
=
= 【SP版】（max-width: 768px）
=  RaNa Extractive 独自作成箇所（2022/04/13）
=  topCurrentNav ~ topSpecial
=
============================================================*/
.visible-pc{display:none!important;}
.visible-sp{display:block!important;}

.main-veiw .slideThumb--1 {
	display: none!important;;
}

.topCurrentNav{
	padding: 50px 0 0;
	margin-top: 0;
	width: 100vw;
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.topCurrentNav::-webkit-scrollbar{
  display: none;
}
.topCurrentNav.is-fixed{
	margin-top: 50px;
}
.topCurrentNavList{
	justify-content: flex-start;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 6.66667vw;
	width: 109.6vw;
}
.topCurrentNavList li+li{
	margin-left: 4.8vw;
}
.topCurrentNavList li a{
	font-size: 1.2em;
}
.topCurrentNavList li.is-current a{
	/*font-family: "NeueHelveticaforSpeedo-Bd"!important;*/
}


.topFixBanner{margin-top:7%;}
.topFixBanner ul{width:100%;}
.topFixBanner ul li{width:100%;display:block;margin-right:0%;}
.topFixBanner ul li:first-child{margin-bottom:15px;}


.navOnlineStore{
  padding: 0;
  margin-top: 50px;
}
.navOnlineStoreList{
	display: block;
	justify-content: inherit;
	padding-top: 4vw;
	padding-bottom: 10.133vw;
	background-color: #efefef;
}
.navOnlineStoreItem{
	padding: 0;
	width: 100%;
	background-color: #efefef;
	border:none;
	vertical-align: middle;
	cursor: auto;
}
.navOnlineStoreItem + .navOnlineStoreItem{
	margin-left: 0;
}
.navOnlineStoreItem h3{
	padding: 5.6vw 10.133vw;
	font-size: 1.2em;
}
.navOnlineStoreItem h3 span:before{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: '';
	opacity: 1;
	transition: none;
}
.navOnlineStoreItem h3 span{
	padding-left: 4vw;
}
.navOnlineStoreItem h3 span:after{
	padding-top: 7px;
	margin-right: 2vw;
	width: 13px;
}
.navOnlineStoreItem .sbttl{
	font-weight: bold;
  font-size: 1.05em;
  padding: 0;
  margin-bottom: 0;
}
.navOnlineStoreItem .sbttl:first-child{
	padding-top: 0;
}
.navOnlineStoreItem .sbttl.noLink{
	position: relative;
	padding: 4.8vw 0;
}
.navOnlineStoreItem .sbttl.noLink:before{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	opacity: 0.35;
	background-color: #999;
}
.navOnlineStoreItem li{
	padding: 0;
  font-size: 1.05em;
  line-height: 1.4;
}
.navOnlineStoreItem li a{
	position: relative;
	display: block;
	padding: 4.8vw 0;
	width: 100%;
	cursor: auto;
}
.navOnlineStoreItem li a:before{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	opacity: 0.35;
	background-color: #999;
}
.navOnlineStoreItem li:last-of-type a:before{
	display: none;
}
.navOnlineStoreItem li a:after{
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: rotate(-90deg) translateY(-50%);
	padding-top: 7px;
	margin-top: -4px;
	width: 13px;
	background:url(../images/top/navOnlineStore_arrow.svg) center center no-repeat;
	background-size:contain;
}
.navOnlineStoreItem li >a:hover{
	text-decoration: underline!important;
}
.navOnlineStoreListBody{
	display: none;
	position: relative;
	left: auto;
	bottom: auto;
	padding: 0 14.133vw;
	margin-bottom: 0;
	margin-left: -2px;
	width: 100%;
	background-color: #f5f5f5;
	border: none;
	border-top: 0px;
	cursor: auto;
	visibility: visible;
	opacity: 1;
	transition: opacity .3s ease;
}
.navOnlineStoreItem:last-of-type .navOnlineStoreListBody{
	margin-bottom: 0;
}


/*.itemCategoryBanner{width:95.73%;margin-top:22.8%;padding:0;}
.itemCategoryBanner h2{line-height:1.2;}
.itemCategoryBanner ul{width:100%;}
.itemCategoryBanner li{width:100%;}
.itemCategoryBanner li+li{margin-top:2.133%;}
.itemCategoryBanner li a{padding:22% 0;}
.itemCategoryBanner li >a{pointer-events: none!important;}
.itemCategoryBanner li a h3{padding:0;font-size:1.0em;opacity:1;transition:opacity .3s;}
.itemCategoryBanner li a h3 span{font-size:2.0em;margin-bottom:0;}
.itemCategoryBanner li.is-active a{background:rgba(0,0,0,0.75);transition:background .3s;}
.itemCategoryBanner li.goods.is-active a{background:rgba(0,0,0,0.5);transition:none;}
.itemCategoryBanner li.is-active a h3{opacity:0;transition:opacity .3s;z-index:1}
.itemCategoryBanner li.goods.is-active h3{opacity:1;transition:none;}


.itemCategoryBanner li.racing{background:url(../images/top/cate_racing_sp.jpg) center center no-repeat;background-size:cover;}
.itemCategoryBanner li.fitness{background:url(../images/top/cate_fit_sp.jpg) center center no-repeat;background-size:cover;}
.itemCategoryBanner li.goods{background:url(../images/top/cate_goods_sp.jpg) center center no-repeat;background-size:cover;}
.itemCategoryBanner li.goods a{pointer-events:auto!important;}
.itemCategoryBanner li.getfit{background:url(../images/top/cate_getfit_sp.jpg) center center no-repeat;background-size:cover;}
.itemCategoryBanner li.stayfit{background:url(../images/top/cate_stayfit_sp.png) center center no-repeat;background-size:cover;}
.itemCategoryBanner li.apparel{background:url(../images/top/cate_appa_sp.jpg) center center no-repeat;background-size:cover;}
*/


.genderList{top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .3s;}
.genderItem{width:44vw;z-index:1;}
.genderItem a{padding:3.73vw 0 4vw!important;pointer-events:none!important;}
.genderItem a:after{margin-top:0!important;}
.itemCategory .genderItem a:after{width:1.6vw;height:1.6vw;right:2.94vw!important;}
.genderItem+.genderItem{margin-left:3.2vw;}
/*.itemCategoryBanner li.is-active .genderList{opacity:1;pointer-events:auto;transition:opacity .3s, pointer-events .3s .3s;}
.itemCategoryBanner li.is-active .genderItem{z-index:10;}
.itemCategoryBanner li.is-active .genderItem a{pointer-events:auto!important;transition:pointer-events .3s .3s;}*/

.main-veiw .genderList{
	left:50%;
	top:82%;
	transform:translateX(-50%);
	opacity:1;
	pointer-events:auto;
	transition:none;
}
.main-veiw .genderItem{
	width:37.33vw;
}
.main-veiw .genderItem a{
	padding:2.66vw 0 3.2vw!important;
	transition:none;
}
.main-veiw .genderItem svg{
	margin-top: -1px;
}
.main-veiw .genderItem a:after{
	right:2.94vw!important;
	transition:none;
}

.allBannerBox.topContents {
	margin-top: 14.667vw;
}
.allBannerBox.topLookBook {
	margin-top: 12vw;
}

.allBannerBox{
	margin-left: auto;
	margin-right: auto;
}

.allBannerBox .listBox li{width:47%;}
.allBannerBox .listBox li:last-child{margin-bottom:20px;}

.topItemBox{width:88%;padding:0;margin-top:20%;}
.topItemBox ul.topItemList{width:104%;}
.topItemBox ul.topItemList li{width:46%;margin-right:4%;margin-bottom:20px;}

.feature{margin-top:19.2%;}
/*.topMovie{margin-top:20%;}*/
.topSpecial{margin-top:23.2%;}


/*.topMovie.allBannerBox .listBox li p:before{padding-top:12.8vw;width:12.8vw;}*/

.topSocial{
	padding-top:14.93333vw!important;
}

.topSpecial{
	padding:0;
}
.topSpecialBanner{
	margin-bottom: 8.535%;
	margin-left: auto;
	margin-right: auto;
	width: 94.667%;
}
.topSpecialBox{
	width: 100%;
}
.topSpecialLead{
	position: absolute;
	left:6.26vw;
	top:10.13vw;
	width:32.4vw;
}
.topSpecialList{
	display:block;
	justify-content:normal;
	position:static;
	left:auto;
	bottom:auto;
	transform:translateX(0);
	padding:6.4vw 10vw;
	margin-top: -30.8vw;
	width:100%;
}
.topSpecialItem{
	width:100%;
}
.topSpecialItem+.topSpecialItem{
	margin-top:3.73vw;
}
.topSpecialItem a{
	padding:3.33vw;
}
.topSpecialItem a:after{
	width:1.6vw;
	height:1.6vw;
	right:3.2vw!important;
}
.topSpecialItem.perOrd a img{
	width:5%;
}
.topSpecialItem.tmOrd a img{
	width:9%;
}
.topSpecialItem a span{
	display:block;
	margin-left:14px;
	font-size:.9166em;
}
.topSpecialItem p{
	margin-top:7px;
	font-size:.83em;
}



.instagram{padding-top:20%;}
.instagram ul li{width:32.333333%;padding-top:32.333333%; margin-bottom:1%;}
.instagram ul li:nth-last-child(1){display:block;}
.instagram .more{margin-top:20px;}



.newsevent{margin-top:19.2%;}
.newsevent .feedImg{width:130px;}
.newsevent .feedBody div{padding-left:150px;}
/* ============================================================================================ 
=
=  END 
= 【SP版】（max-width: 768px）
=  RaNa Extractive 独自作成箇所（2022/04/13） 
=
==============================================================================================*/




/*
.instagram .more{position:static;}
.instagram .more a{
	border:1px solid #999;
	width:100%;
	text-align:center;
	text-decoration:none;
	font-size:1.2em;
	padding:0.3em 0;
}
*/
/*
.infomationBox{width:95%;}
.infomationBox > h2{font-size:2.7em;padding-bottom:1.5em;}
.infomationBox .infoInner{margin-top:0px;}
.infomationBox .col--2 .fbBox{width:48.5%;height:400px;}
.infomationBox .col--2 .otherInfoBox{width:48.5%;}

.eventNews{height:230px;}
.teamOrder{margin-top:20px;}
.teamOrder a{height:150px;}
*/





/*
.infomationBox{margin-top:50px;}
.infomationBox > h2{font-size:2.7em;padding-bottom:50px;}
*/



}



@media (max-width: 720px) {

/*
.mainBannerBox{width:100%;}
.mainBannerBox .mainBig{width:100%;float:none;}

.mainBannerBox .mainMid{width:100%;float:none; margin-top:60px;}
.mainBannerBox .mainMid > a{overflow:hidden;}

.mainBannerBox .mainMid > a > p{margin-top:-28%;}
.mainBannerBox .mainMid > a > p img{
	position:relative;
	top:0;
	-webkit-transform:translate(0, 28%);
	   -moz-transform:translate(0, 28%);
	        transform:translate(0, 28%);
	}


.mainBannerBox h2{font-size:2.2em;}
.mainBannerBox h3{font-size:1.1em;}
*/


.main h2.subtitle{font-size:2.5em; margin-bottom:10%;}


/*.itemCategoryBanner{ margin-top:10%;}*/
/*.allBannerBox{margin-top:10%;}*/
.topItemBox{width:92%;padding:0;}

.newsevent .feedImg{width:120px;}
.newsevent .feedBody div{padding-left:140px;}


}







@media (max-width: 540px) {

/* ========================================================== 
=
= 【SP版】（max-width: 540px）
=  RaNa Extractive 独自作成箇所（2022/04/13）
=
============================================================*/
.txt-box .txt{text-align:left;}

.main h2.subtitle{margin-bottom:10%;font-size:2.3em;}

.main-veiw {padding-bottom: 18px;}



.topFixBanner{padding:0; margin-top:0;}
.topFixBanner ul li:first-child{margin-bottom:5px;}


.allBannerBox{width:94.677%;padding:0;}
.allBannerBox .listBox ul{width:100%;}
.allBannerBox .listBox li{width:100%; margin-right:0;}
.allBannerBox .listBox li h3{font-size:1.0em; padding-top:0.5em;/*padding-left:4vw;*/}
.allBannerBox .moreBannerButton p{font-size:1.4em;}



.topItemBox h2{line-height:1.2;}
.topItemBox ul.topItemList{width:102%;}
.topItemBox ul.topItemList li{width:48%;margin-right:2%;margin-bottom:20px;}
.topItemBox ul.topItemList li h3{font-size:1.0em;width:95%;margin-left:auto;margin-right:auto;}





.instagram h2.subtitle span{width:25px;}
.instagram ul{width:101.5%;}
.instagram ul li{width:48.5%;padding-top:48.5%; margin-right:1.5%;margin-bottom:1.5%;}



.newsevent{padding-bottom:5%;}
.newsevent ul li{padding:10px 0;}
.newsevent .feedImg{width:110px;}
.newsevent .feedBody div{padding-left:130px;}

.newsevent .feedBody .date{font-size:14px;margin-bottom:2px;}
.newsevent .feedBody h3{font-size:15px;margin-bottom:0.2em;}
.newsevent .feedBody h4{font-size:13px;}
/* ============================================================================================ 
=
=  END 
= 【SP版】（max-width: 540px）
=  RaNa Extractive 独自作成箇所（2022/04/13） 
=
==============================================================================================*/





/*.teamOrder{margin-top:13%;}*/

/*
.subBannerBox{width:90%;margin-top:30px;}
.subBannerBox .listBox li h2{font-size:1.7em;}

.moreContentsBox{margin-top:50px;}
.moreContentsBox h2{font-size:1.8em;}

.infomationBox .col--2 .otherInfoBox{margin-top:5%;}
.infomationBox .infoInner{margin-top:0px;}
.eventNews .eventInner h3{font-size:2.1em;}

.teamOrder{margin-top:5%;}
.teamOrder a{height:120px;}
.teamOrder a p{width:65%;}

.allBannerBox{width:90%;padding:0;margin-top:11%;}
.allBannerBox h2{font-size:2.1em;padding-bottom:11%;}

.itemCategoryBanner{width:90%;padding:0;margin-top:11%;}
.itemCategoryBanner h2{font-size:2.1em;padding-bottom:11%;}

.topItemBox{width:90%;padding:0;margin-top:8%;}
.topItemBox h2{font-size:2.1em;padding-bottom:11%;}

.infomationBox{width:90%;padding:0;margin-top:9%;}
.infomationBox > h2{font-size:2.1em;padding-bottom:10%;}

*/



}


@media (max-width: 430px) {

.instagram{width:94%;}
.instagram ul{width:102%;}
.instagram ul li{width:48%;padding-top:48%;margin-right:2%; margin-bottom:2%;}


.newsevent{width:94%;padding:0;padding-bottom:5%;}
.newsevent ul li{padding:15px 0;}

.newsevent .feedImg{width:95px;}
.newsevent .feedBody div{padding-left:105px;}

.newsevent .feedBody .date{font-size:14px;}
.newsevent .feedBody h3{font-size:14px;}
.newsevent .feedBody h4{font-size:13px;}


}


/* ========================================================== 
=
= 【SP版】（max-width: 540px）
=  RaNa Extractive 独自作成箇所（2022/04/13）
=
============================================================*/
@media (max-width: 400px) {



.main h2.subtitle{margin-bottom:8.5333%;font-size:2.0em;}


.allBannerBox{/*width:100%;*/margin-top:15%;}

/*.itemCategoryBanner{margin-top:15%;}*/
.topItemBox{width:92%;}
.infomationBox{width:92%;}




}
/* ============================================================================================ 
=
=  END 
= 【SP版】（max-width: 540px）
=  RaNa Extractive 独自作成箇所（2022/04/13） 
=
==============================================================================================*/




@media (max-width: 360px) {
.main h2.subtitle{font-size:1.8em;}



.instagram ul{width:101%;}
.instagram ul li{width:49%;padding-top:49%;margin-right:1%; margin-bottom:1%;}


.newsevent .feedImg{width:85px;}
.newsevent .feedBody div{padding-left:95px;}

.newsevent .feedBody .date{font-size:13px;}
.newsevent .feedBody h3{font-size:13px;}
.newsevent .feedBody h4{font-size:12px;}

}