@charset "utf-8";/*リセット*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table.table,caption,tbody,tfoot,thead,tr,th,td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}:focus {outline: 0;}ol,ul {list-style: none;}table.table {border-collapse: separate;border-spacing: 0;}caption,th,td {font-weight: normal;text-align: left;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote,q {quotes: """";}a img {border: 0;}figure {margin: 0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}a {text-decoration: none;color: #0a0a0a;display: block;width: 100%;}a:hover {opacity: 0.8;}table {border-collapse: collapse;}/*リセット*//*共通*/*,*:before,*:after {box-sizing: inherit;}:root {--main-color: #0088cc;--title-color: #fefefe;}html {font-size: 62.5%;box-sizing: border-box;-webkit-text-size-adjust: 100%;}/*強調させたいとき*/b {font-weight: bold;}b.red {color: #ee0000;}b.green {color: #00ee00;}b.blue {color: #0000ee;}/*強調させたいとき*/.wrap {width: 150rem;margin: 0 auto;display: flex;justify-content: space-between;}body {font-size: 1.4rem;font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;min-width: 150rem;/*横幅問題*/}.no_scroll {overflow: hidden;position: relative;width: 100%;height: 100%;}
#blackout {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    display: none;
}

.inner {
    width: 150rem;
    margin: 0 auto;
}

main,
aside {
    /*padding: 1rem;*/
}

main {
    width: calc(100% - 35rem);
    /*background-color: chartreuse;*/
}

aside {
    width: 30rem;
    background-color: var(--title-color)
}

.flex {
    display: flex;
}

.jc-sb {
    justify-content: space-between;
}
/*共通*/
/*aside*/
aside .aside-close-btn {
    display: none;
}

aside .name-area {
    width: calc(100% - 3rem);
    font-size: 1.6rem;
    padding: 0 1rem;
    text-align: right;
    display: none;
    /*display: block;*/
}

#tnumber_search,
#login {
    border: 2px solid var(--main-color);
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    /* Safari,Chrome用 */
    -moz-border-radius: 0.5rem;
    /* Firefox用 */
    text-align: center;
    font-weight: bold;
    margin-bottom: 2rem;
    box-shadow: 2px 2px 3px #aaa;
}

#tnumber_search .tnumber_search_title,
#login .login_title {
    font-size: 1.8rem;
    font-weight: bold;
    color: var(--title-color);
    background-color: var(--main-color);
    padding: 0.5rem 0;
}

#tnumber_search {
    border: 2px solid #cc0022;
}

#tnumber_search .tnumber_search_title {
    background-color: #cc0022;
}

#tnumber_search .aside_inner,
#login .aside_inner {
    padding: 20px;
}

#login form {
    margin-bottom: 1rem;
}

#tnumber_search label,
#tnumber_search input,
#login label,
#login input {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
}

#login input#email,
#login input#pass {
    padding: 0.5rem 0;
}

#tnumber_search .tnumber_search_btn,
#login .login_btn {
    display: inline-block;
    border-radius: 0.5rem;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    padding: 0.5rem 0;
    background-color: #ff6b3a;
    color: var(--title-color);
    border: none;
    margin-top: 2rem;
}

#tnumber_search .tnumber_search_btn {
    margin-top: 1rem;
    background-color: #cc0022;
}

.login_btn:hover {
    opacity: 0.8;
}

#login .or {
    margin: 1.5rem 0;
}

.new_btn {
    width: 100%;
}

.new_btn a {
    font-size: 1.8rem;
    font-weight: bold;
    width: 100%;
    padding: 0.5rem 0;
    border-radius: 0.5rem;
    background-color: var(--main-color);
    color: var(--title-color);
    letter-spacing: 0.1rem;
}

#menu {}

#menu > li {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

#menu > li:last-child {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

#menu .menu_title {
    font-size: 1.8rem;
    font-weight: bold;
    color: var(--title-color);
    background-color: var(--main-color);
    padding: 0.5rem 0 0.5rem 1rem;
}

#menu .small_menu {
    font-size: 1.6rem;
}

#menu .small_menu li {
    border-bottom: 1px dotted #ccc;
    padding: 0.5rem 0;
}

#menu .small_menu li:last-child {
    border-bottom: none;
}

#menu .small_menu a {
    color: #0a0a0a;
    padding: 0.7rem 0 0.7rem 1rem;
    position: relative;
}

