@charset "utf-8";
/* =========================================
  PC
========================================= */
/* ================ Common ================ */
.sp {
  display: none;
}
h1,h2,h3,h4,h5,h6,p {
  margin:0;
  padding:0;
}
ul,dl {
  margin:0;
  padding:0;
  list-style-type: none;
}
a {
  color:#000;
  text-decoration: none;
}
a:hover {
  color:#000;
  text-decoration: none;
}
img {
  max-width: 100%;
}
body {
  margin:0;
  padding:0;
  font-size: 14px;
  line-height: 1.6;
  color:#333;
  position: relative;
}
table {
  word-break: break-all;
}
header {
  width:100%;
  background:rgba(255,255,255,0.9);
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
}
.headerInner {
  width: 96%;
  max-width: 1200px;
  margin:0 auto;
}
.navbar {
  height: 68px;
  padding:0;
}
.navbar-nav {
  width: 90%;
  justify-content: space-between;
}
.input-group-text {
  background:none;
  border:none;
}
.custom-select {
  border:none;
  border-radius: 0;
}
.nav-item {
  flex-grow: 2;
  text-align: center;
}
.nav-item img {
  width:20px;
}
header .nav-link {
  position: relative;
}
header .nav-link::after {
  position: absolute;
  bottom: -15px;
  left: 0;
  content: '';
  width: 100%;
  height: 5px;
  background: #020ea2;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
header .nav-link:hover::after {
  transform: scale(1, 1);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #020ea2;
}
#dropdownMenuButton {
  border:none;
  background:none;
}
.productDropdown a {
  font-size:100%;
}
header .btn {
  margin-top:0;
}
header form {
  box-sizing: border-box;
}
.custom-select {
  background-color: rgba(255,255,255,0);
}
.dropdown-menu {
  right:0;
  left:auto;
}
.spSearch {
  display: none;
}
.gsc-input-box {
  min-width: 250px;
}
footer {
  padding:40px 0 60px;
  background:#000;
  color:#fff;
}
footer .footerHead {
  margin:0 0 40px;
}
footer .footerHead ul li {
  margin:0 0 0 20px;
}
footer .footerHead ul li a {
  font-size:1.2rem;
  line-height: 1;
}
footer .footerBody {
  margin:0 0 30px;
  padding:0 0 40px;
  border-bottom:solid 2px #fff;
}
footer .footerBody a {
  color:#fff;
}
footer .footerBody ul li .btn {
  margin-top: 0;
  padding:0;
  font-size:14px;
}
footer .footerBody ul li .dropdown .dropdown-menu {
  padding: .2rem 0;
}
footer .footerBody ul li .dropdown .dropdown-item {
  padding: .2rem 0.5rem;
  color:#212529;
  font-size:14px;
}
footer .footerBody ul li .btn-secondary.focus, footer .footerBody ul li .btn-secondary:focus {
  box-shadow: none;
}
footer .footerBnr ul li {
  margin:0 10px;
}.contentsBody
.contentsBody {
  padding:63px 0 0;
}
.adjustWidth {
  width: 96%;
  max-width: 1100px;
  margin:0 auto;
}
.movingFadein {
  opacity: 0;
  transform: translate(0,100px); 
  transition : all 300ms;
}
.movingFadein.scrollin {
  opacity: 1;
  transform: translate(0,0); 
}
.breadcrumb {
  padding:0;
  background-color:transparent;
  justify-content: flex-end;
}
.breadcrumb-item+.breadcrumb-item::before {
  content: "\03E";
}
section {
  margin:0 0 30px;
}
.text-orange {
  color:#FF8040;
}
.fontMedium {
  font-size:medium;
}
.fontLarge {
  font-size:large;
}
.fontLarge2 {
  font-size:x-large;
}
.fontSmall {
  font-size: small;
}
.fontSmall2 {
  font-size: x-small;
}
.gallery.row > div {
  margin:0 0 20px;
}
.overflowX {
  overflow-x:scroll;
}
.staticWidth {
  width:920px;
}
.textIndent-1 {
  padding-left:1em;
  text-indent:-1em;
}
.textIndent-2 {
  padding-left:2em;
  text-indent:-2em;
}

