@charset "UTF-8";
/* CSS Document */

/* ------------------------
common
------------------------ */
a {
    color: #000;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    transition: .3s;
}

.btn-primary,
.btn-warning {
    color: #fff;
    background-color: #0c599f;
    border: none;
}
.btn-primary:hover,
.btn-warning:hover {
    opacity: 0.8;
    filter:alpha(opacity=80);
}
/*
.btn-outline-danger {
	padding: 5px 10px;
	font-size: 13px;
	line-height: 120%;
}
*/
.btn_box {
    margin: 20px 0 10px 0;
}
.btn_box a {
    display: block;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #0c599f;
    color: #0c599f;
    width: 300px;
    margin: 0 auto;
    transition: .5s;
}
.btn_box a:hover {
    background: #0c599f;
    color: #FFF;
    opacity: 1;
}
@media screen and (max-width: 768px) { /* 768以下 */
    .btn_box a {
        width: 80%;
    }
}
.btn_line {
    margin: 20px 0 10px 0;
	text-align: right;
}
.btn_line a {
    padding: 5px;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px solid #0c599f;
    color: #0c599f;
    transition: .5s;
}
.btn_line a:hover {
	border: none;
}

*:focus {
  outline: none;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

@media screen and (min-width: 769px) { /* 769以上 */
    .sp {display: none !important;}
	.categoryFrame h1 {
		text-align: center;
		font-size: 26px;
		line-height: 160%;
	}
}
@media screen and (max-width: 768px) { /* 768以下 */
    .pc {display: none !important;}
	.categoryFrame h1 {
		text-align: center;
		font-size: 21px;
		line-height: 160%;
	}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
		padding: 0;
	}
}
.unsubscribe {
	text-align: center;
}
	
/* header */
header ul.menu-category > .has-submenu,
header ul.menu-category > .has-submenu ul li {
    padding: initial;
}
/*
header ul.menu-category li.has-submenu > a:after {
    content: "";
    float: none;
}
*/
/*
header ul.menu-category > .has-submenu > a::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 10px;
    margin-left: 0;
    content: '\f105';
    font-size: 1rem;
    color: #0c599f;
    font-family: fontAwesome;
    z-index: -1;
    transition: 0.8s;
    display: inline-block;
}
header .menu-category .has-submenu > a:hover::before {
    left: 13px;
    transition: 0.8s;
}
*/

header ul.menu-category > .has-submenu > a,
header ul.menu-category > .has-submenu > ul > li > a {
    position: relative;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 5px 12px;
    background-size: 15px;
    padding-left: 20px;
    line-height: 1.8; /* TODO 影響ないか確認 */
    display: inline-block;
    /*color: #0c599f;*/
    /*font-weight: normal;*/
    width: 100%;
}
header ul.menu-category > .has-submenu > a:hover,
header ul.menu-category > .has-submenu > ul > li > a:hover {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 8px 12px;
    background-size: 15px;
    padding-left: 20px;
    text-decoration: underline;
    /*border: 2px solid red;*/
    display: inline-block;
}

header ul.menu-category .has-submenu ul {
    width: 800px;
}
header ul.menu-category li a {
    font-size: 13px;
    line-height: 140%;
    padding: 8px;
}
header ul.menu-category .has-submenu ul li {
    float: left;
    font-size: 13px;
    width: 50%;
}

.header-sub {
    border-top: #0c599f 3px solid;
    background-color: #fff;
}
.header-sub .brand-wrap .logo {
    height: 65px;
    max-height: unset;
}
.header-sub .fax_pdf a {
    display: block;
    width: 150px;
    height: 80px;
    background: #0c599f url('../images/header/fax_pdf.png') no-repeat 50% 50%;
    text-indent: -9999px;
}
.header-sub .fax_num{
    margin: auto 1rem;
}
.header-sub .select_lang {
    background: #e1e1e1;
    width: 90px;
    height: 80px;
    position: relative;
}
.header-sub .select_lang a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.header-main {
 /*   height: 55px;
    padding: 5px 25px;
    margin: 0 auto;*/
    background: #0c599f;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.header-main .megamenu-wrapper .toggler-menu-desktop {
    background-color: #e58614;
    width: 270px;
}

#header-main.fixed-menu { /* header-main固定 */
    position: fixed;
    z-index: 5000;
    top: 0;
    background: rgba(12, 89, 159, 0.69);
    width: 100%;
    padding: 10px 0;
}

@media (max-width: 768px) and (min-width: 768px) {
/*@media (width: 768px){*/ /* 768のとき ipad対応 */
    .toggler-menu-desktop {
        display: none;
    }
    .megamenu-block{
        overflow-x: auto;
        background: #fff;
        display: block;
        position: initial;
        height: 100% !important;
    }
}

ul.menu-category li.has-submenu > a:after {
    content: none;
}



.pc_area .slick-track, .sp_area .slick-track {
      display: flex;
}
.pc_area .slick-slide, .sp_area .slick-slide {
      height: auto !important;
}
.main-slider2 .slick-slide, .main-slider3 .slick-slide {
    height: initial;
}
.main-slider2 .prev-arrow:before, .main-slider3 .prev-arrow:before{
    font-family: "fontAwesome"; 
    /*font-weight: 900; */
    content: "\f053";
    /*font-size:30px;*/
    /*color:#ffea00;*/
}
.main-slider2 .next-arrow:before, .main-slider3 .next-arrow:before{
  font-family: "fontAwesome"; 
    /*font-weight: 900; */
    content: "\f054";
    /*font-size:30px;*/
    /*color:#ffea00;*/
}
.main-slider2 .slick-prev,
.main-slider2 .slick-next,
.main-slider3 .slick-prev,
.main-slider3 .slick-next {
    top:-45px;
}

@media all and (min-width: 992px) { /* 769 -> 992 以上 */
    header ul.menu-category .has-submenu {
        background: none !important; 
    }
}

@media all and (max-width: 768px) { /* 768以下 */
	.section-heading {
		margin-top: 50px;
	}
	.section-heading h2 {
		text-align: center;
	}
    .header-sub .brand-wrap .logo {
        height: 40px;
        margin: 0 0 0 2rem;
        width: auto;
    }
    #headerTel {
        width: 20%;
        position: relative;
        background: url('../images/icon_tel.gif') no-repeat center top;
        background-size: 25px 25px;
        margin: 0.4rem 0 0 0.5rem;
    }
    #headerAccount {
        width: 20%;
        position: relative;
        background: url('../images/icon_account.gif') no-repeat center top;
        background-size: 25px 25px;
        margin: 0.4rem 0 0 0.5rem;
    }
    #headerLanguage {
        width: 20%;
        position: relative;
        background: url('../images/icon_cart.gif') no-repeat center top;
        background-size: 25px 25px;
        margin: 0.4rem 0 0 0.5rem;
    }
    #headerTel a, #headerAccount a, #headerLanguage a {
        font-size: 0.8em;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }

    #header-main.fixed-menu { /* header-main固定 */
        /*top: 40px;*/  /* todo 保留 */
    }

    .megamenu-wrapper ul.move-out > li:not(:has(>.active)) {
        display: none;
    }
    .megamenu-wrapper ul.move-out >  .has-submenu > ul.active{
        position: fixed;
    }

    /* scroll to top */
    #scroll-to-top {
        width: 60px;
        height: 60px;
        right: 20px;
    }
    #scroll-to-top .fa {
        font-size: 2rem;
    }


}

/* 769px から 991px タブレット対応ここから */
@media only screen and (min-width: 769px) and (max-width: 991px){
      #headerTel {
        width: 20%;
        position: relative;
        background: url('../images/icon_tel.gif') no-repeat center top;
        background-size: 30px;
        margin: 1rem 0 0 0.5rem;
    }
    #headerAccount {
        width: 20%;
        position: relative;
        background: url('../images/icon_account.gif') no-repeat center top;
        background-size: 30px;
        margin: 1rem 0 0 0.5rem;
    }
    #headerLanguage {
        width: 20%;
        position: relative;
        background: url('../images/icon_cart.gif') no-repeat center top;
        background-size: 30px;
        margin: 1rem 0 0 0.5rem;
    }

    #headerTel a, #headerAccount a, #headerLanguage a {
        font-size: 0.8em;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }

    .toggler-menu-desktop {
        display: none;
    }

    .tss.tss--open {
        height: 90%!important;
    }
    .tss {
        z-index: 9999;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        will-change: transform;
        transition-property: transform;
        transition-timing-function: ease;
        height: 90%;
    }
    .tss--close .tss-label{
        top: 12px; /* ずれるため調整 */
    }
    .tss--close .tss-label_pic { /* ハンバーガーメニュー */
        height: 2px;
        box-shadow: inset 0 0 0 32px, 0 -10px, 0 10px;
    }
    .tss--close .tss-label_pic:after {
        top: -2px;
        height: 2px;
        box-shadow: inset 0 0 0 32px, 0 -10px, 0 10px;
    }
    .tss.tss--close { height: 100px!important }
    .tss.tss--open { height: 90%!important }
    .tss--close .tss-label_pic {
        color: #0c599f;
    }
    header ul.menu-category > .has-submenu, header ul.menu-category > .has-submenu ul li {
        padding: 0.5rem;
    }
    header ul.menu-category > .has-submenu > a, header ul.menu-category > .has-submenu > a:hover {
        background: none;
        padding-left: 3rem;
    }
    header ul.menu-category > .has-submenu > ul > li > a, header ul.menu-category > .has-submenu > ul > li > a:hover {
        background: none;
        padding-left: 1rem;
    }
    .megamenu-block {
        overflow-x: auto;
        position: initial;
        height: 100% !important;
    }
    .megamenu-wrapper li.has-submenu ul.active {
        transform: translateX(0);
        visibility: visible;
        z-index: 50;
        overflow-x: hidden;
        transition: transform .3s, visibility .3s;
    }
    header ul.menu-category .has-submenu ul {
        width: 100%;
    }
    .megamenu-wrapper .menu-category {
        position: relative;
        overflow: hidden;
    }
    .megamenu-wrapper ul.move-out > li > a {
        transform: translateX(-100%);
        opacity: 0;
        transition: transform .3s,opacity .3s;
        will-change: transform, opacity;
    }
    .megamenu-wrapper .menu-category li {
        position: static;
    }
    header ul.menu-category .has-submenu ul li {
        float: unset;
        width: 100%;
    }
    ul.menu-category .go-back {
         display: block; 
    }
    /*
    ul.menu-category .has-submenu a + ul {
        display: block;
        position: relative;
        -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 20%);
        box-shadow: 5px 5px 15px rgb(0 0 0 / 20%);
        z-index: unset;
        left: 0;
        top: 0;
        width: 100px;
        background: #fff;
    }
    */
    ul.menu-category .has-submenu a + ul {
       left: 0;
    }

    .megamenu-wrapper .has-submenu ul {
        transform: translateX(100%);
        visibility: hidden;
        transition: transform .3s, visibility .3s;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        overflow: auto;
    }


}
/* 769px から 991px タブレット対応ここまで */




