@charset "utf-8";

/*
  Template Name: Furnish - Minimalist Furniture Template
  Template URI: http://devitems.com
  Description: Minimalist Furniture Template
  Author: Hastech
  Author URI: http://devitems.com
  Version: 1.0

*/
/*================================================
[  Table of contents  ]
================================================
  01. General
  02. Header Section
  03. Home Slider Section
  04. Banner Section
  05. Product Section
      5.1 Grid Product
      5.2 List Product
      5.3 SIngle Product Details
  06. Testimonial Section
  07. Blog Section
  08. Service Section
  09. Footer Section
  10. Shope Page
  11. Cart Page
  12. Wishlist Page
  13. Checkout Page
  14. Contact Page
  15. Login & Register Page
  16. Comment Style
  17. Info Section
  18. Consept Section

======================================
[ End table content ]
======================================*/

/*************************
  1.General
*************************/

body {
  background: #fff;
  font-family: 'Roboto', 'Open Sans',"segoe UI", "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 26px;
}

img{
  max-width: 100%;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

*::before,
*::after,
a,
button,
span,
input,
textarea,
.btn {
  -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


i:before {
  transition: none;
}

.btn,
a.btn {
  border-radius: 0px;
  font-size: 14px;
  padding: 0px 15px;
  height: 30px;
  line-height: 30px;
}

a:focus,
.btn:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: #ffae00;
  text-decoration: none;
}

a,
button,
input {
  outline: medium none;
  color: #666666;
}

.uppercase {
  text-transform: uppercase
}

.capitalize {
  text-transform: capitalize
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #282828;
  margin-top: 0px;
  font-style: normal;
  font-weight: 400;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit
}
ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}
p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #999999;
  margin-bottom: 15px;
}

input:focus, textarea:focus {
  box-shadow: 0;
    outline: 0;
}

/*-- Placeholder Opacity --*/
::-webkit-input-placeholder {
  opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

:-moz-placeholder {
  opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

::-moz-placeholder {
  opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

:-ms-input-placeholder {
  opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}


/*-- Common Classes --*/

.fix {
  overflow:hidden
}
.float-left {
  float:left;
}

.float-right {
  float:right;
}

.tlt * {
  -webkit-transition: none 0s ease 0s ;
  transition: none 0s ease 0s ;
}


/*-- Margin Top --*/

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}


/*-- Margin Bottom --*/

.mb-0 {
  margin-bottom: 0;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}


/*-- Padding Top --*/

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}


/*-- Padding Bottom --*/

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}


/*-- Collapse Panel --*/

.panel-group {}
.panel-group .panel {
  border: 1px solid #ddd;
  border-radius: 0;
  box-shadow: none;
}

.panel-group .panel + .panel {
  margin-top: 15px;
}

.panel-group .panel .panel-heading {
  background-color: transparent;
  padding: 0;
}

.panel-group .panel .panel-heading .panel-title {}
.panel-group .panel .panel-heading .panel-title a {
  background-color: #ddd;
  display: block;
  padding: 11px 15px;
}

.panel-group .panel .panel-heading .panel-title a.collapsed {}
.panel-group .panel .panel-collapse {}
.panel-group .panel .panel-collapse .panel-body {}
.panel-group .panel .panel-collapse .panel-body p {}

/*-- Section --*/

.section {
  float: left;
    width: 100%;
}

.no-border {
  border: medium none !important;
}

/*-- Overlay --*/

.overlay {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.overlay::before {
  background-color: #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}

/*-- Scroll Up --*/
#scrollUp {
  transition: background .3s ease-in-out;
  background-color: transparent;
  border: 2px solid #ffae00;
  border-radius: 50%;
  bottom: 28px;
  color: #ffae00;
  height: 40px;
  position: fixed;
  right: 30px;
  text-align: center;
  width: 40px;
}

#scrollUp i {
  display: block;
  font-size: 24px;
  line-height: 35px;
}

#scrollUp:hover {
  background-color: #ffae00;
  color: #fff;
}


#scrollUp a:before {
  transition: color .3s ease-in-out;
}

/*-- Section Title --*/

.section-title {}
.section-title h4 {
  color: #666;
  font-size: 16px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.section-title h2 {
  font-size: 32px;
  line-height: 1.4;
  margin: 0;
  text-transform: uppercase;
}


/*-- Page Pagination --*/

.page-pagination {
  margin-top: 40px;
}

.page-pagination div {
  display: inline-block;
  text-align: center;
}

.page-pagination div > a,
.page-pagination div > span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  min-width: 36px;
  height: 36px;
  margin: 0 3px 5px;
  background-color: #f6f6f6;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0;
}

.page-pagination a i {
  display: block;
  font-size: 20px;
  line-height: 36px;
}

.page-pagination .current {
  background-color: #ffae00;
  color: #fff;
}

.page-pagination .previous span,
.page-pagination .next span {
  display: none;
}

.page-pagination .previous:before,
.page-pagination .next:before {
  font: normal normal normal 14px/1 FontAwesome;
}

.page-pagination .previous:before {
  content: "\f104";
}

.page-pagination .next:before {
  content: "\f105";
}


/*-- Page Banner Section --*/

