body {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans","Yu Gothic", "Meiryo", "Arial", "Helvetica Neue", "Helvetica",  sans-serif;
    font-weight: 400;
    color: var(--primary-color);
    background: var(--background-color);
    font-size: 14px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*----------------------------------------------*/
/* General Style */
/*----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color);
    font-weight: bold;
    /*text-transform: capitalize;*/
}
/* Override the bootstrap defaults */
h1 {
    font-size: 22px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 10.2px;
}
a {
	color:#2D287F;
    /*color: var(--primary-color);*/
}
a:hover {
    text-decoration: none;
}
.fa {
    font-size: 14px;
}
legend {
    font-size: 18px;
    padding: 7px 0px;
    border-color: #ddd;
}
label {
    font-size: 14px;
    font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: 14px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
    font-size: 14px;
}
.input-group .input-group-addon {
    font-size: 14px;
    height: 30px;
}

/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {display: inline;}
a:focus, a:hover, div:focus, img:focus {
    text-decoration: none;
    outline: none;
    color: var(--primary-hover-color);
}
div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}
.btn.focus:active, .btn:active:focus, .btn:focus, .addcart:focus {
    outline: none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, button:focus,
input:focus, select:focus, textarea:focus, div:focus, img:focus, .form-control:focus, i:focus{
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

/*----------------------------------------------*/
/* scroll bar */
/*----------------------------------------------*/
body ::-webkit-scrollbar-track
{
    background-color: #f2f2f2;
    border-radius:0;
}
body ::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
    background-color: #ddd;
    border-radius: 0;
}
body ::-webkit-scrollbar-thumb
{
    background-color: #ddd;
    border-radius: 0;
}
textarea {
    overflow: auto;
    resize: vertical;
}
::-moz-selection {
    background-color: #232323;
    color: #fff;
}
::selection {
    background-color: #232323;
    color: #fff;
}

/*----------------------------------------------*/
/* scrollToTop */
/*----------------------------------------------*/
.scrollToTop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 5;
    color: var(--primary-hover-color);
    font-size: 60px;
}
.scrollToTop:hover{
    color: var(--primary-color);
}

.container {
	max-width:1120px;
	/*background-color:rgba(255,0,0,0.2);*/
	/*
	border-right:dashed 0.5px #999;
	border-left:dashed 0.5px #999;
	*/
}
#h_cartbtn {
	position:absolute;
	right:0px;width:130px;top:35px;
	display:none;
}
@media only screen and (max-width: 551px){
#h_cartbtn {display:none;}
}
.orange_btn {
	width:100%;
	cursor:pointer;
	background-color:#F58326;
	height:30px;
	border-radius:10px;
	font-weight:bold;text-align:center;color:#fff;
	line-height:30px;
}


/*----------------------------------------------*/
/* menu start */
/*----------------------------------------------*/
#menu {
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  min-height: unset;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
#menu .nav > li > a {
    color: var(--primary-color);
    padding: 15px;
    font-size: 18px;
    font-weight: 300;
    border-radius: 0;
    background: transparent;
    font-weight:bold;
}
/*header search*/
.btn_search{
    position: relative;
    max-width: 646px;
    width: 100%;
    /*margin: 0 30px;*/
}
.btn_search .form-control{
    padding: 2px 10px;
    border: none;
}
/*-- mahardhi edit --*/
#mahardhiSearch,
#search{
    display: flex;
    width: 100%;
}
#mahardhiSearch > input,
#search > input {    
    height: 40px;
    display: block;
    padding: 5px 15px;
    background-color:#fff;
    border-radius:20px 20px 20px 20px;
    width:240px;
    box-shadow:5px 5px 5px 5px #eee inset;
}
#mahardhiSearch > input::placeholder,
#search > input::placeholder{
    color: #000;
}
#mahardhiSearch .btn-search,
#search .input-group-btn{
    width: auto;
    background: transparent;}
