@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Open+Sans:700&display=swap");
@import url(//use.fontawesome.com/releases/v5.2.0/css/all.css);
/* @import "scss/_fontawesome-all.min"; */
/*@include incSmoothing();*/
* {
  font-weight: normal;
}

.contents {
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*
    a {
    color: $colorPrimary;
    text-decoration: underline!important;
    @include incSmoothing();
    &:hover {
    text-decoration: none!important;
  }
  }
    */
}

.red {
  color: red;
}

#breadChumbs sub,
section sub {
  bottom: 0 !important;
}

/*----------------------------------------------------
☆Common
----------------------------------------------------*/
.anchorPointPd {
  margin-top: -220px;
  padding-top: 220px;
}
@media screen and (max-width: 768px) {
  .anchorPointPd {
    margin-top: -160px;
    padding-top: 160px;
  }
}

.anchorPointPdHead03 {
  margin-top: -170px;
  padding-top: 170px;
}
@media screen and (max-width: 768px) {
  .anchorPointPdHead03 {
    margin-top: -140px;
    padding-top: 140px;
  }
}

.stickyJs {
  position: -webkit-sticky;
  position: sticky;
}
.stickyJs:before, .stickyJs:after {
  content: "";
  display: table;
}

.cnav-area {
  background-color: #000;
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 10;
  width: 100%;
}
.cnav-area ul {
  display: table;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  height: 10px;
  overflow: hidden;
  width: 100%;
}
.cnav-area ul li {
  border-left: 1px solid #666;
  display: table-cell;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
.cnav-area ul li a {
  background-color: #333;
  color: #FFF;
  display: block;
  padding: 10px;
  transition: 0.2s;
  width: 100%;
}
.cnav-area ul li a:hover {
  background-color: #000;
}

.search-area {
  background-color: #FFF;
  border-radius: 0 0 7px 7px;
  padding: 10px 10px 10px 15px;
  position: absolute;
  z-index: 9;
  right: 20px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
}
.search-area p {
  font-size: 15px;
    text-align: right;
    display: flex;
    white-space: nowrap;
    align-items: center;
}
.search-area p input[type=text] {
  background-color: #FFF;
  border: 1px solid #DDD;
  display: inline-block;
  height: 35px;
  margin: 0 7px 0 8px;
  vertical-align: middle;
  width: 210px;
}
.search-area p input[type=submit] {
  background: url("/japan/common/img/products/btn_search.png") left top no-repeat;
  font-size: 0;
  vertical-align: middle;
  height: 35px;
  width: 35px;
    margin-right: 7px;
}

.title-area {
  background: url("/japan/common/img/products/bg_titlearea.png") center center no-repeat #006ABB;
  padding: 0 20px;
  margin-top: 104px;
}
.title-area .title {
  color: #FFF;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
  padding: 50px 20px 5px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.title-area .title.title-products-detail {
  visibility: hidden;
}
.title-area .title:before {
  content: attr(data-text);
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0.15em;
}
.title-area #breadChumbs {
  background-color: transparent;
  color: #FFF;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.title-area #breadChumbs p {
  max-width: 1460px;
  padding: 0 0 5px;
}
.title-area #breadChumbs p a {
  color: #FFF;
}
.title-area #breadChumbs p .arrow {
  margin: 0 5px;
}

#page-top {
  z-index: 10;
}

#breadChumbs {
  position: relative;
}

.cAccordion {
  display: none;
  margin-left: 130px;
  padding-top: 10px;
  position: absolute;
  top: 25px;
  z-index: 10;
}
.cAccordion .cAccordionInr {
  background-color: #333;
  display: block;
  padding: 15px;
  width: 250px;
}
.cAccordion .cAccordionInr :before {
  content: "";
  position: absolute;
  top: -8px;
  left: 17%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom: 10px solid #333;
}
.cAccordion .cAccordionInr a {
  display: block;
  padding: 3px;
}

.accSwitch:hover .cAccordion {
  display: block;
}

/*----------------------------------------------------
☆Products
----------------------------------------------------*/
#modal-icons table .iconType {
  display: block;
  font-feature-settings: "palt";
}
#modal-icons table img {
  width: 50px;
  height: auto;
}
#modal-icons table .new,
#modal-icons table .discontinued,
#modal-icons table .limitedstock {
  display: inline-block;
  min-width: 50px;
  padding: 5px 7px;
  border-radius: 2px;
  color: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
#modal-icons table .new {
  background-color: #E10000;
}
#modal-icons table .discontinued {
  background-color: #888;
}
#modal-icons table .limitedstock {
  background-color: #FFF;
  border-style: solid;
  border-width: 2px;
  border-color: #E10000;
  color: #E10000;
}
.contents {
  padding: 0 0 60px;
}
.contents:before {
  background-color: #006ABB;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 160px;
  width: 100%;
}
.contents.topContents {
  padding: 0;
}
.contents.topContents:before {
  display: none;
}
.contents .contentsInr {
  background-color: #FFF;
  border-radius: 1px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  max-width: 1460px;
  padding: 60px;
  position: relative;
  z-index: 3;
}

p.pCat {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 3px;
}

h1.pName {
  font-family: "Arial Bold", "Arial", sans-serif;
  font-weight: bold;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.2;
  margin-bottom: 10px;
}
h1.pName .pKana {
  display: block;
  margin-top: 10px;
  font-size: 1.3rem;
}

h1.pName .new,
h1.pName .end,
.pStatus .new,
.pStatus .end,
.pStatus .limited_stock_flag
{
  display: inline-block;
  padding: 4px 10px;
  border-radius: 2px;
  color: #FFF;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  vertical-align: middle;
  font-weight: bold;
}
h1.pName .new,
.pStatus .new {
  background-color: #E10000;
}
h1.pName .new + .end,
.pStatus .new + .end {
  margin-left: 3px;
}
h1.pName .end,
.pStatus .end {
  background-color: #888;
}
.pStatus .limited_stock_flag {
  background-color: #FFF;
  border-style: solid;
  border-width: 2px;
  border-color: #E10000;
  color: #E10000;
}
.pStatus {
  margin-top: 10px;
}

.pFlex {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

/* .pFlex {
  width: 100%;
} */

.pData {
  display: block;
  margin: 0 50px 0 0;
  max-width: 420px;
  min-width: 320px;
  width: 28%;
}

/* .pData {
  display: block;
  margin: 0 50px 0 0;
  width: 100%;
} */
.pData .stickyJs {
  position: -webkit-sticky;
  position: sticky;
  top: 130px;
  padding-bottom: 50px;
  z-index: 3;
}
.pData .img {
  background-position: center center;
  background-repeat: no-repeat;
  /*
  background-size: cover;
  */
  margin-bottom: 5px;
}
.pData .img img {
  height: auto;
  max-height: 220px;
  width: 100%;
}
.pData .data dl {
  border: 3px double #DDD;
  margin-right: 10px;
  padding: 12px 10px 12px 20px;
  display: block;
  margin-bottom: 10px;
}
.pData .data dl dt {
  color: #006ABB;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px;
  vertical-align: middle;
}
.pData .data dl dd {
  display: block;
  vertical-align: middle;
}
.pData .data dl dd ul li {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  position: relative;
  padding-left: 1.2em;
}
.pData .data dl dd ul li:before {
  content: "●";
  color: #006ABB;
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  position: absolute;
  left: 0;
  top: 0.1em;
}
.pData .data table {
  border-collapse: separate;
  border-spacing: 5px;
  border: 1px;
  margin-left: -5px;
  width: 100%;
}
.pData .data table th {
  background-color: #C6C6C6;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  border: none;
  padding: 7px;
}
.pData .data table td {
  background-color: #EEEEEE;
  border: none;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 7px;
}
.pData .data p.more {
  font-size: 11px;
  text-align: right;
  margin: 0 10px 10px 0;
}
.pData .data p.more a {
  color: #006ABB;
  text-decoration: underline;
}
.pData .data ul.tags {
  margin-bottom: 20px;
}
.pData .data ul.tags li {
  display: inline-block;
  font-size: 13px;
  margin: 5px 5px 0 0;
}
.pData .data ul.tags li a {
  border: 1px solid #E0E0E0;
  border-radius: 30px;
  display: inline-block;
  line-height: 1;
  min-width: 100px;
  padding: 7px 30px 7px 20px;
  position: relative;
  text-align: center;
  transition: 0.2s;
}
.pData .data ul.tags li a:after {
  border: 1px solid;
  border-color: #006ABB #006ABB transparent transparent;
  content: "";
  display: inline-block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  position: absolute;
  right: 15px;
  top: 38%;
}
.pData .data ul.tags li a:hover {
  box-shadow: 0 0 10px #EEE;
  color: #006ABB;
}
.pData .data ul.icons {
  margin-bottom: 15px;
}
.pData .data ul.icons li {
  display: inline-block;
  margin: 7px 7px 0 0;
}
.pData .data ul.icons li img {
  display: block;
  height: auto;
  max-width: 30px;
  width: 100%;
}
.pData .data ul.icons li a {
  color: #006ABB;
  font-size: 11px;
}
.pData .data p.iconD {
  font-size: 12px;
  margin-bottom: 20px;
}
.pData .data p.iconD a {
  color: #006ABB;
  text-decoration: underline;
}

.pData .data p.lang_head {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
}
.pData .data ul.lang_list {
    font-size: 1.3rem;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
.pData .data ul.lang_list li{
    background-color: #006ABB;
    padding: 4px;
    margin: 2px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3em;
}
.pData .data ul.lang_list li.none{
    background-color: #999;
    width: 100px;
}

.pDetail {
  width: 72%;
}

/* .pDetail {
  width: 100%;
} */

.spVi {
  display: none;
}

.productsTab {
  background-color: #FFF;
  padding: 20px 0 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 106px;
  z-index: 3;
}
.productsTab:after {
  background-color: #DDD;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}
.productsTab ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.productsTab ul li {
  display: flex;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-bottom: 1px solid #FFF;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4;
  margin: 0 1px;
  flex: auto;
}
.productsTab ul li a, .productsTab ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600 !important;
  text-align: center;
  min-height: 60px;
  position: relative;
  transition: 0.2s;
  width: 100%;
}
.productsTab ul li a:hover, .productsTab ul li span:hover {
  color: #006ABB;
}
.productsTab ul li.current {
  z-index: 3;
}
.productsTab ul li.current a {
  color: #006ABB;
}
.productsTab ul li.current a:after {
  background-color: #006ABB;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.productsTab ul li.none {
  background-color: #EEE;
}
.productsTab ul li.none a, .productsTab ul li.none span {
  color: #999;
  cursor: default;
}

.editorArea {
  margin: 60px auto 0;
  max-width: 1200px;
  padding: 0 10px;
}
.editorArea p, .editorArea li {
  font-size: 16px;
  font-size: 1.6rem;
}
.editorArea a {
  color: #006ABB;
  text-decoration: underline;
}
.editorArea a:hover {
  text-decoration: none;
}
.editorArea section {
  margin-bottom: 60px;
}
.editorArea section:last-child {
  margin-bottom: 0;
}
.editorArea .sizeS {
  font-size: 13px;
  font-size: 1.3rem;
}
.editorArea .red {
  color: red;
}
.editorArea .bold {
  font-weight: bold;
}

/*----------------------------------------------------
☆movie
----------------------------------------------------*/
.movieSearch {
  background-color: #F7F7F5;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 40px 35px;
}
.movieSearch h2 {
  color: #006ABB;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.movieSearch .msKeyword {
  width: 33%;
}
.movieSearch .msKeyword input[type=text] {
  background-color: #FFF;
  border: 1px solid #DDD;
  display: inline-block;
  font-size: 13px;
  height: 35px;
  margin: 0 7px 0 0;
  vertical-align: middle;
  width: calc(100% - 45px);
}
.movieSearch .msKeyword input[type=submit] {
  background: url("/japan/common/img/products/btn_search.png") left top no-repeat;
  font-size: 0;
  vertical-align: middle;
  height: 35px;
  width: 35px;
}
.movieSearch .msKeyword p.detailLink {
  padding-top: 10px;
}
.movieSearch .msKeyword p.detailLink a {
  color: #006ABB;
  text-decoration: underline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.movieSearch .msKeyword p.detailLink a:hover {
  text-decoration: none;
}
.movieSearch .msTag {
  border-left: 1px solid #CCC;
  padding-left: 3%;
  width: 64%;
}
.movieSearch .msTag ul li {
  display: inline-block;
  line-height: 1;
}
.movieSearch .msTag ul li a {
  background-color: #FFF;
  border: 1px solid #CCC;
  border-radius: 3px;
  color: #333;
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 7px 10px;
  transition: 0.2s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.movieSearch .msTag ul li a:hover {
  color: #006ABB;
}
.movieSearch .msTag ul li a.current {
  background-color: #006ABB;
  border: 1px solid #006ABB;
  color: #FFF;
  font-weight: bold;
}

.msHd {
  border-bottom: 3px solid #D9D9D9;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 500;
  margin-bottom: 30px;
  padding-bottom: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.movieTab {
  background-color: #FFF;
  margin-bottom: 10px;
  padding: 0 0 20px 10px;
  position: relative;
  z-index: 3;
}
.movieTab:after {
  background-color: #DDD;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}
.movieTab ul {
  display: flex;
  align-items: center;
  width: 100%;
}
.movieTab ul li {
  display: flex;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-bottom: 1px solid #FFF;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.4;
  margin: 0 10px 0 0;
  min-width: 180px;
}
.movieTab ul li a, .movieTab ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600 !important;
  text-align: center;
  min-height: 60px;
  position: relative;
  transition: 0.2s;
  width: 100%;
  padding: 0 15px;
}
.movieTab ul li a:hover, .movieTab ul li span:hover {
  color: #006ABB;
}
.movieTab ul li.current {
  z-index: 3;
}
.movieTab ul li.current a {
  color: #006ABB;
}
.movieTab ul li.current a:after {
  background-color: #006ABB;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.movieTab ul li.none {
  background-color: #EEE;
}
.movieTab ul li.none a, .movieTab ul li.none span {
  color: #999;
  cursor: default;
}

.movieList {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.movieList ul {
  display: flex;
  flex-wrap: wrap;
}
.movieList ul li {
  margin: 15px 1% 25px;
  position: relative;
  width: 23%;
}
.movieList ul li .img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 10px;
}
.movieList ul li .img a {
  display: block;
  position: relative;
}
.movieList ul li .img a img {
  height: auto;
  width: 100%;
}
.movieList ul li .img a:before {
  background: rgba(0, 0, 0, 0.05);
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.2s;
}
.movieList ul li .img a:after {
  background: url("../img/products_videos/icon_play.png") center center no-repeat;
  background-size: 40px auto;
  content: "";
  display: block;
  height: 52px;
  width: 52px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.5;
  transition: 0.2s;
}
.movieList ul li .img a:hover:after {
  background-size: 52px auto;
  opacity: 1;
}
.movieList ul li .img a:hover:before {
  background: rgba(0, 0, 0, 0.2);
}
.movieList ul li h3 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 8px;
}
.movieList ul li p.txt {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 8px;
}
.movieList ul li p.link {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-left: 0;
}
.movieList ul li p.link a {
  color: #006ABB;
  text-decoration: underline;
}
.movieList ul li p.link a:hover {
  text-decoration: none;
}
.movieList ul li.new:after {
  background-color: #E10000;
  content: "NEW";
  color: #FFF;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.06em;
  padding: 5px 8px;
  position: absolute;
  top: 0;
  left: 10px;
  border-radius: 0 0 3px 3px;
}

/*----------------------------------------------------
☆category
----------------------------------------------------*/
.categoryList ul {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.categoryList ul li {
  margin: 0 1% 50px;
  width: 23%;
}
.categoryList ul li a {
  transition: 0.2s;
}
.categoryList ul li a .img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 1px solid #EEE;
  line-height: 0;
  position: relative;
}
.categoryList ul li a .img:after {
  border: 1px solid #DDD;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  transition: 0.2s;
}
.categoryList ul li a .img img {
  height: auto;
  width: 100%;
}
.categoryList ul li a .name {
  font-size: 18px;
  font-size: 1.8rem;
  padding-top: 7px;
}
.categoryList ul li a:hover {
  color: #006ABB;
}
.categoryList ul li a:hover .img:after {
  border: 10px solid rgba(0, 0, 0, 0.05);
}

.categoryList2 ul {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.4%;
}
.categoryList2 ul li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0.4% 0.7vw;
  text-align: center;
  width: 24.2%;
}
.categoryList2 ul li a {
  border: 1px solid #DDD;
  display: block;
  padding: 1.4vw 7px;
  height: 100%;
  transition: 0.2s;
}
.categoryList2 ul li a:hover {
  background-color: #006ABB;
  color: #FFF;
}
.categoryList2 ul li.current a {
  background-color: #006ABB;
  color: #FFF;
}

.categoryList2Sp {
  background-color: #EEE;
  display: none;
  margin-bottom: 10px;
  padding: 15px;
}
.categoryList2Sp p {
  font-weight: 600;
  margin-bottom: 5px;
}
.categoryList2Sp select {
  width: 100%;
}

.categorySearch {
  padding-top: 40px;
}
.categorySearch h1 {
  color: #006ABB;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 600;
  margin-bottom: 40px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.categorySearch h1 span {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
}
.categorySearch .categoryHead {
  border-bottom: 2px solid #006ABB;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.categorySearch .categoryHead #allSwitch {
  background-color: #888;
  border-radius: 5px;
  cursor: pointer;
  color: #FFF;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  margin-left: 20px;
  padding: 9px 25px;
  vertical-align: middle;
}
.categorySearch .tabMenu ul {
  display: flex;
  flex-wrap: wrap;
}
.categorySearch .tabMenu ul li {
  border: 1px solid #DDD;
  background-color: #FFF;
  cursor: pointer;
  color: #888;
  display: flex;
  align-items: flex-start;
  margin: 0 0.5% 0.6vw 0;
  transition: 0.2s;
  padding: 15px;
  width: 33%;
  position: relative;
}
.categorySearch .tabMenu ul li:after {
  border: 1px solid rgba(0, 103, 190, 0);
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  transition: 0.2s;
}
.categorySearch .tabMenu ul li .img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  line-height: 0;
  opacity: 0.7;
  transition: 0.2s;
  width: 17%;
}
.categorySearch .tabMenu ul li .img img {
  height: auto;
  width: 100%;
}
.categorySearch .tabMenu ul li .data {
  padding: 0 0 0 20px;
  width: 83%;
}
.categorySearch .tabMenu ul li .data h3 {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 2px;
}
.categorySearch .tabMenu ul li .data p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
}
.categorySearch .tabMenu ul li:nth-child(3n) {
  margin-right: 0;
}
.categorySearch .tabMenu ul li:hover {
  border: 1px solid rgba(0, 103, 190, 0.8);
  color: #333;
  opacity: 1;
}
.categorySearch .tabMenu ul li:hover .img {
  opacity: 1;
}
.categorySearch .tabMenu ul li.current {
  color: #333;
  opacity: 1;
}
.categorySearch .tabMenu ul li.current .img {
  opacity: 1;
}
.categorySearch .tabMenu ul li.current h3 {
  color: #006ABB;
}
.categorySearch .tabMenu ul li.current:after {
  border: 6px solid rgba(0, 103, 190, 0.8);
}
.categorySearch .searchHead {
  background-color: #006ABB;
  color: #FFF;
  font-size: 26px;
  font-size: 2.6rem;
  margin: 30px 0;
  padding: 15px 20px 12px;
  position: relative;
}
.categorySearch .searchHead:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 10%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-bottom: 20px solid #006ABB;
}
.categorySearch .searchHead span {
  font-size: 20px;
  font-size: 2rem;
  margin-left: 20px;
}
.categorySearch ul.result .data,
.categorySearch ul.searchResult .data {
  width: 70%;
  padding: 0 0 0 20px;
}
.categorySearch ul.result .data .type,
.categorySearch ul.searchResult .data .type {
  display: inline-block;
  padding: 2px 5px;
  background-color: #006ABB;
  color: #fff;
}
.categorySearch ul.result .data h3,
.categorySearch ul.searchResult .data h3 {
  font-family: "Arial Bold", "Arial", sans-serif;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.5;
}
.categorySearch ul.result .data h3 a,
.categorySearch ul.searchResult .data h3 a {
  font-weight: bold;
}
.categorySearch ul.result .data h3 .katakana,
.categorySearch ul.searchResult .data h3 .katakana {
  font-size: 15px;
  font-weight: bold;
  margin-left: 7px;
}
.categorySearch ul.result .data h3 .new,
.categorySearch ul.searchResult .data h3 .new {
  display: inline-block;
  background-color: #E10000;
  border-radius: 2px;
  color: #FFF;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  margin: 5px 0 8px 3px;
  padding: 4px 10px;
  vertical-align: middle;
  font-weight: bold;
}
.categorySearch ul.result .data h3 .end,
.categorySearch ul.searchResult .data h3 .end {
  display: inline-block;
  background-color: #888;
  border-radius: 2px;
  color: #FFF;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  margin: 5px 0 8px 3px;
  padding: 4px 10px;
  vertical-align: middle;
  font-weight: bold;
}
.categorySearch ul.result .data h3 .limited_stock_flag,
.categorySearch ul.searchResult .data h3 .limited_stock_flag {
  display: inline-block;
  background-color: #FFF;
  border-style: solid;
  border-width: 2px;
  border-color: #E10000;
  border-radius: 2px;
  color: #E10000;
  font-size: 1.2rem;
  line-height: 1;
  padding: 4px 10px;
  vertical-align: middle;
  font-weight: bold;
  margin: 5px 0 8px 3px;
}
.categorySearch ul.result .data h3 .date_start,
.categorySearch ul.searchResult .data h3 .date_start {
  display: block;
  margin-left: 0;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: inherit;
}
.categorySearch ul.result ul.icons,
.categorySearch ul.searchResult ul.icons {
  display: flex;
  padding-top: 10px;
}
.categorySearch ul.result ul.icons li,
.categorySearch ul.searchResult ul.icons li {
  margin-right: 5px;
}
.categorySearch ul.result ul.icons li img,
.categorySearch ul.searchResult ul.icons li img {
  height: auto;
  width: 100%;
  max-width: 30px;
}
.categorySearch ul.searchResult {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: -20px -15px 0;
}
.categorySearch ul.searchResult > li {
  margin-top: 20px;
  padding: 0 15px;
  width: 50%;
}
.categorySearch ul.searchResult .searchResultItem {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 15px;
  height: 100%;
  border: 1px solid #DDD;
  transition: 0.2s;
}
.categorySearch ul.searchResult .searchResultItem:hover {
  border-color: #006ABB;
}
.categorySearch ul.searchResult .searchResultItem a {
  transition: 0.2s;
}
.categorySearch ul.searchResult .searchResultItem a:hover {
  color: #006ABB;
}
.categorySearch ul.searchResult .searchResultItem .linkImg {
  position: relative;
  width: 30%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  line-height: 0;
  transition: 0.2s;
}
.categorySearch ul.searchResult .searchResultItem .linkImg:hover {
  opacity: 0.8;
}
.categorySearch ul.searchResult .searchResultItem .linkImg .img img {
  height: auto;
  width: 100%;
}
.categorySearch ul.searchResult .searchResultItem .linkImg .img_parts img,
.categorySearch ul.searchResult .searchResultItem .linkImg .img_tips img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: auto;
}
.categorySearch ul.searchResult .searchResultItem .notes {
  margin-bottom: 5px;
  color: red;
}
.categorySearch ul.searchResult .searchResultItem .series,
.categorySearch ul.searchResult .searchResultItem .productNumber {
  font-weight: bold;
}
.categorySearch ul.searchResult .searchResultItem .notes,
.categorySearch ul.searchResult .searchResultItem .series,
.categorySearch ul.searchResult .searchResultItem .productNumber,
.categorySearch ul.searchResult .searchResultItem .price {
  font-size: 14px;
  font-size: 1.4rem;
}
.categorySearch ul.searchResult .searchResultItem .price {
  margin-top: 5px;
  line-height: 1.4;
}
.categorySearch ul.searchResult .searchResultItem .applicableProducts {
  margin-top: 15px;
}
.categorySearch ul.searchResult .searchResultItem .applicableProducts dt {
  font-weight: bold;
}
.categorySearch ul.searchResult .searchResultItem .applicableProducts .applicableProductsList {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0 -10px;
}
.categorySearch ul.searchResult .searchResultItem .relatedLinks {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 15px -10px 0;
}
.categorySearch ul.searchResult .searchResultItem .relatedLinks li {
  width: 50%;
}
.categorySearch ul.searchResult .searchResultItem .relatedLinks li a {
  font-size: 13px;
  font-size: 1.3rem;
}
.categorySearch ul.searchResult .searchResultItem .relatedLinks li a:before {
  vertical-align: 1px;
}
.categorySearch ul.searchResult .searchResultItem .searchResulEshopBtn {
  margin-top: 15px;
}
.categorySearch ul.result {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: -20px -10px 20px;
}
.categorySearch ul.result > li {
  margin-top: 20px;
  padding: 0 10px;
  width: 33.33333%;
}
.categorySearch ul.result > li a {
  border: 1px solid #DDD;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  transition: 0.2s;
  padding: 10px;
  position: relative;
  height: 100%;
}
.categorySearch ul.result > li a:after {
  border: 1px solid rgba(0, 103, 190, 0);
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  transition: 0.2s;
}
.categorySearch ul.result > li a .img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  line-height: 0;
  transition: 0.2s;
  width: 35%;
}
.categorySearch ul.result > li a .img img {
  height: auto;
  width: 100%;
}
.categorySearch ul.result > li a .data dl {
  /* display: flex; */
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}
.categorySearch ul.result > li a .data dl dt {
  font-weight: 600;
}
.categorySearch ul.result > li a .data dl dd span {
  font-size: 12px;
}
.categorySearch ul.result > li:hover a {
  border: 1px solid #006ABB;
  color: #006ABB;
  opacity: 1;
}
.categorySearch ul.result > li:hover a .img {
  opacity: 1;
}
.categorySearch ul.result li.current {
  color: #333;
  opacity: 1;
}
.categorySearch ul.result li.current .img {
  opacity: 1;
}
.categorySearch ul.result li.current h3 {
  color: #006ABB;
}
.categorySearch ul.result li.current:after {
  border: 6px solid rgba(0, 103, 190, 0.8);
}
.categorySearch .head04 {
  margin-top: 40px;
}