.page-banner-section {
  animation: opa1 1s ease 0s 1 forwards;
  opacity: 0;
  background-image: url("../img/items/mainimg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 165px 0 65px;
}

.page-banner-content {}
.page-banner-content h2 {
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.page-banner-content p {
  font-size: 0.85em;
  letter-spacing: 0.1em;
}


/*-- Page Breadcrumb --*/

.bread-section {
  text-align: right;
}

.breadcrumb-list {
  margin: 5px 0 0 0;
  font-size: 10px;
}

.breadcrumb-list span {
  display: inline-block;
  margin: 0 3px;
}


/*-- Pager --*/

.page-pager {
  margin-top: 5em;
  font-size: .95em;
}

.page-pager a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 10px 20px;
  background-color: #f6f6f6;
}

.page-pager .previous a i {
  margin-right: 10px;
}

.page-pager .next a i {
  margin-left: 10px;
}


/*-- Product Slider --*/

.product-slider {
  float: left;
  width: 100%;
}

/*-- Product Slider Arrow --*/

.product-slider .slick-arrow {
  background-color: transparent;
  border: medium none;
  color: #666;
  height: 38px;
  margin-top: -45px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  z-index: -99;
}

.product-slider:hover .slick-arrow {
  opacity: 1;
  z-index: 9999;
}

.product-slider .slick-arrow:hover {
  color: #ffae00;
}

.product-slider .arrow-prev {
  left: -50px;
}

.product-slider .arrow-next {
  right: -29px;
}

.product-slider:hover .arrow-prev {
  left: -7px;
}

.product-slider:hover .arrow-next {
  right: 14px;
}

.product-slider .slick-arrow i {
  display: block;
  font-size: 44px;
  line-height: 38px;
}

/*-- Switch Display --*/

.media-sp {
  display: none;
}

/*-- Cleafix --*/

.cl:after{
  content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.cl{ display: inline-block; }

/* Hides from IE-mac \*/
* html .cl { height: 1%; }
.cl { display: block; }
/* End hide from IE-mac */


/* -----------------------------------
  02. Header Section
--------------------------------------*/

.header-section {
  float: left;
  position: relative;
  width: 100%;
  z-index: 99999;
}

.header-transparent {
  position: absolute;
  z-index: 99999;
  left: 0;
  right: 0;
  top: 0;
  padding: 0 60px;
}

.header-section.stick {
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  position: fixed;
}

.header-section .container-fluid {
  padding: 0;
}

.header-section .container-fluid .row {
  margin: 0;
}

/*-- Header Logo --*/

.header-section .col-md-2.col-sm-6.col-xs-6 {
  padding: 0;
}

.header-logo {
  padding: 34px 0;
  max-width: 150px;
}

.header-logo a {
  display: inline-block;
}

.header-logo a img {}

/*-- Main Menu --*/

.main-menu {}
.main-menu.menu-right {}
.main-menu > ul {
  display: inline-block;
  vertical-align: top;
}

.main-menu > ul > li {
  display: block;
  float: left;
  margin: 0 15px;
}

.main-menu > ul > li > a {
  color: #303030;
  display: block;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  padding: 40px 0;
  text-transform: uppercase;
}

.main-menu > ul > li:hover > a, .main-menu > ul > li.active > a {
  color: #ffae00;
}


/*-- Sub Menu --*/

.sub-menu {
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  margin-top: 30px;
  opacity: 0;
  padding: 10px 20px;
  position: absolute;
  text-align: left;
  top: 100%;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  visibility: hidden;
  width: 220px;
  z-index: -999;
}

.main-menu > ul > li:hover > .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}

.sub-menu li {
  margin: 3px 0;
}

.sub-menu li i {
  margin-right: 0.5em;
}

.sub-menu li a {
  display: block;
  font-size: 14px;
  text-transform: capitalize;
}

.sub-menu li:hover a {
  color: #ffae00;
  padding-left: 5px;
}

.sub-menu li.active a {
  color: #ffae00;
}

/*-- SubMenu 吹き出し --*/

.sub-menu:before{
  content: "";
  position: absolute;
  top: -20px;
  left: 15px;
  border: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

/*-- Mobile Menu --*/

.mean-bar {
  background-color: transparent;
  min-height: auto;
  padding: 0;
  z-index: 9;
}

/*-- Menu Open/Close Button --*/

a.meanmenu-reveal {
  top: -77px !important;
  right: -30px !important;
  font-size: 30px;
  height: auto;
  line-height: 1;
  padding: 0;
  top: -65px;
  width: auto;
}

a.meanmenu-reveal i {
  display: block;
  font-size: 30px;
  line-height: 30px;
  width: 30px;
}

/* -- Menu Button -- */

a.meanmenu-reveal .menu-btn {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1100;
  opacity: 1;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

a.meanmenu-reveal .menu-btn span {
  position: absolute;
  left: 50%;
  width: 18px;
  height: 2px;
  margin: 0;
  margin-left: -9px;
  border-radius: 10px;
  background-color: #555;
}

a.meanmenu-reveal .menu-btn .menu-txt {
  display: none;
}

a.meanmenu-reveal .menu-btn .menu-icn1 {
  top: 7px;
}

a.meanmenu-reveal .menu-btn .menu-icn2 {
  top: 14px;
}

a.meanmenu-reveal .menu-btn .menu-icn3 {
  top: 21px;
}


/* -- Site Menu Active -- */

a.meanmenu-reveal .menu-btn.open {
}

a.meanmenu-reveal .menu-btn.open span {
  width: 16px;
}

a.meanmenu-reveal .menu-btn.open .menu-icn1 {
  -webkit-transform: translateY(7px) rotate(-45deg);
          transform: translateY(7px) rotate(-45deg);
}

a.meanmenu-reveal .menu-btn.open .menu-icn2 {
  opacity: 0;
}

a.meanmenu-reveal .menu-btn.open .menu-icn3 {
  -webkit-transform: translateY(-7px) rotate(45deg);
          transform: translateY(-7px) rotate(45deg);
}


/*-- Mobile Menu Nav --*/

.mean-nav {
  background-color: #ffffff;
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
  margin: 0;
}

.mean-nav a.mean-expand {
  border: medium none;
  font-size: 18px !important;
  height: 36px;
  line-height: 36px;
  padding: 0 !important;
  text-align: center;
  width: 36px;
}

.mean-nav a.mean-clicked {
  font-size: 22px !important;
}

.mean-nav > ul {
  float: left;
  padding: 15px 0;
}

.mean-nav > ul > li {}
.mean-nav > ul > li > a {
  border-color: transparent;
  padding: 6px 25px;
}

.mean-nav > ul > li > a:hover {
  color: #ffae00;
}


/*-- Mobile Sub & Mega menu --*/

.mean-nav .sub-menu, .mean-nav .mega-menu {
  box-shadow: none;
  float: left;
  opacity: 1;
  position: static;
  -webkit-transition: none 0s ease 0s ;
  transition: none 0s ease 0s ;
  visibility: visible;
  z-index: 1;
}

.mean-nav ul li li {
  margin: 0;
  padding: 0 25px;
}

.mean-nav ul li li a, .mean-nav ul li li li a, .mean-nav ul li li li li a {
  border: medium none;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  opacity: 1;
  padding: 3px 15px;
  text-transform: uppercase;
}

.mean-nav ul li li:hover a {
  padding: 3px 15px;
}


/*-- Header Options --*/

.header-option-btns {}

/*-- Header Search --*/

.header-section .col-md-2.col-sm-6.col-xs-6.float-right {
}

.header-search {
  padding: 35px 15px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header-search .search-toggle {
  background-color: transparent;
  border: medium none;
  color: #666;
  display: block;
  height: 30px;
  padding: 0;
}

.header-search .search-toggle i {
  display: block;
  font-size: 22px;
  line-height: 30px;
}


/*-- Search Modal --*/

.search-modal {
  background-color: rgba(51,51,51,0.8);
  z-index: 999999;
  cursor: url(../img/icon/close.png), auto;
}

.header-search-form {
  left: 50%;
  max-width: 1170px;
  padding: 50px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
}

.header-search-form form {
  position: relative;
}

.header-search-form form input {
  border: 1px solid #e5e5e5;
  color: #333;
  font-size: 18px;
  padding: 28px 15px;
  width: 100%;
  border-radius: 8px;
}


/* Chrome, Safari */

.header-search-form form input::-webkit-input-placeholder{
  color: #e5e5e5;
}


/* Firefox */

.header-search-form form input::-moz-placeholder{
  color: #e5e5e5;
}


/* Firefox 18以前 */

.header-search-form form input:-moz-placeholder{
  color: #e5e5e5;
}


/* IE */

.header-search-form form input:-ms-input-placeholder{
  color: #e5e5e5;
}

.header-search-form form button {
  background-color: transparent;
  border: medium none;
  color: #999;
  height: 60px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.header-search-form form button i {
  display: block;
  font-size: 36px;
  line-height: 60px;
}

.header-search-form form button:hover {
  color: #ffae00;
}


/*-- Header Account --*/

.header-account {}
.header-account > ul {}
.header-account > ul > li {
  padding: 35px 0;
  position: relative;
}

.header-account > ul > li > a {
  display: block;
  line-height: 30px;
  padding: 0 15px;
}

.header-account > ul > li > a i {
  display: block;
  font-size: 24px;
  line-height: 30px;
}

.header-account > ul > li.open > a {
  color: #ffae00;
}

/*-- Account Dropdown --*/

.header-account > ul > li ul {
  border: medium none;
  border-radius: 0;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  display: block;
  left: auto;
  margin-top: 30px;
  opacity: 0;
  padding: 15px 0;
  right: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  z-index: -99999;
}

.header-account > ul > li.open ul {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

.header-account > ul > li ul li {}
.header-account > ul > li ul li a {
  color: #999999;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding: 2px 20px;
}

.header-account > ul > li ul li a:hover {
  background-color: transparent;
  color: #ffae00;
  padding-left: 25px;
}



/*-- Header Cart --*/

.header-cart {
  padding: 35px 15px;
  position: relative;
}

.header-cart a {
  display: block;
  padding: 0;
  position: relative;
}

.header-cart a i {
  display: block;
  font-size: 24px;
  line-height: 30px;
}


/*-- DropDown 吹き出し --*/

.dropdown-menu:before{
  content: "";
  position: absolute;
  top: -20px;
  right: 15px;
  border: 10px solid transparent;
  border-bottom: 10px solid #fff;
}


/* -----------------------------------
  03. Home Slider Section
--------------------------------------*/

.home-slider-section {
  position: relative;
}

/*-- Home Slider --*/
#home-slider {
  transition: opacity 1s ease-in-out;
  opacity: 0;
}
#home-slider img {
}

#home-slider.nivoSlider {
  opacity: 1;
}

.nivo-caption {
   animation: opa1 2s ease .8s 1 forwards;
   opacity: 0;
}

@keyframes opa1 {
  100% {
    opacity: 1;
  }
}

/*-- Nivo Slider Caption --*/

.nivo-caption, .hero-static-caption {
  background-color: transparent;
  bottom: auto;
  box-sizing: border-box;
  left: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 8;
}

/*-- Hero Video Content --*/

.hero-video-caption {
  background-color: rgba(240, 240, 240, 0.8);
  padding: 250px 0;
}

/*-- Slider Content --*/

.hero-slider-content {}
.hero-slider-content h4 {
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.hero-slider-content h1 {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-left: -3px;
  text-transform: uppercase;
}

.hero-slider-content p {
  color: #282828;
  line-height: 28px;
  margin-bottom: 30px;
  padding: 0;
}

.hero-slider-content h1.wow .fa {
	display: inline-block;
	margin-right: 0.3em;
}

.hero-slider-content a {
  background-color: #282828;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  height: 40px;
  line-height: 24px;
  padding: 8px 30px;
  text-transform: uppercase;
}

.hero-slider-content a:hover {
  background-color: #ffae00;
}


/*-- Slider Content 2 --*/

.hero-slider-content-2 {}
.hero-slider-content-2 h1 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 30px;
  margin-left: -3px;
  text-transform: uppercase;
}

.hero-slider-content-2 h1 span {
  font-size: 60px;
  text-transform: uppercase;
  display: block;
}

.hero-slider-content-2 a {
  background-color: #282828;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  height: 40px;
  line-height: 24px;
  padding: 8px 30px;
  text-transform: uppercase;
}

.hero-slider-content-2 a:hover {
  background-color: #ffae00;
}

/*-- Nivo Direction Nav --*/

.nivo-directionNav {}
.nivo-directionNav a {
  display: block;
  height: 40px;
  margin-top: -20px;
  text-align: center;
  top: 50%;
}

.nivo-directionNav a i {
  display: block;
  font-size: 48px;
  line-height: 40px;
}

.nivo-prevNav {
  left: 50px;
}

.nivo-nextNav {
  right: 50px;
}



/* -----------------------------------
  04. Banner Section
--------------------------------------*/

.banner-section {}
/*-- Single Banner --*/

.single-banner {}
.single-banner a {
  display: block;
  overflow: hidden;
  position: relative;
}

.single-banner a::before {
  background-color: #fff;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px);
  -webkit-transition: -webkit-transform 0.6s ease 0s;
  transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s;
  width: 100%;
  z-index: 4;
}

.single-banner a:hover::before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 120%, 0px);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 120%, 0px);
}

.single-banner a img {
  width: 100%;
}

/*-- Single Banner 2 --*/

.single-banner-2 {
  overflow: hidden;
  position: relative;
}

.single-banner-2::before {
  background-color: #000;
  content: "";
  height: 100%;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(20deg) scale(1.65);
  -ms-transform: rotate(20deg) scale(1.65);
  transform: rotate(20deg) scale(1.65);
  width: 450px;
  z-index: 2;
}

.single-banner-2 img {
  width: 100%;
}

.single-banner-2 .content {
  max-width: 440px;
  padding-left: 30px;
  position: absolute;
  right: 70px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
}

.single-banner-2 .content h1 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.single-banner-2 .content p {
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 30px;
}

.single-banner-2 .content a {
  background-color: #ffffff;
  color: #333333;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  padding: 8px 30px;
  text-transform: uppercase;
}

.single-banner-2 .content a:hover {
  background-color: #ffae00;
  color: #ffffff;
}


/* -----------------------------------
  05. Product Section
--------------------------------------*/

.product-section {}

.product-section .container .row:first-child + .row {
  letter-spacing: -.40em;
}

.product-section .container .row:first-child + .row .col-md-3 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: none;
  vertical-align: top;
  letter-spacing: normal;
}


/* -----
      5.1 Grid Product
------------------------------*/
/*-- Product Item --*/

.product-item {}
/*-- Product Image --*/

.product-img {
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
}

.product-img .image {
  display: block;
  position: relative;
}

.product-item .image::before {
  color: #fff;
  content: "\e641";
  font-family: "Pe-icon-7-stroke";
  font-size: 30px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}

.product-item:hover .image::before {
  opacity: 1;
}

.product-img .image::after {
  background-color: #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.product-item:hover .product-img .image::after {
  opacity: 0.5;
}

.product-img .image img {
  width: 100%;
}

/*-- Product Add to Cart --*/

.product-img .add-to-cart {
  background-color: #282828;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 600;
  height: 40px;
  left: 50%;
  line-height: 24px;
  margin-left: -70px;
  margin-top: -20px;
  opacity: 0;
  padding: 9px 20px;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  width: 140px;
}

.product-img .add-to-cart:hover {
  background-color: #ffae00;
}

.product-item:hover .add-to-cart {
  opacity: 1;
}

/*-- Product Action Button --*/