#menu .small_menu li:hover {
    background-color: #ddd;
}

#menu .small_menu a::after {
    content: "";
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(/images/arrow.webp);
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#menu .news .small_menu a::after {
    content: none;
}

#menu .news span {
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
    color: #bbb;
}

#menu img {
    width: 100%;
    height: auto;
}
/*aside*/
/*header*/
header {
    border-top: 5px solid var(--main-color);
    padding-top: 1rem;
}
/*ログイン前は非表示*/

header .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.logo {
    height: 7rem;
    width: 100%;
    display: block;
    width: auto;
}

.logo img {
    height: 100%;
    width: 100%;
}

header .info img {
    height: 6rem;
    width: 100%;
    vertical-align: middle;
}

#top-btn {
    display: flex;
}

#top-btn li {
    margin-right: 1.5rem;
}

#top-btn li.icon_cart {
    display: none;
    position: relative;
}

#top-btn li.icon_mail {
    position: relative;
}

#top-btn li:last-child {
    margin-right: 0;
}

#top-btn li a {
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
}

#top-btn li a img {
    width: 3.5rem;
    height: 100%;
}

.quantity_icon {
    position: absolute;
    border-radius: 100%;
    width: 1.7rem;
    height: 1.7rem;
    line-height: 1.7rem;
    background-color: #f00;
    color: #fff;
    text-align: center;
}

.quantity_icon:empty {
    display: none;
}

.quantity_cart {
    bottom: 1.5rem;
    right: -0.5rem;
}

.quantity_mail {
    bottom: 1.5rem;
    right: 0;
}
/*ログイン前は非表示*/
header .inner {
    display: flex;
    flex-direction: column;
}

header .name-area {
    width: 100%;
    font-size: 1.2rem;
    text-align: right;
    margin-bottom: 0.5rem
        /*display: none;*/
}

header .name-area span {
    font-weight: bold;
}
/*ログイン後会員メニュー*/
ul.login_menu_items li {
    text-align: left;
    height: 6.4rem;
    border-bottom: 1px dotted #ccc;
    padding: 0.7rem 0 0.7rem 1rem;
}

ul.login_menu_items li img {
    vertical-align: middle;
    width: 5rem;
    margin-right: 2rem;
}

ul.login_menu_items li img.pc_disp {
    display: inline-block;
}

ul.login_menu_items li p {
    display: inline-block;
}

ul.login_menu_items li.txt span {
    color: #f00;
    font-weight: bold;
    font-size: 120%;
}

.sp_disp {
    display: none;
}
/*検索*/
/*カート*/

#secandline {
    background-color: #ddd;
    padding: 1rem 0;
}

#secandline .inner {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
/* Web検索 ここから */
#secandline .inner.inner_btn{
    justify-content:flex-start;
}
#secandline input[type='radio']{
    display: none;
}
#secandline label{
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #aaa;
    width: 20%;
    padding: 5px;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: bold;
}
#secandline.secandline_down .inner.inner_btn{
    padding-left: 180px;
}
#secandline label span{
    border: 1px solid var(--main-color);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    border-radius: 50%;
    line-height: 0;
    position: relative;
    background-color: #fff;
}
#secandline input[type='radio']:checked + label{
    background-color: #E6F7FF;
    color: var(--main-color);
}
#secandline input[type='radio']:checked + label span:before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--main-color);
    position: absolute;
    right: 1px;
    top: 1px;
}
/* Web検索 ここまで */

.search_container {
    height: 4.5rem;
}

#product_search {
    width: 72%;
}

dl.search1 {
    position: relative;
    margin: 0;
    text-align: center;
    width: 100%;
    padding: 0;
    border: none;
    height: 45px;
    border-radius: 0px;
    background: transparent;
    display: flex;
    justify-content: space-between;
}

dl.search1 dt {
    width: 80%;
}

dl.search1 dt input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 18px;
    background-color: #fff;
    box-shadow: 1px 1px 1px #929292;
    padding: 0 0 0 2%;
    border-radius: 0.5rem 0 0 0.5rem;
}

dl.search1 dd {
    height: 100%;
    width: 20%;
}

dl.search1 dd button {
    font-size: 18px;
    width: 100%;
    height: 100%;
    padding: 5px;
    text-decoration: none;
    color: #FFF;
    background-color: var(--main-color);
    border: solid 2px #0095df;
    box-shadow: 1px 1px 1px #929292;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
}

