body {
/*     padding-top: 52px;*/
}
.pdt0{ padding-top: 0 !important;}

#productsDetailPage .pankuzu,
#aboutPage .pankuzu {   /*各商品のページ、aboutの各記事のみ使用するクラス*/
	margin-top: 10px;
}
.fb-like,
.finaBox{
	margin-top: 30px !important;
}

.colorList{
	margin-bottom: 10px;
}
table.table{
	border: 1px solid #ddd;
}
table.table th,
table.table td{
	border-right: 1px solid #ddd;
}
table.table td{
	text-align: center;
	vertical-align: middle;
}
table.table.text-left td{
	text-align: left;
}
table.table td.bgGray{
	background: #e2e2e2;
}
table.table th:last-child,
table.table td:last-child{
	border-right: none;
}

table.table-sm tr:nth-child(2) th,
table.table.comparison tr th{
	background: #f2f2f2;
}
table.table-sm tr:nth-child(1) th{
	background: #18459b;
	color: #fff;
}

table.comparison tr.racing th[colspan]{		background: #f23a3a;	color: #fff;}
table.comparison tr.triathlon th[colspan]{		background: #3173B1;	color: #fff;}
table.comparison tr.m-racing th[colspan]{	background: #06aeb1;	color: #fff;}
table.comparison tr.fitness th[colspan]{	background: #e64690;	color: #fff;}
table.comparison tr.youth th[colspan]{		background: #01a8cc;	color: #fff;}

table.comparison tr th[colspan] a{ color: #fff;}
table.comparison tr th a{text-decoration: underline;}

table.comparison tr th a:hover{
	opacity: 0.5 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.scroll-x{
	overflow: auto !important;
	transform: translateZ(0);
}
.bgWhite{
	background: #fff;
}
.large{
	font-size: 115%;
	line-height: 150%;
}
body{
	position: relative;
/*	padding-top: 50px;
*/}

main{
/*	padding-bottom: 70px !important;*/
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
}
#headNav{
	padding: 3px 0;
    background: #FFF;


}
#headNav.fixed{
	padding: 0px 0;
    background: #FFF;
    z-index: 9999;
/*	background: rgba(17,49,112,0.8);*/
}
h1{
    margin-block-end:0;
    margin-block-start:0;
    margin-bottom: 0;
}
h1, h2, h3, .h2, .headBlue{
	color: #777;
}

h2 + .container{
	margin-top: 30px;
}
h2.SansJP{font-size: 30px;
}

.SansJP {
    font-family: 'Noto Sans JP', sans-serif;
    /*text-shadow: 1px 2px 3px #808080;*/
}

#productsList h3{
    font-size: 18px;
}



/*.headColor{ text-decoration: underline;}*/
.mgt0{	margin-top: 0px !important;}
.mgt5{	margin-top: 5px;}
.mgt20{	margin-top: 20px !important;}
.mgt30{	margin-top: 30px !important;}
.mgt50{	margin-top: 50px;}
.mgb8{	margin-bottom: 8px;}
.mgb20{	margin-bottom: 20px;}
.mgb30{	margin-bottom: 30px;}
.mgr20{	margin-right: 20px;}
.mgr30{	margin-right: 30px;}
.pdl0{	padding-left: 0;}
.pdl10{	padding-left: 10px;}
.pdl20{	padding-left: 20px;}
.pdlr0{ padding-left: 0; padding-right: 0;}



a .txtBlack{
	color: #222;
}
.followButton{
	list-style: none;
	margin-left: 0;
	margin-top: 60px;
	padding-left: 0;
}

.followButton li{
	display: inline-block;
	margin-right: 10px;
}

.arrow{
    display: block;
    width: 60px;
    margin: 0 auto;
    padding-top:15px;
}

/* index.html */


#carousel1 .img-responsive{
	width: 100%;
	height: auto;
}
.mainCatch{
    font-size: 60px;
    position: absolute;
    bottom: 10%;
    left:50px;
    color: #FFF;
}

.catchContainer>p{
    font-size: 14px;
    position: absolute;
    bottom: 5%;
    left: 55px;
    color: #FFF;
}



.aboutViewBox{
	padding: 30px 0;
	background: #010e2e url(../images/bg_aboutViewBox.jpg) center center no-repeat;
}
.aboutViewBox *{
	color: #fff;
	line-height: 2.8rem;
}

.aboutViewBox h2{
	font-size: 2.3rem;
	padding: 0 0 5px 5px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

.aboutViewBox p{
	margin: 0 5px 2.5rem;
}

.infoBox{
	padding: 30px 0;
}
/* top mainvisual ========================================== */
.carousel-caption{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.carousel-caption img{
	width: auto;
	height: auto;
	max-width: 50%;
	height: auto;
}

.carousel-caption .main01aniv{
	position: absolute;
	top: 0;
	left: 70px;
	max-width: 15%;
}
.carousel-caption .main01play{
	position: absolute;
	top: 46%;
	left: 70px;
}
.carousel-caption .main01txt{
	position: absolute;
	top: 57%;
	left: 74px;
	width: 400px;
	text-align: left;
	line-height: 1.8em;
}

.carousel-caption .main02orca{
	position: absolute;
	top: 30px;
	left: 40px;
}
.carousel-caption .main03delfina{
	position: absolute;
	top: 0px;
	left: 0px;
}
.w1050 { width: 1050px; margin: 0 auto;}
.w800 { width: 800px; margin: 0 auto;}

#u-slide {
 overflow: hidden;
}
#u-slide .col-sm-4,
#u-slide .col-md-4,
#u-slide .col-lg-4{
	padding-right: 1px;
	padding-left: 1px;}

#u-slide .cContainer {
    position: absolute;
    bottom: 0;
    left: -27px;
}
#u-slide .catch {
    color: #fff;
    text-align: left;
    line-height: 1.1;
    font-size: 25px;
    text-transform: uppercase;
    margin-left: 40px;
}
#u-slide .catch span.small{
    font-size: 70%;
    font-family: Verdana, Geneva, "sans-serif"
}