.product-img .action-btn {
  bottom: -40px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.product-item:hover .action-btn {
  bottom: 0;
}

.product-img .action-btn a {
  background-color: #282828;
  border-left: 1px solid #555;
  color: #fff;
  display: block;
  float: left;
  height: 40px;
  width: 33.3333%;
}

.product-img .action-btn a:first-child {
  border-left: 0px solid #555;
}

.product-img .action-btn a i {
  display: block;
  font-size: 22px;
  line-height: 40px;
}

.product-img .action-btn a:hover {
  background-color: #ffae00;
}

/*-- Product Info --*/

.product-info {}
.product-info .title {
  display: block;
  font-size: 14px;
  text-transform: capitalize;
  line-height: 1.45;
}

.product-info .title a {}
.product-info .price {
  display: block;
  font-size: 14px;
  line-height: 18px;
}

.product-info .price span {
  display: inline-block;
  line-height: 18px;
  margin: 0;
  padding: 0 3px;
}

.product-info .price span {
  display: inline-block;
}

.product-info .price .new {}

.product-info .price .soldout {
  color: #aaa;
}

.price .new::after {
  content: "（税込）";
  font-size: 0.75em;
}

.price .old {
  color: #999;
  text-decoration: line-through;
}

/*-- Product Details --*/

.product-details .short-desc {
}

.product-details .short-desc a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #333;
  background: radial-gradient(#ffae00 1px, transparent 40%) 8px 110% /6px 6px repeat-x;
}

.product-details .short-desc a:hover {
  color: #ffae00;
}

.cartjs_product_table table {
  margin: 0 0 15px !important;
}

.cartjs_cart_in {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  width: 350px !important;
  max-width: 100%;
  margin: 0 0 15px !important;
  text-align: left !important;
}

.cartjs_cart_in:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: #ffae00;
  color: #fff;
  font-size: 1.2em;
  font-weight: normal;
  text-align: center;
  letter-spacing: .08em;
  content: "ADD TO CART";
  font-family: 'Roboto', 'Open Sans',"segoe UI", "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
}

.cartjs_cart_in:hover:before {
  background-color: #fb9a00;
}

.cartjs_cart_in input {
  width: 100% !important;
  margin: 0 !important;
  background: none !important;
  color: transparent !important;
}

/* ---- Item Top Widget ---- */
.item-info {
  margin-bottom: 40px;
  padding: 15px 20px;
  background: #ffeeed;
  font-size: .9em;
}

.item-info a {
  color: #df4444;
}

.item-info a:hover {
  color: #df8900;
  text-decoration: underline;
}


/* ---- Gift ---- */

.gift-section {
}

.acc {
  position: relative;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  font-size: .9em;
}

.acc-head label {
  transition: color .3s ease-in-out;
  position: relative;
  display: block;
  margin: 0;
  padding: 15px 20px 15px 5px;
  cursor: pointer;
}

.acc-head label:hover {
  color: #ff8000;
}

.acc-head label img {
  margin-right: 12px;
  vertical-align: middle;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.acc-input {
  display: none;
}

.acc-input + i {
  overflow: hidden;
  transition: transform .3s linear .3s;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: -1;
  width: 20px;
  height: 28px;
  color: #ff8000;
}

.acc-input + i:before {
  font-size: 2em;
}

.acc-cont {
  overflow: hidden;
  transition: max-height .7s ease-in-out;
  max-height: 0;
  margin: 0;
}

.acc-input:checked + i {
  transition: transform .3s linear;
  transform: rotate(-180deg);
}

.acc-input:checked + i + .acc-cont {
  max-height: 800px;
}

.acc-cont p {
  line-height: 2;
}

.acc-cont .cont-img,
.acc-cont .cont-txt {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  padding: 10px 0;
}

.acc-cont .cont-img {
  width: 30%;
}

.acc-cont .cont-txt {
  width: 65%;
  padding-left: 35px;
}

/*-- Product Spec --*/

.product-spec.col-xs-12 {
}

.product-spec {
  margin-bottom: 2em;
  font-size: .98em;
}

.product-spec h3 {
  font-size: 1em;
  font-weight: bold;
}

.product-spec table {
  margin: 20px 0;
  font-size: .85em;
}

.product-spec table th,
.product-spec table td {
  padding: .7em 1em;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 1.5;
}

.product-spec table th {
  background: #f2f2f2;
}

.product-spec table td {
  background: #fff;
}

.product-spec table tr:first-child + tr th {
  width: 60px;
  padding: 0;
}

/*-- How To Sticker --*/

.how_to_sticker {
  margin-top: 2em;
  margin-bottom: 2em;
}

.how_to_sticker,
.how_to_sticker p {
  color: #333;
  font-size: 14px;
  line-height: 1.8;
}

.how_to_sticker .how_to_sticker_title {
  margin: 0;
  background: #3dbbe4;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  line-height: 2;
}

.how_to_sticker ul {
  margin: 0;
  padding: 20px;
  border: 1px solid #ccc;
  border-top: none;
  list-style-type: none;
}

.how_to_sticker li {
  margin-bottom: 20px;
  letter-spacing: -.40em;
}

.how_to_sticker .boxImg,
.how_to_sticker .boxTxt {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}

.how_to_sticker .boxImg {
  position: relative;
  width: 34%;
  margin-right: 14px;
}

.how_to_sticker .boxImg img {
  width: 100%;
}

.how_to_sticker .boxImg:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 24px solid #3dbbe4;
  border-right-color: transparent;
  border-bottom-color: transparent;
  content: "";
}

.how_to_sticker li:first-child .boxImg:before {
  border: none;
}

.how_to_sticker .boxImg .num {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 8px;
  padding: 2px 8px;
  font-size: 18px;
  color: #fff;
  line-height: 1.6;
}

.how_to_sticker .boxTxt {
  width: 62%;
  margin-top: -5px;
}

