@media (min-width: 1800px) {
  #header,
  #content,
  #footer {
    padding-left: 0;
  }

  .inner {
    max-width: 100%;
  }

  #header {
    padding: 29px 0 29px 0;
  }

  #header .inner {
    width: 90% !important;
  }

  #header .logos .kamo {
    display: none !important;
  }

  #gnav {
    display: none !important;
  }

  #page .inner {
    width: 1024px;
  }

  .mm-menu.mm-current {
    display: block !important;
  }

  .mm-menu.mm-offcanvas {
    display: block !important;
    position: absolute !important;
  }

  html.mm-opening .mm-slideout {
    -webkit-transform: translate(340px, 0) !important;
    -moz-transform: translate(340px, 0) !important;
    -ms-transform: translate(340px, 0) !important;
    -o-transform: translate(340px, 0) !important;
    transform: translate(340px, 0) !important;
  }

  .mm-page {
    box-sizing: border-box !important;
    position: relative !important;
    width: 80% !important;
    float: right !important;
  }

  .mm-menu {
    width: 20% !important;
    max-width: 100% !important;
    border-right: none !important;
  }

  #btn_slide_menu {
    display: none;
  }

  .close {
    display: none !important;
  }

  #menu .kamo a {
    border-right: 1px solid #242424 !important;
  }
 

}
@media (max-width: 1024px) {
  /*--------------------------------------
      HEADER
  ---------------------------------------*/
  #header {
    padding: 50px 0 0 60px;
  }
  #header .logos {
    width: 90%;
    margin: 0 auto 50px auto;
  }
  #header ul#gnav {
    display: none;
  }

  /*--------------------------------------
      FOOTER
  ---------------------------------------*/
  #footer .sitemap {
    padding: 0 2%;
  }
  #footer .sitemap .col {
    width: 18%;
    float: left;
    padding: 0 1%;
  }
  #footer .sitemap .col.sns li {
    float: left;
    margin: 0 10px 0 0;
  }

  /*--------------------------------------
      MODULES
  ---------------------------------------*/
  .inner {
    width: 90%;
    margin: 0 auto;
  }
  
    .inner2 {
    width: 90%;
    margin: 0 auto;
	background-color:#FFFFFF;
  }

  /*--------------------------------------
      TOP
  ---------------------------------------*/
  #top #content .inner {
    padding: 3%;
    width: 94%;}
  
}
@media (max-width: 767px) {


  .mm-opened #btn_slide_menu a {
    background: #222 url(../images/common/sp_btn_triger_close.png) no-repeat center center;
    background-size: 30px 30px;
  }

  #btn_slide_menu {
    position: fixed;
    left: 20px;
    top: 90%;
    width: 50px;
    height: 50px;
  }
  #btn_slide_menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  #btn_slide_menu a {
    background: #222 url(../images/common/sp_btn_triger.png) no-repeat center center;
    background-size: 30px 30px;
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px;
  }
  #btn_slide_menu a:hover {
    background: #222 url(../images/common/sp_btn_triger.png) no-repeat center center;
    background-size: 30px 30px;
  }

  /*--------------------------------------
      HEADER
  ---------------------------------------*/
  #header {
    padding: 30px 0 0 0;
  }
  #header .logos {
    width: 220px;
    margin: 0 auto 30px auto;
  }

  /*--------------------------------------
      CONTENTS
  ---------------------------------------*/
  #content {
    padding: 0;
  }

  /* lineup
  ---------------------------------------*/
  #lineup .lineuplist {
    width: 98%;
    padding: 0 1%;
  }
  #lineup .lineuplist li {
    width: 31%;
    margin: 0 1% 2% 1%;
  }

  /*--------------------------------------
      FOOTER
  ---------------------------------------*/
  #footer {
    padding: 0;
  }
  #footer .inner {
    padding: 5%;
    width: 90%;
  }
  #footer #sp_triger_sitmap {
    display: none;
    text-align: center;
    font-size: 14px;
    margin: 0 0 5% 0;
  }
  #footer #sp_triger_sitmap:after {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 0 0 5px;
    position: relative;
    background: url(../images/common/btn_arrow_down.png);
    background-size: 15px 15px;
  }
  #footer #sp_triger_sitmap.active:after {
    content: "";
    background: url(../images/common/btn_arrow_up.png);
    background-size: 15px 15px;
  }
  #footer .sitemap .col {
    width: 100%;
    float: none;
    padding: 0;
  }
  #footer .sitemap .col ul {
    display: none;
    margin: 0 0 15px 0;
  }
  #footer .sitemap .col ul li {
    border-bottom: 1px dotted #242424;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
  }
  #footer .sitemap .col ul li ul {
    margin: 0 0 0 20px;
  }
  #footer .sitemap .col ul li ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #footer .sitemap .col ul.sns {
    display: block;
    margin: 0 auto;
    width: 150px;
  }
  #footer .sitemap .col ul.sns li {
    margin: 20px 10px;
    border-bottom: none;
  }
  #footer .sitemap .col ul.sns li img {
    width: 30px;
    height: 30px;
  }
  #footer .copyright {
    padding: 20px 0;
  }

  /*--------------------------------------
      TOP
  ---------------------------------------*/
  #top #content .inner {
    padding: 5% 5% 0 5%;
    width: 90%;
  }
  #top .flex-control-thumbs {
    display: none;
  }
  #top .pickup_contents .col {
    width: 100%;
    float: none;
    margin: 0 0 4% 0;
  }
  #top .pickup_contents .col a {
    width: 100%;
    height: 100%;
  }
  #top .pickup_contents .col a span {
    padding: 13% 0;
  }
  #top .pickup_contents .col:last-child {
    margin-bottom: 0;
  }
  #top .pickup_contents .col.adidasMagazin a {
    background: url(../images/top/bg_mailmagazin.jpg) center -10px no-repeat;
    background-size: 100% auto;
  }
  #top .pickup_contents .col.adidasCraftman a {
    background: url(../images/top/bg_adidas_craftman.jpg) center -55px no-repeat;
    background-size: 100% auto;
  }
  #top .pickup_contents .col.adidasTV a {
    background: url(../images/top/bg_adidas_tv.jpg) center center no-repeat;
    background-size: 100% auto;
  }
  

