@charset 'utf-8';

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


.glyphicon {
  font-family: 'Glyphicons-Halflings-Regular';
}

/* --- TYPOGPRAPHY --- */

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;
}




/* --- ここ --- */

.mesh-title{ background: url("../img/mesh_bg_wide.jpg") ; background-size:cover; background-position: right;}
.mesh-title2{ background:#3775b9; }
.ttlBox{ color:#fff; display:block; min-height:490px; overflow:hidden;}
.ttlTxtBox{ display:block; margin: 100px 10px 20px 10px; font-size:18px; padding:5%; }
.ttlBox.heather-mesh{ background:url(../img/fab_heather-mesh.jpg); background-size:cover; background-position:center top;}
.ttlBox.jacquard-mesh{ background:url(../img/fab_jacquard-mesh.jpg); background-size:cover; background-position:center top;}
.ttlBox.arpi{ background:url("../img/fab_arpi.jpg"); background-size:cover; background-position:center top;}
.ttlBox.spectator{ background:url("../img/fab_spectator.jpg"); background-size:cover; background-position:center top;}


.men { padding: 2px 10px 2px 10px; display: block; background: #135d84; color: #fff; font-size: 10px; letter-spacing: 150%;}
.women { padding: 2px 10px 2px 10px; display: block; background: #8b3654; color: #fff; font-size: 10px; letter-spacing: 150%;}

@media (max-width: 768px) {
	.ttlTxtBox{ display:block; margin-top:180px; line-height:30px; }	
	#pList .pBox a{ bottom:12px; left:11px; right:3px;}
	#pList .specBox{ margin-left:-3px!important; margin-bottom:4%; }
}


/* --- ここまで --- */



/*

h1 .h2 {
  padding-top: 15px;
  font-weight: 400;
  font-size: 20px;
  text-align: left;
}

.h0 {
  display: block;
  font-size: 48px;
  line-height: 1.2;
  color: #333;
}

.h1 {
  display: block;
  font-size: 32px;
  color: #333;
  line-height: 1.414;
}

.h2 {
  display: block;
  font-size: 25px;
  color: #333;
  line-height: 1.414;
}

.h3 {
  display: block;
  font-size: 20px;
  color: #333;
  line-height: 1.414;
}

.h4 {
  display: block;
  font-size: 14px;
  color: #333;
}

.h5 {
  display: block;
  font-size: 13px;
  color: #333;
}

.h6 {
  display: block;
  font-size: 12px;
  color: #333;
}

p, .p {
  display: block;
  line-height: 1.8;
  font-weight: 400;
  font-size: 16px;
}

.lead {
  display: block;
}

.container a {
  text-decoration: none;
}

*/



/* > MODIFIER */

.track-s {
  letter-spacing: 0.1em;
}

.track-m {
  letter-spacing: 0.2em;
}

.red {
  color: #FF0300 !important;
}

.underline {
  text-decoration: underline;
}

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

.text-center,
.text-center-xs {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .text-center-xs {
    text-align: unset;
  }
}

.mb {
  display: block;
}

/* --- ELEMENTS --- */
figure>img+figcaption {
  margin-top: 15px;
  line-height: 1.618;
}

.link-bar {
  text-align: center;
  width: 100%;
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 0 15px;
}

.link-bar a {
  display: inline-block;
  width: auto;
  height: 60px;
  padding: 0px 60px 0px 30px;
  line-height: 60px;
  font-size: 20px;
  color: #fff;
  background-color: hsl(356, 100%, 51%);
  letter-spacing: 3px;
  /* border-radius: 4px; */
  white-space: nowrap;
  position: relative;
}

.link-bar a:hover {
  background-color: hsl(356, 100%, 48%);
}

.link-bar a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain, 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg stroke-width='2' stroke='%23fff' fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15'/%3E%3Cpolyline points='11.6,7 20.6,16 11.6,25 '/%3E%3C/svg%3E");
}

.link-bar a::after {
  width: 24px;
  height: 24px;
  margin-left: 5px;
}

/* --- LAYOUT --- */

/* GRID */


.row.no-gutters {
  margin-right: 0px;
  margin-left: 0px;
}

/* > GRID */
.row.grid {
  display: flex;
  flex-wrap: wrap;
}

.grid.align-center {
  align-items: center;
}

.grid.column {
  flex-direction: column;
}

.grid.justify-between {
  justify-content: space-between;
}

/* SECTION */
section {
  margin-bottom: 60px;
  clear: both;
}

section::before,
section::after {
  content: '';
  display: block;
  float: none;
  clear: both;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.container[role="main"] {
  padding-top: 90px;
  max-width: 1140px;
}

.container>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#gl-head nav#category-nav ul.level0>li {
  padding: 10px 1.5% 0 !important;
}

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

#rollStopRespNav {
  height: 50px;
}

#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 {
  font-size: 18px;
  font-weight: bold;
  margin: 0px 30px auto 15px;
  float: left;
  letter-spacing: 0px;
  /* line-height: 50px; */
  height: 50px;
}

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

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

.navbar-nav {
  margin: 7.25px -15px;
  line-height: 50px;
}

.navbar-nav li {
  font-size: 13px;
}

@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 {
  position: relative;
  display: block;
  /*width: 100%;*/
  height: 500px;
  /*background-repeat: no-repeat;*/
  background-image: url('../img/jumbotron_pc.jpg');
  background-size: cover;
	/*background-size:100%;*/
  background-position:left top;
}
/*

.jumbotron::before {
  opacity: 0.5;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;

  background-image: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 0%, 1)), color-stop(33%, hsla(0, 0%, 0%, 0.5)), color-stop(50%, hsla(0, 0%, 0%, 0)), to(hsla(0, 0%, 0%, 0)));
  background-image: -webkit-linear-gradient(bottom, hsla(0, 0%, 0%, 1), hsla(0, 0%, 0%, 0.5) 33%, hsla(0, 0%, 0%, 0) 50%, hsla(0, 0%, 0%, 0));
  background-image: -o-linear-gradient(bottom, hsla(0, 0%, 0%, 1), hsla(0, 0%, 0%, 0.5) 33%, hsla(0, 0%, 0%, 0) 50%, hsla(0, 0%, 0%, 0));
  background-image: linear-gradient(0deg, hsla(0, 0%, 0%, 1), hsla(0, 0%, 0%, 0.5) 33%, hsla(0, 0%, 0%, 0) 50%, hsla(0, 0%, 0%, 0));

}
*/

.jumbotron h1 {
  margin-top: 15px;
  font-size: 40px;
  font-weight: normal;
  line-height: 1.2;
  color: #fff;
	text-shadow:/*-3px -3px 1px #f00,*/ 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000,1px 1px 8px #000;
  text-align: left;
}

.jumbotron h2 {
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
		text-shadow:/*-3px -3px 1px #f00,*/ 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000,1px 1px 8px #000;
}

.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__inner {
  color: #fff;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.8;
  width: 100%;
  max-width: 1140px;
  padding: 0 25px;
}

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

@media screen and (min-width:768px) and ( max-width:1024px) {
	/*
	.jumbotron {
	height: 300px;
	background-size:100% auto;
  }
	*/
}
@media only screen and (max-width: 768px) {
  .jumbotron {
	height: 650px!important;
	background-image: url('../img/jumbotron_sp.jpg')!important;
	  background-size: cover!important;
	  background-repeat: no-repeat;
	  background-position: center;
  }
.jumbotron__inner {
  top: 60px;
}



.product-summary {
  padding-top: 60px;
  margin-bottom: 30px;
  text-align: left;
}

.product-summary>.col-12 {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.product-summary h1 {
  margin-bottom: 30px !important;
  line-height: 1;
  color: #212121;
  font-size: 45px !important;
  font-weight: bold;
  font-family: "UniSansHeavyCAPS", "Helvetica Neue", Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;
}

.product-summary h2 {
  display: inline;
  border-bottom: 3px solid;
  font-weight: bold;
  font-size: 32px;
  letter-spacing: 2px;
  /*color: #ff0718;*/
  line-height: 1.5;
}

.product-summary h2::after {
  content: '';
  display: block;
  float: none;
  clear: both;
}

.container .product-summary h3 {
  margin: 30px 0 !important;
  font-size: 15px !important;
  text-indent: 2px;
}

.container .product-summary p {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 16px !important;
  line-height: 28px;
}

.product-list a {
  display: block;
  /* padding: 10px; */
  color: #FF0718;
  text-decoration: none;
  text-align: center;
  border: solid 2px #FF0718;
  background-color: #fff;
}

.product-list>.row>[class^="col-"] {
  margin-bottom: 15px;
}

.product-list .image {
  padding: 10px;
}

.product-list .spec {
  position: relative;
  /* background: #ddd; */
  padding: 15px;
  margin-bottom: 0;
  color: #333;
  min-height: 60px;
  font-weight: bold;
}

.product-list .name {
  font-size: 15px;
  margin-bottom: 15px;
  font-weight: bold;
}

.product-list .price {
  font-size: 15px;
}

.product-list .price::before {
  content: 'Â¥';
}

.product-list .price::after {
  content: '(本体価格)＋税';
  font-size: 0.8em;
  margin-left: 10px;
  color: #666;
}

.product-list .button {
  position: relative;
  background-color: #FF0718;
  color: #fff;
  height: 50px;
  font-size: 15px;
  line-height: 51px;
  text-align: center;
  letter-spacing: 2px;
  line-height: 50px !important;
}

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

.product-list a:hover {
  border-color: hsl(356, 100%, 45%);
}

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

.product>section::before,
.product>section::after {
  content: '';
  display: block;
  clear: both;
  float: none;
}

.product-details hr {
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 40px;
}

.product-details p {
  margin-bottom: 1rem;
}

.product-details>section p+p {
  margin-top: 1rem;
}

.product-details>section>[class^="col-"]:first-of-type {
  height: 100%;
}

.product-details .section-titles {
  width: 100%;
  padding: 25px 10px 60px;
}

.product-details .section-titles::after {
  content: '';
  display: block;
  width: 60px;
  height: 10px;
  margin: 20px auto 0;
  background-color: #ff0718;
}

.product-details .section-titles h2 {
  /* margin-bottom: 20px !important; */
  /*color: #ff0718;*/
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}

.product-details .section-titles h3 {
  color: #616161;
  font-size: 24px !important;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}

.product-details h3 {
  color: hsl(356, 100%, 51%);
  font-size: 25px;
  line-height: 1.3;
  margin-bottom: 10px !important;
  font-weight: bold;
  position: relative;
}

.product-details img {
  width: 100%
}

.video-wrapper {
  max-width: 1140px;
  padding: 0 15px;
  margin: auto;
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  margin: auto;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[id^="no-"] .sq::before {
  background-color: hsl(356, 100%, 51%);
  display: inline-block;
  /* border-radius: 100%; */
  margin-right: 10px;
  width: 26px;
  height: 26px;
  line-height: 27px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-indent: 0px;
  letter-spacing: 0;
  vertical-align: middle;
  left: 0;
}

[id^="no-1"] .sq::before {
  content: '1'
}

[id^="no-2"] .sq::before {
  content: '2'
}

[id^="no-3"] .sq::before {
  content: '3'
}

[id^="no-4"] .sq::before {
  content: '4'
}

[id^="no-5"] .sq::before {
  content: '5'
}

[id^="no-6"] .sq::before {
  content: '6'
}

[id^="no-7"] .sq::before {
  content: '7'
}

[id^="no-8"] .sq::before {
  content: '8'
}

[id^="no-9"] .sq::before {
  content: '9'
}

[id^="no-10"] .sq::before {
  content: '10'
}

[id^="no-11"] .sq::before {
  content: '11'
}

[id^="no-12"] .sq::before {
  content: '12'
}

[id^="no-13"] .sq::before {
  content: '13'
}

[id^="no-14"] .sq::before {
  content: '14'
}

[id^="no-15"] .sq::before {
  content: '15'
}

/* --- PRODUCT LIST --- */

.specBox p.unisex,
.rBox p.unisex {
  padding: 2px 10px 0px 10px;
  color: transparent;
  opacity: 0;
}

.product-list .button::after {
  width: 20px;
  height: 20px;

}


@media screen and (min-width: 1120px) {
  .wpc--nowrap {
    white-space: nowrap;
  }
}

@media screen and (max-width: 575px) {
  .mb {
    display: none;
  }

  .product-details .col-12>[class^="col-"]:first-child {
    margin-bottom: 15px;
  }

  .link-bar {
    height: auto;
  }

  .link-bar a {
    font-size: 16px;
    width: 100%;
    letter-spacing: 2px;
  }
}

@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;
  }

  /* .navbar__inner {
    padding-left: 0;
  } */

  /* #rollStopRespNav .logo {
    margin-left: 15px;
  } */

  #topttl div {
    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);
  }

  .product {
    padding: 15px 0;
  }

  .product-summary h2 br {
    display: none;
  }

  #product-list .pBox a {
    bottom: 12px;
    left: 11px;
    right: 3px;
  }

  #product-list .specBox {
    margin-left: -3px !important;
    margin-bottom: 4%;
  }

  .product-details>section>[class^="col-"]:first-child {
    margin-bottom: 15px;
  }
}