/* ------------------------
itempage
------------------------ */
.relatedProducts .item-slide,
.alsoPurchasedProductList .item-slide {
	box-sizing: border-box;
	padding: 10px;
}
@media all and (min-width: 769px) {　 /* 769以上 */
	.relatedProducts,
	#related {
		/*margin: 80px auto; todo 要確認 */
		/*width: 1140px; todo 要確認 */
	}
    .alsoPurchasedProductList,
	#visited .slideitem,
	#related .itemlist_box {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		width: 100%;
	}
    #visited .slideitem {
        width: 1140px;
    }
    #visited .slideitem .item,
    #related .itemlist_box .item {
        border: 1px solid #EEE;
        width: 15.66666%;
        padding: 10px;
		margin: 1% 0.5%;
		box-sizing: border-box;
    }
    #visited .slideitem h6 {
		font-size: 13px;
		line-height: 140%;
    }
    a.cartbtn {
        padding: 10px;
        width: 100%;
    }
    a.wishlist {
        background: #DDD;
        color: #000;
        width: 100%;
    }
    dl#data-content {
		display: flex;
        font-weight: 600;
	}
}
@media screen and (max-width: 768px) { /* 768以下 */
	/*#iteminformation,*/
	#also,
	#visited_area {
		margin: 50px 0;
	}
    .relatedProducts,
	.alsoPurchasedProductList,
	#visited .slideitem,
	#related {
		margin: 0;
		width: 100%;
		justify-content: space-between;
	}
	#visited .container-fluid {
		padding: 0;
		margin: 0;
	}
	.relatedProducts .item-slide,
	.alsoPurchasedProductList  .item-slide,
	#visited .slideitem .item,
    #related .itemlist_box .item {
		padding: 10px;
		width: 48%;
		box-sizing: border-box;
		margin: 10px 0;
		/*border: 1px solid #EEE;*/
	}
    /* 商品詳細 also, visited */
    .alsoPurchasedProductBlock .card,
    .visitedProductBlock .card,
    .relatedProductsblock .card {
        flex-direction: initial;
    }
    .alsoPurchasedProductBlock figcaption,
    .visitedProductBlock figcaption,
    .relatedProductsblock figcaption {
        padding: 0.5rem 1rem;
    }
    .textFrame {
        margin-top: 20px;
    }
	dl#data-content {
		display: flex;
        font-weight: 600;
	}
	dl#data-content dt,
	dl#data-content dd {
		width: auto;
	}
	.btnarea {
		margin: 10px 0;
	}
	.btnarea a {
		display: block;
		width: 100%;
		margin: 5px 0;
		background: #DDD;
		color: #000;
		border: none;
		padding: 10px;
	}
    .cartbtn {
        padding: 20px;
    }
}

@media all and (min-width: 769px) { /* 769以上 */
/*
	#also, #visited_area {
		width: 1140px;
		margin: 50px auto 0 auto;
	}
*/
	#also .alsoPurchasedProductList.itemlist_box,
	#visited_area .visited.itemlist_box {
		width: 100%;
	}
	.btnarea {
		margin: 10px 0;
	}
	.btnarea a {
		display: block;
		width: 100%;
		margin: 5px 0;
		background: #DDD;
		color: #000;
		border: none;
		padding: 10px;
		font-size: 14px;
		line-height: 160%;
	}
}

/* ------------------------
featured catergory
------------------------ */
.featured_category_display{display:none;}
.featured_category {display:block; overflow:hidden;}

/* header menu fixed */
.gallery-wrap .img-big-wrap img {
    height: initial;
    max-height: 450px;
}
.carousel-indicators{
    position:initial;
    display:initial;
    margin-right:initial;
    margin-left:initial;
}
/*
.header-sub {
    background-color: #eee;
}
 TODO */
.clone-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    transition: .3s;
    transform: translateY(-100%);
    display: block;
}
.is-show {
    transform: translateY(0);
}
.header-main {
    padding-top: 10px;
    /*background: transparent;*/
}
#keyvisual .tns-outer button {
    display: none;
}
#payment_img img, #delivery_img {
/*   height: 80px;*/

}
.d-block {
    overflow: hidden;
}
#pop_word {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.form-list small {
    display: inline;
}
.sm-h {/*max-height: 305px; height: 305px; */
    font-size: 14px;
}
.sm-h img {
}
.dlist-align dt {
    width: 150px;
}

@media only screen and (min-width: 769px) { /* 769以上 */
    .breadcrumb {
        background: none;
        display: flex;
        padding: 0;
        width: 100%;
        margin: 0 auto;
	}
    ol.breadcrumb li {
        margin-left: 3px;
        margin-right: 3px;
        font-size: 14px;
        line-height: 160%;
    }
    .breadcrumb a,
    ol.breadcrumb li a {
        color: #0c599f;
        font-size: 14px;
        line-height: 160%;
    }
}
@media only screen and (max-width: 768px) { /* 768以下 */
    .breadcrumb {
        display: none;
	}
}
#product_option h4 {
    font-size: 14px;
}
#product_option dt {
    display: inline;
    max-width: 100%;
    min-width: 150px;
}
#product_option #matrix_table td {
    padding: 3px;
}
fieldset textarea {
    display: block;
    width: 100%;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

/* ======  table responsive design =====*/

.row-head {
    border-collapse: collapse;
    vertical-align: middle;
    width: 100%;
}
.row-head .form-control {
    width: initial;
}
td, th {
    font-size: 12px;
    vertical-align: top;
}
.mainFrame .table-column th {
    min-width: 120px;
}
.row-head th, .row-head td {
    border: 1px solid #dbe1e8;
    padding: 10px;
}
.row-head th {
    background: #f9fafc;
}
.row-head label {
    line-height: 34px;
    margin: 0;
}

@media only screen and (max-width: 768px) { /* 768以下 */
.sm-h {
    max-height: 295px;
    height: 265px;
    font-size: 12px;
}
.sm-h img {
    max-height: 100px;
    max-width: 100px;
}
.row-head thead {
    display: none;
}
.img-wrap img {
    height: auto;
}
.img-wrap a:hover {
    opacity: 0.7;
}
.row-head tr, .row-head td {
    display: block;
    width: auto;
}
.row-head tr {
    border: 1px solid #dbe1e8;
    border-radius: 5px;
    box-shadow: 3px 3px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding: 8px 8px 0;
}
.row-head td {
    border: none;
    border-bottom: 1px solid #dbe1e8;
    display: flex;
    justify-content: space-between;
    text-align: right;
}
.row-head td:last-child {
    border-bottom: none;
}
.row-head td::before {
    content: attr(aria-label);
    display: inline-block;
    font-weight: bold;
    float: left;
    text-align: left;
    padding-right: 20px;
    white-space: nowrap;
}
.row-head td.bt-area::before {
    display: none;
}
.row-head td.bt-area a {
    background: #007aff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    flex: 1;
    height: 40px;
    margin: 0 2px;
    overflow: hidden;
    width: auto;
}
.row-head td.bt-area a::before {
    align-items: center;
    content: attr(aria-label);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    line-height: 40px;
    width: 100%;
}
.row-head.header-check tr {
    padding-left: 40px;
    position: relative;
}
.row-head.header-check td:first-child {
    align-items: center;
    background: #fff;
    border-right: 1px solid #dbe1e8;
    border-bottom: none;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}
.row-head.header-check td:first-child::before {
    display: none;
}
}
.red {
    color: #ff9700;
}
.a-right {
    text-align: right;
}
/* ======  slider design =====*/

.carousel-cell {
    width: 50%; /* full width */
    height: 160px; /* height of carousel */
    margin-right: 10px;
}
/* ======  icon background color design =====*/

.btn-twitter {
    background-color: #42AEEC;
    color: #fff;
}
.btn-google {
    background-color: #B13032;
    color: #fff;
}
.btn-facebook {
    background-color: #405D9D;
    color: #fff;
}
.btn-paypal {
    background-color: #4FA8F7;
    color: #fff;
}
.divider-text {
    width: 100%;
    top: 55%;
    left: 0;
    z-index: 1;
}

#shipping_address_list td.address_width,
#shipping_method td , #payment_method td,
.customer-detail table td {
    font-size:1rem !important
}




@media only screen and (max-width: 768px) { /* 768以下 */
.form-list small {
    display: block;
}
.megamenu-wrapper .menu-header-mobile {
    background: #0c599f;
}
.tss--open .tss-label_pic {
    color: #fff;
}
.tss--close .tss-label_pic {
    color: #0c599f;
}
.linoboder {
    border-bottom: 1px solid #fff !important;
}
#shipping_address_list td:before {
    all: initial;
}
#shipping_address_list td red {
    font-weight: bold;
    color: black;
}
#shipping_address_list td a {
    display: inline;
}
#shipping_address_list td img {
    display: block;
    height: 21px;/*position: absolute;

        right: 0;*/
}
#shipping_address_list td {
    text-align: left;
    display: grid;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#shipping_address_list br:nth-of-type(n+4) {
    display: none;
}
fieldset textarea {
    display: block;
    width: 350px;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
}
/* slider */