dl.search1 dd button img {
    display: inline-block;
    height: 2rem;
    width: 2rem;
    vertical-align: middle;
    margin-right: 1rem;
}

.search-btn {
    padding: 1rem 2rem 1rem 4rem;
    background-image: url(/images/search.webp);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-size: 2.5rem 2.5rem;
    font-size: 2rem;
    font-weight: bold;
    background-color: var(--main-color);
    color: #fefefe;
    border: none;
    border-radius: 0.5rem;
}

.header_cart {
    width: 25%;
    height: 4.5rem;
    line-height: 4.5rem;
    font-size: 1.8rem;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 1px 1px 1px #929292;
    display: flex;
    justify-content: space-between;
}

.header_cart .imgbox {
    background-color: #ffffff;
    padding: 0 5px;
    height: 100%;
    position: relative;
    border-radius: 5px;
}

.header_cart .imgbox::after {
    content: "";
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-left: solid 10px #aaa;
    display: block;
    position: absolute;
    top: 12.5px;
    left: 55px;
}

.header_cart_icon {
    width: 3.5rem;
    height: 3.5rem;
    margin: 5px;
}

.header_cart a {
    display: flex;
    justify-content: space-between;
}

.header_cart .quantity {
    width: 30%;
    text-align: right;
    padding-right: 8px;
}

.header_cart .total_price {
    text-align: right;
    display: flex;
    justify-content: space-between;
    width: 70%;
}

.header_cart .total_price .total_price_num {
    padding-right: 5px;
    width: 60%;
}

.header_cart .total_price .btn_total_price {
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    background-color: #08c;
    border: solid 2px #0095df;
    box-shadow: 1px 1px 1px #929292;
    height: 100%;
    cursor: pointer;
    line-height: 15px;
    border-radius: 0px 5px 5px 0px;
}
/*カート*/
/**/
.secandline_down {
    position: fixed;
    top: 0;
    z-index: 997;
    width: 100%;
    height: auto;
    padding: 12px 0;
    box-shadow: 0px 1px 10px #bbb;
}
.secandline_down #product_search {
    width: 50%;
}

.secandline_down .header_cart {
    width: 15%;
}

.secandline_down .header_cart a {
    width: 100%;
}

.secandline_down .header_cart .quantity {
    width: 50%;
}

.secandline_down .header_cart .total_price .total_price_num {
    width: 100%;
}

.secandline_down .quantity_mail {
    bottom: 0.5rem;
}
/**/
#secandline ul.icon_space {
    display: flex;
    justify-content: space-between;
    width: 20%;
}

#secandline .logo_space {
    display: block;
    height: 4.5rem;
}

#secandline .logo_space a {
    height: 100%;
}

#secandline .logo_space img {
    height: 100%;
    width: 100%;
}

#secandline ul.icon_space li {
    height: 4.5rem;
    position: relative;
}

#secandline ul.icon_space li a {
    height: 100%;
}

#secandline ul.icon_space li img {
    height: calc(100% - 1rem);
    margin: 0.5rem;
}

#secandline .logo_space.hidden_icon,
#secandline ul.hidden_icon {
    display: none;
}

.btn_shadow {
    display: none;
}

#secandline #menu_btn {
    display: none;
}

#secandline #menu_btn img {
    width: 37px;
    height: 37px;
}

#menu img {
    width: 100%;
    height: 100%;
}
/*header*/
/*パンくずリスト*/
#breadcrumb {
    padding: 1rem 0;
}

#breadcrumb .breadcrumb-list {
    display: flex;
    align-items: center;
    overflow: auto;
}

#breadcrumb .breadcrumb-list li {
    display: flex;
    align-items: center;
    margin-left: 1rem;
    flex-shrink: 0;
}

#breadcrumb .breadcrumb-list li:first-child {
    margin-left: 0;
}

#breadcrumb .breadcrumb-list li::after {
    content: ">";
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-left: 1rem;
}

#breadcrumb .breadcrumb-list li:last-child::after {
    content: none;
}

#breadcrumb .breadcrumb-list li a {
    /*color: var(--main-color);*/
    color: #1010ca;
}
/*パンくずリスト*/
/* PCスマホ切り替え ここから */
.pc{
    display: block;
}
.sp{
    display: none;
}
/* PCスマホ切り替え ここまで */
.slick-prev {
    left: calc(50% - 20rem);
    bottom: -21px;
}

