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



/* --- TYPOGPRAPHY --- */

@font-face {
  font-family: "Glyphicons-Halflings-Regular";
  src: url("http://www.millet.jp/brand/common/resources/fonts/glyphicons-halflings-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.glyphicon {  font-family: 'Glyphicons-Halflings-Regular';}
/*div, p, a {  font-family: "UniSansRegular", "Source Sans", "Helvetica Neue", Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "UniSansHeavy", "UniSansHeavyCAPS", "Helvetica Neue", Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;}
.fontJapanese { font-family: "Meiryo", "メイリオ", sans-serif!important; }*/

.red-bar { width: 100%;  display: flex;  justify-content: center;  align-items: center;  height: 60px;}
.red-bar::before {content: ''; display:block; width: 80px;  height: 5px;  background-color: #FF0617;}
a.btnRedS { display: inline-block;  padding:5px 20px;  background-color: #FF0718; color:#FFF!important; }
a.btnRedS:link { color:#FFF; }

a img:hover{ filter: alpha(opacity=80); opacity:.8;}

.mobileExist { display:none!important;}
.mobileNoexist { display:block!important;}

.noVisible{ visibility:hidden;}

.marginAuto{ margin:auto;}
.marginXS{ margin:5px;}
.marginS{ margin:20px;}
.marginM{ margin:30px;}
.marginL{ margin:40px;}
.marginXL{ margin:50px;}
.marginBottomXS { margin-bottom:5px;}
.marginBottomS { margin-bottom:15px;}
.marginBottomM { margin-bottom:40px;}
.marginBottomL { margin-bottom:60px;}
.marginBottomXL { margin-bottom:100px;}
.marginTopBottomS { margin-top:20px; margin-bottom:20px;}
.marginTopBottomM { margin-top:40px; margin-bottom:40px; }
.marginTopBottomL { margin-top:60px; margin-bottom:60px; }
.marginTopBottomXL { margin-top:100px; margin-bottom:100px; }
.marginTopS { margin-top:20px; }
.marginTopM { margin-top:40px; }
.marginTopL { margin-top:60px; }
.marginTopXL { margin-top:100px; }
.paddingAuto{ padding:auto; }
.paddingXS{ padding:5px; }
.paddingS{ padding:15px; }
.paddingM{ padding:30px; }
.paddingL{ padding:50px; }

.borderWhite{ border:solid 1px #fff;}
.borderRed{ border:solid 1px #ff0718;}
.borderGray{ border:solid 1px #ABABAB;}
.borderDarkgray{ border:solid 1px #3B3B3B;}

.bgDarkRed{ background:#b40202; color:#fff; }
.bgRed{ background:#ff0000; color:#fff; }
.bgBlack{ background:#000; color:#fff; }
.bgWhite{ background:#fff; color:#666; }
.bgGray{ background:#ababab; }
.bgLightGray{ background:#F1F0F0; }.bgBlack{ background:#000; color:#fff; }



.lineHeightL{ line-height:180%;}
.lineHeightM{ line-height:150%;}
.lineHeightS{ line-height:120%;}
.lineHeight13{ line-height:0.2em;}

.fontUni  { font-family: "UniSansHeavy", "UniSansHeavyCAPS", "Helvetica Neue", Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;}

.fontSS {font-size:12px!important;}
.font10 {font-size:10px!important;}
.font15 {font-size:15px!important;}
.font18 {font-size:18px!important;}
.font20 {font-size:20px!important;}
.font26 {font-size:26px!important;}
.font30 {font-size:30px!important;}
.font36 {font-size:36px!important;}
.font40 {font-size:40px!important;}
.font50 {font-size:50px!important;}.font60 {font-size:60px!important;}
.font16-responsive {font-size:16px!important;}
.font20-responsive {font-size:20px!important;}
.font26-responsive {font-size:26px!important;}
.font30-responsive {font-size:30px!important;}
.font36-responsive {font-size:36px!important;}
.font50-responsive {font-size:50px!important; letter-spacing: -0.02em; line-height:1.1em;}
.font80-responsive {font-size:80px!important; letter-spacing: -0.02em; line-height:1.1em;}

.fontNormal { font-weight:normal;}
.fontBold { font-weight:bold;}


.text-right { text-align: right;}
.textdecoNone { text-decoration:none!important; }
.textUnderline { text-decoration:underline; }

.fontColorWhite { color: #FFF; }
.fontColorLightGray { color:#aaa; }
.fontColor333333 { color:#333; }
.fontColorFF0000 { color:#FF0000; }

.fontLink { color:#0000FF; text-decoration: underline; }

.btn-red { display:block; color: #fff;  background-color: #FF0000; }
.btn-red:hover { background-color: #aa0000; }
.btn-gray {  color: #fff;  background-color: #8f8f8f; }
.btn-gray:hover { background-color: #5d5d5d; }

.imgMarginAuto { margin:auto;}


.youtube-responsive iframe{  width: 100%;}
.youtube {  position:relative; width:100%; padding-top:56.25%; height: 0; overflow: hidden; }
.youtube iframe{ position:absolute; top:0px; left:0px; width: 100%; height: 100%; }

.marginTopicL dt{ padding-top:10px; }
.marginTopicL dd{ padding-bottom:10px; }



/* -------   ヘッダー グローバルメニュー　header_global.inc　-------- */

#gl-head nav#category-nav ul.level0>li{ /*メニュー文字一調整*/
/*padding-top:20px;  */
}
#gl-head nav#category-nav ul.level0>li {
  padding: 10px 1.5% 0 !important;
}

@media screen and (min-width: 769px) {

  #gl-head .header-info-bar {
    width: 100% !important;
    height: 32px;
  }
  #gl-head .header-info-bar a {
    color: #999999;
  }
  #gl-head .header-bottom {
    font-size: 0;
  }
  #gl-head nav#category-nav {
   vertical-align: text-bottom;
    font-size: 12px;
  }
  #gl-head nav#category-nav ul.level0 > li:nth-child(4) .level1 {
    font-size: 0;
  }
  #gl-head #header-search-box {
    vertical-align: text-bottom;
  }
  #gl-head h1.logo a {
    display: block;
  }
}
/* -------   ヘッダー グローバルメニュー　-------- */



/* -------   ヘッダー ローカルメニュー　header_local_template.inc　-------- */

.navBox{ /*width:90%; max-width: 1320px; text-align:center; margin:auto;*/ }
.navPageTitle{ font-size:18px; font-weight:bold; margin:15px 20px auto 40px; float:left; letter-spacing:100%; }

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

#header + * {   margin-top: 0px!important;	} /*上のマージン削除*/
	
/*.navBox{ margin-top:30px; }*/
.mobileExist { display:block!important;}
.mobileNoexist { display:none!important;}

.font16-responsive {font-size:12px!important;}
.font20-responsive {font-size:14px!important;}
.font26-responsive {font-size:20px!important;}
.font30-responsive { font-size:22px!important;}
.font36-responsive { font-size:28px!important;}
.font50-responsive { font-size:33px!important;}
.font80-responsive {font-size:45px!important;}

.marginM{ margin:20px;}
.marginL{ margin:40px;}
.marginXL{ margin:60px;}
.marginBottomM { margin-bottom:20px;}
.marginBottomL { margin-bottom:40px;}
.marginBottomXL { margin-bottom:60px;}
.marginTopBottomM { margin-top:20px; margin-bottom:20px; }
.marginTopBottomL { margin-top:40px; margin-bottom:40px; }
.marginTopBottomXL { margin-top:60px; margin-bottom:60px; }
.marginTopM { margin-top:20px; }
.marginTopL { margin-top:40px; }
.marginTopXL { margin-top:60px; }
.paddingM{ padding:20px; }
.paddingL{ padding:30px; }


}




/* --------- NAVBAR --------- */



/* --- NAVBAR --- */
#rollStopRespNav:not(.navbar-fixed-top) {
  position: absolute;
  width: 100%;
  z-index: 10;
}

#rollStopRespNav .logo {
  float: left;
  height: 100%;
  max-width: 50px;
  max-height: 50px;
  transition: .5s ease;
}

#rollStopRespNav:not(.navbar-fixed-top) .logo {
  max-width: 0%;
  padding-left: 0;
  opacity: 0;
}

#rollStopRespNav .logo img {
  display: block;
  width: 100%;
  height: 50px;
  object-fit: cover;
}

#rollStopRespNav a.product-logo {
  display: inline-block;
  height: 45px;
}

#rollStopRespNav a.product-logo img {
  height: 100%;
  width: auto;
  object-fit: contain;
  padding: 10px 0;
}

.navbar-inverse {
  background-color: #FFF;
  border-bottom: 1px solid #F1F0F0 !important;
}

.no-gutters>[class^="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.navbar {
  border: 0;
}

.navbar__inner {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 15px;
}

.navbar-toggle {
  background-color: #FF0300;
  border-radius: 0;
  border: 0;
}

.navbar-inverse .navbar-nav>li>a {
  color: #333;
}

.navbar-nav>li>a::after {
  display: none;
  content: "\e116";
  font-family: 'Glyphicons-Halflings-Regular';
  vertical-align: middle;
  margin-left: 15px;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
  background-color: transparent;
  color: #ff0718;
}

/* NULLIFY 16bs.css */
.navbar-collapse {
  padding: unset;
  margin-bottom: unset;
  overflow-x: unset;
  -webkit-overflow-scrolling: unset;
  border-top: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.navPageTitle {
}

#rollStopRespNav:not(.navbar-fixed-top) .navPageTitle {
  margin-left: 0;
}



.tBoxInner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

/* FOR PRODUCTS & DEALER (NO BOOTSTRAP.CSS) */

.navbar-nav {
  line-height: 60px;
}

/*
.navbar-nav li {
  font-size: 20px;
}
*/

@media only screen and (min-width:768px) {
  .navbar,
  .navbar__inner {
   /* height: 50px;*/
  }

  .navbar-nav {
    margin: 0px 0px;
  }

  .navbar {
    border-bottom: 1px solid #F1F0F0;
    border-width: 1px;
  }
}

@media only screen and (max-width: 767px) {
  .navbar-right {
    margin: 7.25px 15px;
  }
}





/* --- JUMBOTRON --- */



.jumbotron .h1 {
  margin: 0;
  color: inherit;
}

.jumbotron .h2 {
  margin-bottom: 10px;
  color: inherit;
  font-family: "UniSansRegular", "Source Sans", "Helvetica Neue", Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;
}

.jumbotron .h3 {
  color: inherit;
  text-align: left;
}


.jumbotron__img {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}



.jumbotron__inner {
  bottom: 30px;
}

@media screen and (min-width: 769px) {
  .navbar-nav {
    padding: 0px 0;
    height: 100%;
  }

  .navbar-right {
    padding: 8px 0;
  }

  .navbar-nav>li {
    margin-right: 20px;
    height: 100%;
  }

  .navbar-inverse .navbar-nav>li>a {
    /* border-radius: 4px; */
    padding: 0px 10px;
    display: inline-block;
    height: 100%;
    border: 0px solid white;
    color: #616161;
  }
}



@media screen and (max-width: 768px) {
  .jumbotron h1 {
    font-size: 32px;
  }
  .navPageTitle {
    margin-left: 15px;
    margin-right: 0;
  }
}

  #rollStopRespNav:not(.navbar-fixed-top) .navPageTitle {
    margin-left: 0;
    margin-right: 0;
  }

  #topttl div {
	position:absolute;
    bottom: 30px;
    padding-left: 30px;
    padding-right: 15px;
  }

  .navbar-inverse .navbar-nav>li>a {
		/*  padding: 0px 30px;*/
  }

  .navbar-nav>li>a::after {
    position: absolute;
    right: 28px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }


.navbar-nav .twitter-share-button-container {
  padding: 0;
  width: 61px;
  height: 20px;
}


/*---- NAVBAR WHEN OVERFLOW -----*/
.navbar-brand {
  font-weight: bold;
  font-size: 15px
}

.navbar > .container-fluid .navbar-brand {
  margin-left: 0;
}




@media only screen and (max-width: 768px) {
  .navbar-brand{
    position: absolute;
    /*top: -7.5px;*/
    left: 15px;
    max-width: 14em;
    line-height: 1.2;
    transition: .5s ease;
  }
  
  .navbar-fixed-top .navbar-brand {
    left: 65px;
  }

  .container-fluid > .navbar-collapse {
    padding-top: 15px;
    margin: 0;
    overflow: hidden;
  }

  .navbar-collapse {
    width: 100%;
  }
  .navbar-header {
    position: absolute;
    top: 0px;
    right: 15px;
  }


	
	
	
	
	

@media screen and (max-width: 480px) {
  .jumbotron {    background-size: auto 80vh;}
  .navbar-nav li {padding: 10px 0;}
}


.button {
  display: block;
  position: relative;
  background-color: #FF0718;
  color: #fff;
  height: 50px;
  font-size: 12px;
  line-height: 51px;
  text-align: center;
  letter-spacing: 0.3px;
  line-height: 50px!important;
}

.button-lg {
  display: inline-block;
  width: 100%;
  height: auto;
  min-height: 60px;
  line-height: 1.2 !important;
  padding: 20px 15px 18px 15px;
  font-size: 18px;
  color: #fff;
  background-color: hsl(356, 100%, 51%);
  letter-spacing: 3px;
  /* white-space: nowrap; */
  position: relative;
}

.button i {
  position: absolute;
  font-style: normal;
  right: 15px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.button:hover {
  background-color: hsl(356, 100%, 45%);
}


/* --------- NAVBAR --------- */









/* -------  商品一覧ページのサムネール表示  　-------- */

.pList .pBox a{ position:absolute; display:block; /*width:97%; height:95%;*/ top:0px; bottom:0px; right:14px; left:14px; border:solid 1px #ccc; z-index:10; }
.pList .pBox a:hover{ border-color:#000; }
.pList a.pLink{ display:block; padding:10px;  color: #FF0718; text-decoration:none; text-align:center; border:solid 1px #FF0718; /*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #2a2a2a 50%);*/ transition-duration: 300ms, 300ms, 300ms; transition: color, 0.3s;}
.pList a.pLink:hover{ background-color:#FF0718; color:#FFF; }
.pList .specBox{ position:relative; background:#ddd;  padding:20px; margin-bottom:0; color:#333; min-height:120px; }
.pCode { margin:10px auto 8px 0px; padding-bottom:8px; font-size:10px; font-weight:bold; line-height:20px; }
.pCopy { margin:10px auto 8px 0px; padding-bottom:8px; font-size:15px; font-weight:normal; border-bottom:solid 1px #333; }
.pName { display:block; }
.pPrice small{ font-size:10px; }

/* -------  商品一覧ページのサムネール表示  　-------- */