.how_to_sticker .boxTxt .title {
  display: inline;
  font-size: 18px;
  background: linear-gradient(transparent 60%, #f4ff78 60%);
  background-position-y: 18px;
}

/*-- Product Item Icon --*/

.icn-new,
.icn-sale,
.icn-name {
  position: relative;
}

.icn-new:before,
.icn-new:after,
.icn-sale:before,
.icn-sale:after,
.icn-name:before,
.icn-name:after {
  display: block;
  position: absolute;
  left: 8px;
  z-index: 50;
  content: "";
}

.icn-new:before,
.icn-sale:before,
.icn-name:before {
  top: -3px;
  width: 46px;
  height: 43px;
  padding: 12px 2px 0;
  background: #ccc;
  color: #fff;
  font-size: .8em;
  font-weight: normal;
  letter-spacing: 0;
  text-align: center;
}

.icn-new:after,
.icn-sale:after,
.icn-name:after {
  top: 35px;
  width: 0;
  height: 0;
  border-width: 7px 23px;
  border-color: #ccc #ccc transparent #ccc;
  border-style: solid;
}

.icn-new:before,
.product-details .icn-new:after {
  background-color: #ff8000;
  content: "NEW";
}

.icn-new:after {
  border-color: #ff8000 #ff8000 transparent #ff8000;
}

.icn-sale:before,
.product-details .icn-sale:after {
  background-color: #ffbf00;
  content: "SALE";
}

.icn-sale:after {
  border-color: #ffbf00 #ffbf00 transparent #ffbf00;
}

.icn-name:before,
.product-details .icn-name:after {
  background-color: #ff4d4d;
  letter-spacing: -.05em;
  content: "名入れ";
}

.icn-name:after {
  border-color: #ff4d4d #ff4d4d transparent #ff4d4d;
}

.product-details .icn-new:before,
.product-details .icn-sale:before,
.product-details .icn-name:before {
  display: none;
}

.product-details .icn-new:after,
.product-details .icn-sale:after,
.product-details .icn-name:after {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: inherit;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 10px 0 10px 16px;
  padding: 6px 10px 4px;
  border: none;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .07em;
  vertical-align: 5px;
}

/* -----
      5.2 List Product
------------------------------*/
/*-- List Product Item --*/

.list-product-item {}

/*-- List Product Image --*/

.list-product-img {
  float: left;
  margin-right: 30px;
  width: 250px;
}

.list-product-img .image {
  display: block;
  position: relative;
}

.list-product-img .image img {
  width: 100%;
}

/*-- List Product Info --*/

.list-product-info {
  padding-top: 20px;
}

.list-product-info .title {
  display: block;
  font-size: 30px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.list-product-info .title a {}
.list-product-info .price {
  display: block;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 15px;
}

.list-product-info .price span {
  display: inline-block;
  line-height: 18px;
  margin: 0 10px 0 0;
  padding: 0;
}

.list-product-info .price .new {}
.list-product-info .price .old {
  color: #999;
  text-decoration: line-through;
}

.list-product-info p {
  margin-bottom: 20px;
}

/*-- List Action Button --*/

.list-action-btn {
  width: 100%;
}

.list-action-btn a {
  background-color: #444444;
  color: #fff;
  display: block;
  float: left;
  height: 40px;
  margin-left: 10px;
  text-align: center;
  width: 40px;
}

.list-action-btn a i {
  display: block;
  font-size: 22px;
  line-height: 40px;
}

.list-action-btn .add-to-cart {
  font-size: 13px;
  font-weight: 600;
  height: 40px;
  line-height: 24px;
  margin: 0;
  padding: 9px 20px;
  text-transform: uppercase;
  width: 140px;
}

.list-action-btn a:hover {
  background-color: #ffae00;
}


/* -----
      5.3 SIngle Product Details
------------------------------*/

.product-item-image {
   animation: opa1 .5s ease .2s 1 forwards;
   opacity: 0;
}

/*-- Product Large Image Tab --*/

.tab-content img {
}

.pro-large-img {
}

.pro-large-img img {
  width: 100%;
}

/*-- Product Thumbnail Image Slider --*/

.pro-thumb-img-slider {
  /*
  transition: opacity .4s ease-in-out;
  opacity: 0;
  */
  margin: 0 -5px;

}

.pro-thumb-img-slider.slick-slider {
  opacity: 1;
}

.pro-thumb-img-slider .slick-slide {
  padding: 0 5px;
}

.pro-thumb-img-slider div {
  float: left;
  width: 25%;
  padding: 0 5px 10px;
}

.pro-thumb-img-slider a {
  display: block;
}

/*-- Product Thumbnail Image Slider Arrow --*/

.pro-thumb-img-slider .slick-arrow {
  transition: color .3s ease-in-out,opacity .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out;
  background-color: transparent;
  border: 2px solid #aaa;
  color: #aaa;
  height: 30px;
  margin-top: -15px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 30px;
  z-index: 9;
}

.pro-thumb-img-slider .slick-arrow i {
  transition: color .3s ease-in-out,opacity .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out;
  display: block;
  line-height: 26px;
}

.pro-thumb-img-slider .arrow-prev {
  left: -10px;
}

.pro-thumb-img-slider .arrow-next {
  right: -10px;
}

.pro-thumb-img-slider:hover .slick-arrow {
  opacity: 1;
}

.pro-thumb-img-slider .slick-arrow:hover {
  border-color: #ffae00;
}

.pro-thumb-img-slider .slick-arrow:hover i:before {
  color: #ffae00;
}

/*-- Product Details --*/

.product-details {
  margin-left: 40px;
}

.product-details .title {
  display: block;
  font-size: 26px;
  margin-bottom: 30px;
  text-transform: capitalize;
}

/*-- Price --*/

.product-details .price {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 15px;
}

.product-details .price span {
  display: inline-block;
  line-height: 18px;
  margin: 0 10px 0 0;
  padding: 0;
}

.product-details .price .new {}

.product-details .price .old {
  margin-left: 0;
  font-size: 0.85em;
  color: #999;
  text-decoration: line-through;
}


/*-- Availability --*/

.product-details .availability {
  margin-bottom: 15px;
}

.product-details .availability strong {
  display: block;
  float: left;
  font-weight: 500;
  margin-right: 15px;
  text-transform: capitalize;
}

.product-details .availability span {
  display: block;
  font-size: 14px;
  overflow: hidden;
}

.product-details .availability span i {}
.product-details .availability span.in i {
  color: #50B948;
}

.product-details .availability span.out i {
  color: #FF0000;
}

.product-details .short-desc {
  margin-bottom: 30px;
}

.product-details .short-desc p {
  color: #666;
  font-size: 15px;
}

/*-- Color --*/

.product-details .color-list {
  margin-bottom: 15px;
}

.product-details .color-list button {
  border: 2px solid #eee;
  border-radius: 50%;
  display: block;
  float: left;
  height: 30px;
  margin-bottom: 15px;
  margin-right: 10px;
  padding: 0;
  width: 30px;
}

.product-details .color-list button i {
  color: #fff;
  display: block;
  font-size: 12px;
  line-height: 26px;
  opacity: 0;
}

.product-details .color-list button.active i {
  opacity: 1;
}

/*-- Usefull Links --*/

.product-details .usefull-link {
  margin-bottom: 15px;
}

.product-details .usefull-link li {
  display: block;
  float: left;
  margin-bottom: 15px;
  margin-right: 20px;
}

.product-details .usefull-link li a {
  display: block;
}

.product-details .usefull-link li a i {
  display: block;
  float: left;
  font-size: 24px;
  line-height: 26px;
  margin-right: 5px;
}

/*-- Quantity & cart Button --*/

.product-details .quantity-cart {
  margin-bottom: 15px;
}

.product-details .quantity-cart .add-to-cart {
  background-color: #444444;
  border: medium none;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 600;
  height: 36px;
  line-height: 24px;
  margin-bottom: 15px;
  padding: 6px 20px;
  text-align: center;
  text-transform: uppercase;
  width: 140px;
}

.product-details .quantity-cart .add-to-cart:hover {
  background-color: #ffae00;
}

/*-- Quantity --*/

.product-quantity {
  border: 1px solid #ddd;
  display: block;
  float: left;
  margin-bottom: 15px;
  margin-right: 30px;
  padding: 0 35px;
  position: relative;
}

.product-quantity input {
  border: medium none;
  height: 36px;
  text-align: center;
  width: 50px;
}

.product-quantity span {
  cursor: pointer;
  display: block;
  height: 36px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 35px;
}

.product-quantity span i {
  display: block;
  font-size: 18px;
  line-height: 36px;
}

.product-quantity span.inc {
  right: 0;
}

.product-quantity span.dec {
  left: 0;
}

/*-- Share Icons --*/

.product-details .share-icons {
  padding-bottom: 40px;
}

.product-details .share-icons a {
  display: inline-block;
  font-size: 14px;
  margin-right: 20px;
  text-transform: capitalize;
  cursor: pointer;
}

.product-details .share-icons a i {
  display: block;
  float: left;
  line-height: 26px;
  margin-right: 5px;
}

/*-- Info Tab List --*/

.pro-info-tab-list {
  border-bottom: 1px solid #ddd;
}

.pro-info-tab-list li {
  bottom: -1px;
  display: block;
  float: left;
  margin-right: 30px;
  position: relative;
  z-index: 2;
}

.pro-info-tab-list li a {
  border-bottom: 2px solid transparent;
  color: #282828;
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 14px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.pro-info-tab-list li.active a {
  border-bottom: 2px solid #000000;
}

/*-- Info Tab Content --*/

.pro-info-tab {
  padding-top: 20px;
}

.pro-info-tab a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #333;
  background: radial-gradient(#ffae00 1px, transparent 40%) 8px 110% /6px 6px repeat-x;
}

.pro-info-tab a:hover {
  color: #ffae00;
}


/*
.pro-info-tab a {
  background-color: #282828;
  border: 0 none;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  padding: 10px 15px;
  text-shadow: none;
  text-transform: uppercase;
}

*/

.table-data-sheet {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #ebebeb;
  margin: 0 0 20px;
  width: 100%;
}

.table-data-sheet tr {
  border-top: 1px solid #ebebeb;
}

.table-data-sheet tr td {
  padding: 10px 20px 11px;
}

.table-data-sheet tr td:first-child {
  border-right: 1px solid #ebebeb;
  color: #333;
  font-weight: 700;
  width: 30%;
}

.table-data-sheet tr.even {
  background-color: #fdfdfd;
}

.pro-info-tab .boxMore {
  margin-top: 1.5em;
}

.pro-info-tab p {
  font-size: 0.91em;
  color: #333;
}

.pro-info-tab img,
.pro-info-tab img[class*="wp-image-"],
.pro-info-tab img[class*="attachment-"] {
  max-width: 550px;
  height: auto;
}

.pro-info-tab img.alignleft {
  float: left;
  margin: 0 2.5em 2.5em 0;
}

.pro-info-tab img.alignright {
  float: right;
  margin: 0 0 2.5em 2.5em;
}


/* -----------------------------------
  06. Testimonial Section
--------------------------------------*/

.testimonial-section {
  padding: 130px 0 180px 0;
 background: url(../img/top/bg-testimonial.jpg) center center no-repeat;
}

.testimonial-section .section-title h4,
.testimonial-section .section-title h2 {
  color: #fff;
}


/*-- Testimonial Slider --*/

.testimonial-slider {
  padding: 0 80px;
}

.testimonial-slider a:hover {
  opacity: 0.6;
}


/*-- Single Testimonial --*/

.single-testimonial {}

.single-testimonial img {
  float: left;
  border-radius: 50%;
  display: block;
  margin: 10px 0 0 0;
  width: 160px;
  height: 160px;
}

.single-testimonial-txt {
  float: right;
  width: 580px;
}

.single-testimonial p {
  color: #d7d7d7;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8em;
  max-width: 790px;
  vertical-align: top;
  margin-bottom: 20px;
}

.single-testimonial i {
  color: #d7d7d7;
  display: inline-block;
  font-size: 36px;
}

.single-testimonial h5 {
  color: #d7d7d7;
  font-size: 22px;
  margin-top: 15px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.single-testimonial h5 span {
  display: inline-block;
  margin-left: 1em;
  font-size:  13px;
}

/*-- Testimonial Slider Arrow --*/

.testimonial-slider .slick-arrow {
  background-color: transparent;
  position: absolute;
  top: 50%;
  width: 38px;
  height: 38px;
  margin-top: -19px;
  padding: 0;
  border: medium none;
  color: #d7d7d7;
}

.testimonial-slider .slick-arrow:hover {
  color: #ffae00;
}

.testimonial-slider .arrow-prev {
  left: -14px;
}

.testimonial-slider .arrow-next {
  right: 0;
}

.testimonial-slider .slick-arrow i {
  display: block;
  font-size: 36px;
  line-height: 30px;
}


/* -----------------------------------
  07. Topics Section
--------------------------------------*/

.topics-section {}

/*-- Topics Item --*/

.topics-item {
  margin-bottom: 40px;
}

.topics-item .image {
  float: left;
  width: 300px;
  height: 300px;
  display: block;
  margin-right: 3em;
  margin-bottom: 15px;
  position: relative;
}

.topics-item .image::before {
  color: #fff;
  content: "\e641";
  font-family: "Pe-icon-7-stroke";
  font-size: 30px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}

.topics-item:hover .image::before {
  opacity: 1;
}

.topics-item .image::after {
  background-color: #000;
  content: "";
  height: 300px;
  top: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  width: 300px;
}

.topics-item:hover .image::after {
  opacity: 0.5;
}

.topics-item .image img {
  width: 300px;
  height: 300px;
}

.topics-item .topics-dsc p {
  font-size: 13px;
}

.topics-item .topics-dsc .date {
  color: #ffae00;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 10px;
}

.topics-item .topics-dsc .title {
  display: block;
  font-size: 24px;
  line-height: 1.5em;
  margin-bottom: 15px;
}

.topics-item .topics-dsc {}

.topics-item .topics-dsc .title a {}
.topics-item .topics-dsc .author {
  display: block;
  font-size: 14px;
  line-height: 20px;
}

.topics-item .topics-dsc .author a {
  color: #333;
}

.topics-item .topics-dsc .author a:hover {
  color: #ffae00;
}


/*-- Single Blog Post --*/

.single-blog-post {
  font-size: 13.5px;
}

.single-blog-post .blog-img {
  margin-bottom: 20px;
}

.single-blog-post .blog-img img {}
.single-blog-post .blog-info {
}
.single-blog-post .blog-info .title,
.single-blog-post .blog-info.topics-dsc .title {
  font-size: 24px;
  margin-bottom: 35px;
  line-height: 1.5;
}

.single-blog-post .blog-info .blog-meta {
  display: block;
  float: left;
  margin-bottom: 10px;
  width: 100%;
}

.single-blog-post .blog-info .blog-meta span {
  display: block;
  float: left;
  margin-right: 15px;
}

.single-blog-post .blog-info .blog-meta span a {
  display: block;
  font-size: 14px;
  padding-left: 2px;
}

.single-blog-post .blog-info .blog-meta span a i {
  display: block;
  float: left;
  line-height: 26px;
  margin-right: 6px;
}

.single-blog-post .blog-info p {
  font-size: 13.5px;
}

.single-blog-post .blog-info blockquote {
  border-color: #ffae00;
}

.single-blog-post .blog-info blockquote p {}

.single-blog-post p {
  color: #333;
}

.single-blog-post .blog-info p a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #333;
  background: radial-gradient(#ffae00 1px, transparent 40%) 8px 110% /6px 6px repeat-x;
}

.single-blog-post .blog-info p a:hover {
  color: #ffae00;
}

.single-blog-post img.alignleft {
float: left;
margin: 0 2em 2em 0;
}

.single-blog-post img.alignright {
float: right;
margin: 0 0 2em 2em;
}

a.btn-link,
div.container a.btn-link {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: auto;
  margin-bottom: 15px;
  padding: 10px 20px;
  background: #444444;
  border: medium none;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
}

a.btn-link i,
div.container a.btn-link i {
  margin-left: 12px;
  font-size: 1.3em;
  font-weight: bold;
}

a.btn-link:hover,
div.container a.btn-link:hover {
  background-color: #ffae00;
  color: #fff;
  text-decoration: none;
}

a.btn-link.btn-white,
div.container a.btn-link.btn-white {
  position: relative;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #000;
  font-weight: normal;
}

a.btn-link.btn-white:hover,
div.container a.btn-link.btn-white:hover {
  border-color: #ffae00;
  background-color: #ffae00;
  color: #fff;
}

a.btn-link.btn-md,
div.container a.btn-link.btn-md {
  width: 300px;
  max-width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: .9em;
  letter-spacing: .02em;
}

a.btn-link.btn-md i,
div.container a.btn-link.btn-md i {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  font-weight: normal;
}

.btn-more {
  margin-bottom: 50px;
}

.btn-more.mb-0 {
  margin-bottom: 0;
}

.btn-soldout {
  display: block;
  width: 350px;
  height: auto;
  margin: 5px 0 35px;
  padding: 15px 20px;
  background: #efefef;
  color: #999 !important;
  font-size: 1.2em !important;
  font-weight: normal;
  text-align: center;
  cursor: default;
  letter-spacing: .05em;
}

/* ---- CMS ---- */

/* editor */
.single-blog-post p {
  display: block;
  margin: 1em 0;
}

.article-body strong {
  font-weight: bold;
}

.article-body em {
  font-style: italic;
}

.article-body blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}

/* img */
.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto;
  max-width: 100%;
}


/* -----------------------------------
  07. Blog Section
--------------------------------------*/

.blog-section {}
.two-column {}
.two-column > div:nth-child(2n+1) {
  clear: both;
}


/*-- Blog Item --*/

.blog-item {}
.blog-item .image {
  display: block;
  margin-bottom: 15px;
  position: relative;
}

.blog-item .image::before {
  color: #fff;
  content: "\e641";
  font-family: "Pe-icon-7-stroke";
  font-size: 30px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}

.blog-item:hover .image::before {
  opacity: 1;
}

.blog-item .image::after {
  background-color: #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

.blog-item:hover .image::after {
  opacity: 0.5;
}

.blog-item .image img {
  width: 100%;
}

.blog-item .blog-dsc {}
.blog-item .blog-dsc .date {
  color: #ffae00;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 8px;
}

.blog-item .blog-dsc .title {
  display: block;
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 15px;
}

.blog-item .blog-dsc .title a {}
.blog-item .blog-dsc .author {
  display: block;
  font-size: 14px;
  line-height: 20px;
}

.blog-item .blog-dsc .author a {
  color: #333;
}

.blog-item .blog-dsc .author a:hover {
  color: #ffae00;
}


/*-- Single Blog Post --*/

.single-blog-post {}
.single-blog-post .blog-img {
  margin-bottom: 20px;
}

.single-blog-post .blog-img img {}
.single-blog-post .blog-info {}
.single-blog-post .blog-info .title {
  font-size: 24px;
  margin-bottom: 15px;
}

.single-blog-post .blog-info .blog-meta {
  display: block;
  float: left;
  margin-bottom: 10px;
  width: 100%;
}

.single-blog-post .blog-info .blog-meta span {
  display: block;
  float: left;
  margin-right: 15px;
}

.single-blog-post .blog-info .blog-meta span a {
  display: block;
  font-size: 14px;
  padding-left: 2px;
}

.single-blog-post .blog-info .blog-meta span a i {
  display: block;
  float: left;
  line-height: 26px;
  margin-right: 6px;
}

.single-blog-post .blog-info p {}
.single-blog-post .blog-info blockquote {
  border-color: #ffae00;
}

.single-blog-post .blog-info blockquote p {}


/* -----------------------------------
  08. Service Section
--------------------------------------*/

.service-section {
  border-top: 1px solid #f1f1f1;
}


/*-- Single Service --*/

.single-service {}
.service-icon {
  float: left;
  margin-right: 15px;
}

.service-icon i {
  color: #ffae00;
  display: block;
  font-size: 48px;
  line-height: 47px;
}

.service-title {
  overflow: hidden;
}

.service-title h3 {
  color: #252525;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.service-title p {
  color: #7d7d7d;
  font-size: 13px;
  line-height: 23px;
  margin: 0;
}



/* -----------------------------------
  09. Footer Section
--------------------------------------*/

/*-- Footer Top Section --*/

.footer-top-section {
  background-color: #282828;
}


/*-- Footer Widget --*/

.footer-widget {}

/*-- Footer Widget Title --*/

.widget-title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.widget-title small {
  margin-left: 1em;
  font-size: 10px;
  color: #ccc;
}


/*-- Footer Widget Paragraph --*/

.footer-widget p,
.footer-widget dl {
  margin-right: 50px;
  color: #ddd;
  font-size: 13px;
  letter-spacing: 0.05em;
}

.footer-widget dl dt {
  font-weight: bold;
  font-size: 13px;
}

.footer-widget dl dd {
  margin-bottom: 1.5em;
  padding-top: 5px;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.8em;
}

.footer-widget dl dd img {
  margin-top: 1em;
}

.footer-widget p strong {
  float: left;
  width: 65px;
}

.footer-widget p span {
  display: block;
  overflow: hidden;
}

.footer-widget p a {
  color: #ddd;
  display: inline-block;
  overflow: hidden;
}

.footer-widget p a:hover {
  color: #ffae00;
}

/*-- Footer Widget Links --*/

.footer-widget ul {}
.footer-widget ul li {
  margin-bottom: 5px;
}

.footer-widget ul li:last-child {
  margin-bottom: 0;
}

.footer-widget ul li a {
  color: #ddd;
  display: block;
}

.footer-widget ul li a:hover {
  color: #ffae00;
}

/*-- Footer Widget Tags --*/

.footer-widget .tag-cloud {}
.footer-widget .tag-cloud a {
  border: 1px solid #ddd;
  color: #ddd;
  display: block;
  float: left;
  font-size: 13px;
  height: 28px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 1px 8px;
  text-transform: capitalize;
}

.footer-widget .tag-cloud a:hover {
  border: 1px solid #ffae00;
  color: #ffae00;
}

/*-- Subscribe Form --*/

.sunscribe-form {}
.sunscribe-form input[type="email"] {
  border: 1px solid #ddd;
  height: 36px;
  padding: 5px 12px;
  width: 100%;
}

.sunscribe-form input[type="submit"] {
  background-color: #ffae00;
  border: medium none;
  color: #ffffff;
  display: block;
  height: 36px;
  margin-top: 15px;
  padding: 6px 30px;
  text-transform: capitalize;
}


/*-- Footer Social --*/

.footer-social {
  text-align: right;
}

.footer-social a {
  color: #ddd;
  display: inline-block;
  margin-right: 15px;
}

.footer-social a:hover {
  color: #ffae00;
}

.footer-social a i {
  display: block;
  font-size: 16px;
  line-height: 17px;
}


/*-- Footer Bottom Section --*/

.footer-bottom-section {
  background-color: #282828;
  border-top: 1px solid #333;
}

.footer-bottom-section .copyright {}
.footer-bottom-section .copyright p {
	display: inline;
  color: #ddd;
  font-size: 10px;
  letter-spacing: 0.05em;
  margin-bottom: 0;
}

.footer-bottom-section .copyright p a {
  color: #ddd;
}

.footer-bottom-section .copyright p a:hover {
  color: #ffae00;
}

.footer-bottom-section .copyright ul,
.footer-bottom-section .copyright ul li {
	display: inline;
}

.footer-bottom-section .copyright ul {
	margin-left: 3em;
}

.footer-bottom-section .copyright ul li {
	margin-right: 1em;
}

.footer-bottom-section .copyright ul li a {
	font-size: 10px;
	color: #ccc;
}

.footer-bottom-section .payment-method {}
.footer-bottom-section .payment-method img {}


/* -----------------------------------
  10. Shope Page
--------------------------------------*/
/*-- Shop Bar --*/

.shop-bar {
  display: block;
  text-align: center;
  width: 100%;
}

.shop-bar h3 {
  margin-bottom: 5px;
  font-size: 32px;
  letter-spacing: 0.25em;
}

.shop-bar p {
  display: inline-block;
  font-size: 0.85em;
  text-align: center;
  margin: 0;
  text-transform: capitalize;
}

/*-- Shop View Tab List --*/

.shop-tablist {
  float: left;
  width: 160px;
}

.shop-tablist li {
  display: block;
  float: left;
  margin-right: 10px;
  margin-right: 10px;
}

.shop-tablist li a {
  border: 1px solid #ddd;
  display: block;
  height: 36px;
  width: 36px;
}

.shop-tablist li a i {
  display: block;
  font-size: 19px;
  line-height: 36px;
}

.shop-tablist li.active a {
  border-color: #ffae00;
  color: #ffae00;
}

/*-- Product Per Page --*/

.item-per-page {
  float: right;
}

.item-per-page select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0) url("../img/icon/select-arrow-down.png") no-repeat scroll right center;
  border: 1px solid #ddd;
  color: #666;
  font-size: 15px;
  height: 36px;
  padding: 0 30px 0 10px;
  width: 160px;
}

.item-per-page select option {
  padding: 5px 12px;
}


/*-- Single Sidebar --*/

.single-sidebar {
  float: left;
  width: 100%;
}

.sidebar-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 15px;
  margin-bottom: 25px;
  text-transform: uppercase;
}