.slick-next {
    right: calc(50% - 20rem);
    bottom: -21px;
}

ul.slick-dots {
    position: initial;
    margin-top: 1rem;
}
/*item_slider*/
.item_slider {
    width: 100%;
    font-size: 1.4rem;
}

.item_slider:hover {
    cursor: ew-resize;
}

.item_slider .slick-initialized .slick-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.slick-track {
    display: flex;
    overflow: hidden;
}

.slick-slide {
    height: auto !important;
}

/*item_slider*/
.slick-dotted.slick-slider{
    overflow: hidden;
}
/*history*/
.history {
    margin-bottom: 7rem;
}

.history_item {
    /*width: 25rem;*/
    width: 19rem;
    background-color: var(--title-color);
    padding: 1rem;
}

.history_item:last-child {
    margin-right: 0;
}

.history_item a img {
    width: 15rem;
    height: 15rem;
    display: block;
    margin: 0 auto 1rem auto;
}

.history_item a img.rank {
    height: 3rem;
    width: 10rem;
}

.history_item p.item_title {
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: bold;
    color: var(--main-color);
    margin-bottom: 1rem;
    text-align: center;
    text-decoration: underline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.history .more_btn {
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0.5rem 0;
    text-align: center;
    border-radius: 0.5rem;
    color: var(--title-color);
    background-color: var(--main-color);
    width: 70%;
}
/*history*/
/*footer*/
footer {
    background-color: var(--main-color);
    padding: 3rem 0;
}

.f_nav {
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
    color: var(--title-color);
}

.f_nav a {
    color: var(--title-color);
}

.f_nav > li {
    width: calc(100%/5.05);
}

.f_nav > li.f_nav_t {
    width: calc(100%/7.05*3);
}

.f_nav > li.f_nav_w {
    width: calc(100%/7.05*2);
}

.f_nav > li.f_nav_s {
    width: calc(100%/7.05);
}

.f_nav .ac {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.f_small_nav {
    /*padding-left: 1rem;*/
    height: 38rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.f_small_nav > li {
    width: 49.5%;
    margin-bottom: 0.8rem;
}

.f_nav_t .f_small_nav > li {
    width: 32.5%;
}

.f_nav_w .f_small_nav > li {
    width: 49.5%;
}

.f_nav_s .f_small_nav > li {
    width: 99.5%;
}

.f_small_nav > li a {
    padding: 0 0 0 1.5rem;
    background-image: url(/images/slick-next.webp);
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: bottom 45% left 2%;
}

/*コピーライト*/
.copyright {
    font-size: 1.2rem;
    text-align: center;
    padding: 0.7rem 0;
    border-top: 1px solid #ccc;
    background-color: #ececec;
}

/*footer*/
#tel-btn {
    display: none;
}

#to-top {
    display: block;
    position: fixed;
    bottom: 100px;
    right: 40px;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    opacity: 0.8;
    background-color: #aaa;
    width: 40px;
    height: 40px;
    z-index: 800;
    cursor: pointer;
}
/**/
/* 横幅問題 ここから */
@media screen and (max-width: 1499px) {
    body{
        min-width: 120rem;
    }
    .inner{
        width: 120rem;
    }
    .wrap{
        width: 120rem;
    }
    main{
        width: calc(100% - 31rem);
    }
    aside{
        width: 29rem;
    }
}
/* 横幅問題 ここまで */
/**/
section.history h2 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 2rem;
    border-bottom: 3px solid #ccc;
}

section.history h2 span {
    border-bottom: 3px solid var(--main-color);
    padding: 0 1rem 3px 0.5rem;
}