/*--------------------------------------
    CAMPAIGN
---------------------------------------*/
ul.campaign_btn{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;}
ul.campaign_btn li{
	float:left;
	margin:10px;
	width:95%;}
ul.campaign_btn li img{
	width:100%;
	min-width:250px;}
	
.campaign_top_comment{
	font-size:20px;
	margin:0 3px 10px 3px;
	text-align:center;
	line-height:130%;
}

.campaign_top_comment span{
	font-size:70%;
	color:#ccc;
}

.campaign_btn02{
	width:100%;
	text-align:center;}

.campaign_btn02 img{width:100%;
	margin:10px 0 0 0;
	padding:0;
}

.campaign_list td{
	font-size:12px;
	padding:10px;
	border-bottom:1px dotted #666;
	line-height:170%;}

.campaign_list th{
	font-size:13px;
	padding:10px;
	width:20%;
	color:#fff;
	border-bottom:1px dotted #666;
	line-height:170%;}

/*--------------------------------------
    JFA NEWユニフォーム
---------------------------------------*/
.jfa2015_big{
	font-size:35px;
	margin:40px 5px 10px 5px;
	text-align:center;
	font-weight:bold;
	color:#fff;}
.jfa2015_txt01{
	text-align:center;
	font-size:140%;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;}


.jfa2015_midashi_line{
	border-top:1px #fff solid;
	border-bottom:1px #fff solid;
	padding:10px;
	font-size:20px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin:100px 0 20px 0;}
.jfa2015_subtitle{
	font-weight:bold;
	font-size:150%;
	color:#eee;}
.jfa2015_txt{
	font-size:125%;
	line-height:170%;}
.jfa2015_red{
	color:#ff4848;
	margin:10px 0 30px 0;
	line-height:150%;
	font-size:11px;}
	

/* 商品一覧部分 */
ul.jfa2015_list{
	list-style-type:none;
	width:100%;
	margin:10px 0 0 0;
	padding:0;}

ul.jfa2015_list li{
	float:left;
	display: inline-block;
	margin:7px;
	padding:0;
	display: block;
	background:#fff;
	width:18%;
	min-width:122px;
	border:3px solid #eee;
}

ul.jfa2015_list li img{
	width:100%;
	margin:0;
}

.jfa2015-name{
	display: block;
	background:#222;
	font-size:13px;
	padding:10px;
	height:150px;
	line-height:150%;}
	
.jfa2015-name a:link{
	color:#fff;
	text-decoration:none;}
	
.jfa2015-name a:visited{
	color:#fff;
	text-decoration:none;}
	
.jfa2015-name a:hover{
	color:#ccc;
	text-decoration:none;}

.jfa2015-price{
	font-weight:bold;
	color:#ccc;
	margin:10px 0 0 0;}
	
.jfa2015_blank{
	height:100px;}
	
	
/*--------------------------------------
    JFA 20151112公開ページ
---------------------------------------*/
.jfa1112_navi_btn{
	margin-top:20px;}
ul.jfa1112_navi_btn{
	list-style-type:none;
	width:100%;
	margin:0}
	
ul.jfa1112_navi_btn li{
	float:left;
	margin:2px;
	padding:0;
	width:32%;}

ul.jfa1112_navi_btn li img{
	margin:0;
	padding:0;
	width:100%;}
	
	
ul.jfa1112_top_lineup{
	list-style-type:none;
	margin:40px 0 0 10px;
	padding:0;
	width:90%;
}
ul.jfa1112_top_lineup li{
	float:left;
	width:100%;
	margin:15px 8px 15px 8px;
	padding:0;
	max-width:300px;
}
ul.jfa1112_top_lineup li img{
	width:100%;
	margin-bottom:10px;}



/* リオ大会モデルユニフォーム掲載部分(横並び2商品) */
ul.jfa1112_top_lineup02{
	list-style-type:none;
	margin:40px 0 0 10px;
	padding:0;
	width:90%;
}
ul.jfa1112_top_lineup02 li{
	float:left;
	width:100%;
	margin:15px 8px 15px 8px;
	padding:0;
	max-width:300px;
}
ul.jfa1112_top_lineup02 li img{
	width:100%;
	margin-bottom:10px;}
	




.jfa1112_link_btn02{
	display:block;
	text-align:center;
	width:90%;
	margin:15px 15px 20px 15px;
	font-size:60%;
	line-height:200%;
	}
.jfa1112_link_btn02 a:link{
	display:block;
	background:#0362be;
	padding:15px;
	font-weight:bold;
	color:#161616;
	font-size:200%;
	}
.jfa1112_link_btn02 a:visited{
	display:block;
	background:#0362be;
	padding:15px;
	font-weight:bold;
	color:#161616;
	font-size:200%;
	}
.jfa1112_link_btn02 a:hover{
	display:block;
	background:#213d61;
	padding:15px;
	font-weight:bold;
	color:#161616;
	font-size:200%;
	}
.jfa1112_link_btn02 span{
	font-size:60%;
	display:block;
	margin:0;
	padding:0;
	}
	
.jfa1112_product_ttl{
	font-size:18px;
	width:100%;
	text-align:center;
	margin:20px 0 10px 0;
	padding:0;
	color:#fff;
	}
	
.jfa1112_link_btn03{
	display:block;
	text-align:center;
	width:100%;
	margin:20px 0 30px 0;
	line-height:130%;
	}
.jfa1112_link_btn03 a:link{
	display:block;
	background:#0362be;
	padding:15px 10px 10px 10px;
	font-weight:bold;
	color:#161616;
	font-size:16px;	
	}
.jfa1112_link_btn03 a:visited{
	display:block;
	background:#0362be;
	padding:15px 10px 10px 10px;
	font-weight:bold;
	color:#161616;
	font-size:16px;	
	}
.jfa1112_link_btn03 a:hover{
	display:block;
	background:#213d61;
	padding:15px 10px 10px 10px;
	font-weight:bold;
	color:#161616;
	font-size:16px;	
	}
.jfa1112_link_btn03 span{
	font-size:70%;
	display:block;
	}
	
ul.jfa1112_product_list{
	list-style-type:none;}
ul.jfa1112_product_list li{
	float:left;
	margin:0 5px 30px 5px;
	padding:0;
	width:46%;
	text-align:center;
	line-height:160%;
	height:270px;}
ul.jfa1112_product_list li img{
	width:100%;
	margin-bottom:10px;}
.jfa1112-price{
	margin-top:5px;
	font-weight:bold;}

.jfa1112_midashi_line{
	border-top:1px #fff solid;
	border-bottom:1px #fff solid;
	padding:20px 20px 10px 20px;
	font-size:35px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin:150px 0 40px 0;
	line-height:110%;}
.jfa1112_midashi_line div{
	font-size:12px;
	font-weight:normal;
	line-height:150%;}

/* スタッフコーディネート */
ul.jfa2015_coordi{
	list-style-type:none;
	margin:0;
	padding:0;}
ul.jfa2015_coordi li{
	float:left;
	margin:0 5px 10px 3px;
	padding:0;
	width:46%;
	line-height:160%;
	height:340px;}
ul.jfa2015_coordi li img{
	float:left;
	margin:0 0 10px 0;
	padding:0;
	width:100%;
}
ul.jfa2015_coordi a:link{
	font-size:15px;
	color:#fff;
	font-weight:bold;}
ul.jfa2015_coordi a:visited{
	font-size:15px;
	color:#fff;
	font-weight:bold;}
ul.jfa2015_coordi a:hover{
	font-size:15px;
	color:#666;
	font-weight:bold;}

.jfa2015_coordi_txt{
	font-size:15px;
	color:#ccc;
	text-align:center;
	margin:0 0 20px 0;
	line-height:150%;
	}

.js-flickity img{width:100%;}





/* footwear マーキュリースピードパック(mercury speed pack) */

ul.mercury-btn02{
	list-style-type:none;
	margin:0 auto;
	padding:0;
	bottom:60px;
	position:absolute;
	text-align:center;
	width:100%;
	}

ul.mercury-btn02 li{
	display:inline;
	margin:0 0 0 80px;
	width:80%;
}

ul.mercury-btn02 li img{
	margin:5px;
	width:100%;
}




	
}
@media (max-width: 479px) {

  .sp_hide {
    display: none;
  }

  .row {
    overflow: hidden;
  }
  .row.col2 .col {
    float: none;
    width: 100%;
    margin: 0 0 5% 0;
  }
  .row.col2 .col:nth-child(2) {
    margin: 0 0 5% 0;
  }
  .row.col2 .col img {
    width: 100%;
    height: auto;
  }
  .row.col3 .col {
    float: none;
    width: 100%;
    margin: 0 0 5% 0;
  }
  .row.col3 .col:nth-child(2) {
    margin: 0 0 5% 0;
  }
  .row.col3 .col img {
    width: 100%;
    height: auto;
  }


.row.col4 .col {
    float: none;
    width: 100%;
    margin: 0 0 5% 0;
  }
  .row.col4 .col:nth-child(2) {
    margin: 0 0 5% 0;
  }
  .row.col4 .col img {
    width: 100%;
    height: auto;
  }
  
  .row.col4 .coltxt {
  text-align:left;
  float:left;
  width: 100%;
  margin: 0 4% 4% 0;
}


  /* lineup
---------------------------------------*/
  #lineup h2 {
    margin: 0 0 0 4%;
  }
  #lineup h3 {
    margin: 9px 0 0 4%;
  }
  #lineup .lineuplist {
    width: 96%;
    padding: 0 2%;
  }
  #lineup .lineuplist li {
    width: 46%;
    margin: 0 2% 2% 2%;
  }

  .social {
    overflow: hidden;
    position: relative;
    padding-bottom: 10px;
  }
  .social .inner .tweet {
    float: left;
    margin-right: 10px;
  }
  .social .inner .fb {
    float: left;
    margin-right: 10px;
  }
  .social .inner .mxchk {
    float: left;
  }

  /*--------------------------------------
      TV
  ---------------------------------------*/
  .main_mov {
    display: none;
  }

  .sub_mov .row .col {
    padding-top: 56.25%;
  }