#community.container{
    display: flex;
    justify-content: space-between;
}
#community .item{
    margin: 2px;
    background: #EEEFEF;
}
#community .icon{
    padding: 5px 4px 0px;
}


/* top information */

.infoList{
	list-style: none;
	padding-left: 0;
}

.infoList li{
	margin-bottom: 3rem;
	position: relative;
}

.infoList li span{
	float: left;
	display: inline-block;
	position: absolute;
}

.infoList li p{
	display: inline-block;
	float: left;
	margin-left: 20rem;
}

.infoList li a{
/*	color: #005bac;
	text-decoration: underline;*/
}


.infoList li span:after{
	display: inline-block;
	color: #fff;
	padding: 1px 5px;
	margin-left: 10px;
	letter-spacing: 2px;
	text-align: center;
	width:11rem;
	text-transform: uppercase;
}
.infoList li.infoEvent span:after{
	content: "event";
	background: #005bac;
}
.infoList li.infoNormal span:after{
	content: "News";
	color: #005bac;
	font-weight: 600;
	background: #ddd;
}
.infoList li.infoCampaign span:after{
	content: "campaign";
	background: #005bac;
}
.infoList li.infoImportant span:after{
	content: "重要なお知らせ";
	background: #ac0000;
	letter-spacing: 0;
}
.infoList li.infoImportant p{
	color: #ac0000;
}

.infoList li img{
	width: 100%;
}


/* products ========================================== */
.mainVisual{
	text-align: center;
	background: #000;
}
.mainVisual img{
	width: 100%;
/*	max-width: 1170px;*/
}
.mainVisual video{
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.mainVisual.bgBlack{
	background: #000;
}
.mainVisual.mh480{
	height: 57vw;
	max-height: 480px;
	position: relative;
	overflow: hidden;
}
.mainVisual.mh480 video{
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	max-width: 1170px;
}
#productsPage{}

#productsPage h3{
	line-height: 3rem;
}