.tns-controls {
    text-align: center;
    margin-bottom: 10px;
}
.tns-controls [aria-controls] {
    font-size: 15px;
    margin: 0 5px;
    padding: 0 1em;
    height: 2.5em;
    color: #000;
    background: #66CCFF;
    border-radius: 3px;
    border: 0;
}
.lt-ie9 .tns-controls > [aria-controls] {
    line-height: 2.5em;
}
[data-action] {
    display: block;
    margin: 10px auto;
    font-size: 17px;
    min-width: 3em;
    text-align: center;
    background: transparent;
    border: 0;
}
.tns-controls [disabled] {
    color: #999999;
    background: #B3B3B3;
    cursor: not-allowed !important;
}
.tns-nav {
    text-align: center;
    margin: 10px 0;
}
.tns-nav > [aria-controls] {
    width: 9px;
    height: 9px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: #ddd;
    border: 0;
}
.tns-nav > .tns-nav-active {
    background: #999;
}
.txt_freeshipping {
    font-family: 'Roboto', "Noto Sans Japanese", sans-serif;
    font-weight: normal;
    display: inline-block;
    margin: 0 0 0 3px;
    color: #86AABD;
    font-size: 11px;
}


/* common */
body {
    font-size: 0.93rem;
    line-height: 2rem;
}

h2 { font-size: 1.4rem }
h3 { font-size: 1.3rem;  /* 1.75 → 1.3 */ }
h4 { font-size: 1.2rem;  /* 1.5 → 1.2 */ }
h4.top-h4 { font-size: 1.3rem }
.line-15rem { line-height: 1.5rem }
.lh-unset { line-height: unset; }
.lh-15 { line-height: 1.5; }

a, ol.breadcrumb li a {
    color: #666
}
ol.breadcrumb li a {
	color: #666;
}
a:hover,
ol.breadcrumb li a {
    color: #0c599f;
    opacity: 0.7;
    filter:alpha(opacity=70);
}
.badge-light { background:unset }
.bg-ddd {
    background-color: #ddd
}
.bg-eee {
    background-color: #eee
}
.bg-0c599f {
    background-color: #0c599f
}
.fa-xs {
    font-size: 0.75rem
}
.fs-18 {
    font-size: 18px
}
.bg-7aacd9 { background-color: #7aacd9; }
.bg-e58614 { background-color: #e58614; }
.bg-51c3d5 { background-color: #51c3d5; }
.cursor-pointer { cursor: pointer; }
.color-888 { color: #888; }
.border-collapse-separate {border-collapse: separate }


/* page nav */
.page-item.active .page-link {
    background-color: #6c757d;
    border-color: #6c757d;
}
.page-link { color: #6c757d }

.card {
	/*border: 0;*/
}


/* TOP */
.card-banner .card-body {
    z-index: 0;
}
#popup-box {
    z-index: 3;
}
#list-builder {
    z-index: 2;
}
.border-5 {
    border-width: 5px!important;
}
.lh-26 {
    line-height: 2.6
}
.white-space-normal {
    white-space: normal !important
}
.text-decoration {
    text-decoration: underline !important;
}



#rss_feed li span.rssDate {
    display: block;
    color: #FFFFFF;
    background: #0c599f;
    width: 110px;
    text-align: center;
    padding: 0 10px;
}
#rss_feed .rssTitle {
    font-weight: bold;
    margin: 5px 0;
    width: 100%;
    font-size: 16px;
    line-height: 160%;
}
#rss_feed .rssDescription {
    color: #888;
    display: block;
    line-height: 1.6;
}







/* TOP recommend , new, ranking */
.recommend .card-product .img-wrap,
.whatnew .card-product .img-wrap,
.bestseller .card-product .img-wrap {
    height: initial;
}
.recommend .card-product .info-wrap,
.whatnew .card-product .info-wrap,
.bestseller .card-product .info-wrap {
    border-top: none;
}
.recommend .card-product .img-wrap img,
.whatnew .card-product .img-wrap img,
.bestseller .card-product .img-wrap img {
    -o-object-fit: contain;
       object-fit: contain;
    /*border: 2px solid red;*/
    height: 130px;
}

 /* hoverでウィッシュリストボタンを表示 */
.recommend-section .wishlist.position-absolute ,
.newProduct-section .wishlist.position-absolute ,
.bestseller-section .wishlist.position-absolute,
.alsoPurchasedProductBlock .wishlist.position-absolute,
.visited-section .wishlist.position-absolute {
    top: 35px;
    right: 0;
    z-index: 200;
    display: inline-block;
    line-height: 1;
}

@media screen and (max-width: 768px) { /* 768以下 */
    .recommend .card-product .img-wrap img,
    .whatnew .card-product .img-wrap img,
    .bestseller .card-product .img-wrap img {
        /*object-fit: contain;*/
    }

    .recommend-section .wishlist.position-absolute,
    .newProduct-section .wishlist.position-absolute,
    .bestseller-section .wishlist.position-absolute,
    .alsoPurchasedProductBlock .wishlist.position-absolute,
    .visited-section .wishlist.position-absolute {
        display: none
    }
}









/* header */
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #FFF;
    z-index: 1000;
}

ul.menu-category li { opacity: 1 }
.myaccount {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E') no-repeat 50% 8px;
    background-size: 15px;
}
.shoppingcart {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2220.5%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2220.5%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M2.5%202.5h3l2.7%2012.4a2%202%200%200%200%202%201.6h7.7a2%202%200%200%200%202-1.6l1.6-8.4H7.1%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 10px;
    background-size: 15px;
}

.myaccount, .shoppingcart {
    background-position: bottom;
    background-repeat: no-repeat;
    width: 13px;
    height: 20px;
    margin-right: 3px;
}
li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

@media screen and (max-width: 768px) { /* 768以下 */
    .header_menu {
        display: flex;
        justify-content: space-between;
        width: 50%;
    }
    .myaccount, .shoppingcart , .call {
        width: 100% !important;
        height: auto !important;
        margin: 0;
        background-size: 20px;
        padding: 35px 0 0 0;
    }
    .widget-header .icon {
        padding-right: 0 !important;
    }
    .myaccount {
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E') no-repeat 50% 8px;
        background-size: 24px;
    }
    .myaccount::after {
        display: block;
        font-size: 11px;
        content: "アカウント";
        text-align: center;
        color: #0c599f;
        line-height: 140%;
    }
    .shoppingcart {
        position: relative;
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2220.5%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2220.5%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M2.5%202.5h3l2.7%2012.4a2%202%200%200%200%202%201.6h7.7a2%202%200%200%200%202-1.6l1.6-8.4H7.1%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 10px;
        background-size: 24px;
    }
    .shoppingcart::after {
        display: block;
        font-size: 11px;
        content: "カート";
        text-align: center;
        color: #0c599f;
        line-height: 140%;
    }
    .shoppingcart small {
        position: absolute;
        top: 5px;
        right: 5px;
    }
    .call {
        position: relative;
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat 50% 10px;
        background-size: 24px;
    }
    .call::after {
        display: block;
        font-size: 11px;
        content: "問合せ専用";
        text-align: center;
        color: #0c599f;
        line-height: 140%;
    }
    .widget-header {
        width: 33.3333%;
        margin: 0;
    }
    .widget-header .widget-content {
        display: block;
        width: 100%;
    }
}

.pc_area img { width: 100%; height: auto; }
.sp_area { display: none }

/* header logo */
.brand-wrap .logo {
    height: 45px;
    max-width: none;
}
@media all and (-ms-high-contrast: none) { /* IE11対応 */
     .brand-wrap .logo { 
        height: 45px;
        width: 65px;
        margin-left: -60px;
      }
    .checkout_header .logo { 
        margin-left: 0px !important;
    }
}

#header_contact {
    text-align: center;
}
@media screen and (min-width: 769px) { /* 769以上 */
    #header_contact {
        display: flex;
        justify-content: space-between;
        width: 1170px;
        margin: 130px auto 30px auto;
        align-items: center;
    }
    #header_contact .header_tel {
        width: 1015px;
    }
    #header_contact .header_fax a {
        background: #0c599f;
        text-align: center;
        width: 180px;
        display: block;
        padding: 15px 0;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 768px) { /* 768以下 */
    #header_contact {
        margin: 100px 0 10px 0;
    }
}


/* footer */
footer {
    background: #EEE;
    padding: 50px 0;
}
@media screen and (max-width: 768px) { /* 768以下 */
    footer {
        padding: 20px;
    }
    footer aside {
        padding: 0 0 15px 0 !important;
    }
    footer aside:nth-child(2) {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 20px !important;
    }  
}
footer h5 { font-size:1.1rem }
footer .eapps-instagram-feed-title { 
    font-size:1.3rem;
    padding-top: 0;
    line-height: unset;
}   
footer li:hover,
footer a:hover {
    opacity: unset;
}
footer .copyright {
    text-align: center;
    font-size: 12px;
    line-height: 160%;
}
footer #social_icons {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
footer #social_icons a {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 5px;
}
footer #social_icons a#fb {
    background: #3c5b9b url("../images/common/ico/sns_fb.png") no-repeat center;
    background-size: 15px;
}
footer #social_icons a#twitter {
    background: #56d7ff url(../images/common/ico/sns_tw.png) no-repeat center;
    background-size: 15px;
}



footer h5.title {
    font-weight: normal !important;
    border-bottom: 1px solid #DDD;
    height: 50px;
}
footer li a {
    position: relative;
    color: #fff;
    text-align: center;
    z-index: 1;
}
footer li a:before {
    position: absolute;
    top: -5px;
    left: -15px;
    margin-left: 0;
    content: '\f105';
    font-size: 1rem;
    color: #0c599f;
    font-family: fontAwesome;
    z-index: -1;
    transition: 0.8s;
}
footer li a:hover:before {
    left: -10px;
    transition: 0.8s;
}

/* scroll to top */
#scroll-to-top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    z-index: 200;
    background-color: #7f7f7f;
    position: fixed;
    bottom: 25px;
    right: 25px;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
    width: 60px;
    height: 60px;
    right: 20px;
}
#scroll-to-top:hover {
    background-color: #0c599f;
}
#scroll-to-top .fa {
    margin: auto;
    font-size: 1.4rem
}
/* scroll to top */

@media only screen and (max-width: 768px){ /* 768以下 */
    /* scroll to top */
    #scroll-to-top {
        width: 60px;
        height: 60px;
        right: 20px;
    }
    #scroll-to-top .fa {
        font-size: 2rem;
    }
    /* scroll to top */
}



.float_btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.float_btn img {
    width: 80px;
}


/* tag cloud */
.tag_display{display:none;}

