@charset 'UTF-8';

div#drawer .drawer-logo,
div#drawer .sns-icons{
    display: none;
}

@media screen and (max-width: 1366px){
    header#rightmenu .header-logo {
        padding: 20px 20px 10px;
    }
    header#rightmenu .header-logo p:last-child{
        margin-top: 0.5em;
    }
    .ec-itemNav__nav li a{
        font-size: 14px;
    }
    div#drawer .inner h2{
        font-size: 16px;
    }
    #mv.top p{
        font-size: 15px;
    }
    .top-feature--section .top-slider-arrow.next-arrow,
    .top-feature--section .top-slider-arrow.prev-arrow{
        width: 40px;
    }
    .pagelink-banner-box{
        padding: 150px 20px;
    }
    #category-section .category-box img{
        max-height: 190px;
    }
    .ec-heading-bold.num{
        border-bottom: 2px solid #D85057;
    }
}

@media screen and (max-width: 991px){
    body{
        padding-right: 0;
    }
    div#drawer ul.sns-icons{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    div#drawer ul.sns-icons li{
        margin: 0 10px;
    }
    div#drawer ul.sns-icons li img{
        width: 30px;
    }
    div#drawer{
        padding-bottom: 70px;
        z-index: 99;
    }
    header#rightmenu .header-logo{
        position: fixed;
        top: 20px;
        left: 20px;
        padding: 0;
    }
    header#rightmenu .header-logo{
        display: none;
    }
    header#rightmenu .header-toggle{
        padding: 0;
        position: fixed;
        top: 20px;
        right: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #fff;
        z-index: 999;
    }
    header#rightmenu .header-icons{
        display: none;
    }
    .pagetop{
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 999;
    }
    header#rightmenu{
        background-color: transparent;
        width: auto;
        height: auto;
        z-index: 999;
    }
    div#drawer.open{
        right: 0;
    }
    #mv.top p{
        width: 100%;
        text-align: center;
        margin-top: 2em;
    }
    .top-news--section .news-box{
        display: block;
    }
    .top-news--section .news-box .news-head{
        padding: 0;
        margin-bottom: 10px;
    }
    .top-news--section{
        padding: 1em  2em;
    }
    .top-feature--section .top-slider-arrow.next-arrow{
        right: 20px;
    }
    .top-feature--section .top-slider-arrow.prev-arrow{
        left: 20px;
    }
    .pagelink-banner-box {
        padding: 10vw 20px;
    }
    .top-section {
        padding: 27vw 0 6vw;
    }
    .category-list{
        padding: 0 20px;
    }
    #category-section .category-box h3{
        font-size: 18px;
    }
    #category-section .category-box{
        width: 33.333%;
        margin: 0px -1px -1px 0px;
    }
    footer#footer .footer-menu{
        width: 100%;
        margin-top: 40px;
    }
    footer#footer .wrap.flex{
        justify-content: center;
    }
    footer#footer .footer-logo{
        margin-right: 3%;
    }
    .product-list-header .category-path{
        padding: 1em 20px 3em;
    }
    .ec-shelfGrid .ec-shelfGrid__item{
        width: 33.333%;
    }
    .ec-shelfGrid{
        margin-right: 0;
        margin-left: 0;
    }
    .ec-shelfGrid .ec-shelfGrid__item:nth-of-type(3n) {
        border-right: none;
    }
    .ec-shelfGrid .ec-shelfGrid__item-image {
        height: 210px;
    }
    .ec-productRole .ec-productRole__btn {
        width: 100%;
        min-width: auto;
    }
    .about-text{
        padding: 0 20px;
        margin: 20px 0;
    }
    .about-text .col_2{
        width: 100%;
        margin: 0;
    }
    .about-company .col_2{
        width: 100%;
        margin: 2% 0;
    }
    .about-company .col_2 .map iframe{
        width: 100%;
        height: 300px;
    }
    .ec-off1Grid .ec-off1Grid__cell{
        width: 100%;
        margin-left: 0;
    }
    .ec-layoutRole .ec-layoutRole__contents{
        padding: 0 20px;
    }
    #mv h1 img {
        max-width: 200px;
    }
}