/* ================ Top ================ */
.contentsBody {
  padding:68px 0 0;
}
#carouselExampleIndicators {
  box-shadow: 0 10px 40px 5px rgba(0,0,0,0.4);
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 40px;
  height: 40px;
}
.carousel-indicators {
  bottom: -45px;
}
.carousel-indicators li {
  width: 13px;
  height: 13px;
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 50%;
  background-color: rgba(0,0,0,.5);
}
.carousel-indicators .active {
    background-color: #000;
}
#carouselExampleSlidesOnly .carousel-indicators {
  width: auto;
  margin-left: 0;
  transform: translateX(-50%);
}
#carouselExampleSlidesOnly .carousel-inner div {
  float: right;
  margin: 1px 4px;
}
#carouselExampleSlidesOnly .carousel-inner .active {
  margin: 0 3px;
}
#carouselExampleSlidesOnly .carousel-inner > .carousel-item.next,
#carouselExampleSlidesOnly .carousel-inner > .carousel-item.active.right {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
#carouselExampleSlidesOnly .carousel-inner > .carousel-item.prev,
#carouselExampleSlidesOnly .carousel-inner > .carousel-item.active.left {
  left: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.topProducts {
  box-shadow: -11px 20px 60px -8px rgba(0,0,0,0.4);
}
.topProducts div {
  flex:0 0 50%;
}
.topProducts .left {
  padding:80px 0;
  /*box-shadow: -11px 20px 60px -8px rgba(0,0,0,0.4);*/
}
#top article {
  margin-bottom: 80px;
}
#top h2 {
  margin:0 0 40px;
  font-family: 'Roboto', sans-serif;
  font-size:250%;
  text-align: center;
}
#top h2 span {
  margin: 10px 0 0;
  font-size: 47%;
  font-weight: normal;
  display: block;
}
.topProducts .left a {
  width:60%;
  margin:0 auto;
  padding:10px 10px 10px;
  border:solid 1px #000;
  text-align: center;
  display: block;
}
.topPickup {
  padding:60px 0 0;
  position: relative;
}
.topPickup h2 {
  color:#fff;
}
.topPickup ul {
  padding:20px;
  background: #fff;
  box-shadow: -11px 20px 60px -8px rgba(0,0,0,0.4);
}
.topPickup ul li {
  flex:0 0 25%;
}
.card {
  border: none;
  border-radius: 0;
}
.card-body {
  padding: 0.75rem;
}
.card figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}
.card:hover figcaption {
  opacity: 1;
}
.card figcaption .fig-cont p {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 30px;
  color:#fff;
}
.topPickup h3 {
  text-align: center;
  font-size:130%;
}
.bgBlack {
  width:100%;
  height:450px;
  position: absolute;
  top:0;
  left:0;
  right:0;
  background:#000;
  z-index: -1;
}
.bnrArea {
  margin-bottom:80px;
}
.bnrArea .btn {
  margin:0 0 40px;
  padding:40px 0;
  border-radius: 3px;
  background:#e4e4e4;
  box-shadow:0 3px 3px rgba(0,0,0,0.2);
}
#top .topInfo h2 {
  text-align: left;
}
.topInfo h2 span {
  display: block;
  margin:10px 0 0;
  font-size:54%;
  font-weight: normal;
}
.topInfo .topInfo-head a {
  max-width:320px;
  padding:7px 70px;
  border:solid 2px #000;
  display: block;
  text-align: center;
  box-sizing: border-box;
}
.topInfo ul li {
  border-top:solid 1px #ccc;
  background
}
.topInfo ul li:last-child {
  border-bottom:solid 1px #ccc;
}
#collapseExample ul li:first-child {
  border:none;
}
.topInfo ul li a {
  padding:40px 0;
  background:url(../images/top/icon_arrow.png) no-repeat center right;
  display: block;
}
.topInfo ul li .date {
  margin:0 50px 10px 0;
}
.topInfo ul li .text {
  margin:0 50px 0 0;
}
.topManufacturers .container .row > div {
  margin-bottom: 30px;
}