/* from Hosokawa.css */
@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;
  }
}

@media screen and (max-width: 480px) {
  .jumbotron {
    background-size: auto 80vh;
  }
  
  .product-details .section-titles {
    text-align: left;
  }

  .product-details .section-titles h2 {
    text-align: left;
  }

  .product-details .section-titles h3 {
    text-align: left;
  }

  .product-details .section-titles::after {
    margin: 20px 0 0;
  }

  .navbar-nav li {
    padding: 10px 0;
  }
}


/* === Product Lists === */
.productList > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; 
  margin-left: -15px;
  margin-right: -15px;
}


.productList > .row > [class*="col-"] {
  margin-bottom: 30px;
}

.productList > .row > [class*="col-"] > .col__inner {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  background: #DDD;
}

.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%);
}

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

.tBoxTitle {
  margin-bottom: 10px;
}

.tBoxTitle--prefix {
  display: block;
  margin-bottom: 5px;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
}

.tBoxTitle--label {
  display: block;
  color: #FFF;
  font-size: 3rem;
  text-transform: uppercase;
  font-family: 'UniSansHeavyCAPS', Meiryo, メイリオ, sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1;
}

.pgBox--copy {
  flex: 1;
}
.pgBox--img {
  flex: 2;
}

.productList .col__inner .specBox {
  flex-grow: 1;
  flex-shrink: 1;
}

