@charset "UTF-8";

/*clearfix*/

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

a:link {
	text-decoration:none;
	color:#000;
}

a:visited {
	text-decoration:none;
	color:#000;
}

a:hover {
	text-decoration:none;
	color:#000;
	/*opacity:0.7;*/
}

a:active {
	text-decoration:none;
	color:#000;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	color: #000;
	line-height:1.5;
}

.l-genre {
    /*font-family: 'Roboto';*/
    font-family: "Helvetica Neue Bold", Helvetica, Arial, sans-serif;
}





ol, ul {
    list-style: none;
    margin-left: 0;
}

.sp {
    display: none;
}

/*content*/
.pants.inner {
    padding: 80px 0 110px;
    width: 840px;
    margin: auto;
    text-align: center;
}

.inner {
    padding: 80px 0 130px;
    width: 980px;
    margin: auto;
    text-align: center;
}

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

.textPc01 {
    margin-top: -14%;
    padding-bottom: 5%;
    text-align:center;
    font-weight: bold;
    color: #fff;
}
.textPc02 {
    margin-top: -12%;
    padding-bottom: 7%;
    text-align:center;
    font-weight: bold;
    color: #fff;
}
.textPc03 {
    margin-top: -12%;
    padding-bottom: 5%;
    text-align:center;
    font-weight: bold;
    color: #fff;
}

.topImg img {
    width: 100%;
    height: auto;
}

.topImgSp {
    display: none;
}

.leadText {
    font-weight: bold;
    text-align:center;
    padding: 100px 0;
    line-height: 2.6em;
}
.leadText p {
    font-size: 14px;
}

.leadTextSp {
    display: none;
}

.categoryTitle img {
    width: 70%;
}

.textSp {
    display: none;
}

.detailsText {
    font-size: 14px;
    line-height: 1.8;
}

.liner.textSpace {
    margin-top: 20px;
}

.liner {
    color: #fff;
    font-weight: bold;
    background-color: #000;
    display: inline-block;
    padding: 9px 14px;
    font-size: 16px;
    line-height: 1;
    margin-top: 6px;
}

.liner2.textSpace {
    margin-top: 20px;
}

.liner2 {
    color: #000;
    font-weight: bold;
    background-color: #fff;
    border: 3px solid #000;
    display: inline-block;
    padding: 3px 14px;
    font-size: 18px;
    line-height: 1;
    margin-top: 6px;
}

.items {
    margin-top: 80px;
}

.items li {
    float: left;
    width: 50%;
    text-align:center;
}

.warmer .items li {
    float: left;
    width: 50%;
    text-align:center;
    height: 400px;
}

.pants .items li img {
    width: 100%;
}

.pants .items li:nth-child(2) img {
    width: 97%;
} 

.itemName {
    font-size: 12px;
    text-align:center;
    margin-top: 20px;
}

.text {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: 6px;
}

.buyBtn {
    width: 160px;
    display: inline-block;
    margin: 20px auto 0;
}

.buyBtn a {
    position: relative;
    text-align: center;
    color: #fff;
    background-color: #000;
    font-weight: bold;
    font-size: 17px;
    padding: 3px 0;
    border: 3px solid #000;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    display: block;
    line-height: 1;
    background-image: url('/assets/img/sp/winter_training/arrow_off.svg');
    background-repeat: no-repeat;
    background-position: center right 4%;
    background-size: 8%;
}

/*.buyBtn a::before {
    display: block;
    content: "";
    position: absolute;
    top: 28%;
    left: 84%;
     width: 10px; 
     height: 10px; 
     border-top: 3px double #fff; 
     border-right: 3px double #fff; 
     -webkit-transform: rotate(45deg); 
     transform: rotate(45deg); 
}*/

.buyBtn a:hover {
    color: #000;
    border: 3px solid #000;
    background-color: #fff;
    background-image: url('/assets/img/sp/winter_training/arrow_on.svg');
}

/*.buyBtn a:hover::before {
    border-top: 3px double #000;
    border-right: 3px double #000;
}*/

.warmer.inner {
    padding: 40px 0 120px;
}

.warmer .items {
    margin-top: 0;
}

.liner3 {
    color: #000;
    font-weight: bold;
    background-color: #fff;
    border: 2px solid #000;
    border-bottom: none;
    display: block;
    padding: 5px 8px;
    font-size: 16px;
    line-height: 1;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    width: 180px;
}
.liner4 {
    color: #000;
    font-weight: bold;
    background-color: #fff;
    border: 2px solid #000;
    display: block;
    padding: 3px 14px;
    font-size: 18px;
    line-height: 1;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    width: 180px;
}

ul.itemName {
    width: 77%;
    margin-top: 0;
}

.warmer .liner3 {
    margin-right: 0;
    margin-left: 93px;
}
.warmer .liner4 {
    margin-right: 0;
    margin-left: 93px;
}
.warmer .text {
    margin-left: -123px;
}
.warmer .buyBtn {
/*  margin: 20px auto 0;*/
    margin-left: -123px;
}

.glove.inner {
    padding: 40px 0 100px;
    width: 900px;
}

.glove .items {
    margin-top: 0;
}

.glove .items>li:nth-child(2) {
    height: 410px;
    margin-top: 50px;
}