/* 長い文字の折り返し */
/*.visited-section    h6.title,*/
/*.bestseller-section h6.title,*/
/*.newProduct-section h6.title,*/
/*.recommend-section  h6.title,*/
/*.review-section     h6.title,*/
.search-window    p, .search-window    a.title,
.recommend-window p, .recommend-window a.title, 
.review-listing   p, .review-listing   a.title { 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

/*
.visited-section h6.title a,
.bestseller-section h6.title a,
.newProduct-section h6.title a,
.recommend-section h6.title a,
.review-section h6.title a {
    color: #0c599f;
    font-size: 13px;
    line-height: 160%;
    text-align: center;
    display: block;
}
.visited-section h6.title .txt_freeshipping,
.bestseller-section h6.title .txt_freeshipping,
.newProduct-section h6.title .txt_freeshipping,
.recommend-section h6.title .txt_freeshipping,
.review-section h6.title .txt_freeshipping {
    display: none;
}
*/



/* ------------------------
TOP : header
------------------------ */
header.heading-line.customer::before {
    top: -25%;
    border: 1px solid #E9EAEF;
}
header.heading-line::before {
    top: -45%;
    border: 1px solid #E9EAEF;
}
header.heading-line.rank_display::before {
    border: none;
}
header.heading-line-0::before { content: none }
hr.top-hr {
    border: 1px solid #E9EAEF;
    margin: 3rem 15px;
}

/* ------------------------
TOP : ranking, recommend
------------------------ */
section.bestseller-section .tns-outer,
section.visited-section .tns-outer,
section.alsopurchased-section .tns-outer,
section.newProduct-section .tns-outer,
section.recommend-section .tns-outer { position:relative }

section.bestseller-section .tns-nav,
section.visited-section .tns-nav,
section.alsopurchased-section .tns-nav,
section.newProduct-section .tns-nav,
section.recommend-section .tns-nav { position:absolute;bottom:-5px;left:0;right:0 }

section.bestseller-section .tns-inner,
section.visited-section .tns-inner,
section.alsopurchased-section .tns-inner,
section.newProduct-section .tns-inner,
section.recommend-section .tns-inner { margin-bottom:1.5rem }

/* TOP:recommend,new  hoverでサブ画像を表示 */
.img-wrap .image-second {
  display: none !important;
}
.img-wrap > a { display: block }
.img-wrap:hover .image-second {
  display: block !important;
}
/* .sub_category_list .item:hover .image-first {
  display: block
} */
.img-wrap:hover .image-first {
  display: none !important;
}
.visitedProductBlock .card-product .img-wrap,
.alsoPurchasedProductBlock .card-product .img-wrap {
    height: 150px;
}


/* TOP : カテゴリ ブロック */
.category-section {
    background-color: #eee
}
.category-section .card-banner {
    height: 200px;
    position: unset;
    background-color: #fff;
}
.category-section .card-body {
    background-size: contain;
    /* cover:余白なし contain:余白あり */
    background-position: center;
}
.category-section .text-bottom {
    padding: 7px 0 0
}
.category-section .text-bottom a {
    color: #333
}
.category-section h5, .category-section .h5 {
    font-size: 1rem
}


/* TOP PICK UP ブロック */
.pickup-image img {
    display: inline-block;
    /*height: 200px;*/
    margin-bottom: 1rem;
}


/* category */
.item-slide .img-wrap img {
    max-width: 100%;
    height: auto;
}
/*
main.category-description ul {
    list-style: none;
    padding: 0;
}
*/
main.category-description h2 {
    font-size: 1.5em;
    font-weight: bold;
}


/* ------------------------
TOP : mainvisual
------------------------ */
.mv.slider {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  width: 1170px;
}
@media screen and (max-width: 768px) { /* 768以下 */
    .mv.slider {
      width: 100%;
      margin-bottom: 50px;
    }
}
.mv.slider img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mv.slider li {
  height: auto;
  padding: 0;
  margin: 0;
}

/* ------------------------
TOP : contents
------------------------ */
#toppage .section-request {
    margin: 0 0 30px 0;
    padding: 0;
}
.section-request.recommend-section,
.section-request.visited {
	margin: 0;
	padding: 0;
}
.section-request.category-section,
.section-request.blog {
	margin-top: 30px !important;
}
#toppage .section-request .container-fluid {
    width: 1170px;
    margin: 0 auto;
	padding: 0;
}
#toppage .section-request header h4 {
    font-size: 28px;
    line-height: 160%;
    color: #000;
    margin: 0 0 10px 0;
    font-weight: bold;
}
@media screen and (max-width: 768px) { /* 768以下 */
    #toppage .section-request {
        margin: 30px 0;
        padding: 0;
    }
    #toppage .section-request .container-fluid {
        width: 100%;
        margin: 0;
        padding: 0 20px;
    }
    #toppage .section-request .row {
        padding: 0;
    }
    #toppage .section-request header h4 {
        font-size: 22px;
        line-height: 160%;
    }
}


/* ------------------------
TOP : category
------------------------ */
.category-section .cat_item {
    background: #FFF;
    box-shadow: 0 0 0 rgba(0,0,0,.3);
    margin: 1%;
    width: 23%;
    padding: 0 !important;
    box-sizing: border-box;
    flex: none;
    max-width: none;
    text-align: center;
}
@media screen and (max-width: 768px) { /* 768以下 */
    .category-section .cat_item {
        width: 48%;
    }
}
.category-section .cat_item a {
    display: block;
    text-align: center;
}
.category-section .cat_item a img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border: 1px solid #EEE;
}
.category-section h5,
.category-section .h5 {
    font-size: 15px;
    font-weight: bold;
    line-height: 160%;
    margin: 10px 0 0 0;
}

/* ------------------------
TOP : ranking
------------------------ */
.ranking .row .item {
    background: #FFF;
    box-shadow: 0 0 0 rgba(0,0,0,.3);
    margin: 1%;
    width: 18%;
    padding: 0;
    box-sizing: border-box;
    flex: none;
    max-width: none;
    text-align: center;
}
.ranking .row .item img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border: 1px solid #EEE;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) { /* 768以下 */
    .ranking .row .item {
        width: 48%;
    }
    .ranking .row .item:first-child {
        width: 100%;
        margin: 1% 0;
    }
    .ranking .row .item:first-child img {
        width: 60%;
    }
}

/* ------------------------
TOP : blog
------------------------ */
.blog #rss_feed ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
}
.blog #rss_feed ul li {
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
	color: #888;
}
@media screen and (max-width: 768px) { /* 768以下 */
    .blog #rss_feed ul {
        display: block;
    }
    .blog #rss_feed ul li {
        width: 100%;
        padding: 10px 0;
    }
}
.blog #rss_feed ul li:hover {
    opacity: 1;
}
.blog #rss_feed ul li br {
    display: none;
}
.blog #rss_feed ul li .rssDate {
    display: block;
	color: #FFF;
	background: #0c599f;
	width: 100px;  /* 90 -> 100 */
	text-align: center;
	padding: 5px 10px;
	margin-bottom: 5px;
	line-height: 120%;
}
.blog #rss_feed ul li .rssTitle {
    display: block;
    margin-bottom: 5px;
	width: 100%;
}
.blog #rss_feed ul li .rssTitle a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 160%;
    color: #0c599f;
    text-decoration: none;
}
.blog #rss_feed ul li .rssTitle a:hover {
    text-decoration: underline;
}
.blog #rss_feed ul li .rssDescription {
	font-size: 14px;
	line-height: 160%;
    display: block;
}


/* ------------------------
banner
------------------------ */
.bnr_area {
    padding: 0;
    margin: 0;
}
.bnr_area ul {
    width: 1170px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.square_bnr ul li {
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
}
.rectangle_bnr ul li {
    width: 33.33333%;
    padding: 10px;
    box-sizing: border-box;
}
@media screen and (max-width: 768px) { /* 768以下 */
    .bnr_area {
        padding: 0 20px;
    }
    .bnr_area ul {
        width: 100%;
        margin: 0;
        justify-content: space-between;
    }
    .square_bnr ul li {
        width: 49%;
        padding: 5px 0;
    }
    .rectangle_bnr ul {
        margin: 15px auto;
        width: 80%;
        display: flex;
    }
    .rectangle_bnr ul li {
        width: 100%;
        padding: 5px 0;
        box-sizing: border-box;
    }
}
.container #contents a {
    color: #0c599f;
}
.container #contents a:hover {
    text-decoration: underline;
}
.container #contents .section-heading h2 {
    padding: 0 0 15px 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 140%;
    border-bottom: 1px dashed #DDD;
    margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) { /* 768以下 */
    .container #contents .section-heading h2 {
        font-size: 21px;
        line-height: 140%;
    }
}