#mahardhiSearch .btn-search button,
#search .input-group-btn button{
    font-size: 16px;
    padding: 10px 18px;
    border: none;
    color: var(--secondary-color);
    background-color:#fff;
    /*background: var(--primary-color);*/
    /*border-radius: 0 3px 3px 0;*/
    border-radius:20px 20px 20px 20px;
    /*text-transform: capitalize;*/
    font-weight: 300;
    margin-left:10px;
    width:40px;height:40px;
    box-shadow:5px 5px 5px 5px #eee inset;
}
#mahardhiSearch .btn-search button i,
#search .input-group-btn button i{
    vertical-align: middle;
    padding-right: 10px;
}
.ui-autocomplete.ui-menu .ui-menu-item {
    list-style-image: none;
}
.ui-autocomplete .mahardhi-search {
    position: relative;
    display: table;
    width: 100%;
    padding: 5px 0px;
}
.ui-autocomplete .mahardhi-search > div {
    display: table-cell;
    vertical-align: top;
}
.ui-autocomplete .mahardhi-search .images {
    width: 80px;
    padding-right: 10px;
}
.ui-autocomplete .mahardhi-search .product-detail {
    white-space: nowrap;
}
.ui-autocomplete .mahardhi-search .product-detail .price-old {
    color: var(--secondary-light-color);
    text-decoration: line-through;
    margin-left: 10px;
}
#mahardhiSearch select.form-control.input-lg {
    padding: 2px 30px 2px 20px;
    line-height: 1.42857143;
    height: 44px;
    color: var(--primary-color);
    background: transparent;
    min-width: 186px;
}
.category-search{
    position: relative;
}
.category-search:before {
    border-left: 1px solid #e2e2e2;
    content: "";
    height: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
}
.category-search:after {
    content: '\f107';
    font-family: 'fontawesome';
    position: absolute;
    right: 15px;
    line-height: 46px;
}
@media only screen and (max-width: 991px){

    #menu .btn-navbar{
        background: #0064B4;
        height: 40px;
        width: 30px;
        /*border-radius: 25px;*/
        font-size: 14px;
        display: block;
        text-align: center;
        line-height: 30px;
        padding: 0;
        margin: 0;
    }
    #topCategoryList {
	background: var(--secondary-color);
	display: block !important;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	max-width: 350px;
	z-index: 999;
	margin: 0;
	-webkit-transform: translate(-400px,0);
	-moz-transform: translate(-400px,0);
	-ms-transform: translate(-400px,0);
	-o-transform: translate(-400px,0);
	transform: translate(-400px,0);
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	overflow: auto;
    }
    #topCategoryList.box-menu {
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }
    .menu-close {
        background: #0064B4;
        color: var(--secondary-color);
        padding: 12px 20px;
        font-weight: 600;
        font-size: 16px;
        display: flex;
        justify-content: space-between;
    }
    .menu-close i{
        line-height: 20px;
        font-size: 12px;
    }
    #menu .btn-navbar.open-menu:after {
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        display: block;
        position: fixed;
        height: 100%;
        background: rgba(0,0,0,.5);
        z-index: 99;
        transition: opacity 0.2s cubic-bezier(0,0,.3,1);
        transition-delay: 0.1s;
    }
    #menu .btn-navbar span:before,
    #menu .btn-navbar span:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background: var(--secondary-color);
        left: 0;
        transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
    }
    #menu .btn-navbar span:after {
        top: 4px;
    }
    #menu .btn-navbar span:before {
        top: -4px;
    }
    #menu .btn-navbar span {
        position: absolute;
        width: 15px;
        height: 1px;
        background: var(--secondary-color);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
    }
    #menu .nav > li > a,
    #menu #topCategoryList .dropdown-inner a{
        color: var(--primary-color);
        font-weight: 500;       
        padding: 10px 30px 10px 15px;
        display: block;
        font-size: 14px;
    }
    #menu .nav > li > a,
    #menu #topCategoryList .menu_drop > .dropdown-inner > li > a {
        font-size: 14px;
    }
    #menu #topCategoryList ul {
        float: none;
        display: block;
        text-align: left;
        margin: 0;
        background: transparent;
    }
    #menu #topCategoryList ul.nav.navbar-nav {
        padding: 10px 10px 10px 0;
    }
    #menu .dropdown-inner,
    #navCategory .dropdown-inner {
        display: block; 
    }
    #topCategoryList .dropdown.menulist .dropdown-menu .dropdown-inner {
        display: block;
        padding: 0 15px;
    }
    #topCategoryList .dropdown.menulist .dropdown-menu {
        position: relative;
        float: none;
        background-color: transparent;
        border: none;
        box-shadow: none;
        display: none;
        padding: 0;
    }
    #menu #topCategoryList .dropdown-inner .dropdown-submenu ul.sub-menu {
        display: none; 
        position: unset;
        border: none;
        padding: 0 15px;
    }
    #topCategoryList li .toggle-menu {
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px;
    }
    #topCategoryList .dropdown-submenu > .fa {
        display: none;
    }
    #topCategoryList ul li {
        float: none;
    }
    #topCategoryList #more_cat {
        display: none;
    }
}