#productsPage h3:after,
.underbar:after{
	content: '';
	display: block;
	width: 100px;
	margin: 7px auto 10px;
	border-bottom: 3px solid #ddd;
}

#productsPage section{
	margin-top: 30px;
}
.productsList{
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}
.productsList li{
	text-align: left;
	padding: 10px;
}
.productsList.secret li{
	padding: 25px;
}

.productsList.secret .secretDeco{
	color: #fff;
	background: #eda200; /* #18459b */
	font-weight: 500;
	padding: 2px 15px;
	display: inline-block;
	margin-bottom: 0px;
	border-radius: calc(0.5em + 4px);		/* CSS3草案 */
	-webkit-border-radius: calc(0.5em + 4px);	/* Safari,Google Chrome用 */
	-moz-border-radius: calc(0.5em + 4px);	/* Firefox用 */
}
.productsList.secret img{
	border: 1px solid #ccc;
}

.productsList li div.bgWhite{
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #e2e2e2;
	position: relative;
	min-height: 270px;
}

.productsList li h4{
	font-size: 20px;
/*	margin-right: 75px;*/
}
.productsList li img{
	width: 100%;
	height: auto;
}
.productsList li a{
	display: inline-block;
	position: relative;
}
.productsList li a:hover img,
#productsPhoto .colorList li:hover img{
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	opacity: 0.7;
}
.productsList li a .prdNo{
/*	display: none;*/
	position: absolute;
	left: 0px;
	bottom: 3px;
	color: #777;
	font-size: 1.2rem;
	padding: 0 5px;
	margin-bottom: 0;
	background: rgba(255,255,255,0.8);
	border-radius: 2px;        /* CSS3草案 */  
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 2px;   /* Firefox用 */  
}
.productsList.accessory li a .prdNo{
	position: relative;
	margin-top: 10px;
}

.productsList li.prdEnd .bgWhite{
	overflow: hidden;
}
.productsList li.prdEnd a:after{
	content: '';
	display: block;
	position: absolute;
	top: -20px;
	left: -20px;
	right: -20px;
	width: 140%;
	height: 120%;
	z-index: 100;
	background: rgba(0,0,0,0.05);
}
/*
.productsList.goggles a{
	overflow: hidden;
}
*/
.productsList.goggles a img{/* ゴーグル画像、下の余白調整*/
	margin-top: 17%;
	margin-bottom: 8%;
}
.productsList.goggles li h4{
	position: absolute;
	top: 0px;
	left: 00px;
	z-index: 10;
	margin-top: 10px;
}

/* ribbon */

.ribbon {
  width: 75px;
  height: 75px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 2px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 112px;
  padding: 8px 0 4px;
  background-color: #9bc339;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 600 13px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}
.ribbon.newcolor span {
  background-color: #f95c5c;
  font-size: 11px;
  padding: 9px 0 5px;
  font-weight: 600;
}
.ribbon.caution span {
  background-color: #FF9A00;
  font-size: 11px;
  padding: 9px 0 5px;
  font-weight: 600;
}
.ribbon-top-right {
  top: -4px;
  right: -4px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -10px;
  top: 17px;
  transform: rotate(45deg);
}

.colorList .ribbon {
  width: 60px;
  height: 60px;
}
.colorList .ribbon-top-right {
  top: 4px;
  right: 4px;
}
.colorList .ribbon span {
  width: 100px;
  padding: 4px 0 3px;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  font: 700 11px/1 'Lato', sans-serif;
}
.colorList .ribbon-top-right span {
  left: -15px;
  top: 15px;
}

.colorList li.changePhoto:hover{
	cursor: pointer;
}
@media screen and (max-width: 1024px){ /* ribbon settings for SmartPhone */
	.colorList .ribbon{
		zoom: 0.6;
		-moz-transform: scale(0.6,0.6) translate(-30px,-30px);
	}
	.colorList .ribbon span {
		width: 100px;
		padding: 5px 0 1px;
	}
	.colorList .ribbon-top-right span {
		left: -12px;
		top: 12px;
	}
	.productsList li img.iconSwipe{
	position: absolute;
	width: 50%;
	max-width: 100px;
	height: auto;
	margin-top: 70px;
	}
}


.kidsIcon{
	display: inline-block;
	min-height: 20px;
	color: #fff;
	font-weight: 600;
	line-height: 20px;
	margin: 5px 3px 10px;

	border-radius: 13px;		/* CSS3草案 */
	-webkit-border-radius: 13px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 13px;	/* Firefox用 */
}
.kidsIcon p{
	padding: 3px 10px;
	margin: 0;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}
#productsDetailPage .kidsIcon{
	font-size: 1.8rem;
	font-weight: 500;
}