.glove .items>li:nth-child(3) , .glove .items>li:nth-child(4) {
    margin-top: 47px;
}
.glove .items .itemName li:nth-child(2) {
    margin-top: 0;
}
.glove .liner3 {
    width: 240px;s
}
.glove .liner4 {
    width: 240px;
}
.itemName.itemName2 {
    width: 100%;
}
.itemName.itemName2 li {
    width: 25%;
}
.glove .itemName {
    margin-top: -1%;
}
.glove .itemName.itemName2 {
    margin-top: 1%;
}
.glove .items li:nth-child(3) ul.itemName , .glove .items li:nth-child(4) ul.itemName {
    width: 72%;
    padding: 0 6%;
    margin-left: 11%;
    margin-top: 1%;
}


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

.sp {
    display: block;
}

.pc {
    display: none;
}

.pants.inner , .inner , .glove.inner  {
    padding: 3% 5% 18%;
    width: 100%;
    margin: auto;
}

.rightText {
    float: none;
    width: 100%;
    padding-bottom: 23%;
    margin-left: 0%;
}

.leftImg {
    width: 10%;
    position: absolute;
    left: 0%;
}

.textSp {
    display:block;
}
.textPc {
    display: none;
}

.textSpace {
    margin-top: 4%;
}

.items li img {
    width: 80%;
}
.pants .items li img {
    width: 77%;
}
.pants .items li:nth-child(2) img {
    width: 77%;
}

.items li .itemImg_pants img {
    width: 60%;
}


.leftText {
    float: none;
    width: 100%;
    margin-left: 0;
}

.rightImg {
    bottom: 20%;
}


.topImgSp {
    display: block;
}

.topImg {
    display: none;
}

.topImg_bottom {
    margin-top: -7px;
}

.leadTextSp {
    display: block;
    padding: 5% 5% 7%;
    font-weight: bold;
    line-height: 2em;
    text-align: center;
}

.detailsText {
    font-size: 12px;
    line-height: 2;
    font-weight: bold;
}

.leadText {
    display: none;
}

.text {
    font-size: 12px;
}
    
/*content*/
.items {
    margin-top: 8%;
}

.items li {
    float: none;
    width: 100%;
    height: auto;
}
.warmer .items li {
    float: none;
    width: 100%;
    height: auto;
}

.items li:nth-child(3) {
    margin-top: 10%;
}

.leftImg {
    display: block;
    width: 44%;
    left: 50%;
    bottom: 0;
}

.liner {
    font-size: 12px;
    padding: 6px 10px;
    margin-top: 8%;
    font-weight: normal;
}

.itemName {
    font-size: 10px;
    margin-top: 0;
}

.liner2 {
    border: 2px solid #000;
    padding: 3px 11px;
    font-size: 13px;
    margin-top: 1%;
}
.buyBtn {
    width: 120px;
    margin: 3% auto 0;
}
.buyBtn a {
    font-size: 13px;
    padding: 4px 0;
    border: 1px solid #000;c
}
.buyBtn a::before {
    top: 28%;
    left: 86%;
    width: 8px;
    height: 8px;
}

.buyBtn a:hover {
    border: 1px solid #000;
}

.pants .items li:nth-child(2) {
    margin-top: 10%;
}

.warmer .items {
    margin-top: -1%;
}
.warmer.inner {
    padding: 3% 0 12%;
}
.warmer .itemImg.sp {
    text-align:right; 
}
.warmer .itemImg.sp img {
    width: 80%;
}

.warmer li:nth-child(3) .itemImg.sp img {
    width: 85%;
}

ul.itemName {
    width: 77%;
    margin-top: -1%;
}
ul.itemName li {
    float: left;
    width: 50%;
    text-align: right;
}
.liner3 {
    color: #000;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #000;
    border-bottom: none;
    display: block;
    padding: 5px 8px;
    font-size: 12px;
    line-height: 1;
    margin-top: 4%;
    margin-right: auto;
    margin-left: auto;
    width: 140px;
}
.liner4 {
    color: #000;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #000;
    display: block;
    padding: 3px 14px;
    font-size: 14px;
    line-height: 1;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    width: 140px;
}

.warmer .liner3 {
    margin-right: auto;
    margin-left: auto;
}
.warmer .liner4 {
    margin-right: auto;
    margin-left: auto;
}
.warmer .text {
    margin: 20px auto 0;
}
.warmer .buyBtn {
  margin: 20px auto 0;
}
.glove.inner {
    padding: 3% 0 13%;
}
.glove .items li img {
    width: 70%;
    margin-top: 3%;
}
.glove .items li img.glove01 {
    width: 45%;
    margin-top: 8%;
}
.glove .itemName {
    margin-top: -3%;
}
.glove .liner3 , .glove .liner4 {
    width: 180px;
    padding: 5px 3px;
}
.glove .items>li:nth-child(2) img ,  .glove .items>li:nth-child(3) img , .glove .items>li:nth-child(4) img {
    width: 50%;
}
.glove .items>li:nth-child(2) {
    height: auto;
}
.glove .itemName.itemName2 {
    width: 77%;
}
.glove .itemName.itemName2 li {
    width: 50%;
}
.items li:nth-child(3) {
    margin-top: 0;
}
.glove .items>li:nth-child(3), .glove .items>li:nth-child(4) {
    margin-top: 10%;
}


}



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


}