@charset "utf-8";
/* visualArea
------------------------------------------------------------------------------------------------------------- */
#visualAreaHome {
 width: 100%;
 background: url(../../img/visual_bg.png) no-repeat 50% top;
 background-size: auto 100%;
 text-align: center;
}
#visualWrapHome {
 margin: 0 auto;
 max-width: 980px;
 width: 100%;
 position: relative;
}
#visualWrapHome:before, #slider::before, #visualWrapHome:after, #slider::after {
 content: '';
 position: absolute;
}
#slider {
 position: relative;
 max-width: 980px;
 width: 100%;
}
#visualWrapHome::before {
 left: 0;
 top: 0;
 max-width: 980px;
 width: 100%;
 height: 7px;
 z-index: 9998;
 background: url(../../img/visual_frame_t.png) no-repeat left top;
 background-size: 100% auto;
}
#visualWrapHome::after {
 left: 0;
 bottom: 0;
 max-width: 980px;
 width: 100%;
 height: 11px;
 z-index: 9998;
 background: url(../../img/visual_frame_b.png) no-repeat left bottom;
 background-size: 100% auto;
}
#slider::before {
 left: -1px;
 top: 0;
 width: 18px;
 height: 100%;
 z-index: 9998;
 background: url(../../img/visual_frame_l.png) no-repeat left top;
 background-size: auto 100%;
}
#slider::after {
 right: -1px;
 top: 0;
 width: 22px;
 height: 100%;
 z-index: 9000;
 background: url(../../img/visual_frame_r.png) no-repeat left top;
 background-size: auto 100%;
}
.bx-wrapper {
 position: relative;
 margin: 0 auto;
 padding: 0;
 *zoom: 1;
}
.bx-wrapper img {
 max-width: 100%;
 display: block;
}
.bx-wrapper .bx-viewport {
 -webkit-transform: translatez(0);
 -moz-transform: translatez(0);
 -ms-transform: translatez(0);
 -o-transform: translatez(0);
 transform: translatez(0);
}
.bx-wrapper .bx-loading {
 min-height: 50px;
 background: url(../../img/loading.gif) center center no-repeat #fff;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2000;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
 display: inline-block;
 *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-prev {
 width: 35px;
 height: 54px;
 left: -35px;
 background: url(../../img/btn_control.png) no-repeat 0 top;
}
.bx-wrapper .bx-next {
 width: 35px;
 height: 54px;
 right: -30px;
 background: url(../../img/btn_control.png) no-repeat -35px top;
}
.bx-wrapper .bx-prev:hover {
 left: -37px;
}
.bx-wrapper .bx-next:hover {
 right: -33px;
}
.bx-wrapper .bx-controls-direction a {
 position: absolute;
 top: 50%;
 margin-top: -27px;
 outline: 0;
 width: 35px;
 height: 54px;
 font-size: 20px !important;
 line-height: 12px !important;
 text-align: left !important;
 text-indent: 110%;
 overflow: hidden !important;
 word-wrap: normal !important;
 text-align: left;
 overflow: hidden;
 z-index: 9001;
}
.bx-wrapper .bx-controls-direction a.disabled {
 display: none;
}
@media (max-width: 1050px) {
 .bx-wrapper .bx-prev {
  width: 35px;
  height: 54px;
  left: 10px;
  background: url(../../img/btn_control02.png) no-repeat 0 top;
 }
 .bx-wrapper .bx-next {
  width: 35px;
  height: 54px;
  right: 10px;
  background: url(../../img/btn_control02.png) no-repeat -35px top;
 }
 .bx-wrapper .bx-prev:hover {
  left: 5px;
 }
 .bx-wrapper .bx-next:hover {
  right: 5px;
 }
}
@media (max-width: 980px) {
 #visualWrapHome {
  overflow: hidden;
 }
}
@media (max-width: 768px) {
 #visualArea {
  width: 100%;
  height: auto;
  background: url(../../img/visual_bg.png) no-repeat 50% top;
 }
 #visualWrap {
  margin: 0 auto;
  width: 100%;
  height: auto;
  position: relative;
 }
 #visualWrap:before, #slider::before, #visualWrap:after, #slider::after {
  content: '';
  position: absolute;
 }
 #slider {
  position: relative;
  width: 100%;
  height: auto;
 }
 #visualWrap::before {
  left: 0;
  top: 0;
  width: 100%;
  height: 7px;
  z-index: 9998;
  background: url(../../img/visual_frame_t.png) no-repeat left top;
  background-size: 100% auto;
 }
 #visualWrap::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 11px;
  z-index: 9998;
  background: url(../../img/visual_frame_b.png) no-repeat left bottom;
  background-size: 100% auto;
 }
 #slider::before {
  left: -1px;
  top: 0;
  width: 18px;
  height: 100%;
  z-index: 9998;
  background: url(../../img/visual_frame_l.png) no-repeat left top;
  background-size: auto 100%;
 }
 #slider::after {
  right: -1px;
  top: 0;
  width: 22px;
  height: 100%;
  z-index: 9998;
  background: url(../../img/visual_frame_r.png) no-repeat right top;
  background-size: auto 100%;
 }
 .bx-wrapper .bx-prev {
  width: 20px;
  height: 23px;
  left: 10px;
  background: url(../../img/btn_control02.png) no-repeat 0 top;
  background-size: 30px auto;
 }
 .bx-wrapper .bx-next {
  width: 20px;
  height: 23px;
  right: 5px;
  background: url(../../img/btn_control02.png) no-repeat -20px top;
  background-size: 30px auto;
 }
 .bx-wrapper .bx-prev:hover {
  left: 10px;
 }
 .bx-wrapper .bx-next:hover {
  right: 5px;
 }
 .bx-wrapper .bx-controls-direction a {
  margin-top: -13px;
  width: 20px;
  height: 23px;
 }
 .bx-wrapper .bx-controls-direction a.disabled {
  display: none;
 }
}
/* categoryListArea
------------------------------------------------------------------------------------------------------------- */
#categoryListArea {
 width: 100%;
 padding: 70px 0 0;
 background: #fff;
}
#categoryListAreaWrap {
 margin: 0 auto;
 padding: 0;
 max-width: 980px;
 width: 100%;
}
#categoryListArea .ttlHlHome {
 color: #666;
 margin-bottom: 10px;
}