section.history h2 img {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
    vertical-align: text-top;
}
/**/
@media screen and (max-width: 820px) {
    .slick-prev {
        left: 3%;
    }

    .slick-next {
        right: 3%;
    }
    ul.slick-dots {
        margin-top: 0;
    }
    ul.slick-dots li {
        margin: 0 7px;
        width: calc(9% - 14px);
    }
    /**/
    section.history h2 {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }

    .Android section.history h2 span {
        padding: 0 1rem 0 0.5rem;
    }
    section.history h2 span {
        padding: 0 1rem 4px 0.5rem;
    }

    section.history h2 img {
        vertical-align: sub;
    }
    /**/
    /* 横幅問題 ここから */
    body{
        min-width: 0;
    }
    /* 横幅問題 ここまで */
    header {
        padding-top: 0.5rem;
    }

    header .header-top {
        padding-bottom: 0.2rem;
    }

    .logo {
        width: 45%;
        height: 100%;
    }

    .logo img {
        width: 100%;
        height: 100%;
    }

    /*ログイン前は非表示*/
    header .inner {
        flex-direction: column;
    }

    header .name-area {
        font-size: 1.2rem;
    }
    header .name-area span {}
    /*ログイン前は非表示*/

    header #top-btn {
        width: 50%;
        justify-content: flex-end;
    }

    #top-btn li {
        margin-right: 1rem;
    }

    #top-btn li.icon_cart {
        display: block;
    }

    #top-btn li.icon_faq,
    #top-btn li.icon_blog,
    #top-btn li.icon_notice,
    #top-btn li.icon_history {
        display: none;
    }

    header #top-btn p {
        font-size: 1rem;
    }

    #top-btn li a img {
        width: 3rem;
        height: 3rem;
    }

    header .info {
        display: none;
    }

    /*ログイン後会員メニュー*/
    ul.login_menu_items {
        display: inherit;
        padding: 0.5rem;
        column-count: 3;
    }

    ul.login_menu_items li {
        width: 8.5rem;
        height: 8.5rem;
        padding: 0;
        font-size: 1rem;
        border: none;
        text-align: center;
    }

    ul.login_menu_items li:last-child {
        border: none;
    }

    ul.login_menu_items li img {
        width: 65%;
        margin: 0;
    }

    ul.login_menu_items li img.pc_disp {
        display: none;
    }

    ul.login_menu_items .icon {
        position: relative;
    }

    ul.login_menu_items li.txt {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sp_disp {
        display: block;
    }

    /*secandline*/
    dl.search1 dt input {
        border: 1px solid #ccc;
        font-size: 1.4rem;
    }

    dl.search1 dd button b {
        display: none;
    }

    dl.search1 dd button img {
        height: 2.5rem;
        width: 2.5rem;
        margin-right: 0;
    }

    #secandline {
        background-color: #fefefe;
        padding: 0.2rem 0;
    }

    #secandline .logo_space,
    #secandline .header_cart,
    #secandline ul.icon_space {
        display: none;
    }

    #product_search {
        width: 83%;
    }

    .secandline_down #product_search {
        width: 83%;
    }

    #secandline .inner {
        flex-direction: row;
    }

    #secandline #menu_btn {
        display: block;
        text-align: center;
        height: 37px;
        border-radius: 0.5rem;
    }

    #secandline #menu_btn:hover {
        cursor: pointer;
    }
    /* Web検索 ここから */
    #secandline .inner.inner_btn{
        display: flex;
        justify-content: space-between;
        padding-bottom: 2px;
    }
    #secandline label{
        width: 49%;
        margin: 0;
    }
    #secandline.secandline_down .inner.inner_btn{
        padding-left: 0;
    }
    #secandline.secandline_down label{
        padding: 3px;
    }
    #secandline dl.search1{
        height: 37px;
    }
    /* Web検索 ここまで */

    /*secandline*/
    .wrap {
        width: 100%;
    }

    main {
        width: 98%;
        margin: auto;
    }
    /*aside*/
    aside {
        transform: translateX(100%);
        /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
        position: fixed;
        z-index: 999;
        /*ナビのスタート位置と形状*/
        top: 0;
        right: -120%;
        width: 100%;
        height: 100vh;
        /*ナビの高さ*/
        background: #999;
        /*動き*/
        transition: all 0.6s;
        background-color: #fefefe;
    }

    aside.panelactive {
        right: 0;
        display: block;
        transition: all 0.6s;
    }

    aside.panelactive {
        transform: translateX(0);
        /*ナビの数が増えた場合縦スクロール*/
        position: fixed;
        z-index: 999;
        width: 85%;
        height: 100vh;
        padding: 1rem;
        /*表示する高さ*/
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        transition: all 0.6s;
    }

    aside .flex {
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
    }

    /*ログイン時名前表示*/
    aside .name-area {
        width: calc(100% - 3rem);
        font-size: 1.6rem;
        padding: 0 1rem;
        text-align: right;
        display: block;
        /*display: none;*/
    }

    aside .name-area span {
        font-weight: bold;
    }

    /*閉じるボタン*/
    aside .aside-close-btn {
        display: inline-block;
        text-align: center;
        font-size: 1rem;
        font-weight: bold;
        color: #616161;
    }

    aside .aside-close-btn img {
        width: 2.5rem;
        height: 2.5rem;
    }
    /*閉じるボタン*/

    #tnumber_search,
    #login {
        box-shadow: none;
    }
    /*aside*/
    .inner {
        width: 95%;
        margin: auto;
    }

    #breadcrumb .inner{
        margin-bottom: 0.6rem;
    }
    /*パンくずリスト*/
    #breadcrumb {
        padding: 0.4rem 0 0.2rem 0;
    }
    #breadcrumb .breadcrumb-list li,
    #breadcrumb .breadcrumb-list li::after {
        margin-left: 0.5rem;
        font-size: 1rem;
    }

    #breadcrumb .breadcrumb-list li a {
        font-size: 1rem;
    }
    /*パンくずリスト*/
    /*history*/
    .history {
        margin-bottom: 2rem;
    }

    .history_item {
        width: 17rem;
        /*margin-right: 2rem;*/
    }

    .history_item:last-child {
        margin-right: 0;
    }

    .history_item a img {
        width: 15rem;
        height: 15rem;
        display: block;
        margin: 0 auto 1rem auto;
    }

    .history_item p.item_title {
        margin-bottom: 1rem;
        font-size: 1.6rem;
    }

    .history .more_btn {
        font-size: 1.4rem;
    }
    /*history*/
    /*フッター*/
    footer {
        padding: 0;
    }

    footer .inner {
        width: 100%;
    }

    .f_nav {
        flex-direction: column;
    }

    .f_nav > li {
        width: 100%;
    }

    .f_nav > li.f_nav_t,
    .f_nav > li.f_nav_w,
    .f_nav > li.f_nav_s {
        width: 100%;
    }

    .f_nav > li:last-child {
        margin-bottom: 0;
    }

    .f_nav .ac {
        font-size: 1.6rem;
        margin-bottom: 0;
        padding: 1rem;
        border-bottom: 1px dotted #fefefe;
        position: relative;
    }

    .f_nav .ac::after {
        content: "";
        display: inline-block;
        width: 1.6rem;
        height: 1.6rem;
        background-image: url(/images/arrow_down.webp);
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 50%;
        right: 1rem;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .f_nav .ac.selected:after {
        transform: translateY(-50%) rotateX(180deg);
    }

    .f_small_nav {
        padding-left: 0;
        display: none;
        background-color: #fefefe;
    }

    .f_small_nav > li {
        width: 100%;
        border-bottom: 1px dotted #bcbcbc;
        margin-bottom: 0;
        padding: 0.5rem 0;
    }

    .f_nav_t .f_small_nav > li,
    .f_nav_w .f_small_nav > li,
    .f_nav_s .f_small_nav > li {
        width: 100%;
    }

    .f_small_nav > li a {
        padding: 1rem 1.5rem 1rem 3.5rem;
        color: #0a0a0a;
        font-size: 1.6rem;
        background-color: #fefefe;
        background-size: 1.4rem;
        background-position: bottom 49% left 2%;
    }

    .f_small_nav {
        flex-wrap: nowrap;
        height: auto;
    }

    /*フッター*/
    /*コピーライト*/
    .copyright {
        margin-bottom: 42px;
    }

    /*トップへ戻る*/
    #to-top {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        text-align: center;
        width: 100%;
        padding: 10px 0;
        opacity: 0.8;
        background-color: #aaa;
        width: 100vw;
        z-index: 800;
    }

    #to-top img {
        vertical-align: middle;
    }

    /*トップへ戻る*/
    #tel-btn {
        display: block;
        position: fixed;
        bottom: 5rem;
        right: 0;
        z-index: 500;
        width: 7.5rem;
    }

    #tel-btn img {
        width: 100%;
        height: 100%;
    }
}
@media screen and (min-width:480px) and (max-width:820px) {
    aside.panelactive {
        width: 50%;
    }

    #product_search {
        width: 90%;
    }

    .logo {
        width: 30%;
        height: 100%;
    }
}
@media screen and (max-width:480px) {
    .slick-prev {
        left: 0;
    }

    .slick-next {
        right: 0;
    }
.f_small_nav > li a {
    padding: 1rem 1.5rem 1rem 2.5rem;
    font-size: 1.6rem;
    background-position: bottom 49% left 2%;
}

    /* PCスマホ切り替え ここから */
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    /* PCスマホ切り替え ここまで */
}