@font-face {
	font-family: 'DunlopSans';
	src: url(./DunlopSans-BoldIt.woff);
}

/*-----*/
.con01 {
line-height: 1.5em;
text-align: center;
word-spacing: 0.1em;
max-width: 100%;
margin-right: auto;
margin-left: auto; }


.con01 img {
max-width: 100%; }

/*BASIC----------*/

.boxBlk {
color: #fff;
background-color: #000; }
.boxGray {
background-color: #f5f5f5;
}
.boxWh {
color: #000;
background-color: #fff; }
.blue {
color: #09f !important; }

.red {
color: #f36 !important; }
.black {
color: #000 !important;
}

.white {
color: #fff !important;
}

/*-----*/

.hd {
background-color: #1e1e1e;
text-align: left;
position: fixed;
width: 100%;
z-index: 999999; }

.hdKswiss {background-color: #015281;
text-align:       left;
position:         fixed;
z-index:          999999;
width:            100%; }

.hdWh {
background-color: #fff;
text-align: left;
position: fixed;
width: 100%;
z-index: 999999;
}

/*-----*/



.boxB {
position: relative; 
z-index: 2;
mini-height: 800px; 
background-color: #fff;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
padding-top: 73px; 
}
.boxBwh {background-color:    #fff;
background-repeat:   no-repeat;
background-position: center top;
padding-top:         75px;
position:            relative;
z-index:             2;
mini-height:         800px;
background-size:     cover; }
.boxBgry {background-color:    #f5f5f5;
background-repeat:   no-repeat;
background-position: center top;
padding-top:         75px;
position:            relative;
z-index:             2;
mini-height:         800px;
background-size:     cover; }

.boxS {
max-width: 1150px;
margin-right: auto;
margin-left: auto;
padding-top: 50px; }
/*-----*/

.boxS p {
margin-bottom: 15px; }


.cmnTtl {
padding-bottom: 25px; }

.cmnTtl span {
color: #000;
background-color: #ccff00;
letter-spacing: 0.2em;
padding:          7px 10px; }
.cmnTtl span.blue2 {
color: #000 !important;
background-color: #00a0e9;
letter-spacing:   0.2em;
padding:          7px 10px; }

.cmnTtl span.green { color: #fff; background-color: #9acd32; letter-spacing: 0.2em; padding: 7px 10px; }
.cmnTtl span.darkgreen {
color: #fff;
background-color: #32cd32;
letter-spacing: 0.2em;
padding: 7px 10px;
}

.cmnTtl span.orange {
color: #fff;
background-color: #ffa500;
letter-spacing: 0.2em;
padding: 7px 10px;
}
.cmnTtl span.orange2 {color:            #fff;
background-color: #ff8c00;
letter-spacing:   0.2em;
padding:          7px 10px; }

.cmnTtl span.gray {
color: #fff;
background-color: #696969;
letter-spacing: 0.2em;
padding: 7px 10px;
}
.cmnTtl span.gray2 {
color: #000;
background-color: #d3d3d3;
letter-spacing:   0.2em;
padding:          7px 10px; }

.cmnTtl span.red {
color: #fff !important;
font-style: italic;
background-color: #f00;
letter-spacing: 0.2em;
padding: 7px 10px; }
.cmnTtl span.aqua {color:            #fff !important;
background-color: #009cde;
letter-spacing:   0.2em;
padding:          7px 10px; }
.cmnTtl span.aquagreen {color:            #fff !important;
background-color: #7fdce6;
letter-spacing:   0.2em;
padding:          7px 10px; }
.cmnSubTtl {
color: #f00;
font-size: 20px;
padding-bottom: 25px; }

.btBack {
color: #fff;
font-size: 15px;
font-family: Inter, sans-serif;
padding: 5px 10px;
border: solid 1px;
white-space: nowrap; }

.btBackWh {
color: #000;
font-size: 15px;
font-family: Inter, sans-serif;
white-space: nowrap;
padding: 5px 10px;
border: solid 1px;
border-color: #000000;
}

.btBackGr {
color: #fff;
font-size: 15px;
font-family: Inter, sans-serif;
background-color: #008b8b;
white-space: nowrap;
padding: 5px 10px;
border: solid 1px #008b8b;
}

.btBackHd {
color:       #fff;
font-size:   15px;
font-family: Inter, sans-serif;
white-space: nowrap;
padding:     5px 10px;
border:      solid 1px;
position: absolute;
top: 50%;
right: 1%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%); }

/*-----*/

.btPressSht { max-width: 300px !important; margin-bottom: 50px; }
#fadein_menu2 {
clear: both	
}
/*--------------------------------------------*/
/*RACKET-----*/
.r01 {
font-size: 40px;
font-family: DunlopSans;
line-height: 1em;
margin-bottom: 50px; }
.r02 {
max-width: 1150px;
margin-right: auto;
margin-bottom: 100px;
margin-left: auto; }
.r02-01 {
font-size: 35px;
font-family: DunlopSans;
line-height: 1em;
background-color: #008dcc;
margin-bottom: 50px;
padding: 5px; }
.r02-02 {
line-height: 2em;
margin-bottom: 25px; }
.r02-03 {
font-size: 20px;
font-weight: bold; }
.r03 { }
.r03-01 {
font-size:        35px;
font-family:      DunlopSans;
line-height: 1em;
background-color: #008dcc;
max-width: 1150px;
margin-right: auto;
margin-left: auto;
padding:          5px; }

.r03-02pc { }
.r03-02sp {
visibility: hidden;
display: none; }
.r04 { }
.r04 img {
width: 20%; }

/*RACKET-TEC-----*/
.rt01 {
padding-bottom: 20%;
display:               grid;
grid-template-columns: repeat(2, 47.5%);
gap:                   5%; }
/*--------------------------------------------*/
/*WEARTOP-----*/
.movPc_app {
margin-bottom: -8px; }

.movSp_app {
visibility:    hidden;
margin-bottom: -8px;
display:       none; }

.wearTopbg {
background-color: #000; }
/*-----*/
.wearTopttl05 {
color:         #fff;
font-size:     20px;
background-color: #000;
text-align:    center;
max-width: 600px;
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px; }
/*-----*/
.wearTop01 {
color: #fff;
background-image: url(img/a/apparel26ss_back_imeg1.jpg);
background-position: center top;
padding-bottom: 65px;
background-size: cover; }

.wearTop01S {max-width: 680px; }

.wt01-01 {
font-size: 30px;
line-height: 125%;
margin-bottom: 15px; }
.wt01-02 {
font-size: 25px;
font-weight: bold;
line-height: 125%;
padding-top: 15px; }
.wt01-02 span {font-size: 35px; }
.wt01-02 strong {font-size: 20px; }
/*-----*/
.wearTop02 {
color: #fff;
background-color: #312805;
background-position: center; }
.wt02-01 {
color: #fff;
background-image: url(img/a/apparel26ss_back_imeg2_1.jpg);
background-position: center;
padding-top: 50px;
padding-bottom: 50px;
background-size: cover; }
.wt02-01s {
font-weight: bold;
max-width: 800px;
margin-right: auto;
margin-left: auto;
text-shadow: 0px 2px 7px rgba(46, 20, 4, 1); }
.wt02-01s strong {
font-size: 2.2em; }

.wt02-02 {
padding-top: 50px;
padding-bottom: 50px; }
.wt02-03 {
color: #fff;
background-image:    url(img/a/apparel26ss_back_imeg2_2.jpg);
background-position: center;
padding-top:         50px;
padding-bottom:      50px;
background-size:     cover; }
.wt02-03s {font-weight:  bold;
margin-right: auto;
margin-left:  auto;
max-width:    1000px;
text-shadow:  0px 2px 7px rgba(46, 20, 4, 1); }

/*-----*/
.wearTop03 {
overflow: auto;
padding-top: 65px; }
.wttl03 {
margin-right: auto;
margin-bottom: 50px;
margin-left: auto; }
.wearTopttl03 {
color:         #fff;
font-size:     20px;
background-color: #6e92c0;
text-align: center;
max-width: 600px;
margin-right: auto;
margin-bottom: 25px;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px; }
.wt03-01 {
max-width: 1150px;
margin-right: auto;
margin-left: auto; }
.wt03-01 img {
width: 25%;
margin-bottom: 10px; }
/*-----*/
.wearTop04 {padding-top:    65px;
overflow:       auto; }
.wttl04 {margin-right:  auto;
margin-bottom: 50px;
margin-left:   auto; }

.wearTopttl04 {
color:         #fff;
font-size:     20px;
background-color: #e98c9f;
text-align:    center;
max-width: 600px;
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px; }
.wt04-01 {margin-right:   auto;
margin-left:    auto;
padding-bottom: 50px;
max-width:      1150px; }
.wt04-01 img {margin-bottom: 10px;
width:         25%; }
/*-----*/
.wearTop05 {
	background-color: #dcdcdc;
	padding-top: 65px; }
.wt05-01 {
max-width: 1150px;
margin-right: auto;
margin-left: auto; }
/*-----*/
.wearLineup {
text-align: center;
margin-bottom: 50px;
}
.wearLineup img {
width: 44%;
margin-right: 3%;
margin-left: 3%; }
/*--------------------------------------------*/
/*SHOES-----*/
.sTopimg { }
.svideo {
background-color: #f5f5f5;
padding-top: 25px;
padding-bottom: 25px; }
.st01Bg {
background-image: url(img/s/kswiss_back_1.jpg);
background-repeat: no-repeat;
background-position: center bottom;
padding-top: 100px;
padding-bottom: 100px; }
.st01 {margin-right:        auto;
margin-left:         auto;
max-width:           1150px; }
.shoesTopttl01 {
font-size: 4rem;
text-align: center;
padding-bottom: 100px; }
.st01-01 {
margin-bottom: 25px;
display: table; }
.st01-01L {
vertical-align: middle;
width: 30%;
padding: 10px;
display: table-cell; }
.st01-01R {text-align:     left;
display:        table-cell;
padding:        10px 10px 10px 25px;
width:          70%;
vertical-align: middle; }
.st01-01R p {
margin-bottom: 15px; }
.st01-02 {
font-size: 4rem;
font-weight: bold;
margin-bottom: 15px; }
.st01-03 {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 15px;
 }
.st01-04 {
font-size: 2rem; }
.st02-01 {
}
.st03-01 {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 10px; }
/*--------------------------------------------*/
/*TOP PAGE-----*/
.cmnTtl span.top {
color:               #000;
background-color:    #00bfff;
background-image:    url(img/img_login_box_back_2.png);
background-position: center;
letter-spacing:      0.2em;
padding:             7px 10px;
background-size: cover; }
.bg-video{
position: relative;
right: 0;
bottom: 0;
width: 90%;
height: auto;
z-index: -100;
background-size: cover;
}
.movPc {
margin-bottom: -8px; }
.movSp {
visibility: hidden;
margin-bottom: -8px;
display: none; }
.onegai {
color: #fff;
padding: 1em;
background-color: #333; }
/*------*/
.topMenuB {
color: #000;
background-position: center 0; }
.topMenu {
text-align: center; }
/*------新メニュー（GIF）*/
.mnGridB{
width: 100%;
position: relative;
background-image: url(img/item_bg_pc.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;

/* (画像の横幅 ÷　画像の高さ)*/
aspect-ratio: 1920 / 1080;
padding-top: 8%; }
.mnGridB .pdfBtn {
width: 25%;
max-width: 285px;}
.mnGrid {
max-width: 1150px;
margin-right: auto;
margin-left: auto;
display: grid;
grid-template-columns: repeat(3, 25%);
gap: 0px;
place-content: center; }
/*------背景動画*/
.mnPc { }
.mnSp1 {
visibility: hidden;
display: none; }
.mnSp2 {visibility: hidden;
display:    none; }
.mnMov {
position: relative;
height: auto; }
.mnMovS {
/*position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
margin: auto;*/ }
.mnMovCover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
margin: auto; }
/*--------------------------------------------*/
/*ACCESSORIES-----*/
.acc01 {
margin-bottom: 50px;
padding-top: 50px; }

.acc02 {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 25px; }


.acc03 {
margin-bottom: 100px;
max-width: 1150px;
margin-right: auto;
margin-left: auto;
display: grid;
grid-template-columns: repeat(4, auto);
gap: 10px;
place-items: center; }
.acc03 img {
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35); }
/*--------------------------------------------*/
/*BALL-----*/
.ballPc {
 }

.ballSp {
visibility: hidden;
display: none; }

.eto01 {
display: grid;
grid-template-columns: repeat(2, auto);
gap: 10px;
justify-content: center; }
/*--------------------------------------------*/
/*ANYWHERE COLLECTION-----*/
.anyBg {
background-color: #fff; }

/*-----*/
.any01 { }
/*-----*/
.any02 {
background-color: #f2f2f2;
margin-bottom: 25px;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
text-align: left;
display: grid;
grid-template-columns: repeat(2, auto);
gap: 0px;
place-items: center; }
.any02 p {
width: 75%;
margin-right: auto;
margin-left: auto; }
.any02Ttl {
color: #696969;
font-size: 18px;
font-weight: bold;
text-align: center;
margin-bottom: 15px; }

.any02Ttl span {font-size:  25px;
text-align: center; }

.any02Img {
font-weight: bold;
width: 80%;
margin-right: auto;
margin-left: auto; }

/*-----*/
.any03 { }




/*--------------------------------------------*/
/*SMU-LINEUP-----*/
.smu01 {
margin-bottom: 50px;
padding-top: 50px; }

.smu02 {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 25px; }


.smu03 {
margin-bottom: 100px;
max-width: 1150px;
margin-right: auto;
margin-left: auto;
display: grid;
grid-template-columns: repeat(4, auto);
gap: 10px;
place-items: center; }
.smu03 img {
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35); }
/*--------------------------------------------*/
/*STRINGS-----*/
.str01 { }

.str02 {
padding-top: 50px;
padding-bottom: 75px; }

.str02a {
font-size: 2em;
font-weight: bold;
margin-bottom: 65px; }

.str02b {
color: #dc143c;
font-size: 7em;
font-weight: bold; }

.str03pc { }

.str03sp {
visibility: hidden;
display: none; }

.str04 {
padding-top: 50px; }

.str04a {
font-size: 1.8em;
font-weight: bold;
margin-bottom: 20px; }

.str04b {
color: #dc143c;
font-size: 2.1em;
font-weight: bold;
line-height: 1em; }

.str04c {
max-width: 800px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto; }

.str04d {
font-size:   2em;
font-family: DunlopSans;
margin-bottom: 50px; }

.str04e a {
color: #fff;
font-size: 0.9em;
font-family: DunlopSans;
background-color: #dc143c;
max-width: 200px;
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;
padding-top: 15px;
padding-bottom: 15px;
display: block; }
/*--------------------------------------------*/
/*@media screen and (max-width:850px){*/



@media screen and (max-width:1530px){
/*--------------------------------------------*/
/*WEARTOP-----*/
.wt02-01 {background-size:     1530px; }

.wt02-03 {background-size:     1530px; }

/*SHOES-----*/
.st01-01L {vertical-align: top; }

}
@media screen and (max-width:1000px){
/*--------------------------------------------*/
/*RACKET-----*/
}
@media screen and (max-width:800px){

/*DEPEND ON YOUTUBE WIDTH*/
/*FOR-YOUTUBE-SMARTPHONE----------*/
.video-container {
position: relative;
padding-bottom: 50%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hd img {
min-width: 220px;
min-height: 55px;
max-width: 50%; }

.boxB {
padding-top: 9%;
}
.boxS {
width: 90%; }
.cmnTtl span {
display: block; }
/*--------------------------------------------*/
/*RACKET-----*/
.r03-02pc {
visibility: hidden;
display: none; }
.r03-02sp {visibility: visible;
display:    block; }
.r04 img {
width: 33.33%; }
/*-----*/
.rt01 {
padding-bottom: 30%;
grid-template-columns: repeat(1, auto);
gap:                   1%; }
/*--------------------------------------------*/
/*WEARTOP-----*/
.wearTopttl03 {max-width:        100%; }
.wearTopttl04 {max-width:        100%; }
.wearTopttl05 {max-width:        100%; }
/*-----*/
.movPc_app {visibility: hidden;
display:    none; }

.movSp_app {visibility: visible;
display:    block; }

.wearTop01 {
background-image:    url(img/a/apparel26ss_back_imeg1_sp.jpg); }
.wt02-01 {
background-image:    url(img/a/apparel26ss_back_imeg2_1_sp.jpg);
background-position: center;
padding: 50px 15px;
background-size:     cover; }

.wt02-03 {
background-image: url(img/a/apparel26ss_back_imeg2_2_sp.jpg);
background-position: center;
padding: 50px 15px;
background-size: cover; }
.wt03-01 {
text-align: left; }
.wt03-01 img {width:   50%; }
.wt04-01 img {width:   50%; }
.wearLineup img { margin-right: 0; margin-left: 0; width: 90%; margin-bottom: 30px; }
/*--------------------------------------------*/
/*SHOES-----*/
.st01-01 {display:       block; }
.st01-01L {
display:        block;
width:          100%;
padding-bottom: 25px; }
.st01-01R {
width: 100%;
padding-left: 10px;
display: block; }
/*--------------------------------------------*/
/*ACCESSORIES-----*/
.acc03 {grid-template-columns: repeat(2, auto); }
/*--------------------------------------------*/
/*TOP PAGE-----*/
.cmnTtl span.top {display:         block;
background-size: cover; }
.movPc {
visibility: hidden;
display: none; }
.movSp {
visibility: visible;
display: block; }
/*------新メニュー（GIF）*/
.mnGridB{
background-image: url(img/item_bg_sp.jpg); }
.mnGridB .pdfBtn {
width: 50%;
max-width: 100%;}
.mnGrid {
grid-template-columns: repeat(2, 50%); }
/*-----背景動画*/
.mnPc {
visibility: hidden;
display: none; }
.mnSp1 {
visibility: visible;
display: block; }
.mnSp2 { }
/*--------------------------------------------*/
/*BALL-----*/
.ballPc {
visibility: hidden;
display: none;
}
.ballSp {
visibility: visible;
display: block;
}
.eto01 {
display: grid;
grid-template-columns: repeat(1, auto);
}
/*--------------------------------------------*/
/*ANYWHERE COLLECTION-----*/

.any02 { grid-template-columns: repeat(1, auto); row-gap: 50px; }
.any02 p { width: 90%; }
.any02Img {width:        100%; }

/*--------------------------------------------*/
/*SMU-LINEUP-----*/

.smu03 {
grid-template-columns: repeat(2, auto);
 }
/*--------------------------------------------*/
/*STRING-----*/

.str03pc {
visibility: hidden;
display: none; }

.str03sp {visibility: visible;
display:    block; }

.str04e a {
font-size: 1.4em;
max-width:        450px; }
}
@media screen and (max-width:600px){
.boxB {padding-top: 10%; }
.boxBwh {
padding-top: 55px;	 }

.boxS {
padding-top: 20px;
padding-bottom: 20px; }

.cmnTtl {
font-size: 15px; }

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

/*WEARTOP-----*/
/*RACKET-----*/
/*SHOES-----*/
.sTopimg {
padding-top: 5%; }


/*TOP PAGE-----*/
}


@media screen and (max-width:560px){
/*--------------------------------------------*/
/*ACCESSORIES-----*/
.acc03 {grid-template-columns: repeat(1, auto); }

/*------新メニュー（GIF）*/

.mnGridB .pdfBtn {
width: auto; }

.mnGrid {
grid-template-columns: repeat(1, 100%);
place-items: center; }

/*-----背景動画*/
.mnPc { }
.mnSp1 {visibility: hidden;
display:    none; }
.mnSp2 {
visibility: visible;
display: block; }

/*--------------------------------------------*/
/*SMU-LINEUP-----*/
.smu03 {grid-template-columns: repeat(1, auto); }
}
@media screen and (max-width:480px){

 }

@media screen and (max-width:400px){
.boxB {
padding-top: 14%; }
/*--------------------------------------------*/
/*WEARTOP-----*/
/*--------------------------------------------*/
/*SHOES-----*/
.sTopimg {
padding-top: 7%; }

/*WEAR-----*/
/*TOP PAGE-----*/
/*--------------------------------------------*/
}