/*----------------------------------------------*/
/* slider start */
/*----------------------------------------------*/
.common-home .swiper-viewport {
    box-shadow: none;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    background: transparent;
}

/*----------------------------------------------
/* swiper pager */
/*----------------------------------------------*/
.swiper-viewport .swiper-pager > div,
.owl-carousel.owl-theme .owl-nav div{
    height: 30px;
    width: 30px;
    background: var(--secondary-color);
    color: var(--primary-color);
    border: none;
    padding: 0;
    text-align: center;
    border-radius: 50px;
    margin: 0;
    opacity: 1;
    text-shadow: none;
    transition: all .3s ease;
    line-height: 30px;
}
.owl-carousel.owl-theme:hover .owl-nav div{
    opacity: 1;
}
.owl-carousel.owl-theme:hover .owl-nav .disabled {
    opacity: 0.6;
}
.swiper-viewport {
    border: unset;
}
.swiper-pagination {
    display: none;
}
.swiper-viewport .swiper-button-prev:before,
.swiper-viewport .swiper-button-next:before,
.brand .swiper-button-prev:before,
.brand .swiper-button-next:before{
    content:"";
}
.owl-carousel.owl-theme .owl-nav .fa,
.swiper-viewport .fa{
    font-size: 16px;
    line-height: 30px;
    vertical-align: top;
}

/*carousel*/
.owl-carousel.owl-theme .owl-nav,
.brand .swiper-pager{
    margin-top: 0;
    position: absolute;
    top: -60px;
    right: -10px;
    width: auto;
}
.owl-carousel.owl-theme .owl-nav div,
.brand .swiper-pager div{
    position: unset;
}
.owl-carousel.owl-theme .owl-nav .owl-prev,
.brand .swiper-pager .swiper-button-prev{
    margin-right: 5px;
}
.brand .swiper-pager .swiper-button-next {
    float: right;
}
.brand .swiper-pager .swiper-button-prev {
    float: left;
}
.carousel .swiper-viewport:hover .swiper-button-next,
.carousel .swiper-viewport:hover .swiper-pager .swiper-button-prev{
    opacity: 1;
}
.swiper-viewport .swiper-pager .swiper-button-next:hover,
.owl-carousel.owl-theme .owl-nav .owl-next:hover,
.swiper-viewport .swiper-pager .swiper-button-prev:hover,
.owl-carousel.owl-theme .owl-nav .owl-prev:hover{
    color: var(--secondary-color);
    background: var(--primary-color);
}

/*dots*/
.swiper-pagination span,
.owl-theme .owl-dots .owl-dot span{
    width: 10px;
    height: 10px;
    background: var(--secondary-color);
    border: none;
    margin: 0 2px;
}
.swiper-pagination span.swiper-pagination-bullet-active,
.swiper-pagination span:hover,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
    background: var(--primary-hover-color);
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin: 0;
}