.j6-12{	background: #39b8c3;}
.j4-9{	background: #9bc339;}
.j3-5{	background: #ed782b;}

/* 商品詳細ページ ================================================= */
#productsDetailPage img{
	width: 100%;
	height: auto;
}
#productsDetailPage ul{
	list-style: none;
	margin: 0  -5px;
	padding: 0;
}

#productsDetailPage h2{
	margin-bottom: 30px;
}

#productsPhoto{
	margin: 50px 0;
}
.colorList li{
	padding: 5px;
}
.colorList li img{
	border: 1px solid #e2e2e2;
}

.mainPhoto{
	border: 1px solid #e2e2e2;
	background: #fff;
	margin-bottom: 10px;
}
.mainEx{
	float: right;
	padding-left: 0;
}
.mainEx > h3{
	margin-top: 0;
	font-size: 2rem;
}

.colorname{
	position: absolute;
	bottom: 7px;
	right: 10px;
	margin-bottom: 0;
	color: #777;
}
.vltIcon{
	white-space: nowrap;
	color: #fff;
	background: #aaa;
	padding: 2px 4px;
	border-radius: 2px;		/* CSS3草案 */
	-webkit-border-radius: 2px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 2px;	/* Firefox用 */
}
.vltIcon span{
	display: inline-block;
	padding-right: 3px;
}
.vltIcon2{
	white-space: nowrap;
	color: #fff;
	background: #ff0000;
	padding: 2px 4px;
	border-radius: 2px;		/* CSS3草案 */
	-webkit-border-radius: 2px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 2px;	/* Firefox用 */
}
.vltIcon2 span{
	display: inline-block;
	padding-right: 3px;
}

/* specBox */
.specBox{
	background: #eee;
	text-align: center;
	padding: 20px;
}

.specBox dl{
	display: inline-block;
/*	width: 30%;
	margin: 0 1.5%;*/
	text-align: left;
	float: none;
}
.specBox dl dt{
	font-size: 1.8rem;
}
.specBox dl dd.price{
	font-size: 1.6rem;
}
.specBox dl dd.box{
	margin: 8px 0;
	border: 1px solid #ccc;
	padding: 10px;
}

.specBox dl dd.sozai:before,
.specBox dl dd.spec:before,
.specBox dl dd.color:before,
.specBox dl dd.siyou:before,
.specBox dl dd.optical:before,
.specBox dl dd.size:before{
	display: block;
	font-weight: 700;
}
.specBox dl dd.vltEx:after{
	display: block;
	font-weight: 500;
	margin-top: 1.5rem;
	font-size: 12px;
}
.specBox dl dd.sozai:before{	content: '\7D20\6750';}
.specBox dl dd.spec:before{		content: '\6A5F\80FD';}
.specBox dl dd.color:before{	content: '\30AB\30E9\30FC';}
.specBox dl dd.siyou:before{	content: '\4ED5\69D8';}
.specBox dl dd.optical:before{	content: '\5EA6\6570';}
.specBox dl dd.size:before{	content: '\30B5\30A4\30BA';}
.specBox dl dd.vltEx:after{	content: '\203BVLT\FF08\53EF\8996\5149\7DDA\900F\904E\7387\FF09\306F\3001\6570\5024\304C\5927\304D\3044\307B\3069\30EC\30F3\30BA\8D8A\3057\304C\660E\308B\304F\898B\3048\307E\3059\3002';}

