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

body{
	margin:0 auto;
	padding:0;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	line-height:160%;
	background:none;
	}
	
.header{
	background:#000 !important;
}


/* UMDITIONALシリーズ */
.umditional_brand{
	font-size:25px;
	color:#111;
	font-weight:bold;
	text-align:center;
	margin-bottom:25px;
}

.umditional_ttl{
	font-size:50px;
	color:#111;
	font-weight:bold;
	text-align:center;
}

.umditional_ttl span{
	font-size:17px;
	color:#111;
	text-align:center;
	display:block;
	margin-top:20px;
}

.umditional_subtttl{
	font-weight:normal;
	font-size:33px;
	letter-spacing:1px;
	color:#111;
	text-align:center;
	margin-top:55px;
}

.umditional_txt{
	font-weight:normal;
	font-size:16px;
	color:#111;
	text-align:center;
	margin:25px auto 5px auto;
	width:90%;
	max-width:1000px;
	line-height:170%;
}




.umditional_concept{
	background: url(/umbro/umditional/img/umditional-concept.jpg) center no-repeat;
	height:500px;
	background-width:1920px;
	position:relative;
}

.umditional_concept-ttl{
	font-size:35px;
	color:#fff;
	position:relative;
	margin-bottom:30px;
	letter-spacing:1px;
/*	border-bottom:2px solid #fff;*/
	padding-bottom:5px;
}
.umditional_concept-ttl span{
	font-size:13px;
	color:#fff;
	display:block;
	margin-top:12px;
}

.umditional_concept-txt{
	font-size:16px;
	color:#eee;
	position:relative;
	line-height:180%;
/*	letter-spacing:1px;*/
}

.umditional_concept-width{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}

.umditional_concept-txtw{
	max-width:550px;
	width:100%;
	position:absolute;
	top: 145px;
	right: 0;
}

.umditional_procuct-ttl{
    font-size: 24px;
    color: #000;
    padding: 14px 0 10px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 90%;
    margin: 70px auto 10px auto;
    max-width: 1200px;
}
	
.umditional_procuct-ttl span{
	font-size:12px;
	margin-left:5px;
}


ul.umditional_product-conceptlist{
    list-style-type:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative;
    margin:0 auto 75px;
    padding:0 0 60px;
	width:90%;
	max-width:1200px;
	border-bottom:1px solid #eee;
	}

ul.umditional_product-conceptlist li{
	width:50%;
	margin:0　auto;
	}

ul.umditional_product-conceptlist li img{
	width:100%;
	}
	
.umditional_procuct-comcept-txtarea{
	width:90%;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
}

.umditional_procuct-comcept-txtarea img{
/*	width:90% !important;*/
	margin:0 auto 30px;
}
	
.umditional_procuct-comcept-ttl{
	font-size:35px;
	font-weight:bold;
	color:#111;
	margin:0 auto 20px;
	text-align:left;
}

.umditional_procuct-comcept-txt{
	font-size:14px;
	color:#111;
	margin-bottom:30px;
	letter-spacing:1px;
	text-align:left;
}


.umditional_procuct-buy{
	margin-top:20px;
}


.umditional_procuct-buy a{
	display:block;
	padding:17px;
	color:#fff;
	width:80%;
	max-width:280px;
	margin:25px auto 0 auto;
	font-weight:bold;
	font-size:23px;
	border-radius:40px;
}

.umditional_procuct-buy a span{
	font-size:12px;
	margin-left:5px;
}

.umditional_procuct-buy a:link{
	color:#fff;
	background:#111;
}
.umditional_procuct-buy a:visited{
	color:#fff;
	background:#111;
}
.umditional_procuct-buy a:hover{
	color:#fff;
	background:#222;
}

.ubyg20_procuct-name3 span{
	display:block;
	color:#666;
	font-size:13px;
}

.umditional_procuct-img-ramsey{
	width:90%;
	max-width:1200px;
	margin:0 auto;
}

.umditional_procuct-img-ramsey img{
	width:100%;
}

.umditional_procuct-img-coat{
	width:90%;
	max-width:1200px;
	margin:0 auto 40px;
}

.umditional_procuct-img-coat img{
	width:100%;
}



.collection-ichiran{
	padding:10 0 20px;
	margin-bottom: 40px;
}

.collection-ichiran a{
    background: #fff;
    border: 1px solid #121212;
    display: block;
    padding: 1.2rem 0;
    font-size: 1.125em;
    max-width: 800px;
    margin: 0 auto;
    color: #121212;
    transition: .3s;
	text-align:center;
	width:85%;
	text-decoration: none;
}

.collection-ichiran a:hover{
    background: #121212;
    border: 1px solid #121212;
    color: #fff;
}