/*-- Search Sidebar --*/

.sidebar-search {
  float: left;
  position: relative;
  width: 100%;
}

.sidebar-search input {
  border: 1px solid #ddd;
  color: #999;
  display: block;
  float: left;
  font-size: 16px;
  height: 40px;
  padding: 7px 12px;
  width: 100%;
}

.sidebar-search .submit {
  background-color: #ffae00;
  border: medium none;
  color: #fff;
  height: 40px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}

.sidebar-search .submit i {
  display: block;
  font-size: 20px;
  line-height: 40px;
}

/*-- Post Sidebar --*/

.post-sidebar {}
.post-sidebar .post {
  float: left;
  margin-top: 10px;
  width: 100%;
}

.post-sidebar .post + .post {
  margin-top: 15px;
}

.post-sidebar .post .image {
  display: block;
  float: left;
  margin-right: 15px;
  position: relative;
  width: 80px;
}

.post-sidebar .post .image::before {
  color: #fff;
  content: "\f0c1";
  font-family: "Fontawesome";
  font-size: 18px;
  height: 30px;
  left: 50%;
  line-height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 30px;
  z-index: 2;
}

.post-sidebar .post .image::after {
  background-color: #ffae00;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.post-sidebar .post .image:hover::before {
  opacity: 1;
}