.featureBox .pointDeco{
	color: #fff;
	background: #18459b;
	font-weight: 500;
	padding: 2px 15px;
	display: inline-block;
	margin-bottom: 8px;
	border-radius: calc(0.5em + 2px);		/* CSS3草案 */
	-webkit-border-radius: calc(0.5em + 2px);	/* Safari,Google Chrome用 */
	-moz-border-radius: calc(0.5em + 2px);	/* Firefox用 */
}
.featureBox h4{
	margin-bottom: 0;
}

.Swipemainte img{
	max-width: 500px;
	text-align: center;
}


/* VIEWについてページ ================================================= */
#aboutPage .img-responsive{
	width: 100%;
}
#aboutPage p{
	margin-bottom: 1.6em;
}

/* 言語別ページ ================================================= */
footer{
	padding: 20px 0;
	background: #18459b;
}
footer *{
	color: #fff;
}
footer li.dropdown{
	display: inline-block;
}
footer li.dropdown > a{
    border-radius: 1px;        /* CSS3草案 */  
    -webkit-border-radius: 1px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 1px;   /* Firefox用 */ 
	background: rgba(255,255,255,0.2);
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
	padding: 3px 12px
}
footer .footerLine{
	border-left: 1px dotted #aaa;
}
.fade{
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
}
footer li.dropdown a:hover,
footer li.dropdown a:visited,
footer li.dropdown a:active,
footer li.dropdown a:focus,
footer .nav .open > a,
footer .nav .open > a:hover,
footer .nav .open > a:focus {
	color: #fff;
	background: rgba(255,255,255,0.5);
}

footer li.dropdown .flag img{
	vertical-align: text-bottom;
}
footer li.dropdown div.flag{
	border-right: 1px solid rgba(255,255,255,0.2);
	padding-right: 10px;
	margin-right: 10px;
	display: inline-block;
	
}
footer .dropdown-menu{
	background: #415a8d;
}
footer .list-unstyled li{
	padding: 3px 0;
}
footer .list-unstyled li.item-dealer {
	margin-bottom: 20px;
}
i.fa{
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
	  opacity: 1;
}
i.fa:hover{
	opacity: 0.6;
}