/* footwear マーキュリースピードパック(mercury speed pack) */
.mercury-main01{
	background-image:url(../footwear/mercury/img/mercury-bk01.png);
 background-position:center top;
 background-repeat:no-repeat;
-moz-background-size:contain;
 background-size:contain;
	position:relative;
	width:100%;
	height:550px;
	text-align:center;
	margin:0 auto;
	padding:0;}
		
.mercury-ichi{
	bottom: 30px;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:100%;
	position:absolute;}
	
.mercury-ichi02{
	bottom: 30px;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:100%;
	position:absolute;}
	
ul.mercury-main02-03{
	list-style-type:none;
	margin:5px 0 0 0;
	padding:0;
	min-width:320px;
}
ul.mercury-main02-03 li{
	float:left;
	margin:0 0 5px 0;
	padding:0;
	width:100%;
	display:inline;
}



.mercury-main02{
	background-image:url(../footwear/mercury/img/mercury02.jpg);
 background-position:center top;
 background-repeat:no-repeat;
-moz-background-size:cover;
 background-size:cover;
	position:relative;
	width:100%;
	height:400px;
	text-align:center;
	margin:0 auto;
	padding:0;}
	
.mercury-main03{
	background-image:url(../footwear/mercury/img/mercury03.jpg);
 background-position:center top;
 background-repeat:no-repeat;
-moz-background-size:cover;
 background-size:cover;
	position:relative;
	width:100%;
	height:400px;
	text-align:center;
	margin:0 auto;
	padding:0;}





ul.mercury-btn01{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.mercury-btn01 li{
	display:inline;
	margin:0;
}
ul.mercury-btn01 li img{
	margin:5px;
	width:90%;
}





ul.mercury-btn02{
	list-style-type:none;
	margin:0;
	padding:0;
	width:65%;
	bottom:-10px;
	position:absolute;
	right:30px;
	text-align:center;
	}

ul.mercury-btn02 li{
	display:inline;
	margin:0;
}

ul.mercury-btn02 li img{
	margin:5px;
	width:100%;

}



}

/*# sourceMappingURL=sp.css.map */