#categoryListArea ul {
 width: 100%;
 margin: 0;
 padding: 0;
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 30px;
 color: #fff;
 text-align: left;
 letter-spacing: -.4em;
 border-bottom: 5px solid #fff;
 overflow: hidden;
}
#categoryListArea li {
 width: 25%;
 display: inline-block;
 letter-spacing: normal;
 border-top: 1px solid #dc6270;
 background: #b31628;
}
#categoryListArea a {
 display: block;
 position: relative;
 padding: 8px 10px;
 color: #fff;
 text-decoration: none;
 border-right: 1px solid #dc6270;
}
#categoryListArea a:hover{
background: #c8102d;
}
#categoryListArea a::before {
 position: absolute;
 content: '\e80c';
 right: 6px;
 top: 50%;
 margin-top: -12px;
 font-family: "fontello";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 font-size: 20px;
 margin-right: .2em;
 text-align: center;
 font-variant: normal;
 text-transform: none;
 line-height: 1em;
 margin-left: .2em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 980px) {
 #categoryListArea {
  padding: 0 0 25px;
 }
}
@media (max-width: 768px) {
#categoryListArea {
 padding: 40px 15px 0;
 max-width: 768px;
}
 #categoryListArea li {
  display: inline-block;
  width: 50%;
 }

 #categoryListArea a {
 padding: 8px 15px;
}
}
@media (max-width: 414px) {
 #categoryListArea {
  margin: 0;
  padding: 50px 0 30px;
 }
 #categoryListArea .ttlHlHome {
  padding-left: 15px;
 }
 #categoryListArea li {
  display: block;
  width: 100%;
 }
}