.categorySearch.all .categoryHead #allSwitch {
  background-color: #006ABB;
}
.categorySearch.all .tabMenu ul li {
  border: 1px solid #006ABB;
  color: #333;
  opacity: 1;
}
.categorySearch.all .tabMenu ul li .img {
  opacity: 1;
}
.categorySearch.all .searchHead:before {
  display: none;
}
.categorySearch.all .searchHead span {
  display: none;
}

/*----------------------------------------------------
☆top
----------------------------------------------------*/
.topMv {
  margin-top: 104px;
}
.topMv .spHide {
  display: block;
}
.topMv img {
  height: auto;
  width: 100%;
}

.wrapTopSlider {
  margin-top: 105px;
}
.wrapTopSlider .bx-wrapper {
  border: none;
  margin-bottom: 0;
}
.wrapTopSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.wrapTopSlider .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #666;
}
.wrapTopSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}
.wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a {
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background: rgba(242, 242, 242, 0.7);
  transition: background 0.3s;
}
@media screen and (max-width: 768px) {
  .wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a {
    width: 30px;
    height: 40px;
    background: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
  }
}
.wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a:hover {
  background: #006ABB;
}
@media screen and (max-width: 768px) {
  .wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a:hover {
    background: transparent;
  }
}
.wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a:hover:after {
  border-color: #fff #fff transparent transparent;
}
@media screen and (max-width: 768px) {
  .wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a:hover:after {
    border-color: #006ABB #006ABB transparent transparent;
  }
}
.wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  border: 2px solid;
  border-color: #006ABB #006ABB transparent transparent;
  transition: border 0.3s;
}
@media screen and (max-width: 768px) {
  .wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a:after {
    width: 10px;
    height: 10px;
  }
}
.wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
  left: 0;
}
.wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:after {
  transform: rotate(-135deg) translate(-2px, 2px);
}
@media screen and (max-width: 768px) {
  .wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:after {
    transform: rotate(-135deg) translate(-1px, 2px);
  }
}
.wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
  right: 0;
}
.wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:after {
  transform: rotate(45deg) translate(-2px, 2px);
}
@media screen and (max-width: 768px) {
  .wrapTopSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:after {
    transform: rotate(45deg) translate(-1px, 2px);
  }
}
.wrapTopSlider .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
  vertical-align: middle;
}
.wrapTopSlider .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  border: 4px solid transparent;
  border-radius: 50%;
}
.wrapTopSlider .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  width: 14px;
  height: 14px;
  border: 3px solid #006ABB;
  background-color: transparent;
}
.wrapTopSlider .topSlider.bxslider img,
.wrapTopSlider .topSlider.bxslider video {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.topSearch {
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 50px;
}
.topSearch .search-area-top {
  background-color: #FFF;
  border-radius: 3px;
  margin: 0 auto;
  padding: 30px 60px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  max-width: 1200px;
}
.topSearch .search-area-top p {
  font-size: 20px;
  font-size: 2rem;
    display: flex;
    white-space: nowrap;
  align-items: center;
}
.topSearch .search-area-top p input[type=text] {
  background-color: #FFF;
  border: 1px solid #DDD;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  height: 54px;
  margin: 0 7px 0 20px;
  padding-left: 20px;
  vertical-align: middle;
  width: calc(100% - 380px);
}
.topSearch .search-area-top p input[type=submit] {
  background: url("/english/common/img/products/btn_top_search.png") left top no-repeat;
  font-size: 0;
  vertical-align: middle;
  height: 54px;
  width: 250px;
  transition: 0.2s;
}
.topSearch .search-area-top p input[type=submit]:hover {
  opacity: 0.7;
}

.topCategory {
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #EDEDEA;
  padding: 60px 50px 70px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.topCategory h2 {
  font-size: 40px;
  font-size: 4rem;
  margin-bottom: 50px;
  text-align: center;
}
.topCategory ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.topCategory ul li {
  width: 24%;
}
.topCategory ul li a {
  display: block;
}
.topCategory ul li a .img {
  margin-bottom: 10px;
  transition: 0.3s;
}
.topCategory ul li a .img img {
  height: auto;
  width: 100%;
}
.topCategory ul li a h3 {
  font-size: 18px;
  font-size: 1.8rem;
  transition: 0.3s;
}
.topCategory ul li a h3:before {
  border: 1px solid;
  border-color: #333 #333 transparent transparent;
  content: "";
  display: inline-block;
  height: 8px;
  margin-right: 10px;
  transform: rotate(45deg);
  vertical-align: 2px;
  width: 8px;
  transition: 0.3s;
}
.topCategory ul li a:hover .img {
  transform: scale(1.05, 1.05);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.topCategory ul li a:hover h3 {
  color: #006ABB;
}
.topCategory ul li a:hover h3:before {
  border-color: #006ABB #006ABB transparent transparent;
}
.topCategory .linkBtn {
  text-align: center;
}
.topCategory .linkBtn a {
  background-color: #FFF;
  border: 1px solid #DDD;
  display: inline-block;
  font-size: 17px;
  font-size: 1.7rem;
  min-width: 400px;
  padding: 18px;
  transform: scale(0.95, 0.95);
  transition: 0.3s;
}
.topCategory .linkBtn a:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  color: #006ABB;
  transform: scale(1, 1);
}

.topNews {
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #FFF;
  padding: 60px 50px 100px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.topNews .inr {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}
.topNews .inr h2 {
  font-size: 32px;
  font-size: 3.2rem;
  letter-spacing: 0.08em;
  margin-bottom: 15px;
}
.topNews .inr ul {
  border-top: 1px solid #C6C6C6;
}
.topNews .inr ul li {
  border-bottom: 1px solid #C6C6C6;
}
.topNews .inr ul li a {
  display: flex;
  padding: 20px 15px;
  transition: 0.3s;
}
.topNews .inr ul li a .date {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  width: 15rem;
}
.topNews .inr ul li a .category {
  border: 1px solid #333;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
  margin-right: 3rem;
  padding-top: 1px;
  width: 18rem;
  padding: 0 5px;
}
.topNews .inr ul li a .new {
  margin-left: 10px;
  line-height: 2;
  background: red;
  padding: 0 10px;
  color: #fff;
  letter-spacing: 0.06em;
  font-weight: bold;
}
.topNews .inr ul li a h3 {
  font-size: 16px;
  font-size: 1.6rem;
}
.topNews .inr ul li a:hover {
  background-color: #FCFCFC;
  color: #006ABB;
}
.topNews .inr ul li a:hover .category {
  border: 1px solid #006ABB;
}
.topNews .inr .linkBtn {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
}
.topNews .inr .linkBtn a {
  background-color: #333;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  padding: 8px 20px;
  position: absolute;
  top: 10px;
  right: 0;
  transition: 0.3s;
}
.topNews .inr .linkBtn a:hover {
  background-color: #666;
}

.topTopics {
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.topTopics ul {
  display: flex;
  flex-wrap: wrap;
}
.topTopics ul li {
  width: 33.33333%;
}
.topTopics ul li a {
  cursor: pointer;
  display: block;
  position: relative;
  overflow: hidden;
}
.topTopics ul li a .img {
  transform: scale(1.01, 1.01);
  transition: 1s;
}
.topTopics ul li a .img img {
  height: auto;
  width: 100%;
}
.topTopics ul li a h3 {
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFF;
  font-size: 22px;
  font-size: 2.2rem;
  padding: 10px 15px 10px 25px;
  transition: 0.3s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.topTopics ul li a h3:after {
  border: 2px solid;
  border-color: #FFF #FFF transparent transparent;
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  transform: rotate(45deg);
  vertical-align: 2px;
  width: 10px;
  transition: 0.3s;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -5px;
}
.topTopics ul li a:hover .img {
  transform: scale(1.1, 1.1);
}
.topTopics ul li a:hover h3 {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 15px 15px 15px 25px;
}

/*----------------------------------------------------
☆News
----------------------------------------------------*/
.newsList {
  background-color: #FFF;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.newsList .inr {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}
.newsList .inr h2 {
  font-size: 32px;
  font-size: 3.2rem;
  letter-spacing: 0.08em;
  margin-bottom: 15px;
}
.newsList .inr ul {
  border-top: 1px solid #C6C6C6;
}
.newsList .inr ul li {
  border-bottom: 1px solid #C6C6C6;
}
.newsList .inr ul li a {
  display: flex;
  padding: 20px 15px;
  transition: 0.3s;
}
.newsList .inr ul li a .date {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  width: 15rem;
}
.newsList .inr ul li a .category {
  border: 1px solid #333;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
  margin-right: 3rem;
  padding-top: 1px;
  width: 18rem;
}
.newsList .inr ul li a .new {
  background-color: #E10000;
  border-radius: 2px;
  color: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  margin-left: 10px;
  padding: 2px 10px;
}
.newsList .inr ul li a h3 {
  font-size: 16px;
  font-size: 1.6rem;
}
.newsList .inr ul li a:hover {
  background-color: #FCFCFC;
  color: #006ABB;
}
.newsList .inr ul li a:hover .category {
  border: 1px solid #006ABB;
}
.newsList .inr .linkBtn {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
}
.newsList .inr .linkBtn a {
  background-color: #333;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  padding: 8px 20px;
  position: absolute;
  top: 10px;
  right: 0;
  transition: 0.3s;
}
.newsList .inr .linkBtn a:hover {
  background-color: #666;
}

.newsTitle {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.04em;
  padding-bottom: 15px;
  position: relative;
}

.newsTitleData {
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-bottom: 1px solid #ECECEC;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.newsTitleData span.date {
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  margin-right: 20px;
}
.newsTitleData span.category {
  border: 1px solid #333;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
  margin-right: 3rem;
  padding-top: 1px;
  width: 18rem;
}

.newsEditor {
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.newsEditor h2 {
  color: #006ABB;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-bottom: 15px;
}
.newsEditor h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-bottom: 15px;
  padding: 0 0 0 20px;
  position: relative;
}
.newsEditor h3:before {
  background-color: #006ABB;
  border-radius: 5px;
  content: "";
  display: inline-block;
  height: 1.5em;
  width: 6px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}
.newsEditor h4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
.newsEditor p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  padding-bottom: 30px;
}
.newsEditor table {
  border-collapse: collapse;
  border-left: 1px solid #DDD;
  border-top: 1px solid #DDD;
  margin-bottom: 10px;
  width: 100%;
}
.newsEditor table th, .newsEditor table td {
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
  padding: 16px 25px;
  vertical-align: top;
  text-align: left;
}
.newsEditor table th {
  background-color: #F9F9F9;
}
.newsEditor table thead th {
  background-color: #006ABB;
  color: #FFF;
}

/*----------------------------------------------------
☆ROHS
----------------------------------------------------*/
a.anchorLink {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #E0E0E0;
  border-radius: 30px;
  color: #333;
  display: inline-block;
  line-height: 1;
  min-width: 100px;
  padding: 12px 50px 12px 30px;
  position: relative;
  text-align: center;
  transition: 0.2s;
}
a.anchorLink:after {
  border: 1px solid;
  border-color: #006ABB #006ABB transparent transparent;
  content: "";
  display: inline-block;
  height: 8px;
  transform: rotate(135deg);
  width: 8px;
  position: absolute;
  right: 20px;
  top: 38%;
}
a.anchorLink:hover {
  box-shadow: 0 0 10px #EEE;
  color: #006ABB;
}

a.normalLink {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #E0E0E0;
  border-radius: 30px;
  color: #333;
  display: inline-block;
  line-height: 1;
  min-width: 100px;
  padding: 12px 50px 12px 30px;
  position: relative;
  text-align: center;
  transition: 0.2s;
}
a.normalLink:after {
   border: 1px solid;
  border-color: #006ABB #006ABB transparent transparent;
  content: "";
  display: inline-block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  position: absolute;
  right: 20px;
  top: 38%;
}
a.normalLink:hover {
  box-shadow: 0 0 10px #EEE;
  color: #006ABB;
}

a.normalLinkRohs{
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #E0E0E0;
  color: #FFF;
  display: inline-block;
  line-height: 1;
  min-width: 100px;
  padding: 12px 50px 12px 30px;
  position: relative;
  text-align: center;
  transition: 0.2s;
  background: #006ABB;
  font-size: 20px;
  margin-top: 6px;
}
a.normalLinkRohs:after {
  border: 5px solid;
  border-color: #fff #fff transparent transparent;
  content: "";
  display: inline-block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  position: absolute;
  right: 20px;
  top: 38%;
}
a.normalLinkRohs:hover {
  color: #FFF;
  cursor: pointer;
}

.inquiryBtn:hover {
  cursor: pointer;
  opacity: 0.6;
}

.grayBox {
  background-color: #f7f7f5;
  padding: 40px 40px 30px;
}

.attBold {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.attBold img {
  margin-right: 10px;
  vertical-align: -5px;
}

.rohsSearch {
  margin: 20px 0 50px;
}
.rohsSearch p {
  font-size: 15px;
}
.rohsSearch p input[type=text] {
  background-color: #FFF;
  border: 1px solid #DDD;
  display: inline-block;
  height: 35px;
  margin: 0 7px 0 0;
  vertical-align: middle;
  width: 80%;
}
.rohsSearch p input[type=submit] {
  background: url("/japan/common/img/products/btn_search.png") left top no-repeat;
  font-size: 0;
  vertical-align: middle;
  height: 35px;
  width: 35px;
}
.inquiryBtn {
  background-color: #006ABA;
  border: none;
  border-radius: 30px;
  color: #FFF;
  display: inline-block;
  margin: 0 auto;
  max-width: 280px;
  padding: 6px;
  width: 50%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.atenaLbl {
  width:394px;
  margin:10px 0 10px 10px;
  border: none;
}

/*----------------------------------------------------
☆conversion_kit
----------------------------------------------------*/
.anchorLinks {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-bottom: 1px solid #DDD;
  border-top: 1px solid #DDD;
  margin-bottom: 30px;
  padding: 30px 20px;
  text-align: center;
}
.anchorLinks ul li {
  display: inline-block;
  margin: 0 20px;
}
.anchorLinks ul li a {
  display: block;
  font-weight: 600;
  padding: 5px 20px;
  transition: 0.2s;
    font-size: 2.3rem;
}
.anchorLinks ul li a:before {
  border: 1px solid;
  border-color: #006ABB #006ABB transparent transparent;
  content: "";
  display: inline-block;
  height: 8px;
  transform: rotate(135deg);
  margin-right: 10px;
  vertical-align: 4px;
  width: 8px;
}
.anchorLinks ul li a:hover {
  color: #006ABB;
}

.attList {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 20px;
}
.attList li {
  position: relative;
  font-size: 17px;
  font-size: 1.7rem;
  margin-bottom: 10px;
  padding: 0.4em 0 0.4em 50px;
}
.attList li img {
  position: absolute;
  top: 0;
  left: 0;
}

.attListTable {
  margin-top: 10px;
}
.attListTable table th {
  padding-right: 10px;
}

.kitData {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #F7F7F5;
  padding: 50px;
}
.kitData ol {
  display: flex;
  flex-wrap: wrap;
}
.kitData ol > li {
  margin-right: 2.5%;
  width: 25.5%;
}
.kitData ol > li h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
}
.kitData ol > li h3 .lh08{
    margin-bottom: -20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
}
.kitData ol > li h3 span {
  background-color: #006ABB;
  border-radius: 100%;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
  line-height: 34px;
  height: 34px;
  margin: 0 10px 10px 0;
  text-align: center;
  width: 34px;
}
.kitData ol > li p.txt {
  line-height: 1.6;
}
.kitData ol > li p.code {
  background-color: #E9E9E9;
  display: inline-block;
  margin: 15px 0 10px;
  padding: 5px 15px;
}
.kitData ol > li p.code span.tax {
  font-size: 12px;
  margin-left: 5px;
}
.kitData ol > li p.compo {
  background-color: #D61A1B;
  border-radius: 30px;
  color: #FFF;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
  padding: 5px 20px;
}
.kitData ol > li.last {
  margin-right: 0;
  width: 16%;
}
.kitData ol > li.big {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  width: 100%;
}
.kitData ol > li.big .img {
  width: 25%;
}
.kitData ol > li.big .img img {
  height: auto;
  width: 100%;
}
.kitData ol > li.big .data {
  width: 70%;
}
.kitData ol > li.big .data ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
}
.kitData ol > li.big .data ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 2%;
  width: 48%;
}
.kitData ol > li.big .data ul li .thumb {
  margin-right: 8px;
  width: 67px;
}
.kitData ol > li.big .data ul li .hinban {
  width: calc(100% - 67px);
}
.kitData ol > li.big .data ul li .hinban p {
  font-size: 12px;
  line-height: 1.4;
  text-indent: -2.2em;
  padding-left: 2.5em;
}

.lineUpTbl {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lineUpTbl table th {
  font-weight: 600 !important;
  text-align: center !important;
  vertical-align: middle !important;
}
.lineUpTbl table td {
  vertical-align: middle !important;
}
.lineUpTbl table td a {
  color: #006ABB;
  display: block;
  text-decoration: underline;
}
.lineUpTbl table td a:before {
  border: 1px solid;
  border-color: #006ABB #006ABB transparent transparent;
  content: "";
  display: inline-block;
  height: 8px;
  transform: rotate(45deg);
  margin-right: 7px;
  vertical-align: 2px;
  width: 8px;
}
.lineUpTbl table td a:hover {
  text-decoration: none;
}
.lineUpTbl table td .tax {
  font-size: 13px;
  margin-left: 7px;
}
.lineUpTbl table td.img {
  text-align: center;
}

.kitContact {
  background-color: #F7F6F5;
  padding: 30px 50px;
  text-align: center;
}
.kitContact h2 {
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 10px;
}
.kitContact .kcLink a {
  background-color: #333;
  border-radius: 100px;
  color: #FFF;
  display: inline-block;
  margin: 20px 0 0;
  padding: 12px 20px;
  min-width: 300px;
  transition: 0.2s;
}
.kitContact .kcLink a:hover {
  opacity: 0.7;
}

/*----------------------------------------------------
☆esd
----------------------------------------------------*/
.blueTitle {
  color: #006ABB;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 600;
  padding-bottom: 30px;
  text-align: center;
}
.blueTitle:before {
  background-color: #006ABB;
  content: "";
  display: inline-block;
  height: 2px;
  margin-right: 20px;
  vertical-align: middle;
  width: 80px;
}
.blueTitle:after {
  background-color: #006ABB;
  content: "";
  display: inline-block;
  height: 2px;
  margin-left: 20px;
  vertical-align: middle;
  width: 80px;
}
.blueTitle sub {
  bottom: 0;
  font-size: 60%;
  font-weight: 600;
}

.seidenkiFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.seidenkiFlex p.img {
  padding-right: 30px;
  width: 500px;
}
.seidenkiFlex ol {
  width: calc(100% - 530px);
}
.seidenkiFlex ol li {
  margin-bottom: 25px;
}
.seidenkiFlex ol li h3 {
  background-color: #F7F7F5;
  color: #006ABB;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 8px;
  padding: 6px 20px 8px 60px;
  box-shadow: 1px 1px 4px #CCC;
  position: relative;
}
.seidenkiFlex ol li h3 span {
  background-color: #006ABB;
  border-radius: 100%;
  color: #FFF;
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: -0.05em;
  padding: 10px 10px;
  position: absolute;
  left: -10px;
  top: -5px;
}
.seidenkiFlex ol li p {
  font-size: 15px;
  font-size: 1.5rem;
  padding-left: 60px;
}

.categorySearch.seidenki {
  padding-bottom: 15px;
  padding-top: 15px;
}

.categorySearch.seidenki ul.result > li a .data h3 {
  margin-bottom: 0;
}

.categorySearch.seidenki ul.result > li a .data p {
  font-size: 14px;
  font-size: 1.4rem;
}

/*----------------------------------------------------
☆handa-craft
----------------------------------------------------*/
.handaCraftIndex ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.handaCraftIndex ul li {
  margin-bottom: 40px;
  width: 31%;
}
.handaCraftIndex ul li a {
  display: block;
  transition: 0.2s;
}
.handaCraftIndex ul li a p.img {
  margin-bottom: 10px;
}
.handaCraftIndex ul li a p.txt {
  color: #006ABB;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: underline;
}
.handaCraftIndex ul li a p.txt:after {
  border: 1px solid;
  border-color: #006ABB #006ABB transparent transparent;
  content: "";
  display: inline-block;
  height: 8px;
  margin-left: 7px;
  transform: rotate(45deg);
  vertical-align: 2px;
  width: 8px;
}
.handaCraftIndex ul li a p.txt.blank:after {
  border: none;
  background: url(/japan/common/img/products/icon_blank.png) center bottom no-repeat;
  background-size: auto;
  background-size: 13px auto;
  height: 13px;
  margin-right: 8px;
  width: 13px;
  transform: rotate(0deg);
  vertical-align: 0;
}
.handaCraftIndex ul li a:hover {
  opacity: 0.8;
}
.handaCraftIndex ul li a:hover p.txt {
  text-decoration: none;
}

/*----------------------------------------------------
☆N2 system
----------------------------------------------------*/
.n2Tab {
  background-color: #FFF;
  margin: 20px auto 10px;
  padding: 0 0 20px 10px;
  position: relative;
  z-index: 3;
}
.n2Tab:after {
  background-color: #DDD;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}
.n2Tab ul {
  display: flex;
  align-items: center;
  width: 100%;
}
.n2Tab ul li {
  display: flex;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-bottom: 1px solid #FFF;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  margin: 0 10px 0 0;
  width: 100%;
}
.n2Tab ul li a, .n2Tab ul li span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  line-height: 1;
  font-weight: 600 !important;
  text-align: center;
  min-height: 70px;
  position: relative;
  transition: 0.2s;
  width: 100%;
}
.n2Tab ul li a p, .n2Tab ul li span p {
  font-weight: 600 !important;
  padding-top: 5px;
  width: 100%;
}
.n2Tab ul li a sub, .n2Tab ul li span sub {
  display: inline !important;
  font-weight: 600;
}
.n2Tab ul li a:hover, .n2Tab ul li span:hover {
  color: #006ABB;
}
.n2Tab ul li.current {
  z-index: 3;
}
.n2Tab ul li.current a {
  color: #006ABB;
}
.n2Tab ul li.current a:after {
  background-color: #006ABB;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.n2Tab ul li.none {
  background-color: #EEE;
}
.n2Tab ul li.none a, .n2Tab ul li.none span {
  color: #999;
  cursor: default;
}

.n2Flow {
  background: url("../img/n2system/triangle.png") center center no-repeat;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.n2Flow .n2FlowBoxL {
  background-color: #F7F7F5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  padding: 15px 30px;
  min-height: 280px;
  width: 47%;
}
.n2Flow .n2FlowBoxL p {
  background-color: #006ABB;
  border-radius: 30px;
  color: #FFF;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin: 0 auto 20px;
  padding: 10px 30px;
}
.n2Flow .n2FlowBoxL ul {
  width: 100%;
}
.n2Flow .n2FlowBoxR {
  border: 1px solid #CCC;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  padding: 15px 30px;
  min-height: 280px;
  text-align: center;
  width: 47%;
}
.n2Flow .n2FlowBoxR h4 {
  border: 3px solid #cd0000;
  border-radius: 30px;
  color: #cd0000;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin: 0 auto 10px;
  padding: 10px 30px;
}
.n2Flow .n2FlowBoxR p {
  width: 100%;
}

.pointBox {
  background-color: #F7F7F5;
  margin-bottom: 20px;
  padding: 20px;
}
.pointBox .questionMark {
  background-color: #006ABB;
  border-radius: 100%;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
  line-height: 16px;
  margin-right: 10px;
  padding: 5px;
}

.n2DlFlex {
  display: flex;
  justify-content: space-between;
}
.n2DlFlex dl {
  margin: 0 15px;
  min-width: 20%;
}
.n2DlFlex dl:first-child {
  margin-left: 0;
}
.n2DlFlex dl:last-child {
  margin-right: 0;
}
.n2DlFlex dl dt {
  background-color: #222;
  color: #FFF;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}
.n2DlFlex dl dd {
  padding: 15px 15px 0;
}

.n2ColorDl {
  margin-bottom: 40px;
}
.n2ColorDl dt {
  background-color: #006ABB;
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
  padding: 15px 20px;
  text-align: center;
}
.n2ColorDl dt.colorRed {
  background-color: #CD0001;
}
.n2ColorDl dd {
  background-color: #F7F7F5;
  padding: 20px 30px;
}

.flowArrow {
  font-size: 20px;
  padding: 15px;
  text-align: center;
}

.n2Head {
  background-color: #EEE;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-bottom: 15px;
  padding: 10px 10px 10px 35px;
  position: relative;
}
.n2Head:before {
  background-color: #006ABB;
  border-radius: 5px;
  content: "";
  display: inline-block;
  height: 1.5em;
  width: 6px;
  position: absolute;
  left: 15px;
  top: 15%;
  bottom: 15%;
  height: 70%;
}

.dataBlk {
  border-bottom: 1px solid #CCC;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.dataBlk .data {
  padding-right: 40px;
}
.dataBlk .data table th, .dataBlk .data table td {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 5px;
  vertical-align: top;
}
.dataBlk .data table th {
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
}
.dataBlk.noBdr {
  border-bottom: none;
  padding-bottom: 0;
}

.mechaFlex {
  background: url("../img/n2system/bg_bdr.png") center top repeat-y;
  display: flex;
  justify-content: space-between;
}
.mechaFlex .mechaFlexBox {
  width: 47.5%;
}
.mechaFlex .mechaFlexBox dl dt {
  background-color: #006ABB;
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  padding: 15px 20px;
  text-align: center;
}
.mechaFlex .mechaFlexBox dl dt span {
  display: block;
  font-size: 14px;
}
.mechaFlex .mechaFlexBox dl dt span a {
  color: #FFF;
  text-decoration: underline;
}
.mechaFlex .mechaFlexBox dl dt span a:before {
  border: 1px solid;
  border-color: #FFF #FFF transparent transparent;
  content: "";
  display: inline-block;
  height: 8px;
  transform: rotate(45deg);
  vertical-align: 2px;
  width: 8px;
  margin-right: 10px;
}
.mechaFlex .mechaFlexBox dl dd {
  background-color: #F7F7F5;
  padding: 20px 30px;
}
.mechaFlex .mechaFlexBox dl dd table th, .mechaFlex .mechaFlexBox dl dd table td {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 5px;
  vertical-align: top;
}
.mechaFlex .mechaFlexBox dl dd table th {
  text-align: left;
  font-weight: bold;
  white-space: nowrap;
}
.mechaFlex .mechaFlexBox .att {
  font-size: 14px;
  line-height: 1.4;
  margin: 20px 0;
}
.mechaFlex .mechaFlexBox .att span {
  background-color: #CF0000;
  border-radius: 30px;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
  margin-right: 10px;
  padding: 5px 15px;
}
.mechaFlex .mechaFlexBox .tableFlex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.mechaFlex .mechaFlexBox .tableFlex .bscTbl {
  margin-bottom: 5px;
  width: calc(100% - 165px);
}
.mechaFlex .mechaFlexBox .tableFlex .bscTbl th, .mechaFlex .mechaFlexBox .tableFlex .bscTbl td {
  padding: 10px;
  text-align: right;
  vertical-align: middle;
}
.mechaFlex .mechaFlexBox .tableFlex .bscTbl th {
  font-weight: bold;
  text-align: center;
}
.mechaFlex .mechaFlexBox .tableFlex .bscTbl p.size13 {
  font-size: 13px;
}
.mechaFlex .mechaFlexBox .tableFlex .img {
  width: 140px;
}
.mechaFlex .mechaFlexBox .tableFlex .img .indList li {
  line-height: 1.3;
}
.mechaFlex .mechaFlexBox .tableFlex .size13 {
  font-size: 13px;
  width: 100%;
}

.methodImg {
  padding: 50px;
}
.methodImg ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.methodImg ul li {
  margin-bottom: 40px;
  width: 48%;
}

.attP {
  font-size: 13px;
}
.attP .attMark {
  background-color: #CF0000;
  border-radius: 30px;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
  line-height: 1.3;
  margin-right: 10px;
  padding: 5px 15px;
}

.aboutN2Table a {
  color: #006ABB;
  text-decoration: underline;
}
.aboutN2Table a:hover {
  text-decoration: none;
}

.accHide {
  display: none;
}

.accSwitch {
  /*background-color: #EEE;
  border: 1px solid #DDD;*/
  cursor: pointer;
  color: #006ABB;
  font-size: 18px;
  margin-bottom: 40px;
  padding: 15px;
  text-align: center;
  position: relative;
  transition: 0.2s;
  /*&:after {
    content: "\f13a";
    color: $colorPrimary;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    vertical-align: middle;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -14px;
  }*/
}
.accSwitch:hover {
  background-color: #FFF;
  border: 1px solid #006ABB;
}
.accSwitch span.open {
  display: block;
}
.accSwitch span.close {
  display: none;
}
.accSwitch.close {
  background-color: #CCC;
  color: #FFF;
}
.accSwitch.close:hover {
  border: 1px solid #EEE;
  background-color: #AAA;
  color: #FFF;
}
.accSwitch.close:after {
  color: #FFF;
}
.accSwitch.close span.open {
  display: none;
}
.accSwitch.close span.close {
  display: block;
}
.accSwitch.close:after {
  content: "";
}

/*----------------------------------------------------
☆Hikaru
----------------------------------------------------*/
.hikaruContents {
  background: url("/japan/common/img/hikaru/bg_grid.png") left top repeat;
}
.hikaruContents h1 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 60px;
  text-align: center;
}
.hikaruContents h1.textL {
    font-size: 18px;
    font-size: 3rem;
    margin-bottom: 60px;
    text-align: center;
}
.hikaruContents h1 img {
  margin-bottom: 20px;
}
.hikaruContents h1 div {
  font-weight: bold;
  line-height: 1.4;
}
.hikaruContents h1 div span {
  background-color: #000;
  border-radius: 30px;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
  padding: 7px 25px;
    margin-right: 20px;
    font-size: 1.8rem;
}
.hikaruContents .character {
  background-color: #EEE;
  border-radius: 7px;
  margin: 0 auto 70px;
  max-width: 810px;
  padding: 25px 15px;
  position: relative;
}
.hikaruContents .character h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: absolute;
  top: -18px;
  left: 0;
  text-align: center;
  width: 100%;
}
.hikaruContents .character ul {
  display: flex;
  justify-content: center;
}
.hikaruContents .character ul li {
  margin: 0 10px;
}
.hikaruContents .chatRoom {
  margin: 0 auto;
  max-width: 1000px;
  overflow: hidden;
}
.hikaruContents .chatRoom .chat {
  display: flex;
  margin-bottom: 5px;
  min-height: 80px;
}
.hikaruContents .chatRoom .chat.chatL {
  background: url("/japan/common/img/hikaru/img_yocchan.png") left 0 no-repeat;
  padding-left: 100px;
}
.hikaruContents .chatRoom .chat.chatL .inr {
  border-radius: 5px;
  padding: 20px;
  position: relative;
  width: calc(50% - 60px);
  z-index: 2;
}
.hikaruContents .chatRoom .chat.chatL .inr:before {
  content: "";
  position: absolute;
  top: 20px;
  left: -35px;
  border: 15px solid transparent;
  border-right: 35px solid #FFE1D7;
  z-index: 1;
}
.hikaruContents .chatRoom .chat.chatR {
  background: url("/japan/common/img/hikaru/img_yocchan.png") right 0 no-repeat;
  justify-content: flex-end;
  padding-right: 100px;
}
.hikaruContents .chatRoom .chat.chatR .inr {
  border-radius: 5px;
  padding: 20px;
  position: relative;
  width: calc(50% - 60px);
  z-index: 2;
}
.hikaruContents .chatRoom .chat.chatR .inr:before {
  content: "";
  position: absolute;
  top: 20px;
  right: -35px;
  border: 15px solid transparent;
  border-left: 35px solid #FFE1D7;
  z-index: 1;
}
.hikaruContents .chatRoom .chat.charaH {
  background-image: url("/japan/common/img/hikaru/img_hikaru.png");
}
.hikaruContents .chatRoom .chat.charaH .inr {
  background-color: #FFE1D7;
}
.hikaruContents .chatRoom .chat.charaH.chatL .inr:before {
  border-right-color: #FFE1D7;
}
.hikaruContents .chatRoom .chat.charaH.chatR .inr:before {
  border-left-color: #FFE1D7;
}
.hikaruContents .chatRoom .chat.charaY {
  background-image: url("/japan/common/img/hikaru/img_yocchan.png");
}
.hikaruContents .chatRoom .chat.charaY .inr {
  background-color: #FFF14A;
}
.hikaruContents .chatRoom .chat.charaY.chatL .inr:before {
  border-right-color: #FFF14A;
}
.hikaruContents .chatRoom .chat.charaY.chatR .inr:before {
  border-left-color: #FFF14A;
}
.hikaruContents .chatRoom .chat.charaT {
  background-image: url("/japan/common/img/hikaru/img_tanaka.png");
}
.hikaruContents .chatRoom .chat.charaT .inr {
  background-color: #EEE;
}
.hikaruContents .chatRoom .chat.charaT.chatL .inr:before {
  border-right-color: #EEE;
}
.hikaruContents .chatRoom .chat.charaT.chatR .inr:before {
  border-left-color: #EEE;
}
.hikaruContents .chatRoom .chat.charaP {
  background-image: url("/english/common/img/hikaru/img_hikaru_papa.png");
}
.hikaruContents .chatRoom .chat.charaP .inr {
  background-color: #EEE;
}
.hikaruContents .chatRoom .chat.charaP.chatL .inr:before {
  border-right-color: #EEE;
}
.hikaruContents .chatRoom .chat.charaP.chatR .inr:before {
  border-left-color: #EEE;
}
.hikaruContents .chatRoom .chat.charaS {
  background-image: url("/english/common/img/hikaru/img_suzuki.png");
}
.hikaruContents .chatRoom .chat.charaS .inr {
  background-color: #EEE;
}
.hikaruContents .chatRoom .chat.charaS.chatL .inr:before {
  border-right-color: #EEE;
}
.hikaruContents .chatRoom .chat.charaS.chatR .inr:before {
  border-left-color: #EEE;
}
.hikaruContents .chatRoom .chat p {
  font-weight: 600;
  line-height: 1.4;
}
.hikaruContents .chatRoom .chat p.small {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.hikaruContents .chatRoom .chat a {
  color: #006ABB;
  font-weight: 600;
  text-decoration: underline;
}
.hikaruContents .chatRoom .chat a:hover {
  text-decoration: none;
}
.hikaruContents .chatRoom .kaisetsu {
  padding: 40px 15px;
  text-align: center;
}
.hikaruContents .chatRoom .kaisetsu span {
  border-bottom: 2px solid #000;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  margin: 0 auto;
  padding: 2px 0;
  text-align: center;
}
.hikaruContents .mokuji {
  background-color: #FFF;
  border: 6px solid #000;
  border-radius: 10px;
  display: flex;
  margin: 50px auto;
  max-width: 1200px;
  position: relative;
}
.hikaruContents .mokuji:after {
  background: url("../img/hikaru/img_enpitsu.png") left top no-repeat;
  content: "";
  height: 215px;
  width: 200px;
  position: absolute;
  bottom: 10px;
  right: -50px;
}
.hikaruContents .mokuji .mokujiL {
  padding: 50px 50px 40px;
  width: 100%;
}
.hikaruContents .mokuji .mokujiR {
  border-left: 6px solid #000;
  padding: 50px 50px 40px;
  width: 100%;
}
.hikaruContents .mokuji ol li {
  font-size: 18px;
  margin-bottom: 20px;
}
.hikaruContents .mokuji ol li a {
  display: flex;
  align-items: flex-start;
  line-height: 1.4;
}
.hikaruContents .mokuji ol li a span {
  background-color: #000;
  border-radius: 30px;
  color: #FFF;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  margin-right: 10px;
  padding: 7px 20px 8px;
  flex-shrink: 0;
}
.hikaruContents .mokuji ol li a strong {
  font-weight: 600;
  text-decoration: underline;
}
.hikaruContents .mokuji ol li a:hover strong {
  text-decoration: none;
}
.hikaruContents .mokuji ol li a.current {
  color: #999;
}
.hikaruContents .mokuji ol li a.current strong {
  text-decoration: none;
}
.hikaruContents .handaBnr {
  text-align: center;
}
.hikaruContents .handaBnr a {
  transition: 0.2s;
}
.hikaruContents .handaBnr a:hover {
  opacity: 0.7;
}
.hikaruContents .hikaruInfo {
  display: flex;
  justify-content: space-between;
}
.hikaruContents .hikaruInfo li {
  margin: 0 15px;
}
.hikaruContents .max12 {
  border-radius: 10px;
  display: flex;
  margin: 0 auto 50px;
  max-width: 1000px;
  position: relative;
}

/*----------------------------------------------------
☆Namari
----------------------------------------------------*/
.yoshiAshi {
  margin-bottom: 20px;
  display: none;
}
.yoshiAshi .ashiP {
  background-color: #333;
  color: #FFF;
  font-size: 4.5vw;
  font-weight: bold;
  margin-top: 20px;
  padding: 20px;
  text-align: center;
}
.yoshiAshi .ashiList {
  border: 4px solid #333;
  padding-bottom: 3vw;
}
.yoshiAshi .ashiList li {
  display: flex;
  align-items: center;
  padding: 3vw 3vw 0;
}
.yoshiAshi .ashiList li img {
  max-width: 21.5vw;
  margin-right: 5vw;
}
.yoshiAshi .ashiList li span {
  font-size: 14px;
  font-weight: bold;
}

.imgFlex8 {
  display: flex;
  flex-wrap: wrap;
}
.imgFlex8 li {
  border: 1px solid #CCC;
  margin: 0 5px 10px;
  max-width: 110px;
  min-width: 100px;
  padding-bottom: 5px;
}
.imgFlex8 li a {
  color: #006ABB;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
}
.imgFlex8 li a img {
  height: auto;
  width: 100%;
  max-width: 110px;
  margin-bottom: 5px;
}
.imgFlex8 li a .size10 {
  font-size: 10px;
}

/* cmn
==================================== */
.cmnBtn {
  background-color: #EEE;
  border: 1px solid #DDD;
  color: #006ABB;
  display: inline-block;
  min-width: 360px;
  padding: 20px 40px 20px 30px;
  text-align: center;
  position: relative;
  transition: 0.2s;
}
.cmnBtn:after {
  border: 1px solid;
  border-color: #006ABB #006ABB transparent transparent;
  content: "";
  display: inline-block;
  height: 8px;
  transform: rotate(45deg);
  vertical-align: 2px;
  width: 8px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -5px;
}
.cmnBtn:hover {
  border: 1px solid #006ABB;
  background-color: #FFF;
}

.cmnAnc {
  display: inline-block;
  margin-top: -120px;
  padding-top: 120px;
}

.spHide {
  display: inline-block;
}

.spDisp {
  display: none;
}

.hvBtn, .hvBtns a {
  transition: 0.2s;
}

.hvBtn:hover, .hvBtns a:hover {
  opacity: 0.7;
}

.bscImg {
  height: auto;
  max-width: 100%;
}

body .contents .center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.size12 {
  font-size: 12px;
  line-height: 1.4 !important;
  display: inline-block;
}

.vAT {
  vertical-align: top !important;
}

.vAM {
  vertical-align: middle !important;
}

.vAB {
  vertical-align: bottom !important;
}

.normal {
  font-weight: normal;
}

.top0 {
  margin-top: 0 !important;
}

.top5 {
  margin-top: 5px !important;
}

.top10 {
  margin-top: 10px !important;
}

.top15 {
  margin-top: 15px !important;
}

.top20 {
  margin-top: 20px !important;
}

.top25 {
  margin-top: 25px !important;
}

.top30 {
  margin-top: 30px !important;
}

.top35 {
  margin-top: 35px !important;
}

.top40 {
  margin-top: 40px !important;
}

.btm0 {
  margin-bottom: 0 !important;
}

.btm5, .btm05 {
  margin-bottom: 5px !important;
}

.btm10 {
  margin-bottom: 10px !important;
}

.btm15 {
  margin-bottom: 15px !important;
}

.btm20 {
  margin-bottom: 20px !important;
}

.btm25 {
  margin-bottom: 25px !important;
}

.btm30 {
  margin-bottom: 30px !important;
}

.btm35 {
  margin-bottom: 35px !important;
}

.btm40 {
  margin-bottom: 40px !important;
}

.btm45 {
  margin-bottom: 45px !important;
}

.btm50 {
  margin-bottom: 50px !important;
}

.btm55 {
  margin-bottom: 55px !important;
}

.btm60 {
  margin-bottom: 60px !important;
}

.btm65 {
  margin-bottom: 65px !important;
}

.btm70 {
  margin-bottom: 70px !important;
}

.btm75 {
  margin-bottom: 75px !important;
}

.btm80 {
  margin-bottom: 80px !important;
}

.btm85 {
  margin-bottom: 85px !important;
}

.btm90 {
  margin-bottom: 90px !important;
}

.btm95 {
  margin-bottom: 90px !important;
}

.pT0 {
  padding-top: 0 !important;
}

.pT5 {
  padding-top: 5px !important;
}

.pT10 {
  padding-top: 10px !important;
}

.pT15 {
  padding-top: 15px !important;
}

.pT20 {
  padding-top: 20px !important;
}

.pT25 {
  padding-top: 25px !important;
}

.pT30 {
  padding-top: 30px !important;
}

.pT35 {
  padding-top: 35px !important;
}

.pT40 {
  padding-top: 40px !important;
}

.pT45 {
  padding-top: 45px !important;
}

.pB0 {
  padding-bottom: 0 !important;
}

.pB5 {
  padding-bottom: 5px !important;
}

.pB10 {
  padding-bottom: 10px !important;
}

.pB15 {
  padding-bottom: 15px !important;
}

.pB20 {
  padding-bottom: 20px !important;
}

.pB30 {
  padding-bottom: 20px !important;
}

.pB40 {
  padding-bottom: 20px !important;
}

.pL5 {
  padding-left: 5px !important;
}

.pL10 {
  padding-left: 10px !important;
}

.pL15 {
  padding-left: 15px !important;
}

.pL20 {
  padding-left: 20px !important;
}

.pL25 {
  padding-left: 25px !important;
}

.pL30 {
  padding-left: 30px !important;
}

.pL35 {
  padding-left: 35px !important;
}

.pL40 {
  padding-left: 40px !important;
}

.pL45 {
  padding-left: 45px !important;
}

.pR5 {
  padding-right: 5px !important;
}

.pR10 {
  padding-right: 10px !important;
}

.pR15 {
  padding-right: 15px !important;
}

.pR20 {
  padding-right: 20px !important;
}

.pR25 {
  padding-right: 25px !important;
}

.pR30 {
  padding-right: 30px !important;
}

.pR35 {
  padding-right: 35px !important;
}

.pR40 {
  padding-right: 40px !important;
}

.pR45 {
  padding-right: 45px !important;
}

.lm5 {
  margin-left: 5px !important;
}

.lm10 {
  margin-left: 10px !important;
}

.lm15 {
  margin-left: 15px !important;
}

.lm20 {
  margin-left: 20px !important;
}

.lm50 {
  margin-left: 50px !important;
}

.lm60 {
  margin-left: 60px !important;
}

.lm70 {
  margin-left: 70px !important;
}

.rm5 {
  margin-right: 5px !important;
}

.rm10 {
  margin-right: 10px !important;
}

.rm15 {
  margin-right: 15px !important;
}

.rm20 {
  margin-right: 20px !important;
}

.w5 {
  width: 5% !important;
}

.w10 {
  width: 10% !important;
}

.w15 {
  width: 15% !important;
}

.w18 {
  width: 18% !important;
}

.w20 {
  width: 20% !important;
}

.w25 {
  width: 25% !important;
}

.w30 {
  width: 30% !important;
}

.w35 {
  width: 35% !important;
}

.w40 {
  width: 40% !important;
}

.w45 {
  width: 45% !important;
}

.w48 {
  width: 48% !important;
}

.w50 {
  width: 50% !important;
}

.w55 {
  width: 55% !important;
}

.w60 {
  width: 60% !important;
}

.w65 {
  width: 65% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w80 {
  width: 80% !important;
}

.w85 {
  width: 85% !important;
}

.w90 {
  width: 90% !important;
}

.w95 {
  width: 95% !important;
}

.wfull {
  width: 100% !important;
}

.w100 {
  width: 100px;
}

.w150 {
  width: 150px;
}

.w200 {
  width: 200px;
}

.w250 {
  width: 250px;
}

.w300 {
  width: 300px;
}

.w350 {
  width: 350px;
}

.w400 {
  width: 400px;
}

.w450 {
  width: 450px;
}

.w500 {
  width: 500px;
}

.w550 {
  width: 550px;
}

.w600 {
  width: 600px;
}

.size20 {
  font-size: 20px;
  font-size: 2rem;
}

/* head
==================================== */
.head02 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin: 0 0 30px;
  padding: 0 0 10px;
  position: relative;
}

.head03 {
  border-top: 1px solid #ECECEC;
  color: #006ABB;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-bottom: 15px;
  padding-top: 50px;
}

.head04 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-bottom: 15px;
  padding: 0 0 0 20px;
  position: relative;
}
.head04:before {
  background-color: #006ABB;
  border-radius: 5px;
  content: "";
  display: inline-block;
  height: 1.5em;
  width: 6px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}

.head05 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}

.head05Blue {
  color: #006ABB;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}

.head02N {
  border-bottom: 3px solid #D7D7D7;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.06em;
  margin-bottom: 25px;
  padding-bottom: 10px;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.head03N {
  border-bottom: 2px solid #006ABB;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* LIST
==================================== */
.indList {
  margin-bottom: 30px;
}
.indList li {
  margin-bottom: 5px;
  text-indent: -1em;
  padding-left: 1em;
  position: relative;
  font-size: 13px;
}
.indList.list02 li {
  text-indent: -0.5em;
  padding-left: 0.55em;
}
.indList li:before {
  content: "・";
  display: inline;
}
.indList.list02 li:before {
  content: "*";
}
.indList.list03 li {
  text-indent: 0;
}
.indList.list03 li:before {
  background-color: #006ABB;
  border-radius: 6px;
  content: "";
  display: inline-block;
  line-height: 1;
  height: 9px;
  width: 9px;
  position: absolute;
  top: 0.6em;
  left: 1px;
}
.indList.list04 li {
  text-indent: 0;
}
.indList.list04 li:before {
  background-color: #006ABB;
  border-radius: 6px;
  content: "";
  display: inline-block;
  line-height: 1;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 0.7em;
  left: 3px;
}
.indList.listS li {
  font-size: 13px;
  font-size: 1.3rem;
}
.indList.list05 {
  counter-reset: item;
}
.indList.list05 li {
  text-indent: -2em;
  padding-left: 2em;
}
.indList.list05 li:before {
  content: "*" counter(item) " ";
  counter-increment: item;
}
.indList.list06 li:before {
    content: "*";
}

.numList {
  margin-bottom: 30px;
  padding-left: 2em;
}
.numList li {
  line-height: 1.7;
  list-style: decimal outside none;
  margin-bottom: 5px;
}
.numList.list02 {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
.numList.list02 li {
  list-style: none;
  padding-left: 30px;
  position: relative;
}
.numList.list02 li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #006ABB;
  color: #FFF;
  display: block;
  float: left;
  font-size: 14px;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 21px;
  width: 23px;
  top: 0.1em;
  left: -3px;
  position: relative;
}
.numList.listS li {
  font-size: 13px;
  font-size: 1.3rem;
}

.linkList {
  margin-bottom: 40px;
}
.linkList li {
  margin-bottom: 10px;
}
.linkList li a {
  color: #333;
  display: inline-block;
  padding: 0 0 0 1.5em;
  transition: 0.2s;
  position: relative;
}
.linkList li a:after {
  content: "";
  color: #006ABB;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  vertical-align: middle;
  position: absolute;
  left: 7px;
  top: 0.05em;
}
.linkList li a[target=_blank]:after {
  content: "";
  display: inline-block;
  background: url(/solution/cmn/cmn_img/icon_blank.png) center center no-repeat;
  background-size: 16px auto;
  height: 16px;
  width: 16px;
  left: 0;
  top: 0.35em;
}
.linkList li a[href$=".pdf"]:after {
  content: "";
  display: inline-block;
  background: url(/solution/cmn/cmn_img/icon_pdf.png) center center no-repeat !important;
  background-size: 16px 18px !important;
  height: 18px;
  width: 16px;
  left: 0;
  top: 0.35em;
}
.linkList li a.blank:after {
  background: url(/solution/cmn/cmn_img/icon_blank.png) center center no-repeat !important;
  background-size: 16px auto !important;
  height: 16px !important;
  width: 16px !important;
}

.link {
  color: #006ABB;
  display: inline-block;
  margin: 0 10px;
  text-decoration: underline;
  word-break: break-all;
  word-break: break-word;
}
.link:before {
  border: 1px solid;
  border-color: #006ABB #006ABB transparent transparent;
  content: "";
  display: inline-block;
  height: 8px;
  margin-right: 10px;
  transform: rotate(45deg);
  vertical-align: 2px;
  width: 8px;
}
.link:hover {
  text-decoration: none;
}

.link[target=_blank]:before {
  border: none;
  background: url(/japan/common/img/products/icon_blank.png) center bottom no-repeat;
  background-size: 12px auto;
  height: 12px;
  margin-right: 8px;
  width: 12px;
  transform: rotate(0deg);
  vertical-align: 0;
}

.link[href$=".pdf"]:before {
  border: none;
  background: url(/japan/common/img/products/icon_pdf.png) center bottom no-repeat;
  background-size: 12px auto;
  height: 13px;
  margin-right: 8px;
  width: 12px;
  transform: rotate(0deg);
  vertical-align: 0;
}

.link.dl:before {
  content: "";
  color: #999;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  border: none;
  background: none;
  margin-right: 8px;
  transform: rotate(0deg);
  vertical-align: 0;
}

.attention {
  background-color: #FFE5E5;
  display: inline-block;
  padding: 5px 10px 5px 45px;
  position: relative;
}
.attention:before {
  content: "";
  color: red;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  border: none;
  background: none;
  position: absolute;
  top: 2px;
  left: 15px;
}

.attention2 {
  background-color: #F7F7F5;
  padding: 20px 30px;
}
.attention2 p.att {
  display: flex;
  line-height: 1.4;
  align-items: center;
}
.attention2 p.att:before {
  content: "";
  color: red;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  font-size: 30px;
  border: none;
  background: none;
  vertical-align: top;
  margin-right: 10px;
}

/* Box
==================================== */
.bscBox {
  border: 1px solid #DDD;
  margin-bottom: 20px;
  padding: 30px 25px 25px;
}
.bscBox.bb02 {
  border: 1px solid #DDD;
  background-color: #FAFAFA;
}
.bscBox.bb03 {
  border: 1px solid #DDD;
  background-color: #FFF5F9;
}
.bscBox.bb04 {
  border: 5px solid #006ABB;
  background-color: #FFF;
}
.bscBox.bb05 {
    border: 2px solid #555;
    margin-bottom: 20px;
    padding: 30px 25px 25px;
}

/* TABLE
==================================== */
.bscTbl table {
  border-collapse: collapse;
  border-left: 1px solid #DDD;
  border-top: 1px solid #DDD;
  margin-bottom: 10px;
  width: 100%;
}
.bscTbl table.layoutFixed {
  table-layout: fixed;
}
.bscTbl table th, .bscTbl table td {
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
  padding: 16px 10px;
  vertical-align: middle;
  text-align: left;
  word-break: break-all;
  word-break: break-word;
}
.bscTbl.tbl01 table th{
  font-weight: 500;
}
.bscTbl.tbl02 th {
  background-color: #F9F9F9;
}
.bscTbl.tbl02 thead th {
  background-color: #006ABB;
  color: #FFF;
}
.bscTbl.tbl02.spec th {
  background-color: #006ABB;
  color: #fff;
}
.bscTbl.tbl03 table {
  border-left: none;
  border-top: none;
}
.bscTbl.tbl03 table th, .bscTbl.tbl03 table td {
  border-bottom: 1px solid #DDD;
  border-right: none;
  padding: 16px 15px;
  text-align: left;
}
.bscTbl.tbl03 table th {
  font-weight: 600;
}
.bscTbl.tblS th, .bscTbl.tblS td {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  padding: 15px 15px;
}
.bscTbl .specTable {
  table-layout: fixed;
}
.bscTbl .specTable th,
.bscTbl .specTable td {
  overflow-wrap: break-word;
}

.specTbl table {
  border-collapse: collapse;
  border-left: 1px solid #DDD;
  border-top: 1px solid #DDD;
  margin-bottom: 20px;
  width: 100%;
}
.specTbl table th, .specTbl table td {
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.5;
  min-width: 90px;
  padding: 8px 8px;
  vertical-align: middle;
  text-align: left;
}
.specTbl table th {
  background-color: #006ABB;
  color: #FFF;
  text-align: center;
}

.cellNowrap {
  width: 1%;
  white-space: nowrap;
  min-width: auto !important;
}

.cellNowrapRwd {
  width: 1%;
  white-space: nowrap;
  min-width: auto !important;
}
@media only screen and (max-width: 768px) {
  .cellNowrapRwd {
    width: auto;
    white-space: normal;
  }
}

/* FLEX
==================================== */
.flex {
  display: flex;
  justify-content: space-between;
  /*
  align-items: center;
  */
  margin-bottom: 50px;
}
.flex.flexCenter {
  align-items: center;
}
.flex .img img {
  height: auto;
  width: 100%;
  max-width: 100%;
}
.flex .img .frame {
  position: relative;
  width: 100%;
  padding: 56% 0 0 0;
}
.flex .img .frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.flex .data {
  padding: 10px 50px 10px 0px;
}
.flex .img + .data {
  padding: 10px 0px 10px 50px;
}
.flex.reverse {
  flex-direction: row-reverse;
}
.flex.reverse .data {
  padding: 10px 10px 10px 50px;
}
.flex.img2 .img {
  text-align: left;
  width: 48.5%;
}
.flex.img2 .img p {
  padding: 10px 0;
}
.flex.img3 .img {
  text-align: left;
  width: 31.5%;
}
.flex.img3 .img p {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 0;
}

.descList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.descList li {
  width: 47.5%;
}
.descList li .img {
  padding-right: 20px;
}
.descList li .img img {
  height: auto;
  width: 100%;
  max-width: 240px;
  min-width: 160px;
}
.descList li .data {
  padding-right: 25px;
}

/* OTHER
==================================== */
.pager {
  padding-top: 40px;
}

.pager .pagination {
  text-align: center;
}

.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
  border-radius: 10px;
}

.pager .pagination li a {
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
  text-decoration: none;
  transition: all 0.3s ease;
}

.pager .pagination li a span {
  display: table-cell;
  vertical-align: middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active {
  color: #fff;
  background: #006ABB;
}

.movie {
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  padding: 56% 0 0 0;
}
.movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.thumbList {
  display: flex;
  flex-wrap: wrap;
}
.thumbList li a {
  display: block;
}
.thumbList li p {
  font-size: 12px;
  padding-top: 3px;
}
.thumbList li .p_note {
  color: #E10000;
}
.thumbList.clm2 {
  justify-content: space-between;
}
.thumbList.clm2 li {
  margin: 0 0 30px 0;
  width: 48.5%;
}
.thumbList.clm3 li {
  margin: 0 1.33333% 30px 0;
  width: 32%;
}
.thumbList.clm4 li {
  margin: 0 1.5% 30px 0;
  width: 23.5%;
}
.thumbList.clm4S {
  justify-content: flex-start;
  width: auto;
}
.thumbList.clm4S li {
  margin: 0 3% 30px 0;
  width: 20%;
}
.thumbList.clm4S li img {
  border: 1px solid #DDD;
}
.thumbList.clm4XS {
  justify-content: flex-start;
  width: auto;
}
.thumbList.clm4XS li {
  margin: 0 25px 30px 0;
  width: 17%;
}
.thumbList.clm4XS li img {
  border: 1px solid #DDD;
}

/* Responsive Start */
@media only screen and (max-width: 1023px) {
  /*----------------------------------------------------
  ☆Products
  ----------------------------------------------------*/
  .contents {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
  }

  .cnav-area,
.search-area {
    display: none;
  }

  .title-area {
    background: url("/japan/common/img/products/bg_titlearea.png") center center no-repeat #006ABB;
    background-size: 70px auto;
    margin-top: 50px;
    padding: 0 15px 0;
  }
  .title-area .title {
    font-size: 20px;
    font-size: 2rem;
    padding: 30px 20px 5px;
  }
  .title-area .title:before {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
  .title-area #breadChumbs p {
    padding: 0 0 5px;
  }
  .title-area #breadChumbs p .arrow {
    margin: 0 1px;
  }

  .cAccordion,
.accSwitch:hover .cAccordion {
    display: none;
  }

  .contents {
    padding: 0 0 10px;
  }
  .contents:before {
    display: none;
  }
  .contents .contentsInr {
    border-radius: 0;
    box-shadow: none;
    padding: 20px 15px 0;
  }

  h1.pName {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 10px;
  }

  h1.pName .new,
h1.pName .end,
.pStatus .new,
.pStatus .end {
    padding: 2px 8px;
  }

  .pFlex {
    display: block;
    width: auto;
  }

  .pData {
    display: block;
    margin: 0;
    position: relative;
    min-width: inherit;
    max-width: inherit;
    top: 0;
    width: auto;
  }
  .pData .stickyJs {
    padding-bottom: 20px;
  }
  .pData .img {
    background-size: auto 180px;
    margin-bottom: 0;
    width: auto;
  }
  .pData .img img {
    height: auto;
    max-height: 200px;
    width: 100%;
  }
  .pData .data {
    width: auto;
  }
  .pData .data dl {
    background-color: #FAFAFA;
    border: 1px solid #DDD;
    display: block;
    margin-bottom: 10px;
    margin-right: 0;
    padding: 0;
  }
  .pData .data dl dt {
    border-radius: 0;
    background-color: #006ABB;
    color: #FFF;
    display: block;
    font-size: 13px;
    padding: 7px 20px;
  }
  .pData .data dl dd {
    display: block;
    padding: 14px 15px;
  }
  .pData .data dl dd ul li {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 3px;
  }
  .pData .data dl dd ul li:before {
    font-size: 11px;
    font-size: 1.1rem;
    top: 0.2em;
  }
  .pData .data table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    margin-left: 0;
  }
  .pData .data table th {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    padding: 10px;
  }
  .pData .data table td {
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px;
  }
  .pData .data p.more {
    font-size: 10px;
    font-size: 1rem;
    margin: 5px 0 15px;
  }
  .pData .data ul.tags {
    margin-bottom: 10px;
  }
  .pData .data ul.tags li {
    display: inline-block;
    margin: 5px 5px 0 0;
  }
  .pData .data ul.tags li a {
    border: 1px solid #E0E0E0;
    border-radius: 15px;
    font-size: 11px;
    font-size: 1.1rem;
    min-width: auto;
    padding: 8px 25px 8px 20px;
  }
  .pData .data ul.tags li a:after {
    height: 6px;
    width: 6px;
    position: absolute;
    right: 12px;
    top: 35%;
  }
  .pData .data ul.icons {
    margin-bottom: 15px;
  }
  .pData .data ul.icons li {
    margin: 7px 7px 0 0;
  }
  .pData .data ul.icons li img {
    width: 40px;
  }
  .pData .data p.iconD {
    font-size: 10px;
    font-size: 1rem;
  }
  .pData .data ul.lang_list{
    width: 100%;
    margin:0 auto;
    flex-wrap: nowrap;
  }
  .pData .data ul.lang_list li{
    margin: 1%;
    width:15%;
  }
  .pDetail {
    width: auto;
  }

  .spVi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 10px;
    width: 100%;
  }
  .spVi .name {
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .spVi .name span.new {
    background-color: #E10000;
    border-radius: 2px;
    color: #FFF;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 1;
    margin-left: 10px;
    padding: 2px 8px;
    vertical-align: 3px;
  }
  .spVi .img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 5px 15px;
    width: 40px;
  }
  .spVi .img img {
    height: auto;
    max-height: 220px;
    width: 100%;
  }

  .productsTab {
    background-color: #EEE;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 30px;
    padding: 10px 10px 2px;
    top: 50px;
    overflow: hidden;
  }
  .productsTab:after {
    display: none;
  }
  .productsTab .Scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .productsTab .Scroll ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    width: 500px;
  }
  .productsTab .Scroll ul li {
    border: 1px solid #DDD;
    border-left: none;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2;
    margin: 0 0 1px;
  }
  .productsTab .Scroll ul li a, .productsTab .Scroll ul li span {
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 3.7em;
    padding: 8px 5px 6px;
  }
  .productsTab .Scroll ul li a:hover, .productsTab .Scroll ul li span:hover {
    color: #006ABB;
  }
  .productsTab .Scroll ul li.current {
    z-index: 3;
  }
  .productsTab .Scroll ul li.current a {
    color: #006ABB;
  }
  .productsTab .Scroll ul li.current a:after {
    height: 2px;
  }
  .productsTab .Scroll ul li.none {
    background-color: #EEE;
  }
  .productsTab .Scroll ul li.none a, .productsTab .Scroll ul li.none span {
    color: #999;
    cursor: default;
  }

  .editorArea {
    margin: 30px auto 0;
    padding: 0;
  }
  .editorArea p, .editorArea li, .editorArea th, .editorArea td {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    margin-bottom: 5px;
  }
  .editorArea a {
    color: #006ABB;
    text-decoration: underline;
  }
  .editorArea a:hover {
    text-decoration: underline;
  }
  .editorArea section {
    margin-bottom: 40px;
  }
  .editorArea section:last-child {
    margin-bottom: 0;
  }

  /*----------------------------------------------------
  ☆movie
  ----------------------------------------------------*/
  .movieSearch {
    display: block;
    margin-bottom: 20px;
    padding: 20px 15px;
  }
  .movieSearch h2 {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .movieSearch .msKeyword {
    padding-bottom: 15px;
    width: auto;
  }
  .movieSearch .msKeyword input[type=text] {
    font-size: 13px;
    font-size: 1.3rem;
    height: 30px;
    margin: 0 7px 0 0;
  }
  .movieSearch .msKeyword input[type=submit] {
    background-size: 30px auto;
    height: 30px;
    width: 30px;
  }
  .movieSearch .msKeyword p.detailLink {
    font-size: 12px;
  }
  .movieSearch .msTag {
    border-top: 1px solid #DDD;
    border-left: none;
    padding-left: 0;
    padding-top: 15px;
    width: auto;
  }
  .movieSearch .msTag ul li {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .movieSearch .msTag ul li a {
    margin: 0 3px 3px 0;
    padding: 5px 7px;
  }

  .msHd {
    border-bottom: 2px solid #D9D9D9;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
    padding-bottom: 7px;
  }

  .movieTab {
    margin-bottom: 0;
    padding: 0 0 15px 10px;
  }
  .movieTab:after {
    bottom: 15px;
  }
  .movieTab ul li {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 7px 0 0;
    min-width: 80px;
  }
  .movieTab ul li a, .movieTab ul li span {
    min-height: 50px;
  }
  .movieTab ul li.current {
    z-index: 3;
  }
  .movieTab ul li.current a:after {
    height: 3px;
  }

  .movieList ul {
    display: block;
  }
  .movieList ul li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding-bottom: 30px;
    width: auto;
  }
  .movieList ul li .img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10px;
    width: 90px;
  }
  .movieList ul li .img a {
    display: block;
    position: relative;
  }
  .movieList ul li .img a img {
    height: 60px;
    width: 70px;
  }
  .movieList ul li .img a:before {
    background: rgba(0, 0, 0, 0.05);
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.2s;
  }
  .movieList ul li .img a:after {
    background: url("../img/products_videos/icon_play.png") center center no-repeat;
    background-size: 30px auto;
    content: "";
    display: block;
    height: 52px;
    width: 52px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.6;
    transition: 0.2s;
  }
  .movieList ul li .img a:hover:after {
    background-size: 30px auto;
    opacity: 0.6;
  }
  .movieList ul li .img a:hover:before {
    background: rgba(0, 0, 0, 0.05);
  }
  .movieList ul li .data {
    width: calc(100% - 105px);
  }
  .movieList ul li .data h3 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .movieList ul li .data p.txt {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .movieList ul li .data p.link {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-left: 0;
  }
  .movieList ul li .data p.link a {
    color: #006ABB;
    text-decoration: underline;
  }
  .movieList ul li .data p.link a:hover {
    text-decoration: none;
  }
  .movieList ul li.new:after {
    font-size: 9px !important;
    font-size: 0.9rem !important;
    padding: 5px 5px 4px;
    left: 0;
  }

  /*----------------------------------------------------
  ☆category
  ----------------------------------------------------*/
  .categoryList ul {
    margin: 0 -1.75%;
  }
  .categoryList ul li {
    margin: 0 1.75% 6vw;
    width: 46.5%;
  }
  .categoryList ul li a .img:after {
    display: none;
  }
  .categoryList ul li a .name {
    font-size: 11px;
    font-size: 1.1rem;
    padding-top: 5px;
  }
  .categoryList2 {
    display: none;
  }

  .categoryList2Sp {
    display: block;
  }

  .categorySearch {
    padding-top: 20px;
  }
  .categorySearch h1 {
    color: #006ABB;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 30px;
  }
  .categorySearch h1 span {
    font-size: 10px;
    font-size: 1rem;
  }
  .categorySearch .categoryHead {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
  .categorySearch .categoryHead #allSwitch {
    border-radius: 3px;
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 10px;
    padding: 6px 15px;
  }
  .categorySearch .tabMenu ul {
    display: block;
    flex-wrap: wrap;
  }
  .categorySearch .tabMenu ul li {
    display: flex;
    margin: 0 0 5px 0;
    transition: 0.2s;
    padding: 14px;
    width: auto;
  }
  .categorySearch .tabMenu ul li .img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    line-height: 0;
    opacity: 0.7;
    transition: 0.2s;
    width: 16%;
  }
  .categorySearch .tabMenu ul li .data {
    padding: 0 0 0 15px;
    width: 84%;
  }
  .categorySearch .tabMenu ul li .data h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .categorySearch .tabMenu ul li .data p {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.4;
  }
  .categorySearch .tabMenu ul li.current:after {
    border: 4px solid rgba(0, 103, 190, 0.8);
  }
  .categorySearch .searchHead {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 30px 0 20px;
    padding: 15px 15px 12px;
  }
  .categorySearch .searchHead:before {
    top: -30px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #006ABB;
  }
  .categorySearch .searchHead span {
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 10px;
  }
  .categorySearch ul.result > li,
.categorySearch ul.searchResult > li {
    margin-top: 10px;
    width: 100%;
  }
  .categorySearch ul.result .data,
.categorySearch ul.searchResult .data {
    width: 74%;
    margin-left: 1%;
    padding: 0 0 0 10px;
  }
  .categorySearch ul.result .data h3,
.categorySearch ul.searchResult .data h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 2px;
  }
  .categorySearch ul.result .data h3 span,
.categorySearch ul.searchResult .data h3 span {
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
  }
  .categorySearch ul.result .data .notes,
.categorySearch ul.result .data .series,
.categorySearch ul.result .data .productNumber,
.categorySearch ul.result .data .price,
.categorySearch ul.searchResult .data .notes,
.categorySearch ul.searchResult .data .series,
.categorySearch ul.searchResult .data .productNumber,
.categorySearch ul.searchResult .data .price {
    font-size: 10px;
    font-size: 1rem;
  }
  .categorySearch ul.result .data ul.icons,
.categorySearch ul.searchResult .data ul.icons {
    padding-top: 7px;
  }
  .categorySearch ul.result .data ul.icons li,
.categorySearch ul.searchResult .data ul.icons li {
    margin-right: 5px;
  }
  .categorySearch ul.result .data ul.icons li img,
.categorySearch ul.searchResult .data ul.icons li img {
    max-width: 22px;
  }
  .categorySearch ul.searchResult {
    display: block;
    margin: -10px -15px 0;
  }
  .categorySearch ul.searchResult .searchResultItem {
    height: auto;
    padding: 10px;
  }
  .categorySearch ul.searchResult .searchResultItem .linkImg {
    min-width: 80px;
    width: 25%;
  }
  .categorySearch ul.searchResult .searchResultItem .applicableProducts {
    margin-top: 10px;
  }
  .categorySearch ul.searchResult .searchResultItem .relatedLinks {
    margin-top: 10px;
  }
  .categorySearch ul.searchResult .searchResultItem .relatedLinks li {
    width: auto;
  }
  .categorySearch ul.searchResult .searchResultItem .searchResulEshopBtn {
    margin-top: 10px;
  }
  .categorySearch ul.searchResult .searchResultItem .searchResulEshopBtn a.normalLink {
    padding: 12px 25px 12px 12px;
  }
  .categorySearch ul.searchResult .searchResultItem .searchResulEshopBtn a.normalLink:after {
    right: 13px;
  }
  .categorySearch ul.result {
    display: block;
    margin: -10px -10px 10px;
  }
  .categorySearch ul.result > li a {
    display: flex;
    padding: 10px;
    position: relative;
    height: auto;
  }
  .categorySearch ul.result > li a:after {
    display: none;
  }
  .categorySearch ul.result > li a .img {
    min-width: 80px;
    width: 25%;
  }
  .categorySearch ul.result > li a .data dl {
    font-size: 10px;
    font-size: 1rem;
  }
  .categorySearch ul.result > li a .data dl dt {
    font-weight: 600;
  }
  .categorySearch ul.result > li a .data dl dd span {
    font-size: 10px;
  }
  .categorySearch ul.result > li a:hover {
    border: 1px solid #DDD;
    color: #333;
  }
  .categorySearch .head04 {
    margin-top: 30px;
  }

  /*----------------------------------------------------
  ☆top
  ----------------------------------------------------*/
  .topMv {
    margin-top: 97px;
  }

  .topSearch {
    padding: 0;
  }
  .topSearch .search-area-top {
    margin: 0 auto;
    padding: 50px 30px 40px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  }
  .topSearch .search-area-top p {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
      display: block;
      white-space: normal;
  }
    .topSearch .search-area-top .search_right {
        text-align: center;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 600;
        text-align: right;
    }
  .topSearch .search-area-top p input[type=text] {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    height: 32px;
    margin: 15px 0 15px;
    padding-left: 10px;
    width: 100%;
  }
  .topSearch .search-area-top p input[type=submit] {
    background: url("/english/common/img/products/btn_top_search.png") left top no-repeat;
    background-size: 200px auto;
    height: 43px;
    width: 200px;
  }

  .topCategory {
    padding: 35px 10px 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .topCategory h2 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .topCategory ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
  }
  .topCategory ul li {
    margin-bottom: 25px;
    width: 48.5%;
  }
  .topCategory ul li a {
    display: block;
  }
  .topCategory ul li a .img {
    transform: scale(1, 1);
    margin-bottom: 7px;
    transition: 0.3s;
  }
  .topCategory ul li a .img img {
    height: auto;
    width: 100%;
  }
  .topCategory ul li a h3 {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .topCategory ul li a h3:before {
    height: 6px;
    margin-right: 6px;
    width: 6px;
  }
  .topCategory ul li a:hover .img {
    transform: scale(1, 1);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  .topCategory ul li a:hover h3 {
    color: #000;
  }
  .topCategory ul li a:hover h3:before {
    border-color: #333 #333 transparent transparent;
  }
  .topCategory .linkBtn {
    padding: 0 15px;
  }
  .topCategory .linkBtn a {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    min-width: inherit;
    padding: 14px;
    transform: scale(1, 1);
  }
  .topCategory .linkBtn a:hover {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    color: #000;
    transform: scale(1, 1);
  }

  .topNews {
    padding: 40px 20px;
  }
  .topNews .inr h2 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
    text-align: center;
  }
  .topNews .inr ul li a {
    flex-wrap: wrap;
    padding: 15px 5px;
  }
  .topNews .inr ul li a .date {
    font-size: 11px;
    font-size: 1.1rem;
    width: 11rem;
  }
  .topNews .inr ul li a .category {
    border: 1px solid #333;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6;
    margin-right: 0;
    margin-top: -2px;
    padding-top: 1px;
    width: auto;
  }
  .topNews .inr ul li a h3 {
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 5px;
    width: 100%;
  }
  .topNews .inr ul li a:hover {
    background-color: #FCFCFC;
    color: #006ABB;
  }
  .topNews .inr ul li a:hover .category {
    border: 1px solid #006ABB;
  }
  .topNews .inr .linkBtn {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 25px 15px 0;
  }
  .topNews .inr .linkBtn a {
    display: block;
    padding: 14px 20px;
    position: static;
    text-align: center;
  }

  .topTopics ul {
    display: block;
    padding: 0 15px 20px;
  }
  .topTopics ul li {
    margin-bottom: 10px;
    width: auto;
  }
  .topTopics ul li a .img {
    transform: scale(1, 1);
  }
  .topTopics ul li a .img img {
    height: auto;
    width: 100%;
  }
  .topTopics ul li a h3 {
    background-color: black;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 15px 10px 25px;
    position: relative;
  }
  .topTopics ul li a h3:after {
    border: 1px solid;
    border-color: #FFF #FFF transparent transparent;
    content: "";
    display: inline-block;
    height: 7px;
    margin-right: 0;
    width: 7px;
    transition: 0.3s;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
  }
  .topTopics ul li a:hover .img {
    transform: scale(1, 1);
  }
  .topTopics ul li a:hover h3 {
    background-color: black;
    padding: 10px 15px 10px 25px;
  }

  /*----------------------------------------------------
  ☆News
  ----------------------------------------------------*/
  .newsList {
    padding: 0;
  }
  .newsList .inr h2 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
    text-align: center;
  }
  .newsList .inr ul li a {
    flex-wrap: wrap;
    padding: 15px 5px;
  }
  .newsList .inr ul li a .date {
    font-size: 11px;
    font-size: 1.1rem;
    width: 11rem;
  }
  .newsList .inr ul li a .category {
    border: 1px solid #333;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6;
    margin-right: 0;
    margin-top: -2px;
    padding-top: 1px;
    width: 9rem;
  }
  .newsList .inr ul li a .new {
    font-size: 10px;
    font-size: 1rem;
  }
  .newsList .inr ul li a h3 {
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 5px;
    width: 100%;
  }
  .newsList .inr ul li a:hover {
    background-color: #FCFCFC;
    color: #006ABB;
  }
  .newsList .inr ul li a:hover .category {
    border: 1px solid #006ABB;
  }
  .newsList .pager {
    padding-top: 10px;
  }
  .newsList .pager .pagination li {
    display: none;
  }
  .newsList .pager .pagination li.pre,
  .newsList .pager .pagination li.next {
    display: inline-block;
    width: 48%;
    height: 50px;
    text-align: center;
  }
  .newsList .pager .pagination li.pre a,
  .newsList .pager .pagination li.next a {
    width: 100%;
    text-align: center;
  }
  .newsList .pager .pagination li.pre span::after {
    content: " Previous 10 topics";
  }
  .newsList .pager .pagination li.next span::before {
    content: "Next 10 topics ";
  }

  .newsTitle {
    font-size: 20px;
    font-size: 2rem;
    padding-bottom: 5px;
  }

  .newsTitleData {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .newsTitleData span.date {
    font-size: 11px;
    font-size: 1.1rem;
    margin-right: 10px;
  }
  .newsTitleData span.category {
    font-size: 10px;
    font-size: 1rem;
    margin-top: -2px;
    padding-top: 1px;
    width: 9rem;
  }

  .newsEditor h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
    padding: 0;
  }
  .newsEditor h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    padding: 0 0 0 14px;
  }
  .newsEditor h3:before {
    height: 1.5em;
    width: 5px;
  }
  .newsEditor h4 {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
  }
  .newsEditor p {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    padding-bottom: 30px;
  }
  .newsEditor table {
    margin-bottom: 10px;
  }
  .newsEditor table th, .newsEditor table td {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
    padding: 12px 10px;
  }

  /*----------------------------------------------------
  ☆ROHS
  ----------------------------------------------------*/
  .grayBox {
    padding: 25px 20px 25px;
  }

  .attBold {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .rohsSearch {
    margin: 20px 0 30px;
  }

  /*----------------------------------------------------
  ☆conversion_kit
  ----------------------------------------------------*/
  .anchorLinks {
    margin-bottom: 0;
    padding: 15px 5px;
    text-align: center;
  }
  .anchorLinks ul li {
    display: inline-block;
    margin: 0;
  }
  .anchorLinks ul li a {
    font-size: 12px;
    padding: 0;
  }
  .anchorLinks ul li a:before {
    height: 6px;
    margin-right: 7px;
    vertical-align: 4px;
    width: 6px;
  }
  .anchorLinks ul li {
    margin-right: 15px;
  }

  .attList li {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 7px;
    padding: 0 0 0 28px;
  }
  .attList li img {
    width: 20px;
    height: auto;
  }

  .attListTable table th {
    display: block;
  }
  .attListTable table td {
    display: block;
    padding-bottom: 10px;
  }
  .attListTable table tr:last-child td {
    padding-bottom: 0;
  }

  .kitData {
    padding: 20px 15px;
  }
  .kitData ol {
    display: block;
  }
  .kitData ol > li {
    border-bottom: 1px solid #DDD;
    margin: 0;
    padding: 30px 0;
    width: auto;
  }
  .kitData ol > li h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .kitData ol > li h3 span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
    height: 26px;
    margin: 0 10px 10px 0;
    width: 26px;
  }
  .kitData ol > li p.txt {
    line-height: 1.6;
  }
  .kitData ol > li p.code {
    background-color: #E9E9E9;
    display: inline-block;
    margin: 15px 0 10px;
    padding: 5px 15px;
  }
  .kitData ol > li p.code span.tax {
    font-size: 12px;
    margin-left: 5px;
  }
  .kitData ol > li p.compo {
    background-color: #D61A1B;
    border-radius: 30px;
    color: #FFF;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
    padding: 5px 20px;
  }
  .kitData ol > li.last {
    margin-right: 0;
    width: auto;
  }
  .kitData ol > li.big {
    display: block;
    padding: 0 0 20px;
    width: 100%;
  }
  .kitData ol > li.big .img {
    margin-bottom: 15px;
    width: auto;
  }
  .kitData ol > li.big .data {
    width: auto;
  }
  .kitData ol > li.big .data ul {
    display: block;
    flex-wrap: wrap;
    padding-top: 20px;
  }
  .kitData ol > li.big .data ul li {
    margin-bottom: 5px;
    margin-right: 0;
    width: auto;
  }
  .kitData ol > li.big .data ul li .thumb {
    margin-right: 8px;
    width: 67px;
  }

  .lineUpTbl {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .lineUpTbl table th {
    font-weight: 600 !important;
    text-align: center !important;
    vertical-align: middle !important;
  }
  .lineUpTbl table td {
    vertical-align: middle !important;
  }
  .lineUpTbl table td a {
    color: #006ABB;
    display: block;
    text-decoration: underline;
  }
  .lineUpTbl table td a:before {
    border: 1px solid;
    border-color: #006ABB #006ABB transparent transparent;
    content: "";
    display: inline-block;
    height: 8px;
    transform: rotate(45deg);
    margin-right: 7px;
    vertical-align: 2px;
    width: 8px;
  }
  .lineUpTbl table td a:hover {
    text-decoration: none;
  }
  .lineUpTbl table td .tax {
    font-size: 11px;
  }
  .lineUpTbl table td .fig {
    text-align: center;
  }
  .lineUpTbl table td .fig img {
    height: auto;
    width: 130px !important;
  }

  .kitContact {
    margin-bottom: 30px;
    padding: 30px 20px;
  }
  .kitContact h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .kitContact .kcLink a {
    display: block;
    margin: 20px 0 0;
    padding: 12px 20px;
    min-width: auto;
  }

  /*----------------------------------------------------
  ☆esd
  ----------------------------------------------------*/
  .blueTitle {
    font-size: 24px;
    font-size: 2.4rem;
    padding-bottom: 20px;
  }
  .blueTitle:before {
    margin-right: 15px;
    width: 20px;
  }
  .blueTitle:after {
    margin-left: 15px;
    width: 20px;
  }

  .seidenkiFlex {
    display: block;
    padding: 0 5px;
  }
  .seidenkiFlex p.img {
    margin-bottom: 20px;
    padding-right: 0;
    width: auto;
  }
  .seidenkiFlex ol {
    width: auto;
  }
  .seidenkiFlex ol li {
    margin-bottom: 25px;
  }
  .seidenkiFlex ol li h3 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 8px;
    padding: 6px 10px 6px 45px;
    box-shadow: 1px 1px 4px #CCC;
    position: relative;
  }
  .seidenkiFlex ol li h3 span {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 17px;
    padding: 10px 10px;
    left: -10px;
    top: -5px;
  }
  .seidenkiFlex ol li p {
    font-size: 13px;
    font-size: 1.3rem;
    padding-left: 45px;
  }

  .categorySearch.seidenki ul.result > li a .data p {
    font-size: 13px;
    font-size: 1.3rem;
  }

  /*----------------------------------------------------
  ☆handa-craft
  ----------------------------------------------------*/
  .handaCraftIndex ul li {
    width: 48%;
  }

  /*----------------------------------------------------
  ☆N2 system
  ----------------------------------------------------*/

  /*----------------------------------------------------
  ☆Hikaru
  ----------------------------------------------------*/

  /*----------------------------------------------------
  ☆Namari
  ----------------------------------------------------*/

  /* cmn
  ==================================== */

  /* head
  ==================================== */

  /* Box
  ==================================== */

  /* LIST
  ==================================== */

  /* TABLE
  ==================================== */

  /* FLEX
  ==================================== */
}
@media only screen and (max-width: 1023px) and (max-width: 570px) {
  .handaCraftIndex ul {
    display: block;
    padding: 10px 10px 0;
  }
  .handaCraftIndex ul li {
    margin-bottom: 35px;
    width: auto;
  }
  .handaCraftIndex ul li a p.img {
    margin-bottom: 7px;
  }
  .handaCraftIndex ul li a p.txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .handaCraftIndex ul li a p.txt:after {
    margin-left: 5px;
  }
  .handaCraftIndex ul li a p.txt.blank:after {
    background-size: 14px auto;
    height: 14px;
    width: 14px;
  }
  .handaCraftIndex ul li a:hover {
    opacity: 1;
  }
}
@media only screen and (max-width: 1023px) {
  .n2Tab {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 0 15px 0;
  }
  .n2Tab:after {
    bottom: 15px;
  }
  .n2Tab ul {
    display: block;
  }
  .n2Tab ul li {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0 7px 0 0;
    min-width: 80px;
  }
  .n2Tab ul li a, .n2Tab ul li span {
    min-height: 50px;
  }
  .n2Tab ul li.current {
    z-index: 3;
  }
  .n2Tab ul li.current a:after {
    background-color: #006ABB;
    content: "";
    display: block;
    height: 101%;
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
  }
}
@media only screen and (max-width: 1023px) {
  .n2Flow {
    background: none;
    display: block;
    margin-bottom: 40px;
  }
  .n2Flow .n2FlowBoxL {
    display: block;
    margin-bottom: 55px;
    padding: 25px 20px 20px;
    min-height: auto;
    width: auto;
    position: relative;
  }
  .n2Flow .n2FlowBoxL p {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin: 0 auto 20px;
    padding: 10px 20px;
    text-align: center;
  }
  .n2Flow .n2FlowBoxL ul {
    width: 100%;
  }
  .n2Flow .n2FlowBoxL:after {
    content: "▼";
    display: block;
    font-size: 25px;
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 100%;
    text-align: center;
  }
  .n2Flow .n2FlowBoxR {
    display: flex;
    padding: 30px 20px;
    min-height: 220px;
    text-align: center;
    width: auto;
  }
  .n2Flow .n2FlowBoxR h4 {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .n2Flow .n2FlowBoxR p {
    width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .pointBox .questionMark {
    line-height: 14px;
  }
}
@media only screen and (max-width: 1023px) {
  .n2DlFlex {
    display: block;
  }
  .n2DlFlex dl {
    margin: 0;
    min-width: auto;
  }
  .n2DlFlex dl dt {
    padding: 10px;
  }
  .n2DlFlex dl dd {
    padding: 12px 0 25px;
  }
}
@media only screen and (max-width: 1023px) {
  .n2ColorDl {
    margin-bottom: 30px;
  }
  .n2ColorDl dt {
    font-size: 16px;
    padding: 10px 15px;
  }
  .n2ColorDl dd {
    background-color: #F7F7F5;
    padding: 20px 15px;
  }
  .n2ColorDl dd .flex .w48 {
    width: auto !important;
  }
  .n2ColorDl dd .flex .w48 iframe {
    height: 200px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1023px) {
  .flowArrow {
    margin-top: -25px;
    padding: 5px;
  }
}
@media only screen and (max-width: 1023px) {
  .n2Head {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 1023px) {
  .dataBlk {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .dataBlk .data {
    padding: 0 0 20px;
  }
  .dataBlk .data table th, .dataBlk .data table td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 5px;
    vertical-align: top;
  }
  .dataBlk .data table th {
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }
  .dataBlk.noBdr {
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .mechaFlex {
    background: none;
    display: block;
  }
  .mechaFlex .mechaFlexBox {
    padding-top: 20px;
    width: auto;
  }
  .mechaFlex .mechaFlexBox dl dt {
    font-size: 15px;
    line-height: 1.6;
    padding: 12px 15px;
  }
  .mechaFlex .mechaFlexBox dl dt span {
    display: block;
    font-size: 13px;
  }
  .mechaFlex .mechaFlexBox dl dd {
    padding: 15px 15px;
  }
  .mechaFlex .mechaFlexBox dl dd table th, .mechaFlex .mechaFlexBox dl dd table td {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .mechaFlex .mechaFlexBox dl dd table th {
    width: 90px;
  }
  .mechaFlex .mechaFlexBox .att {
    font-size: 12px;
    margin: 20px 0;
  }
  .mechaFlex .mechaFlexBox .att span {
    padding: 4px 15px;
  }
  .mechaFlex .mechaFlexBox .tableFlex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .mechaFlex .mechaFlexBox .tableFlex .bscTbl {
    width: calc(100% - 100px);
  }
  .mechaFlex .mechaFlexBox .tableFlex .bscTbl th, .mechaFlex .mechaFlexBox .tableFlex .bscTbl td {
    font-size: 11px !important;
    padding: 10px 5px;
    text-align: right;
    vertical-align: middle;
  }
  .mechaFlex .mechaFlexBox .tableFlex .bscTbl th {
    font-weight: bold;
    text-align: center;
  }
  .mechaFlex .mechaFlexBox .tableFlex .img {
    width: 90px;
  }
  .mechaFlex .mechaFlexBox .tableFlex .img .indList li {
    font-size: 11px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 1023px) {
  .methodImg {
    padding: 0;
  }
  .methodImg ul {
    display: block;
  }
  .methodImg ul li {
    margin-bottom: 30px;
    width: auto;
  }
}
@media only screen and (max-width: 1023px) {
  .attP {
    font-size: 11px;
  }
  .attP .attMark {
    display: block;
    line-height: 1.3;
    margin: 0 0 5px;
    padding: 4px 10px;
    text-align: center;
    width: 7em;
  }
}
@media only screen and (max-width: 1023px) {
  .aboutN2Table a {
    color: #006ABB;
    text-decoration: underline;
  }
  .aboutN2Table a:hover {
    text-decoration: none;
  }
}
@media only screen and (max-width: 1023px) {
  .accSwitch {
    font-size: 14px;
    margin-bottom: 30px;
    padding: 12px;
  }
  .accSwitch:hover {
    color: #006ABB;
  }
  .accSwitch:after {
    font-size: 16px;
    margin-top: -14px;
  }
}
@media only screen and (max-width: 1023px) {
  .hikaruContents h1 {
    margin-bottom: 30px;
    padding: 15px 15px;
    text-align: center;
  }
  .hikaruContents h1 img {
    margin-bottom: 30px;
  }
  .hikaruContents h1 div {
    text-align: left;
  }
  .hikaruContents h1 div span {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    text-align: center;
    padding: 7px 15px;
  }
  .hikaruContents .character {
    margin: 0 auto 40px;
    padding: 25px 10px;
  }
  .hikaruContents .character h2 {
    font-size: 16px;
    top: -12px;
    left: 0;
  }
  .hikaruContents .character ul {
    flex-wrap: wrap;
  }
  .hikaruContents .character ul li {
    margin: 0 5px;
  }
  .hikaruContents .character ul li img {
    height: 55px;
  }
  .hikaruContents .chatRoom .chat {
    display: flex;
    margin-bottom: 15px;
    min-height: 40px;
  }
  .hikaruContents .chatRoom .chat.chatL {
    background: url("/japan/common/img/hikaru/img_yocchan.png") left 0 no-repeat;
    background-size: 40px auto !important;
    padding-left: 60px;
    padding-right: 10px;
  }
  .hikaruContents .chatRoom .chat.chatL .inr {
    padding: 15px;
    position: relative;
    width: auto;
  }
  .hikaruContents .chatRoom .chat.chatL .inr:before {
    top: 8px;
    margin-top: 0;
  }
  .hikaruContents .chatRoom .chat.chatR {
    background: url("/japan/common/img/hikaru/img_yocchan.png") right 0 no-repeat;
    background-size: 40px auto !important;
    justify-content: flex-end;
    padding-right: 60px;
    padding-left: 10px;
  }
  .hikaruContents .chatRoom .chat.chatR .inr {
    padding: 20px;
    width: auto;
  }
  .hikaruContents .chatRoom .chat.chatR .inr:before {
    top: 8px;
    margin-top: 0;
  }
  .hikaruContents .chatRoom .chat.charaH {
    background-image: url("/japan/common/img/hikaru/img_hikaru.png");
  }
  .hikaruContents .chatRoom .chat.charaH .inr {
    background-color: #FFE1D7;
  }
  .hikaruContents .chatRoom .chat.charaH.chatL .inr:before {
    border-right-color: #FFE1D7;
  }
  .hikaruContents .chatRoom .chat.charaH.chatR .inr:before {
    border-left-color: #FFE1D7;
  }
  .hikaruContents .chatRoom .chat.charaY {
    background-image: url("/japan/common/img/hikaru/img_yocchan.png");
  }
  .hikaruContents .chatRoom .chat.charaY .inr {
    background-color: #FFF14A;
  }
  .hikaruContents .chatRoom .chat.charaY.chatL .inr:before {
    border-right-color: #FFF14A;
  }
  .hikaruContents .chatRoom .chat.charaY.chatR .inr:before {
    border-left-color: #FFF14A;
  }
  .hikaruContents .chatRoom .chat.charaT {
    background-image: url("/english/common/img/hikaru/img_tanaka.png");
  }
  .hikaruContents .chatRoom .chat.charaT .inr {
    background-color: #EEE;
  }
  .hikaruContents .chatRoom .chat.charaT.chatL .inr:before {
    border-right-color: #EEE;
  }
  .hikaruContents .chatRoom .chat.charaT.chatR .inr:before {
    border-left-color: #EEE;
  }
  .hikaruContents .chatRoom .chat.charaP {
      background-image: url("/english/common/img/hikaru/img_hikaru_papa.png");
  }
  .hikaruContents .chatRoom .chat.charaP .inr {
    background-color: #EEE;
  }
  .hikaruContents .chatRoom .chat.charaP.chatL .inr:before {
    border-right-color: #EEE;
  }
  .hikaruContents .chatRoom .chat.charaP.chatR .inr:before {
    border-left-color: #EEE;
  }
  .hikaruContents .chatRoom .chat.charaS {
      background-image: url("/english/common/img/hikaru/img_suzuki.png");
  }
  .hikaruContents .chatRoom .chat.charaS .inr {
    background-color: #EEE;
  }
  .hikaruContents .chatRoom .chat.charaS.chatL .inr:before {
    border-right-color: #EEE;
  }
  .hikaruContents .chatRoom .chat.charaS.chatR .inr:before {
    border-left-color: #EEE;
  }
  .hikaruContents .chatRoom .chat p {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
  }
  .hikaruContents .chatRoom .chat p.small {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
  }
  .hikaruContents .chatRoom .kaisetsu {
    text-align: left;
    padding: 30px 15px;
  }
  .hikaruContents .chatRoom .kaisetsu span {
    border-bottom: 2px solid #000;
    display: inline;
    font-size: 18px;
    text-align: left;
  }
  .hikaruContents .mokuji {
    border: 4px solid #000;
    border-radius: 6px;
    display: block;
    margin: 30px auto;
  }
  .hikaruContents .mokuji:after {
    display: none;
  }
  .hikaruContents .mokuji .mokujiL {
    padding: 25px 10px 0;
    width: auto;
  }
  .hikaruContents .mokuji .mokujiR {
    border-left: none;
    padding: 5px 10px;
    width: auto;
  }
  .hikaruContents .mokuji ol li {
    font-size: 13px;
    margin-bottom: 15px;
  }
  .hikaruContents .mokuji ol li a {
    line-height: 1.4;
    display: flex;
    align-items: flex-start;
  }
  .hikaruContents .mokuji ol li a span {
    border-radius: 20px;
    color: #FFF;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    margin: 0 5px 5px 0;
    padding: 7px 10px 8px;
    text-align: center;
    min-width: 6em;
  }
  .hikaruContents .mokuji ol li a strong {
    font-weight: 600;
    padding-top: 3px;
    text-decoration: underline;
  }
  .hikaruContents .mokuji ol li a:hover strong {
    text-decoration: none;
  }
  .hikaruContents .handaBnr {
    padding-bottom: 20px;
    text-align: center;
  }
  .hikaruContents .hikaruInfo {
    display: block;
  }
  .hikaruContents .hikaruInfo li {
    margin: 0 0 20px;
    text-align: center;
  }
}
@media only screen and (max-width: 1023px) {
  .yoshiAshi {
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  .spHides {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .cmnBtn {
    display: block;
    min-width: auto;
    padding: 15px 40px 15px 15px;
  }
}
@media only screen and (max-width: 1023px) {
  .cmnAnc {
    display: inline-block;
    margin-top: -100px;
    padding-top: 100px;
  }
}
@media only screen and (max-width: 1023px) {
  .spDisp {
    display: block !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spHide {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  br.spHide {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spImg {
    height: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .spCenter {
    text-align: center;
  }
}
@media only screen and (max-width: 1023px) {
  .spLeft {
    text-align: left !important;
  }
}
@media only screen and (max-width: 1023px) {
  .top10 {
    margin-top: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .top15 {
    margin-top: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .top20 {
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .top25 {
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .top30 {
    margin-top: 15px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .top35 {
    margin-top: 15px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .top40 {
    margin-top: 20px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm0 {
    margin-bottom: 0 !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm5 {
    margin-bottom: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm10 {
    margin-bottom: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm15 {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm20 {
    margin-bottom: 15px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm25 {
    margin-bottom: 20px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm30 {
    margin-bottom: 25px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm35 {
    margin-bottom: 25px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm40 {
    margin-bottom: 30px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm45 {
    margin-bottom: 30px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm50 {
    margin-bottom: 40px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm55 {
    margin-bottom: 40px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm60 {
    margin-bottom: 50px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm65 {
    margin-bottom: 50px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm70 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm75 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm80 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm85 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm90 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .btm95 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pT0 {
    padding-top: 0 !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pT5 {
    padding-top: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pT10 {
    padding-top: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pT15 {
    padding-top: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pT20 {
    padding-top: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pT25 {
    padding-top: 15px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pT30 {
    padding-top: 15px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pT35 {
    padding-top: 15px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pT40 {
    padding-top: 20px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pT45 {
    padding-top: 20px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pB0 {
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pB5 {
    padding-bottom: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pB10 {
    padding-bottom: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pB15 {
    padding-bottom: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pB20 {
    padding-bottom: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pL5 {
    padding-left: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pL10 {
    padding-left: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pL15 {
    padding-left: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pL20 {
    padding-left: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pL25 {
    padding-left: 15px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pL30 {
    padding-left: 15px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pL35 {
    padding-left: 15px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pL40 {
    padding-left: 20px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pL45 {
    padding-left: 20px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pR5 {
    padding-right: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pR10 {
    padding-right: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pR15 {
    padding-right: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pR20 {
    padding-right: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pR25 {
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pR30 {
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pR35 {
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pR40 {
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .pR45 {
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .lm5 {
    margin-left: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .lm10 {
    margin-left: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .lm15 {
    margin-left: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .lm20 {
    margin-left: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .lm50 {
    margin-left: 20px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .lm60 {
    margin-left: 30px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .lm70 {
    margin-left: 30px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .rm5 {
    margin-right: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .rm10 {
    margin-right: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .rm15 {
    margin-right: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .rm20 {
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spBtm0 {
    margin-bottom: 0 !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spBtm5 {
    margin-bottom: 5px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spBtm10 {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spBtm15 {
    margin-bottom: 15px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spBtm20 {
    margin-bottom: 20px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spBtm25 {
    margin-bottom: 25px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spBtm30 {
    margin-bottom: 30px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spBtm35 {
    margin-bottom: 35px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spBtm40 {
    margin-bottom: 40px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spBtm45 {
    margin-bottom: 45px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spBtm50 {
    margin-bottom: 50px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .spW100 {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1023px) {
  .head02 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 20px;
    padding: 0 0 8px;
  }
}
@media only screen and (max-width: 1023px) {
  .head03 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 15px;
    padding: 30px 0 8px;
  }
}
@media only screen and (max-width: 1023px) {
  .head04 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    padding: 0 0 0 14px;
  }
  .head04:before {
    height: 1.5em;
    width: 5px;
  }
}
@media only screen and (max-width: 1023px) {
  .head05 {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  .head05Blue {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  .head02N {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 15px;
    padding-bottom: 6px;
  }
}
@media only screen and (max-width: 1023px) {
  .head02N .size20 {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
  }
}
@media only screen and (max-width: 1023px) {
  .head03N {
    border-bottom: 2px solid #006ABB;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (max-width: 1023px) {
  .bscBox {
    padding: 25px 20px 20px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1023px) {
  .indList {
    margin-bottom: 20px;
  }
  .indList li {
    margin-bottom: 5px;
    text-indent: -1em;
    padding-left: 1em;
    position: relative;
  }
  .indList li:before {
    content: "・";
    display: inline;
  }
  .indList.listS li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 1023px) {
  .numList {
    margin-bottom: 20px;
  }
  .numList li {
    line-height: 1.7;
    list-style: decimal outside none;
    margin-bottom: 5px;
  }
  .numList.list02 {
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
  }
  .numList.list02 li {
    list-style: none;
    padding-left: 30px;
    position: relative;
  }
  .numList.list02 li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #006ABB;
    color: #FFF;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 22px;
    margin-left: -20px;
    text-align: center;
    height: 20px;
    width: 18px;
    top: 1px;
    left: -3px;
    position: relative;
  }
  .numList.listS li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 1023px) {
  .linkList {
    margin-bottom: 30px;
  }
  .linkList li {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 1023px) {
  .attention {
    line-height: 1.2;
    padding: 7px 10px 5px 40px;
  }
  .attention:before {
    content: "";
    font-size: 18px;
    top: 4px;
  }
}
@media only screen and (max-width: 1023px) {
  .bscTbl {
    margin-bottom: 30px;
  }
  .bscTbl table {
    margin-bottom: 10px;
  }
  .bscTbl table th, .bscTbl table td {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
    padding: 12px 10px;
  }
  .bscTbl.tbl03 table th, .bscTbl.tbl03 table td {
    border-bottom: 1px solid #DDD;
    font-size: 12px;
    padding: 12px 5px 12px 0;
  }
  .bscTbl.tbl03 table th {
    font-weight: 600;
  }
  .bscTbl.tbl03 table th.w15 {
    padding: 12px 5px 12px 0;
    width: 25% !important;
  }
  .bscTbl.tbl03 table td.map iframe {
    width: 100% !important;
    height: 250px;
  }
  .bscTbl.tbl03 table th.w20 {
    width: 30% !important;
  }
  .bscTbl.tblS th, .bscTbl.tblS td {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3;
    padding: 12px 12px;
  }
}
@media only screen and (max-width: 1023px) {
  .tableScroll,
.tableScrollLong {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (max-width: 1023px) {
  .tableScroll:before,
.tableScrollLong:before {
  content: "*Slide to scroll";
    display: block;
    padding-bottom: 10px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 1023px) {
  .tableScroll table {
    width: 600px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .tableScrollLong table {
    width: 1000px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .responsive table {
    display: block;
    width: 100%;
  }
  .responsive table tbody {
    display: block;
    width: 100%;
  }
  .responsive table tr {
    display: block;
    width: 100%;
  }
  .responsive table th, .responsive table td {
    display: block;
    width: 100%;
    text-align: left;
  }
  .responsive table th {
    font-weight: bold !important;
  }
}
@media only screen and (max-width: 1023px) {
  .specTbl {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .specTbl:before {
    content: "*Slide to scroll";
    display: block;
    padding-bottom: 10px;
    font-size: 11px;
  }
  .specTbl table {
    width: 600px !important;
  }
  .specTbl table th, .specTbl table td {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3;
    min-width: 60px;
  }
}
@media only screen and (max-width: 1023px) {
  .flex {
    display: block;
    margin-bottom: 30px;
  }
  .flex .img {
    margin-bottom: 5px;
    width: 100% !important;
    text-align: center;
  }
  .flex .img img {
    max-width: 100% !important;
    max-height: 300px;
    width: auto;
  }
  .flex .data {
    padding: 10px 0;
    width: 100% !important;
  }
  .flex .img + .data {
    padding: 10px 0;
  }
  .flex.reverse .data {
    padding: 10px 0;
  }
  .flex.img2 .img {
    margin-bottom: 30px;
    width: auto !important;
  }
  .flex.img2 .img p {
    padding: 10px 0;
  }
  .flex.img3 .img {
    margin-bottom: 30px;
    width: auto !important;
  }
  .flex.img3 .img p {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 0;
  }
}
@media only screen and (max-width: 1023px) {
  .descList {
    display: block;
  }
  .descList li {
    width: auto;
  }
  .descList li .img {
    max-width: 180px;
  }
  .descList li .data {
    padding: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .thumbList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .thumbList li a p {
    font-size: 9px;
  }
  .thumbList.clm2 li {
    margin: 0 0 15px 0;
    width: 48.5%;
  }
  .thumbList.clm3 li {
    margin: 0 0 15px 0;
    width: 48.5%;
  }
  .thumbList.clm4 li {
    margin: 0 0 15px 0;
    width: 48.5%;
  }
  .thumbList.clm4S {
    justify-content: space-between;
    width: auto;
  }
  .thumbList.clm4S li {
    font-size: 10px;
    margin: 0 0 20px 0;
    width: 48.5%;
  }
  .thumbList.clm4S li img {
    border: 1px solid #DDD;
  }
  .thumbList.clm4S li p {
    font-size: 10px;
    margin-bottom: 0;
  }
  .thumbList.clm4XS {
    justify-content: space-between;
    width: auto;
  }
  .thumbList.clm4XS li {
    font-size: 10px;
    margin: 0 0 20px 0;
    width: 48.5%;
  }
  .thumbList.clm4XS li img {
    border: 1px solid #DDD;
  }
  .thumbList.clm4XS li p {
    font-size: 10px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  #breadChumbs p span {
    font-size: 10px;
  }
  .pData .data ul.lang_list {
    overflow: hidden;
    width: auto;
    margin: 0 -3px 0 0;
    letter-spacing: 0;
  }
  .pData .data ul.lang_list li{
    flex: auto;
    width: auto !important;
    margin: 3px 3px 3px 0;
    font-size: 11px;
    padding: 3px 2px;
  }
  .movieTab ul li a, .movieTab ul li span {
    padding: 0 5px;
  }
}