@media screen and (min-width: 768px){
	.pcNone{
		display: none;
	}
	#productsList{
		margin-top: 50px;
	}
	.productsList li img.iconSwipe{
	position: absolute;
	width: 50%;
	max-width: 100px;
	height: auto;
	margin-top: 60px;
	}
    .thumbnail {margin-bottom: 20px;}
    
}
@media screen and (max-width: 767px){
    .spNone{
		display: none;
	}
	.container{
		padding: 0;
		overflow: hidden;
	}
	.xsNone{
		display: none;
	}
	.text-left-xs{
		text-align: left;
	}
	h3{
		font-size: 20px;
		margin-bottom: 6px;
	}
	h2{
		font-size: 26px;
	}
	.carousel-indicators{
		display: none;
	}
	.carousel-caption .main01aniv,
	.carousel-caption .main01play {
		top: 0;
	    bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.carousel-caption .main01aniv{
		top: 0;
		bottom: auto;
	}
	.carousel-caption .main01txt{
		display: none;
	}
    .mainCatch{
    font-size: 25px;
    bottom: 70px;
    left:20px;
    line-height: 15px;
    }

.catchContainer>p{
    font-size: 14px;
    position: absolute;
    bottom: 15px;
    left:20px;
    color: #FFF;
}

  .navbar-brand {
    padding: 6px 10px;
    line-height: 0;
    min-width: 150px;
    margin-top: 5px;
}
    
	#productsPage section {
		margin-top: 15px;
	}
	main .container{
		padding: 10px;
	}
	.well-lg {
		padding: 0px 10px;
		border-radius: 0px;
	}
	#productsList.well-sm{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
		
	}
	#productsList .thumbnail {
		border: 0;
		margin-bottom: 1px;
	}
	#productsList .pdl10{
		padding-left: 10px;
	}
	.height400{height: 400px;}
	.height200{height: 200px;}
	
	
    #community.container{
    flex-direction: column;
}
    #community .item{
    margin: 0 0 1px;
}
    
	#community .icon{
    padding: 0;
    
}
    #u-slide .catch {
    font-size: 14px;
    margin-left: 30px;
}
    #u-slide h3,
    #productsList h3,
    #community h3{
        margin-left: 3px;
        padding-top: 0 !important;
        margin-top: 0;
    }
    
    /*上下の中央寄せ*/
    .h3middle{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .middle1line{
        position: absolute;
        left: 33%;
        top: 50%;
        margin-top: -1rem;
    }
    .middle2line{
        position: absolute;
        left: 33%;
        top: 50%;
        margin-top: -2rem;
    }
    
    
	.aboutViewBox{
		padding: 0px 0 120px 0;
		background-position: bottom -70px right;
		background-size: 160%;
		position: relative;
	}
	.aboutViewBox:before{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		
		width: 100%;
		height: 100%;
		background: #010e2e;
		opacity: 0.1;
	}
	main {
		padding-bottom: 0 !important;
	}
	.mainPhoto{
		text-align: center;
	}
	.mainPhoto img{
		max-height: 60vh;
		max-width: 60vh;
	}
	
	.thumbnail .caption{
		padding: 0 4px 0 0;
	}
	footer .footerLine{
/*		border-top: 1px dotted #aaa;*/
		border-left: 0;
		padding-top: 2rem;
	}
	#productsDetailPage h2 {
		margin-top: 16px;
		margin-bottom: 10px;
	}
	#productsPhoto {
		margin-top: 15px;
	}
	
	.productsList li {
	    padding: 5px;
	}
	 
	/* 商品一覧ページのリセット系 */
	.productsList.goggles li h4,
	.productsList li a .prdNo{
		/*position: relative;*/
		margin-right: 0;
	}
	.productsList.goggles a img {
		margin-top: 3em;
		margin-bottom: 1.2em;
	}
	.productsList.goggles li h4{
		font-size: 16px;
	}
	
	.productsList.secret{
		padding: 0 10px;
	}
	
	.productsList.secret li{
		padding: 10px;
		margin-bottom: 30px;
	}
	/**/
	.featureBox figure{
		padding: 15px 0;
	}
	.featureBox figure.col-xs-7{
		padding-top: 0;
	}
	.featureBox .mgt30{
		margin-top: 0px !important;
	}
	.featureBox div div.col-xs-12{
		padding-left: 0;
		padding-right: 0;
	}
	
	.infoList li span {
		float: none;
		position: relative;
	}
	.infoList li p{
		float: none;
		margin-left: 0rem;
		margin-top: 8px;
		display: block;
	}
	.aboutViewBox * {
    	line-height: 2rem;
	}
	.caret{
		display: none;
	}
	#aboutPage img.mgr30{
		margin-right: 0;
	}
	.googleSearch,
	#headNav .flag{
		margin-top: 5px;
	}
	/*.productsList.goggles a img{  /*ゴーグル画像、下の余白調整
		margin-top: -25%;
		margin-bottom: -20%;
	}*/

	/*.productsList li div.bgWhite{
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #e2e2e2;
	position: relative;
	min-height: 235px;
}*/
	
	.productsList li img.iconSwipe{
	position: absolute;
	width: 50%;
	max-width: 100px;
	height: auto;
	margin-top: 30%;
}
	
}

@media screen and (max-width: 420px){
	.productsList.goggles a img {
		margin-top: 5em;
		margin-bottom: 3.2em;
	}
.productsList li img.iconSwipe{
	position: absolute;
	width: 60%;
	max-width: 110px;
	height: auto;
	margin-top: 80px;
}
	
}


.swipe_product{position: relative;
}

/*.productsList li img.iconSwipe{
	width: 50%;
	max-width: 100px;
	height: auto;
	margin-top: 20px;
}*/


/* cookie consent */
.cc-compliance > .cc-btn {
    flex: none !important;
}