/* contentsArea
------------------------------------------------------------------------------------------------------------- */
#contentsArea {
 padding: 70px 0 50px;
}
#contentsWrap {
 margin: 0 auto;
 padding: 0 0 30px;
 display: table;
 max-width: 980px;
 width: 100%;
}
.area01, .area02 {
 display: table-cell;
 vertical-align: top;
 text-align: left;
 table-layout: fixed;
}
.area01 {
 width: 45%
}
.area02 {
 padding-left: 30px;
 width: 55%;
}
.ttlHlHome {
 padding: 0;
 font-size: 24px;
 font-size: 2.4rem;
 line-height: 1.2;
 font-weight: 700;
}
@media (max-width: 980px) {
 #contentsArea {
  padding: 0 0 25px;
 }
 #contentsWrap {
  padding: 30px 15px 30px;
 }
}
@media (max-width: 768px) {
 #contentsWrap {
  padding-top: 15px;
  display: block;
  width: 100%;
 }
 .area01, .area02 {
  display: block;
 }
 .area01 {
  width: 100%
 }
 .area02 {
  padding-left: 0;
  width: 100%;
 }
 .ttlHlHome {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 700;
 }
}
@media (max-width: 414px) {
 #contentsWrap {
  padding: 0 0 30px;
 }
}
/* news
------------------------------------------------------------------------------------------------------------- */
#newsTopics {
 margin: 0 0 40px;
}
#newsTopics .ttlHlHome {
 color: #666;
}
#newsTopics ul {
 margin-top: 1em;
 list-style-type: none;
}
#newsTopics li {
 width: 100%;
 margin-bottom: 1em;
 padding-bottom: 1em;
 border-bottom: 1px solid #ccc;
}
#newsTopics .pictTxtWrap {
 display: table;
}
#newsTopics .pictTxtWrap .pictBlock {
 display: table-cell;
 max-width: 170px;
 width: 40%;
 padding-right: 10px;
 vertical-align: top;
}
#newsTopics .pictTxtWrap .pictBlock img {
 max-width: 150px;
 width: 100%;
 height: auto;
 border: 1px solid #ccc;
}
#newsTopics li p {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 1.4;
}
#newsTopics .date {
 display: table-cell;
 padding-right: 1em;
 white-space: nowrap;
}
.pictTxtWrap .date {
 display: block;
}
#newsTopics li .txtBlock {
 display: table;
 width: 100%;
}
#newsTopics li .txtBlock p {
 display: table-cell;
 margin: 0;
 vertical-align: top;
}
#newsTopics li .txtBlock p:first-child {
 width: 100px;
}
#newsTopics .pictTxtWrap .txtBlock {
 display: table-cell;
 vertical-align: top;
}
#newsTopics .pictTxtWrap .txtBlock p {
 display: block;
}
#newsTopics a {
 color: #000;
}
#newsTopics a:hover {
 color: #ee1e21;
}
#newsTopics .btn i {
 margin-left: 5px;
 color: #cb4042;
}
@media (max-width: 980px) {
 #newsTopics .pictTxtWrap .txtBlock {
  display: block;
  vertical-align: top;
 }
}
@media (max-width: 768px) {
 #newsTopics {
  margin: 20px 0;
 }
 #newsTopics li {
  position: relative;
  margin-bottom: 0;
  padding: 15px 40px 15px 15px;
  border-bottom: 1px solid #ccc;
 }
 #newsTopics li:nth-child(4), #newsTopics li:nth-child(5), #newsTopics li:nth-child(6) {
  display: none;
 }
 #newsTopics li:after {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -0.5em;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  content: '\e811';
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #cb4042;
 }
 #newsTopics a {
  text-decoration: none;
 }
 #newsTopics li:first-child {
  padding-top: 0;
 }
 #newsTopics .pictTxtWrap {
  display: table;
 }
 #newsTopics .pictTxtWrap .pictBlock {
  width: 30%;
  padding-right: 20px;
 }
 #newsTopics .btn {
  padding: 1em 15px 0;
  text-align: right;
 }
 #newsTopics .btn i {
  padding-left: 0.5em;
 }
}
@media (max-width: 414px) {
 #newsTopics {
  margin: 0;
  padding: 20px 0 30px;
 }
  #newsTopics .ttlHlHome {
  padding-left: 15px;
 }
 #newsTopics li:first-child {
  padding-top: 0;
 }
 #newsTopics .pictTxtWrap {
  display: table;
 }
 #newsTopics .pictTxtWrap .pictBlock {
  width: 40%;
  padding-right: 20px;
 }
 #newsTopics li .txtBlock p {
  display: block;
  width: 100%;
 }
}
/* productCatalog
------------------------------------------------------------------------------------------------------------- */
#productCatalog {}
#productCatalog ul {
 width: 100%;
 margin: 0;
 padding: 0;
 letter-spacing: -.4em;
 text-align: center;
}
#productCatalog li {
 margin: 40px 0;
 padding: 0;
}
#productCatalog p {
 margin-top: 0;
}
#productCatalog li {
 width: 50%;
 display: inline-block;
 letter-spacing: normal;
}
@media (max-width: 768px) {
 #productCatalog {
  max-width: 500px;
  margin: 40px auto;
 }
 #productCatalog li {
  width: 100%;
  display: block;
 }
}
@media (max-width: 414px) {
 #productCatalog {
  width: 90%;
  margin: 40px auto;
 }
}
/* products
------------------------------------------------------------------------------------------------------------- */
#products .ttlHlHome a {
 color: #810b18 !important;
 text-decoration: none;
}
#products .ttlHlHome a i {
 color: #cb4042;
 font-size: 18px;
 font-size: 1.8rem;
}
@media (max-width: 414px) {
 #products .ttlHlHome {
  padding-left: 15px;
 }
}
/* productsList
------------------------------------------------------------------------------------------------------------- */
#productsList {
 margin-left: 0;
 padding: 10px 0 0;
 letter-spacing: -.8em;
}
#productsList .list {
 float: left;
 width: 50%;
 margin: 0 !important;
 color: #fff;
 vertical-align: top;
 letter-spacing: normal;
}
#productsList a {
 position: relative;
 display: block;
 color: #fff;
 text-decoration: none;
}
#productsList .list .inner {
 margin-left: 0 !important;
 padding: 10px;
 min-height: 100%;
 background-color: #b31628;
 -webkit-transition: 0.4s ease;
 -moz-transition: 0.4s ease;
 -o-transition: 0.4s ease;
 transition: 0.4s ease;
}
#productsList .list:nth-of-type(2) .inner,
#productsList .list:nth-of-type(3) .inner,
#productsList .list:nth-of-type(6) .inner {
 background-color: #810b18;
}
#productsList a:hover .inner {
 background-color: #cb1a2f;
}
#productsList .list:nth-of-type(2) a:hover .inner,
#productsList .list:nth-of-type(3) a:hover .inner,
#productsList .list:nth-of-type(6) a:hover .inner {
 background-color: #a20f1f;
}
#productsList .list .img img {
 width: 100%;
 max-width: 100%;
 height: auto;
}
#productsList .data {
 margin-top: 15px;
}
#productsList .data dt {
 font-size: 18px;
 font-size: 1.8rem;
 line-height: 1.3;
 font-weight: 700;
}
#productsList .data dd {
 margin-top: 5px;
 font-weight: 500;
 line-height: 1.5;
}
#productsList .btn {
 display: inline-block;
 margin-top: 15px;
 cursor: pointer;
}
#productsList .btn:hover {
 text-decoration: underline;
}
#productsList .btn i {
 margin-left: 5px;
}
@media (max-width: 414px) {
 #productsList .list {
  display: block;
  width: 100%;
  margin-top: 0;
 }
 #productsList a:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -0.5em;
  z-index: +1;
  content: '\e811';
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
 #productsList .list .inner {
  float: none;
  display: table;
  width: 100%;
  padding: 15px 35px 15px 15px;
  background-color: #b31628;
 }
 #productsList .list:nth-child(odd) .inner {
  background-color: #b31628;
 }
 #productsList .list:nth-child(even) .inner {
  background-color: #810b18;
 }
 #productsList a:hover .inner {
  background-color: #cb1a2f;
 }
 #productsList .list:nth-child(even) a:hover .inner {
  background-color: #a20f1f;
 }
 #productsList .img, #productsList .data {
  display: table-cell;
  vertical-align: middle;
 }
 #productsList .img {
  width: 108px
 }
 #productsList .data {
  padding-left: 15px;
 }
 #productsList .data {
  margin-top: 0;
 }
 #productsList .data dt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 700;
 }
 #productsList .data dd {
  margin-top: 5px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3;
 }
 #productsList .btn {
  display: none;
  margin-top: 15px;
 }
}