/* ================ japan.html ================ */
#right {
  text-align: left;
}
h2.title {
  margin:0 0 30px;
}
h3.title01 {
  margin:0 0 20px;
}
.productList article {
  margin:0 auto 30px;
}
.productList a {
  font-size:11px;
  display: block;
}
.productList #topicPath a {
  display: inline;
}
.productList ul {
  border-right:solid 2px #676767;
}
.productList ul:last-child {
  border:none;
}
.productList ul li {
  margin:10px 0;
}
.productList ul li a {
  display: flex;
  align-items: center;
}
.productList ul li .imgBox {
  overflow: hidden;
  width: 34px;
  height: 34px;
  margin:0 18px 0 0;
  position: relative;
}
.productList ul li .imgBox img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  border: 1px solid #ccc;
}
.productList ul li .textBox {
  line-height: 1.4;
}

/* ================ custom/index.html ================ */
.customList article {
  margin:0 auto 30px;
}
.customList ul li {
  margin:0 0 20px;
  text-align: center;
}
/*
.customList ul li img {
  max-width:340px;
}
*/
#anchorHarley {
  margin-top: -80px;
  padding-top: 80px;
}

/* ================ Custom Detail ================ */
.customDetail {
  margin: 0 0 20px 0;
  font-size: 12px;
  line-height: 1.6;
  text-align: left;
}
.customDetail .productName {
  font-size: x-large;
  font-weight: bold;
  text-decoration: underline;
}
.customDetail .productName span {
  font-size: small;
}
.customDetail .priceWarning {
  font-size: 12px;
  font-weight: bold;
  color:#f00;
}
.customDetail .title01 {
  margin: 0 0px 10px 0;
  padding: 5px 15px 5px 15px;
  background: url(../images/common/bg02.png);
  line-height: 1.4;
}
.customDetail .title01 span {
  padding: 0 0 0 10px;
  border-left: 3px solid #000;
  display: block;
  color: #000;
  font-weight: bold;
}
.customDetail .productDetailBox {
  border-bottom: 1px dotted #989898;
}
.customDetail .productDetailBox p {
  margin: 10px 0 0;
  padding: 0px 10px 10px;
}
.customDetail .productDetailBox dl {
  margin: 10px 0 0;
  padding: 0px 10px 10px;
}
.customDetail .productInfo {
  padding: 0px 10px 20px 10px;
}
.customDetail .productInfo .number {
  color: rgb(0, 0, 128);
  font-weight: bold;
}
.customDetail .productInfo .price {
  margin-left: 20px;
  color: rgb(255, 0, 0);
  font-size: large;
  font-weight: bold;
}
.customDetail .productInfo .code {
  margin-left: 20px;
}
.customDetail .textRed{
    color: #ff0000;
    font-weight: bold;
}

.customDetail .textBlue{
    color: #0080ff;
    font-weight: bold;
}

.customDetail .usbportArea h3{
    text-align: center;
    color: #f00;
    font-weight: bold;
}
.customDetail .usbportArea h4{
    line-height: 1.6;
    font-weight: bold;
    font-size: 0.8rem;
}
.customDetail .usbportArea p{
    margin: 0;
}
.customDetail .usbportArea>div{
    background-image: url(http://ww2.tk-kijima.co.jp/images/custom/bg04.png);
    background-repeat: repeat;
    padding: 20px;
    margin: 20px;
}

.customDetail .yellowBack{
    background-color: #FFFFDD;
    margin: 10px auto;
    padding: 2px 6px;
    width: 90%;
}

.customDetail table{
    width: 90%;
    margin: 0 auto;
}
.customDetail tbody{
    line-height: 2;
}

.customDetail th{
    background-color: #f00;
    color: #fff;
    text-align: center;
    border: 1px solid #000;
}
.customDetail td{
    border: 1px solid #000;
    padding: 0 20px;
}


/* ================ company/index.html ================ */
.company table tr th {
  width: 20%;
  background-color: #000;
  border:solid 1px #999;
  color:#fff;
  text-align: center;
}
.company table tr td {
  border:solid 1px #999;
}
.company .title01 {
  margin:30px auto 20px;
}
.bg02 {
  padding: 5px 15px 5px 15px;
}
.ggmap {
  position: relative;
  padding-bottom: 35.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  width: 90%;
  height: 100%;
}

/* ================ catalog/index.html ================ */
.catalog .seigoList {
  margin: 0 0 30px 0;
  padding: 10px 10px 10px 10px;
  background-image: url(../image/common/bg03.png);
}
.catalog .seigoList li {
  margin: 0 0 5px 0;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px dotted #989898;
}
.catalogDetail table tr td {
  border:solid 1px #ccc;
  word-break: break-all;
}

/* ================ topics ================ */
.topics .topicsList {
  min-height: 200px;
  margin:0 0 30px;
  background: url(../images/common/index_news_bg.jpg) no-repeat bottom right /contain;
}
.topics .topicsList li {
  margin: 0 0 10px 0;
  padding: 0px 0px 10px 0;
}
.news-detail-image {
  margin:0 0 20px;
  text-align:center;
}

/*-----------------------------------------------------
  search_navi (Pagenation)
----------------------------------------------------**/
#search_navi {
  text-align: center;
  padding: 20px 0 0;
}
#search_navi li {
  display: inline-block;
 *display: inline;
 *zoom: 1;
  border: #cccccc solid 1px;
  padding: 0;
  width: 26px !important;
}
#search_navi li a {
  display: block;
  padding: 4px !important;
  background: #FFF;
}
#search_navi li.on a {
  background: #FDDAC8;
  color: #000;
}
#search_navi li a:hover {
  background: #FDDAC8;
  color: #ffffff;
}