/* ------------------------
item
------------------------ */
.itemlist {
    margin: 0;
    padding: 0;
    border: 0;
}
.itemlist .item {
    box-sizing: border-box;
    padding: 10px;
    width: 260px;
    border: 1px solid #EEE;
    margin: 0 10px;
    position: relative;
}
@media screen and (max-width: 768px) { /* 768以下 */
	.itemlist {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
    .itemlist .slick-track {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100% !important;
        margin: 0;
    }
    .itemlist .item {
        padding: 10px;
        width: 48%;
        box-sizing: border-box;
        margin: 10px 0;
    }
    .slick-prev, .slick-next,
	.slick-track:before, .slick-track:after {
        display: none !important;
    }
}
.item .info-wrap br {
    display: none;
}
.item .info-wrap .price {
    text-align: center;
    display: block;
    font-size: 21px;
    line-height: 160%;
    font-weight: bold;
    color: #ff9700;
	margin: 0;
}

.badge-danger {
    background-color: #ff9700;
}


/* ------------------------
review
------------------------ */
.rating-stars i { font-size: 10px }

/* 検索結果 */
.border-cols > [class*="col-"],
.border-cols:not(:last-child) {
    border: none;
}

/* my account */
.sp_table_area { display: none }

/* アカウント作成・編集 */
.form-list .input-text,
.form-list textarea { width: 375px }
.form-list select {
	height: 30px;
	background: #FFF;
	border: 1px solid #CCC;
}
.form-list .input-text,
.form-list .input-text-short { padding: 6px }
.form-list select[name="country"], .form-list select[name="zone"]{
    padding: 0 0 0 8px;
    height: 40px;
}

/* エラーメッセージを改行 */
.form-list input[name="password"],
.form-list input[name="name"],
.form-list input[name="email"] { display: block }

/* JSのエラーメッセージを改行 */
.form-list input[name="company"],
.form-list input[name="streetaddress"],
.form-list input[name="fax"],
.form-list input[name="lastname"],
.form-list input[name="firstname"],
.form-list input[name="lastname_kana"],
.form-list input[name="firstname_kana"],
.form-list input[name="email"],
.form-list input[name="password2"],
.form-list input[name="postcode"],
.form-list input[name="zipcode"],
.form-list select[name="zone"],
.form-list input[name="city"],
.form-list input[name="suburb"],
.form-list input[name="telephone"],
.form-list input[name="birth"] { 
	display: block;
	background: #FFF;
	border: 1px solid #CCC;
}

/* 必須事項にカラー */
.form-list input[name="lastname"],
.form-list input[name="firstname"],
.form-list input[name="lastname_kana"],
.form-list input[name="firstname_kana"],
.form-list input[name="email"],
.form-list select[name="country"],
.form-list input[name="postcode"],
.form-list input[name="zipcode"],
.form-list select[name="zone"],
.form-list input[name="city"],
.form-list input[name="suburb"],
.form-list input[name="telephone"],
.form-list input[name="name"],
.form-list textarea[name="body"],
#create_account_form .form-list input[name="password"],
#create_account_form .form-list input[name="password2"],
.form-list input#captcha-input { background-color: #eee }

.form-list input[name="password"],
.form-list input[name="password2"] { display: block }
dt#dtfax, dd#ddfax { display: none }

/* checkout */
.checkout-process small { line-height: 1.3rem; display:inline-block }
.customer-detail, .myaccount-orderhistory { line-height: 1.4rem }

/* ------------------------
category
------------------------ */
@media all and (min-width: 769px) { /* 769以下 */
    .category_page .ttl_area h2 {
		width: 1200px;
		margin: 30px auto 0 auto;
    }
	.category_list {
		width: 1200px;
		margin: 0 auto;
	}
	.category_list ul li.col-6 {
        padding: 20px;
        border: 1px solid #EEE;
        margin: 1%;
        max-width: 23%;
	}
    .category_list ul li.col-6 .red {
        font-size: 18px;
        font-weight: bold;
        line-height: 160%;
	}
	.category_list ul li.col-6 .text-center {
        margin: 0;
    }
	.category_list ul li.col-6 .add-cart {
        margin: 10px 0 0 0;
    }
}
@media all and (max-width: 768px) { /* 768以下 */
    .category_page .ttl_area h2 {
        font-size: 21px;
        line-height: 160%;
    }
	.category_list {
        width: 90vw;
        margin: 0 auto;
	}
	.category_list ul li.col-6 {
        padding: 10px;
        height: auto;
	}
	.category_list ul li.col-6 br {
        display: none;
	}
	.category_list ul li.col-6 .red {
        font-size: 16px;
        line-height: 160%;
	}
}
.price.red {
	text-align: center;
    display: block;
    font-size: 21px;
    line-height: 160%;
    font-weight: bold;
    color: #ff9700;
    margin: 0;
}

.category_list ul li.col-6 input.cart-button {
    margin-top: 0;
    display: block;
    width: 100%;
    border: 0;
    background: #0c599f;
    color: #FFF;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}
.category_list ul li.col-6 input.cart-button:hover{
    opacity: 0.7;
}
	
/* product detail */
/*
@media all and (min-width: 769px) { 769以上
	.itemdetail,
	#iteminformation {
		width: 1170px;
		margin: 0 auto;
	}
}
*/
#iteminformation .row {
	/*padding: 20px;*/
	box-sizing: border-box;
	/*border: 1px solid #EEE;*/
}
.itemdetail h3.title {
	font-size: 21px;
	line-height: 160%;
	font-weight: bold;
	color: #555;
	border-bottom: 1px dashed #EEE;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.itemdetail .price {
	color: #ff9700;
	display: block;
	text-align: left;
	font-weight: bold;
}
.itemdetail .price span {
	font-size: 30px;
	line-height: 160%;
}
.itemdetail .number {
	margin: 10px 0;
	font-size: 14px;
	line-height: 160%;
}
.itemdetail .number input {
	font-size: 14px;
	line-height: 160%;
	padding: 0 5px;
}

#iteminformation .inner {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
@media all and (min-width: 769px) { /* 769以上 */
/*
	#iteminformation .inner {
		width: 1200px;
        margin: 50px 0;
	}
*/
}
#iteminformation .tabLabel {
	margin: 0 10px -1px 0;
	padding: 5px 15px;
	order: -1;
	border-radius: 5px 5px 0 0;
	color: #0c599f;
	border: 1px solid #ced4da;
	border-bottom: 0;
	transition: .5s ;
	cursor: pointer;
	background: #EEE;
	text-align: center;
	font-weight: bold;
	width: 200px;
}
@media all and (max-width: 768px) { /* 768以下 */
	#iteminformation .inner {
		padding: 0;
	}
	#iteminformation .tabLabel {
		flex: 1;
	}
}
#iteminformation .tabLabel:nth-last-of-type(1){
	margin-right: 0;
}
#iteminformation input {
	display: none;
}
#iteminformation .content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
#iteminformation input:checked + .tabLabel {
	color: #0c599f;
	background: #FFF;
	z-index: 100;
}
#iteminformation input:checked + .tabLabel + .content {
	padding: 15px;
	height: auto;
	overflow: auto;
	transition: .5s opacity;
	opacity: 1;
	border: 1px solid #ced4da;
	margin-bottom: 20px;
    font-size: 1rem;
}
@media all and (min-width: 769px) { /* 769以上 */
	#iteminformation input:checked + .tabLabel + .content {
		padding: 30px;
		margin-bottom: 30px;
	}
}
#iteminformation input:checked + .tabLabel + .content a {
    /*color: #0c599f;*/
    text-decoration: underline;
}
#iteminformation input:checked + .tabLabel + .content a:hover {
    text-decoration: none;
}
#iteminformation .inner h4.sp-h4 {
	font-size: 14px;
	line-height: 160%;
	color: #999;
	margin: 0 0 15px 0;
}
@media all and (max-width: 769px) {
    #iteminformation input:checked + .tabLabel + .content iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
}
#iteminformation .inner .concierge {
	background: #EEE;
	padding: 15px;
	margin-top: 40px;
}
@media all and (min-width: 769px) { /* 769以上 */
	#iteminformation .inner .concierge {
		padding: 20px;
	}
}
#iteminformation .inner .concierge h3 {
	font-size: 18px;
	line-height: 160%;
	color: #333;
	border-bottom: 1px solid #EEE;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#iteminformation .inner .concierge h4 {
	font-size: 14px;
	line-height: 160%;
	background: #FFF;
	padding: 5px 10px;
}
#iteminformation .inner .concierge p {
	margin: 0 0 5px 0;
}
#iteminformation .inner .concierge ul {
    margin: 0 0 20px 0;
    padding: 0;
}
#iteminformation .inner .concierge ul:last-child {
	margin: 0;
}
#iteminformation .inner .concierge ul li {
    margin: 0;
    list-style: none;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 7px;
    background-size: 15px;
    padding: 0 0 0 20px;
}
#iteminformation .inner .concierge ul li:hover {
    color: #333;
}
#iteminformation .inner .concierge ul li:hover,
#iteminformation .inner .concierge ul li a:hover {
    opacity: 1;
}
#iteminformation .inner .concierge ul li .date {
    margin-right: 5px;
}
@media all and (max-width: 768px) { /* 768以下 */
	#iteminformation .inner .concierge ul li {
		line-height: 140%;
		background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E) no-repeat 0 5px;
    	background-size: 15px;
		margin-bottom: 10px;
	}
	#iteminformation .inner .concierge ul li:last-child {
		margin: 0;
	}
    #iteminformation .inner .concierge ul li .date {
        margin-right: 0;
        display: block;
    }
}


@media all and (min-width: 769px) { /* 769以上 */
	#itemotherinfo {
		width: 100%;
		margin: 80px auto 0 auto;
	}
}
#itemotherinfo ul.links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
#itemotherinfo ul.links li {
	width: 300px;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
}
#itemotherinfo ul.links li a {
	display: block;
	text-align: center;
	padding: 10px;
	background: #0c599f;
	color: #FFF;
	border-radius: 5px;
}
#itemotherinfo .other_inner h4 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 18px;
	line-height: 160%;
	/*border-bottom: 1px dotted #DDD;*/
}
#itemotherinfo .other_inner .itemlist_box.visited {
    margin-bottom: 0;
}
@media all and (min-width: 769px) { /* 769以上 */
	#itemotherinfo .other_inner h4 {
		width: 100%;
	}
	#itemotherinfo .other_inner .itemlist_box {
		padding: 10px;
		margin-bottom: 10px;
	}
	#itemotherinfo .other_inner .itemlist_box .item-slide figure {
		margin: 0 !important;
		padding: 0 !important;
	}
	#itemotherinfo .other_inner .itemlist_box .item-slide figure h6 {
		font-size: 13px;
		line-height: 140%;
	}
}
#itemotherinfo .other_inner .itemlist_box .boxttl {
    padding: 15px;
}
#itemotherinfo .other_inner .itemlist_box .boxttl a {
    color: #0c599f;
    text-decoration: underline;
}
@media all and (max-width: 768px) { /* 768以下 */
	#itemotherinfo .other_inner .itemlist_box {
		padding: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    #itemotherinfo .other_inner .itemlist_box .boxttl {
        padding: 0;
        margin-bottom: 10px;
        line-height: 150%;
    }
    #itemotherinfo .other_inner .itemlist_box tr {
        display: flex;
    }
	#itemotherinfo ul.links {
		display: block;
		margin: 0 20px 30px 20px;
	}
	#itemotherinfo ul.links li {
		width: 100%;
		margin: 0;
		padding: 5px 0;
		list-style: none;
	}
/*
    .card-body {
        padding: 0 0 30px 0;
        margin-bottom: 30px;
        border-bottom: 1px solid #DDD;
    }
*/
    .card-body a.cartbtn {
        display: block;
        padding: 20px;
    }
    .card-body a.wishlist {
        display: block;
        padding: 10px;
        background: #DDD;
        color: #000;
    }
}