.pBox .men,
.pBox .women {
  display: block;
  padding-right: 8px;
  color: #fff;
  text-align: right;
  font-size: 10px;
  line-height: 20px;
}

.pBox .men {  
  background: #135d84;
}

.pBox .women {
  background: #8b3654;
}

.imgBox a {
  display: block;
  border: 1px solid #ddd;
  border-bottom: 0;
  padding: 10px 0;
  background: #FFF;
}

.imgBox a img {
  display: block;
}

.specBox {
  display: block;
  padding: 15px;
  background: #ddd;
}



.pBox a{ bottom:12px; left:11px; right:3px; }
.specBox{ margin-left:-3px!important; margin-bottom:4%; }


.pBox span {
  display: block;
}

.pBox .button span {
  display: inline-block;
}

.pBox .pCopy {
  margin: 0px auto 5px 0px;
  font-size: 15px;
  line-height: 1.4;
  min-height: 4em;
}

.pBox .pCode {
  display: block;
  margin: 0 0 2px;
  padding-bottom: 0;
  font-size: 10px;
  color: #777;
}

.pBox .pName {
  color: #333;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}

.pBox .pPrice {
  font-size: 14px;
}



.pBox .pPrice span::before {
  content: '¥';
}

.pBox .pPrice span::after {
  content: '(本体価格)＋税';
  font-size: 10px;
  white-space: nowrap;
  padding-left: 5px
}

.pgBox--spec {
  background: #ddd;
}

.pgBox--spec .specBox {
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.tBoxInner {
  position: relative;
  padding: 30px;
  background-size: cover;
  background-position: center;
  z-index: 1;
  color: #FFF;
}

.tBoxInner::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: linear-gradient(30deg, rgba(0,0,0,.8), rgba(0,0,0,.3), rgba(0,0,0,.5), rgba(0,0,0,0));
}

.pgBox .pBox .pCopy {
  text-align: center;
}

.pgBox--img a {
  padding-left: 10px;
  padding-right: 10px;
}

.pgBox--img .imgBox:not(:last-child) a {
  border-right-color: transparent 
}

.pgBox--copy {
  padding: 10px 10px 0; 
  background: #ddd;
}

.pgBox--copy .pCopy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 4em;
}