.post-sidebar .post .image:hover::after {
  opacity: 0.7;
}

.post-sidebar .post .image img {
  width: 100%;
}

.post-sidebar .post .content {}
.post-sidebar .post .content .title {
  font-size: 15px;
  margin-top: 5px;
}

.post-sidebar .post .content .title a {}
.post-sidebar .post .content .author {
  display: block;
  font-size: 14px;
  line-height: 20px;
}

.post-sidebar .post .content .author a {}
/*-- Category Sidebar --*/

.category-sidebar {}
.category-sidebar li {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 6px 0;
}

.category-sidebar li a {
  display: block;
  font-size: 14px;
}

.category-sidebar li a::before {
  content: "\f105";
  display: block;
  float: left;
  font-family: FontAwesome;
  font-size: 15px;
  margin-right: 10px;
}

.category-sidebar li a:hover {
  padding-left: 10px;
}

/*-- Archive Sidebar --*/

.archive-sidebar {}
.archive-sidebar li {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 6px 0;
}

.archive-sidebar li a {
  display: block;
  font-size: 14px;
}

.archive-sidebar li a::before {
  content: "\f105";
  display: block;
  float: left;
  font-family: FontAwesome;
  font-size: 15px;
  margin-right: 10px;
}

.archive-sidebar li a:hover {
  padding-left: 10px;
}

/*-- Pricing Range Sidebar --*/
#price-range {
  background-color: #eee;
  border: medium none;
  border-radius: 0;
  float: left;
  height: 4px;
  margin-top: 29px;
  width: 100%;
}

#price-range .ui-slider-range {
  background-color: #ffae00;
  border-radius: 0;
}

#price-range .ui-slider-handle {
  background-color: #ffae00;
  border: medium none;
  border-radius: 50%;
  height: 10px;
  top: -3px;
  -webkit-transition: none 0s ease 0s ;
  transition: none 0s ease 0s ;
  width: 10px;
}

#price-range .ui-slider-handle:focus {
  color: inherit;
}

#price-range .ui-slider-handle span {
  font-size: 12px;
  font-weight: 600;
  left: 50%;
  line-height: 16px;
  position: absolute;
  top: -18px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*-- Color Sidebar --*/

.color-sidebar {}
.color-sidebar li {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 6px 0;
}

.color-sidebar li a {
  display: block;
  overflow: hidden;
}

.color-sidebar li a i {
  border-radius: 50%;
  display: block;
  float: left;
  height: 10px;
  margin: 9px 10px 0 0;
  width: 10px;
}

.color-sidebar li a span {
  font-size: 14px;
  text-transform: capitalize;
}

.color-sidebar li a:hover {
  color: #444444;
}

/*-- Tag Sidebar --*/

.tag-cloud {}
.tag-cloud a {
  border: 1px solid #ddd;
  display: block;
  float: left;
  font-size: 13px;
  height: 28px;
  line-height: 26px;
  margin-right: 10px;
  margin-top: 10px;
  padding: 0 5px;
  text-transform: capitalize;
}

.tag-cloud a:hover {
  border: 1px solid #ffae00;
  color: #ffae00;
}



/* -----------------------------------
  11. Cart Page
--------------------------------------*/
/*-- Cart Table --*/

.cart-table {}
.cart-table table {
  border-color: #ddd;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin: 0;
  text-align: center;
  width: 100%;
}

/*-- Cart Table Head --*/

.cart-table table thead {}
.cart-table table thead tr {}
.cart-table table thead tr th {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: medium none;
  font-weight: 500;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}

/*-- Cart Table Body --*/

.cart-table table tbody {}
.cart-table table tbody tr {}
.cart-table table tbody tr td {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 10px;
  vertical-align: middle;
}

/*-- Cart Table Thumbnail --*/

.cart-table table tbody tr td.pro-thumbnail {
  width: 130px;
}

.cart-table table tbody tr td.pro-thumbnail a {
  display: block;
  min-width: 100px;
}

.cart-table table tbody tr td.pro-thumbnail a img {
  width: 100%;
}

/*-- Cart Table Title --*/

.cart-table table tbody tr td.pro-title {
  width: 270px;
}

.cart-table table tbody tr td.pro-title a {
  display: block;
  min-width: 220px;
}

/*-- Cart Table Price --*/

.cart-table table tbody tr td.pro-price {
  width: 130px;
}

.cart-table table tbody tr td.pro-price .amount {}
/*-- Cart Table Quantity --*/

.cart-table table tbody tr td.pro-quantity {
  width: 180px;
}

.cart-table table tbody tr td.pro-quantity .product-quantity {
  display: inline-block;
  float: none;
  margin: 0;
}

/*-- Cart Table Subtotal --*/

.cart-table table tbody tr td.pro-subtotal {
  width: 120px;
}

/*-- Cart Table Remove --*/

.cart-table table tbody tr td.pro-remove {
  width: 150px;
}

.cart-table table tbody tr td.pro-remove a {
  font-size: 25px;
}


/*-- Cart Buttons --*/

.cart-buttons {
  overflow: hidden;
}

.cart-buttons input, .cart-buttons a {
  background-color: #282828;
  border: medium none;
  color: #fff;
  display: block;
  float: left;
  font-size: 13px;
  font-weight: 600;
  height: 40px;
  line-height: 24px;
  margin-bottom: 10px;
  margin-right: 15px;
  padding: 8px 25px;
  text-transform: uppercase;
}

.cart-buttons input:hover, .cart-buttons a:hover {
  background-color: #ffae00;
}

/*-- Cart Coupon --*/

.cart-coupon {
  overflow: hidden;
}

.cart-coupon h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 13px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.cart-coupon p {
  font-size: 14px;
  line-height: 24px;
}

.cart-coupon input[type="text"] {
  border: 1px solid #ddd;
  float: left;
  font-size: 14px;
  height: 40px;
  max-width: 100%;
  padding: 7px 15px;
  width: 200px;
}

.cart-coupon input[type="submit"] {
  background-color: #282828;
  border: medium none;
  color: #fff;
  display: block;
  float: left;
  font-size: 13px;
  font-weight: 600;
  height: 40px;
  line-height: 24px;
  margin-right: 15px;
  padding: 8px 25px;
  text-transform: uppercase;
}

.cart-coupon input[type="submit"]:hover {
  background-color: #ffae00;
}

/*-- Cart Total --*/

.cart-total {
  text-align: right;
}