.product-price { font-size: 1.5rem }
dd#ddinput_text_1 input[name="input_text_1"] {
    padding: 0 5px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ABADB3;
    border-right-color: #DBDFE6;
    border-bottom-color: #E3E9EF;
    border-left-color: #DBDFE6;
}
.gallery-wrap .img-big-wrap img { /* 商品画像を中央寄せ */
    width: 100%;
    max-height: unset;
    height: auto;
}
.gallery-wrap .img-small-wrap .carousel-indicators {
    display: flex;
    justify-content: center;
}
.gallery-wrap .img-small-wrap .item-gallery {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2px;
    border: none;
}
#shipping_country, #shipping_country+a, #shipping_fee {
    font-weight:normal !important /* 送料計算プラグイン */
}
/*#TB_iframeContent { width: 370px !important }*/
#shipping_country+a.thickbox {
    background-color: #dee2e6;
    padding: 3px;
}
article.product-detail .row dt,
article.product-detail .row dd { line-height:1.3rem }

@media screen and (min-width:769px) { /* 769以上 */
    /* PC : product detail, concierge */
    .concierge {
        margin-top: 30px;
        padding: 15px;
        background: #EEE;
    }
    .concierge h3 {
        padding: 0 0 10px 0;
        border-bottom: 1px solid #DDD;
        margin-bottom: 10px;
        color: #555;
        font-size: 18px;
        line-height: 160%;
    }
    .concierge h4 {
        margin: 0 0 10px 0;
        padding: 5px 10px;
        background: #FFF;
        font-size: 16px;
        font-weight: normal;
        line-height: 140%;
    }
    .concierge p.attention {
        margin-bottom: 20px;
    }
    .concierge ul {
        margin: 10px 10px 20px 10px;
        font-size: 14px;
        line-height: 160%;
    }
    .concierge ul:last-child {
        margin: 10px 10px 0 10px;
    }
    .concierge ul li {
        margin: 5px 0;
        padding-left: 15px;
        background: url("../images/arrow_right.png") no-repeat 0 50%;
    }
    .concierge ul li .date {
        margin-right: 10px;
    }
}


/* cart detail */
.media-body h6.title {
    text-decoration: underline;
    white-space: normal;
    text-align: initial;
}
.cart-button {
    margin-top: 3.1rem;
}
.btn_cart_delete {
    position: absolute;
    top: 0;
    right: 0;
}

/* ------------------------
contents page
------------------------ */
.newpage .row {
    margin: 0 !important;
}
.newpage iframe.googlemap {
    height: 450px;
    width: 600px;
    /*aspect-ratio: 16/9;*/
}

@media all and (max-width: 768px) {  /* 768以下 */
    .newpage .row {
        display: block;
    }
    .newpage iframe.googlemap {
        width: 100%;
    }
}
@media all and (min-width: 769px) { /* 769以上 */
    .newpage .row {
        display: flex;
        justify-content: space-between;
        /*flex-direction: row-reverse; TODO 要確認 */
        /* width: 1150px; */
    }
    .container #sidenavi {
        width: 250px;
    }
    .container #sidenavi .side_cat {
        border: 5px solid #EEE;
        padding: 10px 15px 15px 15px;
    }
    .container #sidenavi .side_cat p {
        color: #333;
        background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2019a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h5l2%203h9a2%202%200%200%201%202%202z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) no-repeat 0 50%;
        font-size: 18px;
        line-height: 140%;
        font-weight: bold;
        padding: 10px 0 10px 35px;
        margin-bottom: 10px;
        border-bottom: 1px dashed #DDD;
        background-size: 25px;
    }
    .container #sidenavi .side_cat ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .container #sidenavi .side_cat ul li {
        margin-bottom: 5px;
    }
    .container #sidenavi .side_cat ul li:last-child {
        margin-bottom: 0;
    }
    .container #sidenavi .side_cat ul li a {
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 7px;
        background-size: 15px;
        padding-left: 20px;
        line-height: 1.8; /* TODO 影響ないか確認 */
        display: inline-block;
        color: #0c599f;
        font-weight: normal;
    }
    .container #sidenavi .side_cat ul li a:hover {
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 2px 7px;
        background-size: 15px;
        padding-left: 20px;
        text-decoration: underline;
    }
    .container #sidenavi .side_cat ul li a.bold {
        font-weight: 600;
    }
    .container #sidenavi .side_banner {
        margin: 20px 0;
		text-align: center;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
    }
    .container #sidenavi .side_banner a {
        margin: 0 auto 10px auto;
        display: block;
		width: 100%;
    }
    .container #sidenavi .side_banner a:nth-last-child(-n+2) {
        /*width: 48%; TODO 影響要確認 */
    }
    .container #contents {
        width: 800px;
    }
}

.container #sidenavi .side_cat ul li .subCategories {
    margin-left: 15px;
}
@media all and (max-width: 768px) { /* 768以下 */
	#content_area {
		padding: 0;
		margin: 0;
	}
    .section-heading {
        margin: 0;
    }
    .container #sidenavi {
        /*display: none;  TODO 要確認 */
    }
    #itempage .container #sidenavi {
        display: block !important;
		width: 100%;
    }
    #itempage .container #sidenavi .side_cat {
        border: 5px solid #EEE;
        padding: 10px 15px 15px 15px;
    }
    #itempage .container #sidenavi .side_cat p {
        color: #333;
        background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2019a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h5l2%203h9a2%202%200%200%201%202%202z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) no-repeat 0 50%;
        font-size: 18px;
        line-height: 140%;
        font-weight: bold;
        padding: 10px 0 10px 35px;
        margin-bottom: 10px;
        border-bottom: 1px dashed #DDD;
        background-size: 25px;
    }
    #itempage .container #sidenavi .side_cat ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
   #itempage .container #sidenavi .side_cat ul li {
        margin-bottom: 5px;
    }
    #itempage .container #sidenavi .side_cat ul li:last-child {
        margin-bottom: 0;
    }
    #itempage .container #sidenavi .side_cat ul li a {
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 2px;
        background-size: 15px;
        padding-left: 20px;
        line-height: 140%;
        display: inline-block;
        color: #0c599f;
    }
    #itempage .container #sidenavi .side_cat ul li a:hover {
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 2px 2px;
        background-size: 15px;
        padding-left: 20px;
        text-decoration: underline;
    }
    #itempage .container #sidenavi .side_banner {
        margin: 20px 0;
		text-align: center;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
    }
    #itempage .container #sidenavi .side_banner a {
        margin: 0 0 10px 0;
        display: block;
		width: 48%;
    }
    #itempage .container #sidenavi .side_banner a:last-child {
        margin: 0;
    }
    .container #contents {
        padding: 15px;
    }
}

.faq h3 {
    background: #0c599f;
    color: #FFF;
    font-size: 16px;
    line-height: 160%;
    padding: 5px 10px;
}


/* ------------------------
parts drawing
------------------------ */
#parts_drawing .map_box .inner {
    position: relative;
}
#parts_drawing .map_box #category h3 {
    border: solid 1px #4872d0;
    padding: 5px;
    background-color: #AACCFF;
    margin: 0;
    font-size: 21px;
}
#parts_drawing .map_box #category .cat_box {
    border: solid 1px #4872d0;
    padding: 5px;
    background-image: url("https://www.yamadabody.co.jp/resources/c_media/themes/theme2014/images_new/category_bg_1.png");
}

@media screen and (max-width: 960px) {
    #parts_drawing .map_box .inner {
        margin-bottom: 15vh;
    }
}

@media all and (min-width: 769px) { /* 769以上 */
    #parts_drawing .map_box {
        width: 100%;
        max-width: 720px;
        position: relative;
    }
    #parts_drawing .map_box .image {
        position: absolute;
        right: -60px;
        top: 100px;
        z-index: 0;
        display: block;
    }
    #parts_drawing .map_box #box_view {
        position: absolute;
        right: -70px;
        top: 100px;
        z-index: 10;
    }
    #parts_drawing .map_box #category {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
    }
    #parts_drawing .map_box #description {
        position: absolute;
        left: 400px;
        top: 40px;
        z-index: 200;
        font-size :14px;
        color: red;
    }
}
@media all and (max-width: 768px) { /* 768以下 */
    #parts_drawing .map_box .inner {
        margin-bottom: 25px;
    }
    #parts_drawing .map_box .image {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #parts_drawing .map_box .image img {
        height: auto;
        width: 100%;
    }
    #parts_drawing .map_box #box_view {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        width: 100%;
    }
    /* #parts_drawing .map_box #box_view canvas#box {
        width: 143%;
    } */
}

/* payment */
#payment_option #ddpoint input[name="point"] {
    padding: 0 5px;
	border: 1px solid #CCC;
	background: #FFF;
}

/* アカウント退会 */
#close_account input[name="password"] {
    padding: 6px;
    width: 375px;
	border: 1px solid #CCC;
	background: #FFF;
}

/* brand */
.brand-contents img { height: 100px }


/* SNS ===================== */
.sns-area {  display: none }
.pc_area {  display: block }
/* SNS ===================== */