/*slideshow*/
.slideshow .swiper-pagination{
    display: none;
}
.slideshow .swiper-viewport .swiper-pager > div{
    width: 40px;
    height: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
}
.slideshow .swiper-viewport .fa {
    line-height: 40px;
}
.slideshow .swiper-viewport .swiper-pager .swiper-button-prev{
    left: 10px;
}
.slideshow .swiper-viewport .swiper-pager .swiper-button-next{
    right: 10px;
}
.special-countdown .owl-carousel.owl-theme .owl-nav,
.testimonial-block .owl-carousel.owl-theme .owl-nav{
    right: 0;
}
.special-countdown .owl-carousel.owl-theme .owl-nav div,
.testimonial-block .owl-carousel.owl-theme .owl-nav div{
    background: var(--background-color);
}
@media (max-width: 991px){
    .special-countdown .owl-carousel.owl-theme .owl-nav,
    .testimonial-block .owl-carousel.owl-theme .owl-nav{
        top: -56px;
    }
}
@media (max-width: 767px) {
    .product-tab-block .owl-carousel.owl-theme .owl-nav{
        top: -100px;
    }
}
/*----------------------------------------------*/
/* column-left-right */
/*----------------------------------------------*/
#column-left > div,
#column-right > div {
    margin: 0 0 30px;
    box-shadow: none;
    border: none;
    padding: 0;
    background: transparent;
    background: var(--secondary-color);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
#column-left > div:last-child,
#column-right > div:last-child{
    /*margin-bottom: 0;*/
}
#column-left .box-content,
#column-right .box-content{
    margin: 0;
    border: none;
    display: block;
}
#column-left h3,
#column-right h3,
#column-left .box-content h3,
#column-right .box-content h3 {
    display: block;
    margin: 0;
    padding: 15px 20px;
    font-size: 16px;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    color: var(--primary-color);
    line-height: 20px;
    border-radius: 0;
    border-bottom: 1px solid var(--border-color);
}
#column-left .block_box,
#column-right .block_box {
    background: var(--secondary-color);
    padding: 20px;
    margin: 0;
}
.service-box .promo-item {
  background: var(--secondary-color);
  padding: 20px;
}
.promo-item .service-item+.service-item .service {
    border-top: 1px solid var(--border-color);
    padding-top: 14px;
    margin-top: 20px;
}