@media screen and (max-width: 767px){
    #js-popup .popup-inner{
        width: 100%;
    }
    .ec-cartRow .ec-cartRow__summary {
        font-size: 13px;
    }
    .ec-orderRole {
        font-size: 13px;
    }
    .ec-rectHeading h1, .ec-rectHeading h2, .ec-rectHeading h3, .ec-rectHeading h4, .ec-rectHeading h5, .ec-rectHeading h6 {
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .product-list-header .category-path ul li:nth-child(2), .product-list-header .category-path ul li:nth-child(6) {
        border-right: 1px solid #270E00;
    }
    .product-list-header .category-path ul li a {
        font-size: 12px;
    }
    .ec-inlineBtn--cancel, .ec-inlineBtn--action {
        font-size: 13px !important;
    }
    #mv.top {
        padding: 130px 20px;
    }
    .top-news--section .news-box ul{
        display: block;
    }
    .top-news--section .news-box ul li:first-child{
        margin-bottom: 10px;
    }
    .top-feature--section .top-slider-arrow.next-arrow, .top-feature--section .top-slider-arrow.prev-arrow{
        width: 25px;
    }
    .pagelink-banner-box{
        width: 100%;
    }
    .pagelink-banner-box {
        padding: 20vw 20px;
    }
    .top-section {
        padding: 50vw 0 40px;
    }
    .vert {
        -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
        writing-mode: initial;
    }
    .top-section .wrap{
        display: block;
    }
    .top-section small{
        margin-left: 3em;
    }
    .top-section p{
        margin-top: 20px;
        font-size: 13px;
    }
    #category-section .category-box h3{
        position: initial;
        font-size: 15px;
    }
    #category-section .category-box{
        padding: 10px;
        text-align: center;
        width: 50%;
    }
    header#rightmenu .header-toggle a{
        width: 23px;
        height: 16px;
    }
    header#rightmenu .header-toggle a span:nth-of-type(2){
        top: 7px;
    }
    header#rightmenu .header-toggle a span:nth-of-type(3){
        top: 14px;
    }
    header#rightmenu .header-toggle{
        width: 45px;
        height: 45px;
    }
    header#rightmenu .header-toggle{
        top: 10px;
    }
    .ec-headerSearch .ec-headerSearch__keyword input[type="search"],
    .ec-headerSearch .ec-headerSearch__category .ec-select select{
        font-size: 14px;
    }
    .pagetop{
        width: 20px;
    }
    div#drawer ul.sns-icons li img{
        width: 25px;
    }
    footer#footer .footer-menu .footer-menu--up{
        display: none;
    }
    footer#footer .footer-address{
        margin-right: 0;
        width: 82%;
    }
    footer#footer .footer-logo {
        width: 15%;
        margin-right: 3%;
    }
    footer#footer .footer-menu .footer-menu--down .footer-menu--down---01 {
        width: 100%;
        padding-right: 0;
    }
    footer#footer .footer-menu .footer-menu--down .footer-menu--down---02 {
        width: 100%;
        display: block;
        text-align: center;
    }
    footer#footer .footer-menu .footer-menu--down{
        flex-direction: column-reverse;
    }
    footer#footer .footer-menu .footer-menu--down .footer-menu--down---01 ul.footer-system{
        margin: 1em 0;
    }
    footer#footer .footer-menu .footer-menu--down .footer-menu--down---02 .footer-common{
        margin-right: 0;
    }
    .footer-sns{
        text-align: right;
    }
    footer#footer .footer-menu .footer-menu--down .footer-menu--down---01 ul.footer-system{
        text-align: center;
    }
    #category-section .category-box img {
        max-height: 120px;
        max-width: 70%;
        margin: 0.5em auto 1em;
    }
    .product-list-header .category-path{
        padding: 1em 20px 3em;
    }
    .product-list-header .category-path ul li{
        width: 50%;
        margin-left: -1px;
    }
    .ec-shelfGrid .ec-shelfGrid__item {
        width: 48%;
        border-right: none !important;
        margin-top: -1px;
        margin-right: 1%;
        margin-left: 1%;
    }
    .ec-shelfGrid__item p.title, .ec-shelfGrid__item p.price02-default {
        font-size: 12px;
    }
    .ec-pageHeader h1{
        margin-bottom: 1.5em;
        padding: 1em 0;
    }
    .page-feature-section .feature-banner{
        width: 100%;
        margin: 2% 0;
    }
    .tabacms_post_list .row a{
        display: inline-block;
        line-height: 1.8;
    }
    .tabacms_post{
        line-height: 1.8;
    }
    .page-feature-section {
        padding: 5em 0 0em;
    }
    #mv h1 img {
        max-width: 150px;
    }
    .ec-grid2 .ec-grid2__cell{
        width: 100%;
    }
    .ec-grid2 .ec-grid2__cell:last-child{
        width: 100%;
    }
    .ec-sliderItemRole{
        margin-bottom: 40px;
    }
    .ec-productRole .ec-productRole__title .ec-headingTitle{
        font-size: 18px;
    }
    .ec-classprice p{
        font-size: 18px;
    }
    .ec-classprice p span{
        font-size: 14px;
    }
    .ec-productRole .ec-productRole__description{
        line-height: 1.8;
        font-size: 14px;
        margin-top: 20px;
    }
    .ec-productRole__description dl{
        width: 100%;
        display: block;
    }
    .ec-productRole__description dl dt{
        padding-bottom: 0;
    }
    .ec-productRole__description dl dd{
        padding-top: 5px;
    }
    .ec-productRole__description dl dt, .ec-productRole__description dl dd{
        display: block;
        width: 100%;
        padding: 15px 10px;
    }
    .ec-layoutRole .ec-layoutRole__contents{
        padding: 0;
    }
    .other_page .ec-layoutRole__contents{
        padding: 0 20px;
    }
    .ec-heading-bold.num{
        font-size: 16px;
    }
    .other_page .category-list{
        padding: 0;
    }
    .ec-pageHeader h1{
        font-size: 18px;
    }
    .other_page .ec-role{
        padding: 0;
    }
    .ec-borderedDefs dt,
    .ec-borderedDefs dd{
        font-size: 14px;
    }
    .ec-off1Grid .ec-off1Grid__cell p{
        font-size: 14px;
    }
    .about-text {
        padding: 0;
    }
    .about-text .col_2 {
        padding: 20px 0;
    }
    .about .wrap {
        padding: 0;
    }

    #mv.top {
        background-position: 1250px;
    }
}