/* 画面サイズ調整 ===================== */
@media only screen and (max-width: 1500px) {  /* 1500以下 */
	.latest_rss{background-size:cover;}
	.category-section .card-banner {
    /*height: 400px; TODO 影響要確認 */
}
}
@media only screen and (max-width: 1200px) {  /* 1200以下 */
	.latest_rss{background-size:cover;}
	.category-section .card-banner {
    /*height: 350px; TODO 影響要確認 */
	}
	.latest_rss{background-size:cover;}
	.category-section .card-banner {
    /*height: 250px; TODO 影響要確認 */
}
}
@media only screen and (max-width: 1024px) { /* 1024以下 iPad pro */
	.latest_rss{background-size:cover;}
	.category-section .card-banner {
    /*height: 300px; TODO 影響要確認 */
}
    /* footer FBブロック調整 */
    .footer-top aside:first-child { padding-left: 0 }

}
@media only screen and (max-width: 768px) { /* 768以下 */
	.category-section .card-banner {
    height: 200px;
    position: unset;
    background-color: #fff;
    border-radius: 0;
	}
}
@media only screen and (max-width: 768px) { /* 768以下 */
 
    .pc_area { display: none }
    .sp_area { display: block }
    .sp_area img { width: 100% !important; height: auto }

    .tss--close .tss-label{
        top: 12px; /* ずれるため調整 */
    }
    .tss--close .tss-label_pic { /* ハンバーガーメニュー */
        height: 2px;
        box-shadow: inset 0 0 0 32px, 0 -10px, 0 10px;
    }
    .tss--close .tss-label_pic:after {
        top: -2px;
        height: 2px;
        box-shadow: inset 0 0 0 32px, 0 -10px, 0 10px;
    }
    .tss.tss--close { height: 100px!important }
    .tss.tss--open { height: 90%!important }
    ul.menu-category li select { padding: 10px 15px }
    .word-limit { height: unset }

    /* header */
    .myaccount, .shoppingcart { height: 30px; width: 20px; }
    .header-main { padding-bottom: 0.4rem }
    /*.header-main .col-main { padding-top: 0.4rem }   TODO 不要かどうか要確認 */
    .shoppingcart { margin-right: 25px }
    .shoppingcart small { margin-left: 25px }
    header ul.menu-category li a { font-size: 18px }

    header ul.menu-category .has-submenu ul {
        width: 100%;
    }
    header ul.menu-category .has-submenu ul li {
        float:unset;
        width: 100%;
    }
    header ul.menu-category > .has-submenu,
    header ul.menu-category > .has-submenu ul li {
        padding: 0.5rem;
    }
    header ul.menu-category > .has-submenu > a,
    header ul.menu-category > .has-submenu > a:hover {
        background: none;
        padding-left: 3rem;
    }
    header ul.menu-category > .has-submenu > ul > li > a,
    header ul.menu-category > .has-submenu > ul > li > a:hover{
        background: none;
        padding-left: 1rem; 
    }
/*    header#header-main .megamenu-wrapper .input-group {
        width: 85%;
    }*/



    /* TOP */
    .visited-section h6.title a,
    .bestseller-section h6.title a,
    .newProduct-section h6.title a,
    .recommend-section h6.title a,
    .review-section h6.title a {
        text-align: left;
    }




    .recommend-section .img-wrap,
    .newProduct-section .img-wrap {
        max-width: 150px;
        padding-left: 12px;
    }
    .recommend-section,
    .newProduct-section {
        /*border-bottom: 1px solid #dee2e6 !important;*/
    }

    .recommend-section h6, .newProduct-section h6 {
        text-align: left;
        font-weight: bold;
        font-size: 16px;
    }
    .recommend-section span, .newProduct-section span {
        text-align: left;
        font-size: 16px;
    }



    #rss_feed {
        color: black;
        background: #fff;
        border: 1px solid #B4B4B4;
        font: bold 17px Helvetica;
        padding: 0;
        margin: 15px 0;
        -webkit-border-radius: 6px;
    }
    #rss_feed li {
        color: #666;
        border-bottom: 1px solid #B4B4B4;
        list-style-type: none;
        padding: 10px 10px 10px 10px;
        font-size: 14px;
    }
    #rss_feed li .rssTitle a {
        color: #0d6cb1;
    }
    #rss_feed li span.rssDate { /* PCのリセット */
        background: #fff;
        color: #000;
        font-weight: normal;
        padding: 0;
        text-align: left;
    }




    /* TOP : 新着ブロック */
    .bestseller .col-sm-6, .whatnew .col-sm-6, .recommend .col-sm-6, .review .col-sm-6, .featured_category .col-sm-6, .visited-section .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    /* TOP : カテゴリブロック */
    .category-section .col-sm-4 { 
        flex: 0 0 33%;
        max-width: 33%;
    }

     /* TOP : PICK UP ブロック */
    .pickup-image { display: block; }
    .pickup-image img {
        display: block;
        height: auto;
        width: 100%;
    }

    /* category */
    main.category-description img {
        width: 100%;
        height: auto;
    }


    /* cart detail */
    .cart-button {
        margin-top: 1rem;
    }

    /* wishlist */
    .wishlist img { width: 50px;height:auto }

    /* product detail */
    .row-head td::before { content: none }
    dd#ddinput_text_1 { margin: 0 auto }
    article.product-detail h3.title,
    article.product-detail .rating-wrap,
    article.product-detail dl.row,
    article.product-detail div.row,
    article.product-detail #p_show {
    }
    .cross-sell form td img {
        max-width: 200px;
        height: auto
    }
    .store-information h4, .store-information p {
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: 1rem
    }
    h4.sp-h4 { font-size: 1.4rem }

    /* SP : product detail, concierge */
    .concierge {
        margin-top: 50px;
    }
    .concierge h3 {
        padding: 0 0 15px 0;
        color: #555;
        font-size: 21px;
        border-bottom: 1px dashed #DDD;
        margin: 0 0 10px 0;
        text-align: center;
    }
    .concierge h4 {
        background: url("../images/arrow-right.png") no-repeat 0 50%;
        background-size: 10px;
        padding: 0 0 0 15px;
    }
    .concierge p {
        font-size: 14px;
        line-height: 160%;
        margin: 10px 0;
    }
    .concierge .attention {
        margin-bottom: 30px;
    }
    .concierge ul {
        background: #fff;
        border: 1px solid #B4B4B4;
        font: bold 17px Helvetica;
        padding: 0;
        margin: 10px 0 30px 0;
        -webkit-border-radius: 6px;
    }
    .concierge ul:last-child {
        margin-bottom: 0;
    }
    .concierge ul li {
        color: #666;
        border-bottom: 1px solid #B4B4B4;
        list-style-type: none;
        padding: 10px 10px 10px 10px;
        font-size: 14px;
    }
    .concierge ul li:last-child {
        border-bottom: none;
    }
    .concierge ul li .date {
        font-size: 12px;
        line-height: 160%;
    }
    .concierge ul li a {
        color: #0d6cb1;
        display: block;
    }


    /* recommend window */
    .review-listing   .sm-h,

    .listing-window   .sm-h img,
    .search-window    .sm-h img,
    .review-listing   .sm-h img, 
    .recommend-window .sm-h img { width: 115px; height:auto }
    .sm-h a.title { display:block;line-height:initial }

    /* review write */
    textarea#review_comment { width: 100% !important }

    /* 決済画面でロゴの位置がずれるのを修正 */
    header.checkout_header .logo { margin-left: 0px }

    footer li a {
        position: relative;
        color: initial;
        text-align: left;
        z-index: initial;
    }
    footer li a:before {
        content: none;
    }

    /* myaccount, 注文履歴 */
    td.orderdetail { 
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
     }
     .orderdetail-img { width: 100px; height: auto }
    
    /* アカウント作成・編集 */
    .form-list dt,
    .form-list dd { float: unset !important }
    #create_account_form .card-body { padding: 0 }
    #create_account_form .card { border: none }

    /* アカウント退会 */
    #close_account input[name="password"] { width: 100% }
}
@media only screen and (max-width: 768px) { /* 768以下 */
    /* account */
    .checkout-process small { line-height: 1rem }

    /* アカウント作成・編集 */
    .form-list .input-text, 
    .form-list textarea { width: 100% }

    /* recommend window */
    .sm-h { max-height:unset;height: 290px }
    .recommend-window .sm-h { height: 200px }
    .review-listing   .sm-h { height: 230px }
    .listing-window   .sm-h { height: 285px }

    /* 検索結果 */
    .border-left-sp { border-left: none }
    .border-cols > [class*="col-"] { border-width: 1px }/* 2020/07/15に変更 */
    .border-cols > [class*="col-"]:last-child { border-width: 1px  }/* 2020/07/15に変更 */
    .border-cols > [class*="col-"]:nth-last-child(2) { border-width: 1px  }/* 2020/07/15に変更 */
    .border-cols > [class*="col-"]:last-child{}
    .orderdetail-img { width: 50px }

    /* checkout */
    .customer-detail table td {
        display: block;
        width: 100%;
    }
    .form-list dd { width: 100% !important}
    #payment_option dl.form-list dd { width: auto }

    /* stripe payment */
    .stripeForm #card-name,
    .stripeForm .StripeElement {
        width : 280px !important
    }
    /* smart pit payment */
    img.smart-pit { width: 100% }

    .pc_table_area { display: none }
    .sp_table_area, .sp_table_area tbody, .sp_table_area tr {
        display: block;
    }
    .sp_table_area { padding: 25px 0 }
    .sp_table_area:not(:last-of-type) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.7);
    }
    .sp_table_area th, .sp_table_area td {
        width: 100%;
        display: block;
        border: none;
    }
    .sp_table_area th {
        background-color: #f2f2f2;
        line-height: 0.7rem;
    }
    .sp_table_area .orderdetail { max-width: unset }
    .sp_table_area tfoot td { display: inline-block; width: 48% }
    .sp_table_area th, .sp_table_area td {
        padding: 0.75rem;
    }

    #TB_window { 
        width: 100% !important;
        left: unset !important;
        margin-left: 0 !important;
    }

    #product_info .row-head tr {
        box-shadow: none;
    }
    
    /* category */
    .code_list_icon li {
        background-color:#e9ecef;
        margin:0.1rem 1rem;
        padding:0.4rem 1rem;
    }
    .code_list_icon li a { display: block }
    .code_list_icon li i { margin-top: 10px }

    /* footer */
    footer .footer-top aside li {
        background-color: #fff;
        border-bottom: #ddd solid 1px;
        padding: 10px;
    }
    footer .footer-top aside li a {
        display: block;
    }
    footer .footer-top aside h5 {
        border-bottom: none;
        height: auto;
    }

    
}
@media only screen and (max-width: 425px) { /* 425以下 */
    .category-section .text-bottom { top: 80px }
    .category-section .card-banner { height: 200px }
    .search-window .sm-h { height: 280px }
    .cross-sell form td img { max-width: 80px; height: auto } /* cross sell */
}
@media only screen and (max-width: 320px) { /* 320以下 */
    .category-section .text-bottom { top: 55px; }
    .category-section .card-banner { height: 80px; }
    .search-window .sm-h { min-height: 310px; }
    .cross-sell form td img { max-width: 60px; height: auto; }
}