/*----------------------------------------------*/
/* Start Categoty Menu */
/*----------------------------------------------*/
ul.category-list > li {
    width: 100%;
    color: var(--secondary-light-color);
}
.main-category.left-column-main-category{
    position: relative;
}
#column-left .main-category .page-title h3,
#column-right .main-category .page-title h3{
    margin-bottom: 0;
}
.vertical-category-wrapper {
    padding: 0;
    display: block;
    background: var(--secondary-color);
}
.vertical-category ul li a {
    color: var(--secondary-light-color);
    padding: 5px 15px;
    font-size: 14px;
    /*text-transform: capitalize;*/
    position: relative;
}
.vertical-category > ul > li > a{
    padding: 10px 35px 10px 17px;  
    border-left: 3px solid transparent;
}
.vertical-category > ul > li:hover > a {
    color: var(--primary-color);
    background: var(--background-color);
    border-left: 3px solid var(--primary-hover-color);
}
.category-list {
    margin: 10px 0;
    width: 100%;
    padding: 0;
}
.vertical-category ul li a.more-menu{
    cursor: pointer;
}
.vertical-category .dropdown-wrapper ul li+li > a{
    border: none;
}
.category-list > li .icon-menu {
    margin-right: 5px;
    display: inline-block;
}
.category-list > li .icon-menu img{
    border-radius: 25px;
    border: 1px solid var(--border-color);
}
.vertical-category ul li a.more-menu:before {
    content: "\f067";
    font-family: fontawesome;
    font-size: 14px;
    position: relative;
    border-radius: 25px;
    border: 1px solid var(--border-color);
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}
.vertical-category ul li a.more-menu.active:before {
    content: "\f068";
}
@media (min-width: 992px){
    ul.category-list li .dropdown-menu {
        display: block;
        left: 100%;
        right: auto;
        margin: 0;
        padding: 10px 0;
        position: absolute;
        top: 100%;
        visibility: hidden;
        opacity: 0;
        border: none;
        border-bottom: 3px solid var(--primary-hover-color);
        background: var(--secondary-color);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
        border-radius: 0;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }
    ul.category-list li:hover > .dropdown-menu {
        top: 0;
        visibility: visible;
        opacity: 1;
    }
    .category-list .dropdown-inner a {
        min-width: 240px;
        display: block;
        clear: both;
        font-size: 14px;
    }
    .vertical-category .dropdown-wrapper .megamenu-dropdown > li .dropdown-menu li a {
        padding: 5px 10px;
    }
    ul.category-list li.dropdown > a:after{
        content: "\f105";
        font-family: fontawesome;
        font-size: 16px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        padding: 15px;
        align-items: center;
        color: var(--secondary-light-color);
    }
    ul.category-list li.dropdown:hover > a:after{
        color: var(--primary-color);
    }    
    .dropdown-wrapper .megamenu-dropdown .dropdown-menu {
        position: inherit;
        display: block;
        min-width: inherit;
        border: none;
        left: inherit;
        right: inherit;
        box-shadow: none;
        float: none;
        padding: 5px 0;
        visibility: unset;
        transition: 0s;
        opacity: 1;
    }
    ul.category-list li.dropdown .dropdown-wrapper a:after{ 
        display: none;
    }
    .vertical-category .dropdown-wrapper .megamenu-dropdown > li {
        display: table-cell;
        width: 33.33%;
        float: left;
    }    
    .vertical-category .dropdown-wrapper ul.megamenu-dropdown {
        width: 680px;
        margin: 0 10px;
        display: table;
    }
    .vertical-category .dropdown-wrapper ul.megamenu-dropdown.column2 {
        width: 500px;
    }
    .vertical-category .dropdown-wrapper .megamenu-dropdown.column2 > li {
        float: unset;
    }
    .vertical-category .dropdown-wrapper .megamenu-dropdown > li > a{
        border-bottom: 1px solid var(--border-color);
        color: var(--primary-color);
        font-weight: 400;
        padding-bottom: 10px;
        margin: 0 9px;
        padding-left: 0;
        padding-right: 0;
    }
    .category-list .single-dropdown .dropdown-inner .dropdown li:first-child a {
        border-top: none;
    }
}
@media (max-width: 1440px){
    .vertical-category > ul > li > a {
        padding: 10px 30px 10px 10px;
    }
    ul.category-list li.dropdown > a:after{
        padding: 10px;
    }
    .category-list > li .icon-menu {
        margin-right: 3px;
    }
}
@media (max-width: 991px){
    .vertical-category-wrapper{
        position: absolute;   
        z-index: 99; 
    }
}
/*----------------------------------------------*/
/* footer start */
/*----------------------------------------------*/
.mt-30 {
  margin-top: 30px;
}
footer{
    padding-top: 50px;
    background: var(--secondary-color);
    color: var(--primary-color);
}
footer h5{
    text-align: center;
    text-transform: uppercase;
    padding: 16px 0;
    font-size: 16px;
    margin: 0 0 17px;
    line-height: 18px;
    position: relative;
    font-weight: 300;
    color: var(--primary-color);
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.position-footer-right h5 {
    margin: -4px 0 24px;
}
footer .col-sm-3 a,
footer .col-sm-2 a{
    padding: 8px 0;
    display: block;
    color: var(--secondary-light-color);
}
footer a:hover,
footer a:focus {
    color: var(--primary-color);
}
.footer-middle{
    display: flex;
}
.footer-middle > div{
    padding: 0;
}
.footer-middle > div+div{ 
    border-left: 1px solid var(--border-color);
}
.footer-middle .footer-content {
    display: flex;
    justify-content: center;
}
footer .position-footer-right .list-unstyled {
    padding: 0 0 0 20px;
}
footer .position-footer-left .list-unstyled {
    padding: 0 10px 0 0;
}
footer ul.list-unstyled{
    margin-bottom: 37px;
}
/* footer left */
.footer-desc {
    line-height: 24px;
    color: var(--secondary-light-color);
    margin: 24px 0 26px;
}

/* footer right */
.position-footer-right h5 {
    margin: 0 0 22px;
}
.position-footer-right li > div{
    display: flex;
    margin: 8px 0;
    line-height: 24px;
}
.position-footer-right li .contact_site a{
    padding: 0;
    display: initial;    
    color: var(--secondary-light-color);
}

@media (max-width: 500px){
.footer-middle > div+div{ 
    border-right: 1px solid var(--border-color);
}
}
/*----------------------------------------------*/
/* products TOPの一覧のみ*/
/*----------------------------------------------*/
.page-title {
    position: relative;
}
.page-title h3{
    font-size: 16px;
    padding: 5px 0;
    margin: 0 0 10px;
    text-transform: uppercase;
    position: relative;
    font-weight: 300;
    line-height: 20px;
    color: var(--primary-color);
}
.all-content,
.block_box {
    background: var(--secondary-color);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
.block_box {   
    padding: 20px 10px 0;
}
.product-tab-block .block_box{
    padding: 20px 10px 0;
    margin: 0;
    border: none;
}
.product-thumb{
    position: relative;
    margin-bottom: 20px;
    position: relative;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}
.product-thumb .image {
    text-align: center;
    position: relative;
    overflow: hidden;
}
.product-thumb .image a {
    display: block;
}
.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.product-thumb .button-group{
    transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    opacity: 0;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
}
.product-thumb:hover .button-group{
    opacity: 1;
    bottom: 0;
}
.product-thumb .button-group button {
    background: var(--primary-color);
    color: var(--secondary-color);
    border: none;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    width: 50%;
}
.product-thumb .button-group button:hover {
    box-shadow: none;
    background: var(--secondary-color);
    color: var(--primary-color);
}
.product-thumb .button-group button.quickview-button {
    border-left: 1px solid #333333;
}
.product-thumb .wishlist {
    right: 10px;
    border: none;
    padding: 0;
    background: transparent;    
}
.product-thumb .wishlist,
.sale-text{
    opacity: 0;
    position: absolute;    
    top: -30px;
    transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
}
.sale-text {
    border-radius: 2px;
    left: 10px;
    color: var(--secondary-color);
    text-transform: uppercase;
    padding: 0px 7px;
    font-size: 12px;
    background: var(--primary-color);
}
.product-thumb:hover .wishlist,
.product-thumb:hover .sale-text{
    opacity: 1;
    top: 10px;
}
.product-thumb .wishlist i {
    background: var(--secondary-color);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: block;
    line-height: 30px;
}
.product-thumb .wishlist:hover i{
    background: var(--primary-color);
    color: var(--secondary-color);    
}   
.product-thumb .description {
    font-size: 14px;
    color: var(--secondary-light-color);
    line-height: 24px;
    margin: 21px 0 0;
}
#button-cart,
#quick-cart{
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    width: auto;
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 10px 25px;
    margin: 0;
}
#button-cart:hover, #quick-cart:hover{
    color: var(--secondary-color);
    background: var(--primary-hover-color);
}
.product-thumb .minus-plus {
    display: inline-flex;
    border: 1px solid var(--border-color);
    border-radius: 4px;
}
.product-thumb .product-btn-quantity {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -46px;
}
.special-countdown .product-thumb .minus-plus> *,
.product-thumb .minus-plus> * {
    width: 37px;
    height: 34px;
    margin: 0;
    border-radius: 0;
    background: var(--secondary-color);
    color: var(--secondary-light-color);
}
.special-countdown .product-thumb .minus-plus button:hover{
    color: var(--secondary-color);
    background: var(--primary-hover-color);
}
.minus-plus #category {
    border-top: 0;
    border-bottom: 0;
    padding: 2px;
    text-align: center;
}
.product-thumb .minus-plus button i {
    line-height: 20px;
}
.thumb-description {
    position: relative;
}
.product-thumb .caption {
    padding: 11px 0 0;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.product-thumb .price {
    font-size: 16px;
    line-height: 16px;
    margin: 12px 0 0;
    color: var(--primary-color);
}
.product-thumb .price-old {
    text-decoration: line-through;
    color: var(--secondary-light-color);
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-right: 5px;
}
.product-thumb .product-title {
    margin: 0;
}
.product-thumb .product-title a{
    /*text-transform: capitalize;*/
    font-size: 16px;
    font-weight: 400;
    color: var(--secondary-light-color);
}
.product-thumb .product-title a:hover{
    color: var(--primary-color);
}
.product-thumb .price-tax{
    display: none;
}
.product-thumb .rating{
    margin-top: 10px;
}

/*product tab*/
.product-tab-block .nav-tabs>li> a{
    font-weight: 400;
    font-size: 14px;
    padding: 5px 15px 5px 28px;
    color: var(--secondary-light-color);
    /*text-transform: capitalize;*/
    background: transparent;
    border: none;
    border-radius: 0;
}
.product-tab-block .nav-tabs>li> a.selected,
.product-tab-block .nav-tabs>li> a:hover{
    color: var(--primary-color);
}
.product-tab-block {
    position: relative;
}
.product-tab-block #tabs {
    position: absolute;
    right: 50px;
    top: 0;
    padding-right: 50px;
}
.product-tab-block .nav-tabs {
    padding: 0;
    border: none;
}
.product-tab-block .nav-tabs>li{
    margin: 0;
}
.product-tab-block .nav-tabs>li + li:before {
    content: "";
    height: 1px;
    width: 15px;
    background: var(--border-color);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
#product-page .nav-tabs>li + li{
    margin-left: 50px
}
#product-page .nav-tabs>li.active>a,
#product-page .nav-tabs>li:hover> a {
    color: var(--primary-hover-color);
}
.nav-tabs>li> a {
    text-transform: uppercase;
    padding: 14px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    border: none;
    margin: 0;
    color: var(--primary-color);
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:hover,
.nav>li>a:focus,
.nav>li>a:hover{
    background: transparent;
    color: var(--primary-color);
    border: none;
}

/*product hover */
.product-thumb .hover-img {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}
.product-thumb:hover .hover-img {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}
@media (max-width: 991px){
    .product-thumb .wishlist,
    .product-thumb .sale-text {
        opacity: 1;
        top: 10px;
    }
    .product-thumb .button-group {
        opacity: 1;
        bottom: 0;
    }
}
@media (max-width: 767px){
    .product-tab-block #tabs{
        position: unset;
        padding: 0 0 10px;
        display: flex;
        justify-content: center;
    }
    .product-tab-block .nav-tabs>li:first-child> a{
        padding-left: 0;
    }
    .product-tab-block .nav-tabs>li:last-child> a{
        padding-right: 0;
    }
}
@media (max-width: 680px){
    .product-list .product-thumb .image img{
        width: auto;
        margin: 0;
    }   
}
#topcart {color:#f00;}