.pgBox--spec > [class*="col"] {
  border-left: 1px solid #ccc;
}

.pgBox--spec > [class*="col"]:first-child {
  border-left-color: transparent;
}

.pgBox--spec > [class*="col"]:last-child {
  border-right: 1px solid transparent;
}

.pgBox--link > [class*="col"]:not(:first-child) a {
  border-left: 1px solid white;
}

/* Twitter button style for iOS */

/* Hide cart button */
.navbar-nav>li>a.twitter-share-button::after {
  display: none !important;
}

.navbar-inverse .navbar-nav>li>a.twitter-share-button {
  display: inline-block;
  position: relative;
  height: 32px;
  box-sizing: border-box;
  padding: 1px 16px 1px 16px;
  border-radius: 3px;
  background-color: #1b95e0;
  color: #fff;
  line-height: 32px;
  font-weight: 500;
  cursor: pointer;
}

.navbar-inverse .navbar-nav>li>a.twitter-share-button i {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: transparent 0 0 no-repeat;
  background-image: none;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E);
}

.red-bar {
  display: block;
  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;
}

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

/*---- Product Lists ----*/
.pList { margin-bottom:50px;}
.pList .pBox{ position:relative; margin-bottom:10px; /*padding-left:0px!important;*/ padding-bottom:0px!important;padding-right:0px!important;background:#fff;}
@media (max-width: 991px) {
  .pList .pBox { min-height:340px;  /*margin:10px 20px 10px 0px!important;*/ }
  .pList .rBox .imgBox { position:relative!important; }
}
.pList .pBox a{ position:absolute; display:block; /*width:97%; height:95%;*/ top:0px; bottom:0px; right:0px; left:10px; border:solid 1px #ccc; z-index:10; }
.pList .pBox a:hover{ border-color:#000; }
.pList .specBox{ position:relative; background:#ddd; margin-bottom:0; color:#333; min-height:190px; }
.pList .pBox .imgBox { height:100%;text-align:center; }
.pList .pBox .imgBox img{ margin:20px auto 10px auto; /*position:absolute; top:60%; left:10%; right:10%; margin-top:2.2em; */ text-align:center;}
@media (min-width: 600px) and (max-width: 991px) { /* to modify position of product pics  */
  .pList .pBox .imgBox img{ left:30%;}
}

@media (max-width: 640px) {
  .pList .pBox a{ bottom:12px; left:11px; right:3px;}
  .pList .specBox{ margin-left:-3px!important; margin-bottom:4%; }
}

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

.navbar > .container-fluid .navbar-brand {
  margin-left: 0;
}
/* 
@media only screen and (min-width: 768px){
  .navbar-toggle {
    display: block;
    background-color: transparent !important;
    margin-top: 0;
    margin-bottom: 0;
  }

  .navbar-toggle:hover,
  .navbar-toggle:focus {
    background-color: transparent !important;
  }

  .navbar-toggle .icon-bar {
    display: none;
  }

  .navbar-toggle-label {
    font-size: 16px;
    line-height: 29px;
  }

  .navbar-collapse::before,
  .navbar-collapse::after {
    content: ' ';
    display: table !important;
  }

  .navbar-collapse {
    background-color: #fff;
    float: none;
    clear: both;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .navbar-nav {
    width: 100%;
    float: none;
  }
  
  .navbar-nav > li {
    float: none;
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
} */

/* .navbar-nav > li:first-child {
  padding-top: 15px;
}
.navbar-nav > li a {
  line-height: 48px;
}

.navbar-nav {
  padding-left: 30px;
  padding-right: 15px;
}

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

/* --- PRODUCT --- */
.product-group {
  margin-bottom: 120px;
}

.product-grid {
  display: flex;
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.product-grid > [class*="col-"] {
  float: none !important;
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.product-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.product-body {
  margin-bottom: 15px;
}

.product-name {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
  color: #333;
}

.product-image {
  margin-bottom: 30px;
}

.product-code {
  display: block;
  font-size: 15px;
  color: #616161;
}

.product-price {
  font-size: 14px;
  color: #616161;
}

.product-price::before {
  content: '\00A5';
  color: inherit;
}

.product-price::after {
  /* content: "(本体価格)＋税"; */
  font-size: 11px;
  margin-left: 10px;
  color: #616161;
  white-space: nowrap;
  font-weight: 400;
}

.product-lists ul.list {
  padding: 15px 0 15px;
}

.product-lists ul.list li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 30px;
  color: #333;
  font-size: 21px;
  font-weight: bold;
}

.product-lists ul.list li::before {
  position: absolute;
  left: 0px;
  display: inline-block;
  content: "■";
  color: rgb(255, 7, 24);
}

/* FOR BREAHER ONLY */
#no-5 .list {
  max-width: 310px;
}

#no-6 .list {
  max-width: 423px;
}

#no-7 .list {
  max-width: 422px;
}


.tough1{
	width: 100%;
	color: #fff;
	background:url('../img/bg_tough_miki.jpg') no-repeat;
	background-size: cover;
	background-position:top center; 
}
.tough2{
	color: #fff;
	background:url('../img/bg_tough_fall.jpg') no-repeat;
	background-size: cover;
}
.tough3{
	color: #fff;
	background:url('../img/bg_tough_gajumaru.jpg') no-repeat;
	background-size: cover;
}
.tough4{
	color: #fff;
	background:url('../img/bg_tough_yakusugi.jpg') no-repeat;
	background-size: cover;
}
.tough5{
	color: #fff;
	background:url('../img/bg_tough_fab.jpg') no-repeat;
	background-size: cover;
	background-position:center center; 
}





@media only screen and (max-width: 768px) {
  .list {
    margin-left: auto;
    margin-right: auto;
  }
}

.product-gallery figure {
  border: 2px solid transparent;
}

.product-gallery figcaption {
  display: none;
}


@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;
  }

}