/* ================ Shopinfo================ */
/*
#hokkaido, #aomori, #iwate, #akita, #miyagi, #yamagata, #fukushima, #ibaraki, #tochigi, #gunma, #saitama, #chiba, #tokyo, #kanagawa, #niigata, #toyama, #ishikawa, #fukui, #yamanashi, #nagano, #gifu, #shizuoka, #aichi, #mie, #shiga, #nara, #wakayama, #kyoto, #osaka, #hyogo, #okayama, #hiroshima, #tottori, #shimane, #yamaguchi, #kagawa, #tokushima, #ehime, #kochi, #fukuoka, #saga, #nagasaki, #oita, #kumamoto, #miyazaki, #kagoshima, #okinawa{
  margin-top:-70px;
  padding-top:70px;
}
*/
.shopinfo h3.title01 {
    margin: 40px 0 0;
}

/* ================ kiss Racing ================ */
.kiss ul li {
  margin:0 0 20px;
}

/* ================ Sitemap ================ */
#smap .col-6 {
  margin:0 0 20px;
  padding:20px 0 0;
  border-top:solid 1px #333;
}
#smap h3 {
  margin:0 0 7px;
}

/* ================ Q&A ================ */
.qaList .row {
  margin-left:0;
  margin-right:0;
}
.qaList ul li {
  padding:20px 0;
  border-bottom:solid 1px #333;
}
.qaList .qaMark {
  text-align:center;
  font-size:3em;
  font-weight:bold;
}

/* ================ Contact ================ */
.enqForm {
  margin:40px 0 0;
}
.enqForm table {
  width:100%;
}
.enqForm .enqRequire {
  color:#f00;
}
.enqForm .error {
  color:#f00;
}
.headerMessage {
  display: none;
}

/* ================ Maintenance ================ */
.pageIEAdjust {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.pageWrapper {
  min-height: 100vh;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
#maintenance {
  flex-grow:1;
  display: flex;
  align-items: center;
}
#maintenance p {
  margin:0 auto;
  font-size:1.2rem;
}
#maintenanceFooter {
  padding:20px 0;
}
#maintenanceFooter .footerHead {
  margin: 0; 
}

.fa-twitter_2{background: url(/images/cmn/x-twitter.svg) no-repeat; background-size: cover;}
.fa-twitter_2:before{opacity: 0;}

/* =========================================
  Extra large devices (large desktops, 1200px and up)
========================================= */
@media (min-width: 992px) {
  .productDropdown .dropdown:hover .dropdown-menu {
      display: block;
  }
}