/*新着情報*/
.mynews {}
.c1 {background-color: #0071BC;}
.c2 {background-color: #309D97;}
.c3 {background-color: #824EC4;}
.c4 {background-color: #CC1B9E;}
.c5 {background-color: #447C18;}
.c6 {background-color: #A08845;}
.nm {
  font-weight: bold;
  color: #fff;
  margin-right: 4px;
  padding-left: 2px;
  padding-right: 2px;
  border-radius:2px 2px 2px 2px;
}
/**/
.linetable {
	border-collapse: collapse;
}

.linetable td{
	border:1px #666 solid;
	padding:2px;
}
.linetable th{
	border:1px #666 solid;
	padding:2px;
}
#carttable1,#carttable2 {
	width:580px;
}
.inputSS {
	width:50px;
}
.inputS {
	width:100px!important;
}
.inputM {
	width:200px;
}
.inputL {
	width:300px;
}
.inputAtena {
	width:450px!important;
}
.delbtn {
	vertical-align:top;
}
@media (max-width: 580px){
	#carttable1,#carttable2 {
		width:100%;
	}
	#carttable2 th, #carttable2 td{display:block;}
	.inputM {
		width:100%;
	}
	.inputL {
		width:100%;
	}
	.inputAtena {
		width:100%!important;
	}
}

.oup_contents {padding:20px;}
.fontm {font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

/* card */
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card .card-header {
  margin-bottom: -1px;
}
/* card */