/* productsTagsList
------------------------------------------------------------------------------------------------------------- */
#productsTagsList {
 margin: 40px 0;
 padding: 0;
 letter-spacing: -.4em;
 list-style: none;
}
#productsTagsList li {
 width: auto;
 margin: 5px;
 padding: 0;
 display: inline-block;
 letter-spacing: normal;
}
/*
#productsTagsList li:first-child {
 margin-left: 0;
}
*/
#productsTagsList a:link,
#productsTagsList a:visited {
  display: block;
  margin: 0;
  padding: 5px;
  color: #b31628;
  line-height: 1;
  text-decoration: none;
  border: 1px solid #b31628;
}
#productsTagsList a:hover,
#productsTagsList a:active {
  color: #FFF;
  background: #b31628;
}

@media (max-width: 980px) {
}
@media (max-width: 768px) {
}
@media (max-width: 414px) {
}

/* bnr
------------------------------------------------------------------------------------------------------------- */
#bnrArea {
 margin: 40px 0;
}
#bnrArea .ttlHlHome {
 margin: 40px 0 10px;
 color: #666;
}
#bnrArea ul {
}
#bnrArea li {
 margin-top: 10px;
 text-align: center;
}
#bnrArea img {
 width: 100%;
 height: auto;
}
@media (max-width: 768px) {
 #bnrArea {
  margin-top: 20px;
 }
 #bnrArea .ttlHlHome {
  padding-left: 15px;
 }
 #bnrArea ul {
  margin: 0 auto;
  text-align: center;
 }
 #bnrArea li {
  display: inline-block;
  width: 45%;
  margin: 10px 5px 0;
  max-width: 440px;
 }
 #bnrArea img {
  width: 100%;
  height: auto;
 }
}
@media (max-width: 414px) {
 #bnrArea li {
  display: inline-block;
  max-width: 440px;
  width: 75%;
  margin: 10px 5px 0;
 }
}
/* Facebook
------------------------------------------------------------------------------------------------------------- */
#facebookArea {
 width: 400px;
 margin: 40px auto;
}

@media (max-width: 768px) {
 #facebookArea {
  width: 400px;
  margin: 30px auto;
 }
}
@media (max-width: 414px) {
 #facebookArea {
  max-width: 350px;
 }
}