/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media ( min-width : 641px ) {

.pc_none{
	display:none;}





.ubyg20_bk{
	background:#eee;
}

.ubyg20_main{
	/*background: url(https://img.sskamo.co.jp/umbro/u_by_gaku/img/ubyg20-main.jpg) center no-repeat;
	height:800px;
	background-width:1920px;*/
	position:relative;
	width: 100%;
	max-width:1920px;
	background:#eee;
}


.ubyg20_txtarea{
	padding:60px 0;
	position:relative;
}

.ubyg20_ttl{
	color:#ca000c;
	margin:0 auto;
	font-size:45px;
	text-align:center;
	font-weight:bold;
	letter-spacing:2px;
	line-height:130%;
}

.ubyg20_ttl span{
	color:#ca000c;
	margin:0 auto;
	font-size:17px;
	text-align:center;
	display:block;
/*	font-weight:normal;*/
	line-height:140%;
}


.ubyg20_txt{
	color:#000;
	margin:0 auto;
	font-size:16px;
	text-align:center;
	padding-top:20px;
	line-height:175%;
/*	letter-spacing:1px;*/
}

.ubyg20_date{
	font-size:20px;
	font-weight:bold;
	line-height: normal;
/*	border-bottom:3px solid #ca000c;*/
	color:#222;
	max-width:720px;
	margin:0 auto;
	width:90%;
	padding:15px 0 0;
	text-align:center;
	position:relative;
}

.ubyg20_concept{
	background: url(/umbro/u_by_gaku/img/ubyg2021_concept-bk.jpg) center no-repeat;
	height:500px;
	background-width:1920px;
	position:relative;
}

.ubyg20_concept-ttl{
	font-size:35px;
	color:#fff;
	position:relative;
	margin-bottom:30px;
	letter-spacing:1px;
	border-bottom:2px solid #fff;
	padding-bottom:5px;
}
.ubyg20_concept-ttl span{
	font-size:13px;
	color:#fff;
	display:block;
	margin-top:12px;
}

.ubyg20_concept-txt{
	font-size:15px;
	color:#ccc;
	position:relative;
	line-height:170%;
/*	letter-spacing:1px;*/
}

.ubyg20_concept-width{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}

.ubyg20_concept-txtw{
	max-width:550px;
	width:100%;
	position:absolute;
	top:60px;
	right:0;
}

ul.ubyg20_concept-photo{
	list-style-type:none;
	margin:45px auto;
	padding:0;
}
ul.ubyg20_concept-photo li{
	float:left;
	margin:0 auto;
	padding:0;
	width:33.33%;
}
ul.ubyg20_concept-photo li img{
	width:90%;
/*	border:1px solid #fff;*/
}

ul.ubyg20_gallerylist{
	list-style-type:none;
	margin:20px auto 0;
	padding:0;
	width:90%;
	max-width:1200px;
}
ul.ubyg20_gallerylist li{
	float:left;
	margin:0 auto;
	padding:0;
	width:33.3%;
}
ul.ubyg20_gallerylist li img{
	margin:0 auto;
	padding:0;
	width:100%;
}

.ubyg20_procuct-ttl{
	font-size:24px;
	color:#000;
	padding:13px 0;
	border-top:1px solid #000;
	
	border-bottom:1px solid #000;
	width:90%;
	margin:70px auto 10px auto;
	max-width:1200px;
}
.ubyg20_procuct-ttl span{
	font-size:12px;
	margin-left:5px;
}

.clearleft{
	clear:left;
}

.ubyg20_procuctbk{
	background: url(/umbro/u_by_gaku/img/ubyg2021_product-bkpc.jpg) center no-repeat;
	height:800px;
	background-width:cover;
	position:relative;
	margin:20px auto 0 auto;
	width:100%;

}

.ubyg20_procuct-width{
	width:90%;
	margin:0 auto;
	max-width:1200px;
	position:relative;
}
.ubyg20_procuct-pwidth{
	width:100%;
	margin:0 auto;
	max-width:500px;
	position:absolute;
	top:50px;
	left:30px;
	text-align:center;
}

.ubyg20_procuct-pwidth img{
	width:90%;
	max-width:395px;
	margin:0 auto 10px auto;
}

.ubyg20_procuct-pwidth a{
	text-decoration:none;
}

.ubyg20_procuct-name{
	font-size:23px;
	font-weight:bold;
	color:#fff;
	line-height:130%;
}
.ubyg20_procuct-name span{
	font-size:12px;
	font-weight:normal;
	display:block;
	color:#fff;
	line-height:130%;
}


.ubyg20_procuct-name2{
	font-size:22px;
	font-weight:bold;
	color:#222;
	line-height:130%;
	margin:10px auto 15px auto;
}

.ubyg20_procuct-name2 span{
	font-size:12px;
	font-weight:normal;
	display:block;
	color:#222;
	line-height:130%;
}

.ubyg20_procuct-txt{
	font-size:14px;
	color:#fff;
	width:90%;
	max-width:420px;
	margin:20px auto 10px auto;
}

.ubyg20_procuct-txt2{
	font-size:14px;
	color:#ccc;
	width:90%;
	max-width:420px;
	margin:5px auto 10px auto;
}

.ubyg20_procuct-price{
	font-weight:bold;
	color:#fff;
	font-size:19px;
}

.ubyg20_procuct-price span{
	font-size:12px;
	margin-left:3px;
}

.ubyg20_procuct-price2{
	font-weight:bold;
	color:#222;
	font-size:19px;
}

.ubyg20_procuct-price2 span{
	font-size:12px;
	margin-left:3px;
}
	
.ubyg20_procuct-price_sale{
	font-weight:bold;
	color:#FF0004;
	font-size:19px;
}

.ubyg20_procuct-price_sale span{
	font-size:12px;
	margin-left:3px;
}

.ubyg20_procuct-buy a{
	display:block;
	padding:17px;
	color:#fff;
	width:80%;
	max-width:280px;
	margin:25px auto 0 auto;
	font-weight:bold;
	font-size:23px;
}

.ubyg20_procuct-buy a span{
	font-size:12px;
	margin-left:5px;
}

.ubyg20_procuct-buy a:link{
	color:#fff;
	background:#ca000c;
}
.ubyg20_procuct-buy a:visited{
	color:#fff;
	background:#ca000c;
}
.ubyg20_procuct-buy a:hover{
	color:#ca000c;
	background:#333;
}

.ubyg20_procuct-buy2{
	margin-top:20px;
}

.ubyg20_procuct-buy2 a{
	display:block;
	padding:17px;
	color:#fff;
	width:80%;
	max-width:280px;
	margin:0 auto;
	font-weight:bold;
	font-size:23px;
}

.ubyg20_procuct-buy2 a span{
	font-size:12px;
	margin-left:5px;
}

.ubyg20_procuct-buy2 a:link{
	color:#fff;
	background:#ca000c;
}
.ubyg20_procuct-buy2 a:visited{
	color:#fff;
	background:#ca000c;
}
.ubyg20_procuct-buy2 a:hover{
	color:#ca000c;
	background:#333;
}
	
	
	
	
.ubyg20_procuct-buy2-sold{
	margin:20px auto 0 auto;
	display:block;
	padding:17px;
	color:#fff;
	background:#ccc;
	width:80%;
	max-width:280px;
	font-weight:bold;
	font-size:23px;
}

.ubyg20_procuct-buy2-sold span{
	font-size:12px;
	margin-left:5px;
}
	
	


.ubyg20_procuct-date{
	font-size:18px;
	font-weight:bold;
	margin:0 auto;
	color:#ca000c;
	padding-top:10px;
}

	
	
	

ul.ubyg20_procuctlist{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	position:relative;
	width:90%;
	margin:0 auto;
	list-style-type:none;
	padding:0;
	max-width:950px;
}
ul.ubyg20_procuctlist li{
	margin:0 auto 50px auto;
	padding:0;
	width:50%;
	text-align:center;
}
ul.ubyg20_procuctlist li img{
	margin:0 auto 10px auto;
	padding:0;
	width:88%;
}

ul.ubyg20_procuctlist li a{
	display:block;
	color:#fff;
	margin:0 auto;
	font-weight:bold;
	font-size:22px;
	text-decoration:none;
}

ul.ubyg20_procuctlist li a span{
	font-size:12px;
	margin-left:5px;
}


ul.ubyg20_procuctlist3{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	position:relative;
	width:90%;
	margin:0 auto;
	list-style-type:none;
	padding:0;
	max-width:1200px;
}
ul.ubyg20_procuctlist3 li{
	margin:0 auto 50px auto;
	padding:0;
	width:33.33%;
	text-align:center;
}
ul.ubyg20_procuctlist3 li img{
	margin:0 auto 10px auto;
	padding:0;
	width:88%;
}

ul.ubyg20_procuctlist3 li a{
	display:block;
/*	padding:10px;*/
	color:#fff;
	margin:0 auto;
	font-weight:bold;
	font-size:22px;
	text-decoration:none;
}

ul.ubyg20_procuctlist3 li a span{
	font-size:12px;
	margin-left:5px;
}



.section {
	display: block;
	width: 100%;
	height: 600px;
	float: left;
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:0;
        }
.section a{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 600px;
	text-align:center;
	margin:0 auto;
	padding:0;}
.section a:hover{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 600px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	background:#000;}
.section img{
	margin:0 auto;
	padding:0;
	text-align:center;
	bottom:250px;
	left:0;
	position:absolute;
	width:100%;}

.ubyg20_procuct-movie{
	margin:60px auto;
}

ul.ubyg20_more{
	list-style-type:none;
	margin:0 auto;
	padding:0;
	width:90%;
}
ul.ubyg20_more li{
	float:left;
	margin:0 auto 80px auto;
	padding:0;
	width:20%;
	text-align:center;
}
ul.ubyg20_more li img{
	width:90%;
	margin:0 auto;
	padding:0;
}

.ubyg20_morettl{
	font-size:30px;
	margin:10px auto 20px auto;
	padding-left:10px;
	color:#ca000c;
	width:90%;
	font-weight:bold;
}
	
	
	
.review-area{
	border-top:3px solid #ccc;
/*	border-bottom:3px solid #ccc;*/
	padding:40px 0;
	margin:50px auto 0;
}


.review-ttl{
	font-weight:bold;
	color:#ca000c;
	font-size:38px;
	margin:0 auto;
	letter-spacing:1px;
	line-height:160%;
	max-width: 1200px;
	width:90%;
}

.review-ttl span{
	color:#ca000c;
	font-size:13px;
	margin:-10px auto 0 auto;
	display:block;
	font-weight:normal;
	line-height:160%;}


ul.reviewlist{
	list-style-type:none;
	margin:30px auto;
	padding:0;
	width:90%;
	max-width:1100px;
}

ul.reviewlist li{
	float:left;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:50%;
}


ul.reviewlist li img{
	width:95%;
	margin:0 auto;
}

ul.reviewlist:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
	
	
	
.ubyg20_manon-banner{
	margin:20px auto 20px auto;
	width:100%;
	max-width: 1100px;
}	
	
.ubyg20_manon-banner img{
	margin:0 auto;
	width:100%;
	max-width: 1100px;
}
	
.puma19-detailarea{
	background:#eee;
	padding:30px 0 0;

}

ul.puma19-detaillist{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	width:95%;
	max-width:1200px;
	}


ul.puma19-detaillist li{
	float:left;
	width:50%;
	margin:0 auto 30px auto;
	padding:0;
	text-align:center;
	position:relative;
}

ul.puma19-detaillist li img{
	width:100%;
	margin:0 auto;
	padding:0;
}

ul.puma19-detaillist:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.puma19-detailtxtarea{
	margin:10px 0 10px 30px;
}
.puma19-detailtxtarea2{
	margin:10px 30px 10px 0;
}

.puma19-detail-ttl{
	font-size:24px;
	color:#000000;
	text-align:left;
	font-weight:bold;
	margin-bottom:14px;
	line-height: 1.6;
	
}

.puma19-detail-txt{
	font-size:15px;
	color:#222;
	letter-spacing:1px;
	text-align:left;
/*	width:95%;*/
/*	max-width:550px;*/
	line-height:180%;
}

.ubyg20_procuct-name3{
	font-size:18px;
	color:#222;
	font-weight:normal;
	margin:10px auto 8px;
}
	
.ubyg20_interview-sub{
    font-size: 22px;
    /* font-weight: bold; */
    color: #222;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    /* text-align: center; */
    padding-top: 20px;
}

.ubyg20_interview-subtxt{
    font-size: 14px;
    /* font-weight: bold; */
    color: #555;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    /* text-align: center; */
    padding-top: 20px;
	letter-spacing:1px;
}

.puma19-detail-txt2{
	color:#555;
	font-size:16px;
	margin-bottom:10px;
}

.ubyg20_interview-profile{
	font-weight:bold;
	color:#666;
}

	
	
.child {
    display: none;
}

.kamoac {
  margin:0 auto;
  font-size:13px;
  }
  .kamoac a {
    display: block;}
  .kamoac .child {
    display: none;
    margin: 0 0 -1px;
    padding: 0;
}
    .kamoac .child .menu {
      color: #666;
  font-size:12px;
	  width:95%;}
      .kamoac .child .menu:hover {}
    .kamoac .child > li {
      margin:0;
      padding: 0;}
	  
    .kamoac .child .menu02 {
      background: #eee;
      color: #666;
  font-size:12px;
	  width:95%;
	  padding:10px;}
      .kamoac .child .menu02:hover {
        background: #eee;}
    .kamoac .child > li {
      margin:0;
      padding: 0;}
	
	
	
ul.laser-crimson-navilist{
	list-style-type:none;
	margin:30px auto 50px auto;
	padding:0;
	width:95%;
	max-width:1200px;
}

ul.laser-crimson-navilist li{
	float:left;
	margin:0 auto;
	padding:0;
	width:50%;
	text-align:center;
	max-width: 300px;
}

ul.laser-crimson-navilist li a{
	display:block;
	border:1px solid #222;
	padding:10px 0;
	margin:0 auto 20px auto;
	color:#222;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
	width:95%;
}

ul.laser-crimson-navilist:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

ul.laser-crimson-navilist li .block{
	display:block;
}


ul.laser-crimson-navilist span{
	font-weight:normal;
	font-size:11px;
	margin-left:5px;
}
	
	
.movie-ttl{
	font-size:25px;
	font-weight:bold;
	color:#111;
	margin:0 auto 20px;
	text-align:center;}
	
	
.switch .menu:after {
  position: absolute;
  top: 63%;
  right: 10px;



 content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background-image: url(https://img.sskamo.co.jp/nike/ftw/img/new-phantom18-arrow.png);
  background-size: contain;
  vertical-align: middle;




  font-weight: bold;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear; }

.switch .menu.active:after {
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

	
.space_height{
    height: 50px;
}
	

}


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

.sp_none{
	display:none;}
	
.header{
    padding: 8px 10px 0 15px !important;
}

img{
max-width: 100%;
height: auto;
width: auto;
}

.ubyg20_bk{
	background:#eee;
}

.ubyg20_main img{
	width:100%;
}

.ubyg20_txtarea{
	padding:0 0 40px;
	position:relative;
}

.ubyg20_ttl{
	color:#ca000c;
	margin:0 auto;
	font-size:28px;
	text-align:center;
	font-weight:bold;
/*	letter-spacing:1px;*/
	width:95%;
	line-height:140%;
}

.ubyg20_ttl span{
	color:#ca000c;
	margin:0 auto;
	font-size:14px;
	text-align:center;
	display:block;
/*	font-weight:normal;*/
	line-height:160%;
	letter-spacing:1px;
}

.ubyg20_txt{
	color:#000;
	margin:0 auto;
	font-size:15px;
	text-align:left;
	padding-top:20px;
	width:90%;
	line-height:170%;
}

.ubyg20_date{
	font-size:19px;
	font-weight:bold;
/*	border-bottom:3px solid #ca000c;*/
	color:#222;
	max-width:720px;
	margin:0 auto;
	width:90%;
	padding:15px 0 5px;
	text-align:center;
	position:relative;
}

.ubyg20_concept{
	background: url(/umbro/u_by_gaku/img/ubyg2021_concept-bksp.jpg) center no-repeat;
/*	height:1200px;*/
	background-size:cover;
	position:relative;
}

.ubyg20_concept-ttl{
	font-size:28px;
	color:#fff;
	position:relative;
	padding-bottom:25px;
	letter-spacing:1px;
}
.ubyg20_concept-ttl span{
	font-size:13px;
	color:#fff;
	display:block;
	margin-top:8px;
}

.ubyg20_concept-txt{
	font-size:15px;
	color:#fff;
	position:relative;
	line-height:170%;
}

.ubyg20_concept-width{
	width:90%;
	max-width:1000px;
	margin:0 auto;
	position:relative;
}

.ubyg20_concept-txtw{
	max-width:500px;
	width:100%;
	padding:300px 0 0;
}

ul.ubyg20_concept-photo{
	list-style-type:none;
	margin:45px auto;
	padding:0;
}
ul.ubyg20_concept-photo li{
	float:left;
	margin:0 auto;
	padding:0;
	width:33.33%;
}
ul.ubyg20_concept-photo li img{
	width:90%;
/*	border:1px solid #fff;*/
}

ul.ubyg20_gallerylist{
	list-style-type:none;
	margin:0 auto;
	padding:0;
/*	border-top:2px solid #fff;*/
}
ul.ubyg20_gallerylist li{
	float:left;
	margin:0 auto;
	padding:0;
	width:33.3%;
}
ul.ubyg20_gallerylist li img{
	margin:0 auto;
	padding:0;
	width:100%;
}

.ubyg20_procuct-ttl{
	font-size:20px;
	color:#000;
	padding:12px 0 12px 10px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin:40px auto 10px auto;
	max-width:1100px;
	font-weight:bold;
}
.ubyg20_procuct-ttl span{
	font-size:12px;
	margin-left:5px;
	font-weight:normal;
}

.clearleft{
	clear:left;
}

.ubyg20_procuctbk{
	background: url(/umbro/u_by_gaku/img/ubyg2021_product-bksp.jpg) center no-repeat;
	background-size:cover;
	position:relative;
	margin:0 auto;
	width:100%;

}

.ubyg20_procuct-width{
	width:90%;
	margin:0 auto;
	max-width:1000px;
	position:relative;
}
.ubyg20_procuct-pwidth{
	width:100%;
	margin:0 auto;
	max-width:500px;
	padding-top:300px;
	text-align:center;
}

.ubyg20_procuct-pwidth img{
	width:90%;
	max-width:350px;
	margin:0 auto 10px auto;
}

.ubyg20_procuct-pwidth a{
	text-decoration:none;
}

.ubyg20_procuct-name{
	font-size:23px;
	font-weight:bold;
	color:#fff;
	line-height:130%;
}
.ubyg20_procuct-name span{
	font-size:12px;
	font-weight:normal;
	display:block;
	color:#fff;
	line-height:130%;
}


.ubyg20_procuct-name2{
	font-size:17px;
	font-weight:bold;
	color:#222;
	margin:10px auto 0;
	width:100%;
	line-height:130%;
	text-align:left
}
.ubyg20_procuct-name2 span{
	font-size:9px;
	font-weight:normal;
	display:block;
	color:#222;
	line-height:160%;
	margin-top:5px;
}

.ubyg20_procuct-txt{
	font-size:15px;
	color:#fff;
	width:95%;
/*	max-width:420px;*/
	margin:20px auto 20px auto;
	text-align:left;
	line-height:170%;
}

.ubyg20_procuct-txt2{
	font-size:14px;
	color:#fff;
	width:93%;
	margin:0 auto 10px auto;
}

.ubyg20_procuct-price{
	font-weight:bold;
	color:#fff;
	font-size:19px;
}

.ubyg20_procuct-price span{
	font-size:12px;
	margin-left:3px;
}

.ubyg20_procuct-price2{
font-weight: bold;
    color: #222;
    font-size: 16px;
    text-align: left;
    width: 90%;
    margin: 0 auto;
}

.ubyg20_procuct-price2 span{
	font-size:11px;
	margin-left:3px;
}
	
	
.ubyg20_procuct-price_sale{
	font-weight:bold;
	color:#FF0004;
	font-size:19px;
}

.ubyg20_procuct-price_sale span{
	font-size:12px;
	margin-left:3px;
}


.ubyg20_procuct-buy a{
	display:block;
	padding:10px;
	color:#fff;
	width:80%;
	max-width:280px;
	margin:25px auto 0 auto;
	font-weight:bold;
	font-size:17px;
}

.ubyg20_procuct-buy a span{
	font-size:12px;
	margin-left:5px;
}

.ubyg20_procuct-buy a:link{
	color:#fff;
	background:#ca000c;
}
.ubyg20_procuct-buy a:visited{
	color:#fff;
	background:#ca000c;
}
.ubyg20_procuct-buy a:hover{
	color:#ca000c;
	background:#333;
}

.ubyg20_procuct-buy2{
	margin-top:20px;
}

.ubyg20_procuct-buy2 a{
	display:block;
	padding:5px 0;
	color:#fff;
	width:78%;
	max-width:250px;
	margin:10px auto 0 auto;
	font-weight:bold;
	font-size:17px;
}

.ubyg20_procuct-buy2 a span{
	font-size:11px;
	margin-left:5px;
}

.ubyg20_procuct-buy2 a:link{
	color:#fff;
	background:#ca000c;
}
.ubyg20_procuct-buy2 a:visited{
	color:#fff;
	background:#ca000c;
}
.ubyg20_procuct-buy2 a:hover{
	color:#ca000c;
	background:#333;
}
	
	
	
.ubyg20_procuct-buy2-sold{
	margin-top:20px;
	display:block;
	padding:5px 0;
	color:#fff;
	background:#ccc;
	width:78%;
	max-width:250px;
	margin:10px auto 0 auto;
	font-weight:bold;
	font-size:17px;
}

.ubyg20_procuct-buy2-sold span{
	font-size:11px;
	margin-left:5px;
}


.ubyg20_procuct-date{
	font-size:15px;
	font-weight:bold;
	margin:0 auto;
	color:#ca000c;
	padding:10px 0 30px 0;
}
	
	

	
	
	
	

ul.ubyg20_procuctlist{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	position:relative;
/*	width:90%;*/
	margin:0 auto;
	list-style-type:none;
	padding:0;
	max-width:950px;
}
ul.ubyg20_procuctlist li{
	margin:0 auto;
	padding:0;
	width:50%;
	text-align:center;
}
ul.ubyg20_procuctlist li img{
	margin:0 auto;
	padding:0;
	width:100%;
}

ul.ubyg20_procuctlist li a{
	display:block;
	padding:10px;
	color:#fff;
	margin:0 auto;
	font-weight:bold;
	font-size:17px;
	text-decoration:none;
}

ul.ubyg20_procuctlist li a span{
	font-size:12px;
/*	margin-left:5px;*/
}


ul.ubyg20_procuctlist3{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	position:relative;
/*	width:90%;*/
	margin:0 auto;
	list-style-type:none;
	padding:0;
	max-width:950px;
}
ul.ubyg20_procuctlist3 li{
	margin:0 auto 40px auto;
	padding:0;
	width:50%;
	text-align:center;
}
ul.ubyg20_procuctlist3 li img{
	margin:0 auto 10px auto;
	padding:0;
	width:100%;
}

ul.ubyg20_procuctlist3 li a{
	display:block;
	padding:10px;
	color:#fff;
	margin:0 auto;
	font-weight:bold;
	text-decoration:none;
}

ul.ubyg20_procuctlist3 li a span{
	font-size:12px;
	margin-left:5px;
}



.section {
	display: block;
	width: 100%;
	height: 600px;
	float: left;
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:0;
        }
.section a{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 600px;
	text-align:center;
	margin:0 auto;
	padding:0;}
.section a:hover{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 600px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	background:#000;}
.section img{
	margin:0 auto;
	padding:0;
	text-align:center;
	bottom:250px;
	left:0;
	position:absolute;
	width:100%;}

.ubyg20_procuct-movie{
	margin:60px auto;
}

ul.ubyg20_more{
	list-style-type:none;
	margin:0 auto;
	padding:0;
	width:90%;
}
ul.ubyg20_more li{
	float:left;
	margin:0 auto 20px auto;
	padding:0;
	width:100%;
	text-align:center;
}
ul.ubyg20_more li img{
	width:85%;
	margin:0 auto;
	padding:0;
}

.ubyg20_morettl{
	font-size:22px;
	margin:10px auto 20px auto;
	padding-left:10px;
	color:#ca000c;
	width:90%;
	font-weight:bold;
	text-align:center;
}
	
	
	
.review-area{
	border-top:3px solid #ccc;
/*	border-bottom:3px solid #ccc;*/
	padding:30px 0 10px 0;
	background:#eee;
}


.review-ttl{
	font-weight:bold;
	color:#ca000c;
	font-size:29px;
	margin:0 auto;
/*	letter-spacing:1px;*/
	line-height:110%;
	width: 90%;
}

.review-ttl span{
	color:#ca000c;
	font-size:11px;
	margin:0 auto 0 auto;
	display:block;
	font-weight:bold;
/*	line-height:100%;*/}


ul.reviewlist{
	list-style-type:none;
	margin:30px auto;
	padding:0;
	width:90%;
	max-width:1000px;
}

ul.reviewlist li{
	float:left;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:100%;
}


ul.reviewlist li img{
	width:95%;
	margin:0 auto 20px auto;
}

ul.reviewlist:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
	
	
	
.ubyg20_manon-banner{
	margin:15px auto 15px auto;
	width:100%;
}	
	
	
	
.puma19-detailarea{
	background:#eee;
	padding:10px 0 10px 0;

}

ul.puma19-detaillist{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	width:90%;
	max-width:1400px;
	}


ul.puma19-detaillist li{
	float:left;
	width:100%;
	margin:0 auto 40px auto;
	padding:0;
	text-align:center;
	position:relative;
}

ul.puma19-detaillist li img{
	width:100%;
	margin:0 auto;
	padding:0;
}

ul.puma19-detaillist:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.puma19-detailtxtarea{
/*	margin:20px 0 10px 0;*/
}

.puma19-detailtxtarea2{
/*	position:absolute;
	top:0;
	right:-60px;
	z-index:999;
	margin:50px 0 20px 0;*/
}

.puma19-detail-ttl{
	font-size:18px;
	color:#000000;
	text-align:left;
	font-weight:bold;
	margin:10px auto 13px;
	line-height: 1.5;
}
.puma19-detail-ttl span{
	font-size:23px;
	letter-spacing:1px;
}
.puma19-detail-txt{
	font-size:15px;
	color:#000000;
/*	letter-spacing:2px;*/
	text-align:left;
	width:96%;
	max-width:550px;
	line-height:180%;
}
.puma19-detail-txt2{
	font-size:15px;
	color:#fff;
/*	letter-spacing:2px;*/
	text-align:left;
	width:96%;
	max-width:600px;
	line-height:180%;
}
	

	
.ubyg20_procuct-name3{
	font-size:16px;
	color:#222;
	font-weight:normal;
	margin:10px auto 0;
	text-align:left;
}

.ubyg20_interview-sub{
    font-size: 19px;
    /* font-weight: bold; */
    color: #222;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    /* text-align: center; */
    padding-top: 20px;
	line-height:160%;
}

.ubyg20_interview-subtxt{
    font-size: 14px;
    /* font-weight: bold; */
    color: #555;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto 30px;
    /* text-align: center; */
    padding-top: 20px;
	letter-spacing:1px;
}

.puma19-detail-txt2{
	color:#555;
	font-size:16px;
	margin-bottom:10px;
}

.ubyg20_interview-profile{
	font-weight:bold;
	color:#666;
}




	
.umditional_ttl{
	font-size:45px;
	line-height:110%;
}


.umditional_brand{
	margin-bottom:10px;
}

.umditional_ttl span{
	margin-top:-10px;
}

.umditional_subtttl{
	font-size:25px;
	font-weight: bold;
}

.umditional_txt{
	font-size:15px;
	text-align:left;
}

.umditional_concept{
	background: url(/umbro/umditional/img/umditional-concept-sp.jpg) top center no-repeat;
	height:630px;
	background-size:cover;
	position:relative;
}

.umditional_concept-ttl{
	font-size:30px;
	color:#fff;
	position:relative;
	padding-bottom:0;
	letter-spacing:1px;
}
.umditional_concept-ttl span{
	font-size:13px;
	color:#fff;
	display:block;
	margin-top:8px;
}

.umditional_concept-txt{
	font-size:16px;
	color:#fff;
	position:relative;
	line-height:170%;
}

.umditional_concept-width{
	width:90%;
	max-width:1000px;
	margin:0 auto;
	position:relative;
}

.umditional_concept-txtw{
	max-width:500px;
	width:100%;
	padding:200px 0 0;
}

.umditional_procuct-ttl{
    font-size: 20px;
}
	
.umditional_procuct-ttl span{
	font-size:12px;
	display:block;
}


ul.umditional_product-conceptlist{
    list-style-type:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative;
    margin:0 auto 30px;
    padding:0;
	width:90%;
	max-width:1200px;
	border-bottom:1px solid #eee;
	}

ul.umditional_product-conceptlist li{
	width:100%;
	margin:0　auto;
	}

ul.umditional_product-conceptlist li img{
	width:100%;
	}
	
.umditional_procuct-comcept-txtarea{
	width:100%;
    margin: 20px auto 0;
}

.umditional_procuct-comcept-ttl{
	font-size:28px;
	line-height:110%;
}
.umditional_procuct-buy a{
	display:block;
	padding:17px 0 !important;
	width:90%;
	margin:10px auto 0 auto !important;
}

.umditional_movie{
	width:90%;
	text-align:center;
	margin:30px auto 0 auto;
}

.umditional_movie img{
	width:100%;
}
	
	
.impulse_indexnavi-area{
	margin-bottom:60px;
}

	
	
/* ------------------------------------------
　　プルダウンINDEX部分(SP)
------------------------------------------ */
.child {
	display: none;
}

.kamoac {
	margin:0 auto;
	font-size:13px;
}

.kamoac .child {
	display: none;
	margin: 0 0 -1px;
	padding: 0;
}

.kamoac .menu{
	border:2px solid #222;
	color:#222;
	font-size:18px;
	letter-spacing:1px;
	text-align:center;
	padding:10px 0;
	margin:0 auto;
	display:block;
	width:85%;
	max-width:300px;
}

.kamoac .menu.active{
	border:2px solid #222;
	border-bottom:none;
	color:#222;
	font-size:18px;
	letter-spacing:1px;
	text-align:center;
	padding:10px 0;
	margin:0 auto;
	display:block;
	width:85%;
	max-width:300px;
}

.kamoac .menu:after{
	content: '\f107';
	display: inline-block;
	font-family: FontAwesome;
	margin-left:5px;}
	
.kamoac .menu.active:after{
	content: '\f106';
	display: inline-block;
	font-family: FontAwesome;
	margin-left:5px;}

.kamoac .inner{
	width:85%;
	max-width:300px;
	border:2px solid #fff;
	border-top:none;
	padding-bottom:10px;
	margin:0 auto;
	padding-left: 10px;
}

.kamoac .inner li a{
	display:block;
	padding:10px 0;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
	position:relative;
}

.kamoac .inner li a span{
	font-size:10px;
	font-weight:normal;
	position:relative;
}

.kamoac .inner li a .block{
	display:block;
}
	
	
.hacked_index-moviesp{
    margin: 0 auto;
    }  
	
.hacked_index-moviesp img{
        max-width: 100%;
    }  
	
	
.movie-ttl{
	font-size:18px;
	font-weight:bold;
	color:#111;
	margin:0 auto 20px;
	text-align:center;
}
	

.space_height{
    height: 30px;
}
	

}