/* =========================================
  Large devices (desktops, 992px and up)
========================================= */
@media (max-width: 991px) {
  #navbarNavDropdown {
    background:#fff;
  }
  header .nav-link::after, header .dropdown .nav-link::after {
    width: 0;
    height: 0;
    background: none;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .3s;
  }
  header .dropdown .btn:focus {
    box-shadow:none;
  }
  .navbar-nav {
    width:100%;
  }
 /*.dropdown {
    display: none;
  }*/
  .spSearch {
    display: flex;
    width:100%;
    padding: 10px 0;
  }
  .spSearch input {
    flex-grow: 2;
  }
  .spSearch button {
    border:none;
    background:none;
  }
  .topPickup ul li {
    flex: 0 0 50%;
  }
  .topInfo .topInfo-head a {
    padding: 7px 40px;
  }

  /* ================ Shopinfo================ */
  .shopinfoMap {
    margin: 20px 0;
    background:#f3f3f3;
  }
  .shopinfoMap .areaTitle {
    border-top: solid 2px #fff;
  }
  .shopinfoMap .areaTitle a {
    padding:10px 0 12px;
    display:block;
    color:#333;
    text-align:center;
    font-weight:bold;
  }
  .shopinfoMap .collapse ul li {
    border-top: dotted 1px #fff;
  }
  .shopinfoMap .collapse ul li a {
    padding:10px 0 12px;
    display:block;
    color:#333;
    text-align:center;
  }
  .shopinfoMap .collapsing ul li {
    border-top: dotted 1px #fff;
  }
  .shopinfoMap .collapsing ul li a {
    padding:10px 0 12px;
    display:block;
    color:#333;
    text-align:center;
  }
}


/* =========================================
  Medium devices (tablets, 768px and up)
========================================= */
@media (max-width: 767px) {
  body {
    font-size: 14px;
  }
  header select {
    border:solid 1px #999;
  }
  footer .footerHead h2 {
    margin:0 0 30px;
    text-align: center;
  }
  footer .footerBody .container {
    max-width:100%;
    margin:0;
    padding:0;
  }
  footer .footerBody .container li {
    border-top:solid 1px #fff;
  }
  footer .footerBody .container li a {
    padding:12px 0 10px;
    display: block;
    text-align: center;
  }
  footer .footerBody .container li ul li:first-child {
    border-top:none;
  }
  footer .footerBody .container li .collapse ul li {
    border:none;
    border-top:dotted 1px #fff;
  }
  footer .footerBody {
    padding: 0;
    border-bottom: solid 1px #fff;
  }
  .noLink {
    padding:12px 0 10px;
    text-align:center;
  }
  .topBrand .container .row div {
    margin:0 0 30px;
  }
  #top article {
    margin-bottom: 40px;
  }
  .carousel-indicators li {
    width: 8px;
    height: 8px;
  }
  .topProducts .left {
    padding: 40px 0;
  }

  /* ================ Japan ================ */
  h2.title {
    padding: 20px 0 0 10px;
    font-size: 0.9rem;
  }
  .productList ul:last-child {
    border-right: solid 2px #676767;
  }
  .productList ul:nth-child(2n) {
    border-right: none;
  }

  /* ================ company/index.html ================ */
  .ggmap {
    padding-bottom: 56.25%;
  }
  .ggmap iframe, .ggmap object, .ggmap embed {
    margin: 20px auto 0;
  }

  /* ================ topics/index.html ================ */
  .topics .topicsList .topicsDate {
    margin:0 0 10px;
  }

  /* ================ contact ================ */
  .enqForm table tr th {
    font-size:84%;
  }
  .enqForm table tr td input {
    font-size:90%;
  }
  .enqForm table tr td select {
    font-size:90%;
  }
  .enqForm table tr td textarea {
    font-size:90%;
  }
}


/* =========================================
  Small devices (landscape phones, 576px and up)
========================================= */
@media (max-width: 575px) {
  .sp {
    display: block;
  }
  .topInfo .topInfo-head a {
    margin:0 auto 30px;
  }
  .topProducts .left {
    padding: 40px 0;
  }
  .topProducts .right {
    height: 300px;
  }

  /* ================ contact ================ */
  .enqForm table {
    display: block;
  }
  .enqForm table tbody {
    display: block;
  }
  .enqForm table tbody tr th {
    text-align: left;
  }
  .enqForm table tr {
    display: block;
  }
  .enqForm table tr th {
    display: block;
  }
  .enqForm table tr td {
    display: block;
  }
  .enqForm table tfoot {
    display: block;
  }
}