/* ------------------------
mypage
------------------------ */
@media all and (min-width: 769px) { /* 769以上 */
	#mypage {
		width: 1200px;
		margin: 0 auto;
	}
	#mypage .row {
		display: flex;
		justify-content: space-between;
		/*flex-direction: row-reverse; TODO ここ変更して影響ないか確認 */
	}
	#mypage .row .contentarea {
		width: 78%;
	}
	#mypage .row .sidenav {
		width: 18%;
	}
	#mypage .row .card-body {
		background: #EEE;
	}
}
@media all and (max-width: 768px) { /* 768以下 */
	#mypage {
		padding: 0 20px;
		margin-top: 30px;
	}
	#mypage .row {
		display: block;
	}
	#mypage .row .sidenav {
		margin-top: 30px;
	}
	#mypage .row .sidenav ul.list-unstyled {
		padding: 0;
		margin: 0;
		border-radius: 5px;
		border: 1px solid #CCC;
	}
	#mypage .row .sidenav ul.list-unstyled li {
		padding: 0;
		margin: 0;
	}
	#mypage .row .sidenav ul.list-unstyled li a {
		display: block;
		border-bottom: 1px solid #CCC;
		padding: 10px 15px;
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230c599f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
		background-size: 15px;
	}
	#mypage .row .sidenav ul.list-unstyled li:last-child a {
		border: none;
	}
	#mypage .row .sidenav ul.list-unstyled li:last-child::after {
		display: none;
	}
	#mypage .myaccount-orderhistory {
		text-align: center;
		margin-top: 15px;
	}
}

/* ------------------------
newsLetter
------------------------ */
#newsLetterHosting {
	text-align: center;
}
@media all and (min-width: 769px) { /* 769以上 */
	#newsLetterHosting {
		width: 1200px;
		margin: 0 auto;
	}
}
@media all and (max-width: 768px) { /* 768以下 */
	#newsLetterHosting {
		margin: 0 20px;
	}
}
#newsLetterHosting .form {
	border: none;
	padding: 0;
	margin: 30px 0 0 0;
}
#newsLetterHosting fieldset {
	padding: 0;
	margin: 0;
}
#newsLetterHosting legend {
	border: none;
}
#newsLetterHosting .form table {
	margin: 0 auto;
}

/* ------------------------
search
------------------------ */
@media all and (min-width: 769px) { /* 769以上 */
	.product_search {
		width: 1200px;
		margin: 0 auto;
		padding: 30px;
		background: #EEE;
	}
	.product_search form#search_form {
		width: 600px;
		margin: 0 auto;
	}
}
@media all and (max-width: 768px) { /* 768以下 */
	.product_search {
		padding: 20px;
		background: #EEE;
	}
}
.product_search form#search_form {
	display: flex;
    justify-content: center;
}
.product_search form#search_form input[type="text"] {
	display: block;
    width: 90%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem 0 0.25rem 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.product_search form#search_form input[type="submit"] {
	display: inline-block;
	color: #fff;
    background-color: #0c599f;
    border: none;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0 0.25rem 0.25rem 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	pointer: cursol;
}
.product_search #search_result table.data_table {
	background: #FFF;
	padding: 15px;
	margin: 15px 0;
}
.product_search #search_result .data_table {
	border: none;
}
.product_search #search_result .data_table td {
	padding: 5px;
}
@media all and (min-width: 769px) { /* 769以上 */
	.product_search #search_result table.data_table th {
		text-align: center;
		background: #DDD;
		padding: 5px;
	}
}
@media all and (max-width: 768px) { /* 768以下 */
	.product_search #search_result table.data_table {
		display: block;
		padding: 0;
	}
	.product_search #search_result table.data_table tbody {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.product_search #search_result table.data_table tr.odd,
	.product_search #search_result table.data_table tr.even {
		padding: 10px;
		display: block;
		/*width: 50%;*/
		background: #FFF;
        border-bottom: 5px solid #eee;
	}
	.product_search #search_result table.data_table th {
		display: none;
	}
	.product_search #search_result table.data_table td {
		width: 100%;
		display: block;
		text-align: left;
		font-size: 14px;
		line-height: 160%;
	}
	.product_search #search_result table.data_table td img {
		width: 100%;
		height: auto;
	}
}

/* ------------------------
contact
------------------------ */
@media all and (min-width: 769px) { /* 769以上 */
    #contact .form-list dt {
        width: 25%;
    }
    #contact .form-list dd {
        width: 75%;
    }
}
#contact .form-list dd input[type="text"],
#contact .form-list dd textarea {
    background: #EEE;
    padding: 5px 10px;
    width: 100%;
    border: 1px solid #EEE;
    border-radius: 0;
}

/* ------------------------
category
------------------------ */
@media screen and (min-width: 769px) { /* 769以上 */
	#itempage #content_area {
		width: 1140px;
		margin: 0 auto;
		padding: 0;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	#itempage #content_area #myModal {
		width: 230px;
		margin: 0;
		flex: none;
		max-width: none;
		padding: 0;
	}
	#itempage #content_area main {
		width: 850px;
		margin: 0;
		flex: none;
		max-width: none;
		padding: 0;
	}
	h2.category_name {
		margin: 20px auto;
		width: 1140px;
		border-bottom: 1px solid #EEE;
		padding-bottom: 10px;
	}
    /* TDDO 消していいか要注意
	#whatnew .row,
	#bestseller .row {
		width: 100%;
	}
*/
}
.sub_category_list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
@media all and (min-width: 769px) { /* 769以上 */
	.sub_category_list .item {
		width: 23%;
		padding: 10px;
		text-align: center;
		border: 1px solid #EEE;
		margin: 1%;
		transition: .5s;
	}
	.sub_category_list .item:hover {
		box-shadow: 0 0 5px rgba(0,0,0,.2);
	}
	.sub_category_list .item a {
		padding: 10px;
		display: block;
	}
}
@media all and (max-width: 768px) { /* 768以下 */
	.sub_category_list .item {
		width: 50%;
		padding: 10px;
		text-align: center;
	}
}
.sub_category_list .item img {
	width: 100%;
	height: auto;
}
.sub_category_list .item p {
	margin: 0;
}
.sub_category_list .item p.text {
	margin-top: 10px;
    font-size: 13px;
    line-height: 140%;
}
.sub_category_list .item a {
	color: #0c599f;
}

#myModal ul.list-unstyled li {
	font-size: 13px;
	line-height: 140%;
}

/* recommend_items */
@media all and (min-width: 769px) { /* 769以上 */
    .recommend_items {
        width: 1140px;
        margin: 50px auto 0 auto;
    }
    .recommend_items ul.itemlist_flex {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0 0 80px 0;
        list-style: none;
    }
	.recommend_items ul.itemlist_flex li {
        width: 25%;
        padding: 10px;
        box-sizing: border-box;
    }
}
@media all and (max-width: 768px) { /* 768以下 */
    .recommend_items ul.itemlist_flex {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0 0 80px 0;
        list-style: none;
    }
	.recommend_items ul.itemlist_flex li {
        width: 50%;
        padding: 10px;
        box-sizing: border-box;
    }
}


/* system */
@media all and (max-width: 768px) { /* 768以下 */
	.mb-3, .my-3 {
		margin: 0 !important;
		padding: 10px;
	}
	.row {
		margin: 0 !important;
	}
}
.modal-backdrop {
    display: none;
}

/* table */
table.graph {
	border: 2px solid #333;
	font-size: 13px;
    line-height: 160%;
	text-align: center;
}
@media all and (max-width: 768px) { /* 768以下 */
	table.graph {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
}
table.graph th, table.graph td {
    padding: 5px;
    border-bottom: 1px solid #333;
}
table.graph th {
	background: #EEE;
    border-left: 1px solid #333;
}
table.graph td {
    border-left: 1px solid #333;
}


/* search-page.html */
@media screen and (min-width: 769px) { /* 769以上 */
 .product_search {
        justify-content: space-between;
        width: 1170px;
        margin: 10px auto 30px auto;
        align-items: center;
    }
}
.product_search #search_result td, .product_search #search_result th{
    font-size: medium;
    vertical-align: middle;
    font-family: 'Open Sans', 'Hiragino Kaku Gothic Pro', 'メイリオ', Verdana, Arial, sans-serif;
}

.product_search #search_result th{
    text-align: center;
}
.product_search #search_result a{
    color: #0d6cb1;
    transition: 0.8s;
    text-decoration: none;
}
.product_search #search_result a:hover {
  text-decoration: underline;
  opacity: 0.6;
}


/* 202307編集 */
@media screen and (max-width: 568px) {
    /* body {
        padding-top: 110px;
    } */
/* 
    .header_fixed {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    } */

    .heading_large { 
        color: #fff;
        padding: 8px;
        background-color: #0D599F;
    }

    .heading_medium { 
        color: #fff;
        padding: 8px;
        background-color: #3081ce;
    }

    .btn_cart { 
        padding: 1.25em;
    }
}

.btn_blue {
    color: #fff;
    background-color: #0D599F;
    border-color: #0D599F;
}

@media screen and (min-width: 960px) {
    .show_sp {
    display: none;
    }
}

.show_banner_sp {
    width: calc(100% - 24px);
    margin-right: auto;
    margin-left: auto;
}

.show_banner_sp .banner-size a {
    display: block;
    width: 100%;
    max-width: 375px;
    margin-right: auto;
    margin-left: auto;
}

.hide_sp {
    display: none;
}


.border_sp {
    border: 1px solid #eee;
}

@media screen and (min-width: 568px) {
    .border_sp {
        border: none;
    }
}


/*ベース*/
.js-accordion-none {
	display: none;
}
.js-accordion-title {
    display: block;
    position: relative;
}
.js-accordion-title::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.js-accordion-title,
.js-accordion-body {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.js-accordion-body {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.js-accordion-none:checked + .js-accordion-title + .js-accordion-body {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.js-accordion-none:checked + .js-accordion-title::before {
	transform: rotate(-45deg) !important;
}

/* ヘッダーアイコン */
#headerLanguage {
    width: 20%;
    position: relative;
    background: url('../images/icon_cart.gif') no-repeat center top;
    background-size: 25px 25px;
    margin: 0.4rem 0 0 0.5rem;
}

.header-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4px;
}

.header-menu img {
    height: 15px;
}

/* space */

.u-margin__youtube {
    margin-top: 1rem !important;
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

@media screen and (min-width: 568px) {
    .u-py__sm {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .u-margin__youtube {
        margin: 1rem !important;
    }
}