.cart-total h3 {
  border-bottom: 1px solid #ddd;
  font-size: 24px;
  line-height: 18px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.cart-total table {
  border: medium none;
  float: right;
  margin: 0;
  text-align: right;
}

.cart-total table tr {}
.cart-total table tr.cart-subtotal {}
.cart-total table tr.order-total {}
.cart-total table tr th {
  font-size: 14px;
  font-weight: 700;
  padding: 0 0 12px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: top;
  width: 120px;
}

.cart-total table tr td {
  font-size: 13px;
  font-weight: 500;
  padding: 0 0 12px;
  vertical-align: top;
}

.cart-total table tr td .amount {
  color: #ffae00;
  display: block;
}

.cart-total table tr.order-total th, .cart-total table tr.order-total td {
  font-size: 20px;
  padding: 0;
  text-transform: uppercase;
}

.cart-total .proceed-to-checkout {}
.cart-total .proceed-to-checkout a {
  background-color: #ffae00;
  border: medium none;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  height: 40px;
  line-height: 24px;
  padding: 8px 25px;
  text-transform: uppercase;
}

.cart-total .proceed-to-checkout a:hover {
  background-color: #282828;
}



/* -----------------------------------
  12. Wishlist Page
--------------------------------------*/
/*-- Wishlist Table --*/

.wishlist-table {}
.wishlist-table table {
  border-color: #ddd;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin: 0;
  text-align: center;
  width: 100%;
}

/*-- Cart Table Head --*/

.wishlist-table table thead {}
.wishlist-table table thead tr {}
.wishlist-table table thead tr th {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: medium none;
  font-weight: 400;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

/*-- Cart Table Body --*/

.wishlist-table table tbody {}
.wishlist-table table tbody tr {}
.wishlist-table table tbody tr td {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 10px;
  vertical-align: middle;
}

/*-- Cart Table Thumbnail --*/

.wishlist-table table tbody tr td.pro-thumbnail {
  width: 130px;
}

.wishlist-table table tbody tr td.pro-thumbnail a {
  display: block;
  min-width: 100px;
}

.wishlist-table table tbody tr td.pro-thumbnail a img {
  width: 100%;
}

/*-- Cart Table Title --*/

.wishlist-table table tbody tr td.pro-title {
  width: 270px;
}

.wishlist-table table tbody tr td.pro-title a {
  display: block;
  min-width: 220px;
}

/*-- Cart Table Price --*/

.wishlist-table table tbody tr td.pro-price {
  width: 130px;
}

.wishlist-table table tbody tr td.pro-price .amount {}
/*-- Cart Table Quantity --*/

.wishlist-table table tbody tr td.pro-stock-stauts {
  width: 180px;
}

.wishlist-table table tbody tr td.pro-stock-stauts span {
  text-transform: capitalize;
}

.wishlist-table table tbody tr td.pro-stock-stauts span.in-stock {
  color: #ffae00;
}

.wishlist-table table tbody tr td.pro-stock-stauts span.out-stock {
  color: #ff0000;
}

/*-- Cart Table Add to Cart --*/

.wishlist-table table tbody tr td.pro-add-to-cart {
  width: 220px;
}

.wishlist-table table tbody tr td.pro-add-to-cart a {
  background-color: #282828;
  border: medium none;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  height: 40px;
  line-height: 24px;
  min-width: 180px;
  padding: 8px 25px;
  text-transform: uppercase;
}

.wishlist-table table tbody tr td.pro-add-to-cart a:hover {
  background-color: #ffae00;
}

/*-- Cart Table Remove --*/

.wishlist-table table tbody tr td.pro-remove {
  width: 40px;
}

.wishlist-table table tbody tr td.pro-remove a {
  font-size: 25px;
}



/* -----------------------------------
  13. Checkout Page
--------------------------------------*/

/*-- Customer Login --*/

.customer-login {}
.customer-login h3 {
  background-color: #f7f6f7;
    border-top: 3px solid #ffae00;
    color: #515151;
    font-size: 14px;
    font-weight: 400;
    list-style: outside none none !important;
    margin: 0;
    padding: 1em 2em 1em 3.5em !important;
    position: relative;
    width: auto;
}

.customer-login h3::before {
  color: #1e85be;
    content: "\f114";
    display: inline-block;
    font-family: fontawesome;
    left: 1.5em;
    position: absolute;
    top: 1em;
}

.customer-login h3 a {}

/*-- Customer Login Wrapper --*/

.checkout-login-wrapper {
  border: 1px solid #ddd;
  float: left;
  padding: 30px 15px;
  width: 100%;
}

.checkout-login-wrapper p {
  padding: 0 15px;
}

/*-- Customer Login Form --*/

.checkout-login-wrapper form {}
.checkout-login-wrapper form label {
  display: block;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 10px;
  overflow: hidden;
}

.checkout-login-wrapper form label span.required {
  color: #ff0000;
}

.checkout-login-wrapper form input[type="text"], .checkout-login-wrapper form input[type="password"] {
  border: 1px solid #ddd;
  display: block;
  height: 40px;
  padding: 7px 15px;
  width: 100%;
}

.checkout-login-wrapper form input[type="submit"] {
  background-color: #282828;
  border: medium none;
  color: #fff;
  float: left;
  font-weight: 500;
  height: 40px;
  margin-right: 30px;
  padding: 5px 25px;
  text-transform: uppercase;
}

.checkout-login-wrapper form input[type="submit"]:hover {
  background-color: #ffae00;
}

.checkout-login-wrapper form input[type="checkbox"] {
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}

.checkout-login-wrapper form .remember-me-box {
  margin-bottom: 0;
  margin-top: 11px;
}

.checkout-login-wrapper form a {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
}

/*-- Checkout Form --*/

.checkout-form {}
.checkout-form h3 {
  border-bottom: 1px solid #ddd;
  font-size: 24px;
  line-height: 17px;
  margin: 0 0 30px;
  padding-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
}

.checkout-form h3 label {
  font-size: 18px;
  margin: 0;
}

/*-- Label --*/

.checkout-form label {
  display: block;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 10px;
  overflow: hidden;
}

.checkout-form label span {}
.checkout-form label span.required {
  color: #ff0000;
}

/*-- Input [ Text & Email & Password ] --*/

.checkout-form input[type="text"], .checkout-form input[type="email"], .checkout-form input[type="password"] {
  border: 1px solid #ddd;
  display: block;
  height: 40px;
  padding: 7px 15px;
  width: 100%;
}

/*-- Input [ Checkbox ] --*/

.checkout-form input[type="checkbox"] {
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}

.checkout-form input[type="checkbox"] + label {
  font-weight: 500;
  margin-bottom: 0;
}

/*-- Select --*/

.checkout-form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0) url("../img/icon/select-arrow-down.png") no-repeat scroll right 5px center;
  border: 1px solid #ddd;
  height: 40px;
  padding: 7px 15px;
  text-transform: capitalize;
  width: 100%;
}

.checkout-form select option {
  padding: 5px 15px;
}

/*-- TextArea --*/

.checkout-form textarea {
  border: 1px solid #ddd;
  color: #999;
  height: 120px;
  padding: 5px 15px;
  resize: none;
  width: 100%;
}

/*-- Coupon Form --*/

.coupon-form {
  border: 1px solid #ddd;
  display: block;
  padding: 30px;
}

.coupon-form h3 {
  margin-bottom: 20px;
}

.coupon-form p {}
.coupon-form input[type="text"] {
  float: left;
  width: 200px;
}

.coupon-form input[type="submit"] {
  background-color: #282828;
  border: medium none;
  color: #fff;
  font-weight: 500;
  height: 40px;
  padding: 5px 25px;
  text-transform: uppercase;
}

.coupon-form input[type="submit"]:hover {
  background-color: #ffae00;
}

/*-- Order Wrapper --*/

.order-wrapper {
  border: 1px solid #ddd;
  padding: 30px;
}

.order-wrapper h3 {
  border-bottom: 1px solid #ddd;
  font-size: 24px;
  line-height: 17px;
  margin: 0 0 30px;
  padding-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
}

/*-- Order Table --*/

.order-table {
  border: medium none;
}

.order-table table {}
.order-table table thead {}
.order-table table thead tr {}
.order-table table thead tr th {
  border-bottom: 1px solid #ddd;
  border-right: medium none navy;
  font-size: 16px;
  line-height: 16px;
  padding: 0 0 10px;
  text-transform: uppercase;
  width: 250px;
}

.order-table table thead tr th.product-name {
  text-align: left;
}

.order-table table thead tr th.product-total {
  text-align: right;
}

.order-table table tbody {}
.order-table table tbody tr {}
.order-table table tbody tr td {
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  padding: 8px 0;
}

.order-table table tbody tr td.product-name {
  text-align: left;
}

.order-table table tbody tr td.product-total {
  text-align: right;
}

.order-table table tfoot {}
.order-table table tfoot tr {}
.order-table table tfoot tr th, .order-table table tfoot tr td {
  border-bottom: 1px solid #ddd;
  padding: 7px 0;
}

.order-table table tfoot tr th {
  text-align: left;
}

.order-table table tfoot tr td {
  text-align: right;
}

/*-- Order Button --*/

.order-button input[type="submit"]{
  background-color: #282828;
  border: medium none;
  color: #fff;
  font-weight: 500;
  height: 40px;
  padding: 5px 25px;
  text-transform: uppercase;
}

.order-button input[type="submit"]:hover {
  background-color: #ffae00;
}



/* -----------------------------------
  14. Contact Page
--------------------------------------*/

/*-- Contact Info --*/

.contact-info {}
.contact-info h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.contact-info p {
  color: #666;
  font-size: 14px;
}

.contact-info p i {
  display: block;
  float: left;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.contact-info p span {
  display: block;
  overflow: hidden;
}

.contact-info p a {
  display: block;
  overflow: hidden;
}

/*-- Contact Social --*/

.contact-social {
  display: block;
  float: left;
  margin-top: 20px;
  width: 100%;
}

.contact-social a {
  display: block;
  float: left;
  margin-right: 15px;
  padding: 0 3px;
}

.contact-social a i {
  display: block;
  line-height: 20px;
}

.contact-social a:hover {}

/*-- Contact Form --*/

.contact-form {
  color: #777;
  font-size: .9em;
}

.contact-form p {
  margin-bottom: 5px;
  font-size: 1em;
  color: #777;
}

.contact-form .table {
  margin-top: 30px;
  margin-bottom: 30px;
}

.contact-form .table > tbody > tr > td,
.contact-form .table > tbody > tr > th,
.contact-form .table > tfoot > tr > td,
.contact-form .table > tfoot > tr > th,
.contact-form .table > thead > tr > td,
.contact-form .table > thead > tr > th {
  border-top-width: 0;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}

.contact-form .table > tbody > tr > th {
  width: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #666;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

.contact-form .table > tbody > tr > td {
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: middle;
  line-height: 1.9;
}

.contact-form h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.contact-form form {}
.contact-form label {
  display: block;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.6;
  margin: 0;
  text-transform: capitalize;
  text-align: left;
}

.contact-form .control-label {
  display: block;
  margin: 0;
  padding: 3px 0 0;
  text-align: left;
}

.contact-form .control-label .txt-accent {
  padding-left: 8px;
}

.contact-form input[type="text"], .contact-form input[type="email"] {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: 1px solid #ddd;
  width: 70%;
  height: 40px;
  margin-right: 10px;
  margin-bottom: 12px;
  padding: 7px 15px;
}

.contact-form textarea {
  border: 1px solid #ddd;
  display: block;
  width: 100%;
  height: 100px;
  margin-top: 8px;
  margin-bottom: 12px;
  padding: 7px 15px;
  resize: vertical;
}

.contact-form .form-btn {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}

.form-btn form {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 100%;
  max-width: 290px;
  margin: 0 auto;
  padding: 0 4px 15px;
  vertical-align: middle;
}

.form-btn > input {
  max-width: 250px;
}

.form-btn input {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.contact-form input[type="submit"] {
  width: auto;
  margin: 0 auto;
  width: 300px;
  max-width: 100%;
  padding: 16px 20px;
  background-color: #282828;
  border: medium none;
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.contact-form input[type="submit"]:hover {
  background-color: #ffae00;
}

.form-btn input.back {
  background-color: #888;
}

.contact-form .contact-message {
  margin-top: 50px;
  margin-bottom: -20px;
}

.contact-form .form-error {
  display: block;
  font-size: .88em;
  line-height: 1.6;
}

.contact-form .txt-accent {
  color: #ff8000;
}

.contact-form .txt-info {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-bottom: 5px;
  font-size: .88em;
}

.contact-form .fa-caret-right {
  padding-right: 4px;
  font-size: .9em;
  vertical-align: .05em;
}

/*-- Contact Map --*/

#contact-map {
  height: 400px;
  width: 100%;
}

/*-- Contact Finish --*/

.contact-finish {
  padding-top: 130px;
  background: url(/common/img/common/pic-logo.png) no-repeat top center;
}

.contact-finish .ttl {
  color: #545454;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.5;
}

.contact-finish .txt-cont {
  margin-bottom: 20px;
  line-height: 2;
}

.contact-form .contact-finish a.btn-link {
  width: 280px;
  max-width: 100%;
  background-color: #282828;
  margin-top: 30px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-weight: normal;
}


/* -----------------------------------
  15. Login & Register Page
--------------------------------------*/

.login-reg-form {
  border: 1px solid #ddd;
  padding: 40px;
}

.login-reg-form form label {
  display: block;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 10px;
  overflow: hidden;
}

.login-reg-form form label.inline {
  margin: 10px 0 0;
}

.login-reg-form form label .required {
  color: #ff0000;
}

.login-reg-form form input[type="text"], .login-reg-form form input[type="email"], .login-reg-form form input[type="password"] {
  border: 1px solid #ddd;
  display: block;
  height: 40px;
  padding: 7px 15px;
  width: 100%;
}

.login-reg-form form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0) url("../img/icon/select-arrow-down.png") no-repeat scroll right 5px center;
  border: 1px solid #ddd;
  height: 40px;
  padding: 7px 15px;
  text-transform: capitalize;
  width: 100%;
}

.login-reg-form form select option {
  padding: 5px 15px;
}

.login-reg-form form input[type="checkbox"] {
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}

.login-reg-form form input[type="submit"] {
  background-color: #282828;
  border: medium none;
  color: #fff;
  float: left;
  height: 40px;
  margin: 0 15px 0 0;
  padding: 7px 50px;
  text-transform: uppercase;
  width: auto;
}

.login-reg-form form input[type="submit"]:hover {
  background-color: #ffae00;
}

.login-reg-form form a {
  color: #ffae00;
}



/* -----------------------------------
  16. Comment Style
--------------------------------------*/

/*-- Comment Wrapper --*/

.comment-wrapper {}
.comment-wrapper h3 {
  color: #666666;
  display: block;
  font-size: 24px;
  line-height: 18px;
  margin-bottom: 45px;
}


/*-- Comment List --*/

.comment-list {}
.comment-list li {}
.comment-list li ul {
  margin-left: 100px;
}

.comment-list li ul li{}

/*-- Single Comment --*/

.single-comment {
  margin-bottom: 45px;
  padding-right: 30px;
}

.single-comment .image {
  border-radius: 50%;
  display: block;
  height: 90px;
  margin-right: 20px;
  width: 90px;
}

.single-comment .image img {
  border-radius: 50%;
  width: 100%;
}

.single-comment .content {}
.single-comment .content .head {
  margin-bottom: 10px;
}

.single-comment .content .head .author-time {
  float: left;
}

.single-comment .content .head .author-time h4 {
  color: #666666;
  font-size: 18px;
  font-weight: 500;
  line-height: 14px;
  margin-bottom: 7px;
}

.single-comment .content .head .author-time span {
  color: #999999;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.single-comment .content .head a {
  color: #ffae00;
  display: block;
  float: right;
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
}

.single-comment .content p {}

/*-- Comment Form --*/

.comment-form {}
.comment-form form {}
.comment-form form label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.comment-form form input {
  border: 1px solid #ddd;
  float: left;
  height: 40px;
  margin-bottom: 20px;
  padding: 7px 15px;
  width: 100%;
}

.comment-form form textarea {
  border: 1px solid #ddd;
  float: left;
  height: 120px;
  margin-bottom: 20px;
  padding: 7px 15px;
  width: 100%;
}

.comment-form form input[type="submit"] {
  background-color: #282828;
  border: medium none;
  color: #fff;
  height: 40px;
  margin: 0;
  padding: 7px 40px;
  text-transform: uppercase;
  width: auto;
}

.comment-form form input[type="submit"]:hover {
  background-color: #ffae00;
}



/* -----------------------------------
  17. Info Section
--------------------------------------*/

.info-section {
}

.info-section .col-xs-12 {
  padding: 0;
}

.info-section .slick-track {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap !important;
}

.single-info {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  width: 25%;
  height: 100%;
  min-height: 0;
  padding: 0 8px;
  letter-spacing: normal;
  vertical-align: top;
}

.single-info a {
  display: block;
  transition: background .6s ease-in-out;
  height: 100%;
  padding: 10px;
  background: #fbf9f1;
  letter-spacing: -.40em;
}

.single-info a:hover {
  background-color: #fdeebf;
}


/* Info Image / Description */

.single-info .image,
.single-info .info-dsc {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  vertical-align: top;
  letter-spacing: normal;
}


/* Info Image */

.single-info .image {
  width: 20%;
  margin: 0;
  padding: 5px;
  background: #fff;
}

.single-info .image img {
  height: auto !important:;
}


/* Info Description */

.single-info .info-dsc {
  width: 80%;
  padding-left: 10px;
  text-align: left;
}

.single-info .info-dsc .date {
  margin-bottom: 0;
  font-size: .78em;
}

.single-info .info-dsc .title {
  margin: 0;
  font-size: .8em;
  line-height: 1.6em;
}


/* -- Slick Arrow -- */

.slick-arrow {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  border: none;
  background: none;
}

.slick-arrow span {
  display: none;
}

.arrow-prev {
  left: -15px;
}

.arrow-next {
  right: -15px;
}

.info-slider .slick-arrow:before {
  transition: border .4s ease-in-out;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 0;
  border-width: 0 0 2px 2px;
  border-color: transparent transparent #000 #000;
  border-style: solid;
  content: "";
}

.info-slider .arrow-next:before {
  border-width: 2px 2px 0 0;
  border-color: #000 #000 transparent transparent;
}

.info-slider .slick-arrow:hover:before {
  border-color: transparent transparent #ffae00 #ffae00;
}

.info-slider .arrow-next:hover:before {
  border-color: #ffae00 #ffae00 transparent transparent;
}

.info-slider .slick-slide {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* -- Category List -- */

.category-list {
  padding-top: 5px;
  padding-bottom: 25px;
}

.page-section .category-list {
  margin-top: -75px;
  padding-bottom: 85px;
}

.product-section .col-md-3 {
  float: none !important;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  letter-spacing: normal;
}

.product-section .row + .row {
  letter-spacing: -.40em;
}

.category-list dt,
.category-list dd,
.category-list li {
  display: table-cell;
  vertical-align: middle;
}

.category-list dl,
.category-list ul {
  display: table;
  width: 100%;
}

.category-list dt {
  width: 23%;
  padding-left: 10px;
  font-weight: normal;
  text-align: left;
}

.category-list dt span {
  display: block;
}

.category-list dt .txt-lg {
  color: #ff8000;
  font-size: 1.25em;
  line-height: 1.3;
}

.category-list dt .txt-sm {
  padding-top: 5px;
  font-size: .8em;
}

.category-list dd {
  width: 77%;
}

.category-list li {
  width: 16.66%;
  border-right: 1px solid #ccc;
}

.category-list li:first-child {
  border-left: 1px solid #ccc;
}

.category-list .txt-cate {
  display: block;
  padding-top: 10px;
  color: #222;
  font-size: .82em;
  font-weight: bold;
}

.category-list li img {
  height: 32px;
}

.category-list li a {
  display: block;
  padding: 0 15px;
}

.category-list li a:hover {
  opacity: .65;
}



/* -----------------------------------
  18. Concept Section
--------------------------------------*/

.consept-section {
}

.consept-section .ttl-main {
  margin-bottom: 80px;
  font-size: 3em;
  letter-spacing: .22em;
  line-height: 1.6;
  color: #000;
}

.consept-section .consept-section-inner {
  padding-bottom: 80px;
}

.consept-section .consept-section-inner:last-child {
  padding-bottom: 30px;
}

.consept-section .consept-img {
  width: 45%;
}

.consept-section .consept-cont {
  width: 55%;
}

.consept-section .consept-cont h3 {
  margin-bottom: 35px;
  padding-top: 50px;
  font-size: 1.8em;
  line-height: 1.8;
  letter-spacing: .1em;
}

.consept-section .consept-cont h3 span {
  position: relative;
}

.consept-section .consept-cont h3 span:before {
  position: absolute;
  top: -58px;
  left: 0;
  width: 240px;
  border-top: 3px solid #000;
  content: "";
}

.consept-section .consept-cont p {
  font-size: .95em;
  line-height: 2.2;
}

.consept-section .float-right.consept-img {
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
}

.consept-section .float-left.consept-cont {
}

.consept-section .float-left.consept-img {
  padding-left: 40px;
}

.consept-section .float-right.consept-cont {
  padding-top: 45px;
  padding-right: 80px;
}

.consept-section .float-right.consept-cont h3 {
  font-size: 2.2em;
  letter-spacing: .22em;
}


/* -----------------------------------
  19. Free Section
--------------------------------------*/

.free-section {
  color: #535353;
  font-size: .95em;
  line-height: 2;
}

.free-section .ttl {
  color: inherit;
}

.free-section .ttl-main {
  margin-bottom: 40px;
  font-size: 1.7em;
}

.free-section .ttl-sub {
  margin: 50px 0 15px;
  font-size: 1.1em;
  font-weight: bold;
}

.free-section p {
  color: inherit;
  font-size: 1em;
  line-height: 1.9;
}

.free-section ul {
  padding-left: 1.5em;
}

.free-section ul li:before {
  margin-left: -1.5em;
  padding-right: 5px;
  content: "・";
}

.free-section a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: radial-gradient(#ffae00 1px, transparent 40%) -1px 110% /6px 6px repeat-x;
}

.free-section a:hover {
  color: #ffae00;
}

.free-section .table {
  font-size: .95em;
}

.free-section .table > tbody > tr > td,
.free-section .table > tbody > tr > th,
.free-section .table > tfoot > tr > td,
.free-section .table > tfoot > tr > th,
.free-section .table > thead > tr > td,
.free-section .table > thead > tr > th {
  padding: 22px 5px;
  border-top-width: 0;
  border-bottom: 1px solid #ddd;
  line-height: 1.9;
}

.free-section .table > tbody > tr > th {
  width: 190px;
}


/* -----------------------------------
  404 NotFound
--------------------------------------*/

.boxNotfound {
	height: 520px;
	background: url(../img/common/bg-notfound.jpg) right bottom no-repeat;
}

.boxNotfound h3 {
	margin-bottom: 2em;
	font-size: 32px !important;
}

.boxNotfound p {
	margin-bottom: 1.5em;
	color: #333;
	line-height: 2em;
}

/* -----------------------------------
  SHIPPING FEE FREE
--------------------------------------*/

p.feefree {
	color: #000;
	font-weight: bold;
	padding: 12px 24px;
	background-color: #fff0e1;
}

p.feefree span {
	color: #ff8000;
	font-weight: bold;
	font-size: 120% !important;
}